/* Deliver My Book - playful coral + teal children's subscription identity. */
:root{
  --bl-ink:#2b1b1e; --bl-slate:#5c4a4d; --bl-slate2:#6e5b5e;
  --bl-bg:#fdf6f1; --bl-paper:#ffffff; --bl-accent:#e0633f; --bl-accent2:#8a3820; --bl-teal:#1f6a60; --bl-tint:#fbe6db;
  --bl-rule:#f0ded2;
  --bl-head:'Baloo 2',sans-serif; --bl-sans:'Nunito',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--bl-sans);color:var(--bl-ink);background:var(--bl-bg);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--bl-head);font-weight:600;line-height:1.2}
.bl-skip{position:absolute;left:-999px;top:0;background:var(--bl-ink);color:#fff;padding:10px 18px;z-index:999}
.bl-skip:focus{left:16px;top:16px}
:focus-visible{outline:3px solid var(--bl-accent);outline-offset:2px}
.bl-reveal{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.bl-reveal.in-view{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.bl-reveal{opacity:1;transform:none;transition:none}}
.bl-wrap{max-width:1180px;margin:0 auto;padding:0 26px}

.bl-topbar{background:var(--bl-teal);color:#e4f3f0;font-size:.82rem;padding:8px 0}
.bl-topbar .bl-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.bl-topbar a{color:#e4f3f0}
.bl-topbar a:hover{color:#fff}

.bl-mast{border-bottom:1px solid var(--bl-rule);padding:18px 0;background:var(--bl-paper)}
.bl-mast .bl-wrap{display:flex;align-items:center;justify-content:space-between}
.bl-brand{font-family:var(--bl-head);font-weight:700;font-size:1.4rem;color:var(--bl-accent2)}
.bl-nav{display:flex;gap:22px;list-style:none;font-size:.9rem;font-weight:600}
.bl-nav a{color:var(--bl-slate)}
.bl-nav a:hover,.bl-nav a[aria-current]{color:var(--bl-accent2)}
.bl-cta{background:var(--bl-accent);color:#fff;padding:10px 18px;border-radius:100px;font-weight:700;font-size:.88rem}
.bl-cta:hover{background:var(--bl-accent2)}
.bl-navtoggle{display:none;background:none;border:1px solid var(--bl-rule);padding:8px 14px;font:inherit;border-radius:6px}
.bl-navpanel{display:none}
.bl-navpanel.open{display:flex;flex-direction:column;border-bottom:1px solid var(--bl-rule)}
.bl-navpanel a{padding:14px 26px;border-bottom:1px solid var(--bl-rule)}

.bl-hero{position:relative}
.bl-hero figure{aspect-ratio:16/8;overflow:hidden}
.bl-hero img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.bl-hero .content{position:absolute;left:0;right:0;bottom:0;max-width:1180px;margin:0 auto;padding:0 26px 46px;z-index:2}
.bl-kicker{display:inline-block;background:var(--bl-accent);color:#fff;font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:100px;margin-bottom:16px}
.bl-hero h1{font-size:clamp(1.9rem,4vw,2.9rem);color:#000;max-width:20ch}
.bl-hero p{margin-top:14px;color:#000;max-width:56ch;font-size:1.02rem}
.bl-content{padding:20px 20px}
.bl-herobtns{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.bl-btn{display:inline-block;background:var(--bl-accent);color:#fff;padding:13px 26px;border-radius:100px;font-weight:700;font-size:.94rem}
.bl-btn:hover{background:var(--bl-accent2)}
.bl-btnghost{display:inline-block;border:1.5px solid #000;color:#000;padding:12px 24px;border-radius:100px;font-weight:700;font-size:.94rem}
.bl-btnghost:hover{background:rgba(255,255,255,.14)}

.bl-uspsec{padding:50px 0;border-bottom:1px solid var(--bl-rule)}
.bl-uspsec h2{font-size:1.5rem;margin-bottom:26px;text-align:center}
.bl-uspgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bl-uspitem{background:var(--bl-paper);padding:26px;border-radius:16px;border:1px solid var(--bl-rule)}
.bl-uspitem h3{font-size:1.04rem;margin-bottom:10px;color:var(--bl-accent2)}
.bl-uspitem p{color:var(--bl-slate);font-size:.9rem}

.bl-stepsec{padding:50px 0;border-bottom:1px solid var(--bl-rule)}
.bl-stepsec h2{font-size:1.5rem;margin-bottom:26px;text-align:center}
.bl-stepgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.bl-stepitem{text-align:center;padding:10px}
.bl-stepitem .n{width:42px;height:42px;border-radius:50%;background:var(--bl-teal);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--bl-head);font-size:1.1rem;margin:0 auto 12px}
.bl-stepitem h3{font-size:1rem;margin-bottom:8px}
.bl-stepitem p{color:var(--bl-slate);font-size:.88rem}

.bl-agesec{padding:50px 0;border-bottom:1px solid var(--bl-rule)}
.bl-agesec h2{font-size:1.5rem;margin-bottom:26px;text-align:center}
.bl-agegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bl-ageitem{background:var(--bl-tint);padding:26px;border-radius:16px}
.bl-ageitem h3{font-size:1.15rem;margin-bottom:10px;color:var(--bl-accent2)}
.bl-ageitem p{color:var(--bl-ink);font-size:.9rem}

.bl-photorow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bl-photorow figure{aspect-ratio:4/3;overflow:hidden;border-radius:16px;background:var(--bl-paper)}
.bl-photorow img{width:100%;height:100%;object-fit:cover}

.bl-ctasec{background:var(--bl-teal);color:#fff;padding:52px 0;text-align:center}
.bl-ctasec h2{color:#fff;font-size:1.5rem;margin-bottom:14px}
.bl-ctasec p{color:#e4f3f0;max-width:56ch;margin:0 auto 22px}
.bl-ctasec .bl-btn{background:#fff;color:var(--bl-teal)}
.bl-ctasec .bl-btn:hover{background:#f0f0f0}

.bl-areasec{padding:44px 0;border-bottom:1px solid var(--bl-rule)}
.bl-areasec h2{font-size:1.3rem;margin-bottom:14px}
.bl-areasec p{color:var(--bl-slate);max-width:70ch}

.bl-why{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.bl-why div{background:var(--bl-paper);padding:24px;border-radius:16px;border:1px solid var(--bl-rule)}
.bl-why h3{font-family:var(--bl-sans);font-size:1.02rem;margin-bottom:8px;color:var(--bl-accent2)}
.bl-why p{color:var(--bl-slate);font-size:.9rem}
.bl-faq{border-bottom:1px solid var(--bl-rule)}
.bl-faq summary{list-style:none;cursor:pointer;padding:16px 0;display:flex;justify-content:space-between;gap:16px;font-family:var(--bl-head);font-weight:600;font-size:1.02rem}
.bl-faq summary::-webkit-details-marker{display:none}
.bl-faq summary::after{content:"+";color:var(--bl-accent)}
.bl-faq[open] summary::after{content:"-"}
.bl-faq p{color:var(--bl-slate);padding-bottom:14px}
.bl-cols{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px}
.bl-note{background:var(--bl-tint);padding:24px;border-radius:16px}
.bl-note p{color:var(--bl-ink);font-size:.92rem;margin-bottom:8px}
.bl-field{margin-bottom:14px}
.bl-field label{display:block;font-size:.84rem;font-weight:700;margin-bottom:6px}
.bl-field input,.bl-field textarea{width:100%;border:1.5px solid var(--bl-rule);padding:11px 12px;font:inherit;font-size:1rem;background:var(--bl-paper);border-radius:10px}
.bl-field textarea{min-height:100px;resize:vertical}
.bl-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bl-honeypot{position:absolute;left:-9999px}
.bl-submit{width:100%;min-height:46px;border:0;background:var(--bl-accent);color:#fff;font:inherit;font-weight:700;font-size:.92rem;cursor:pointer;margin-top:4px;border-radius:100px}
.bl-submit:hover{background:var(--bl-accent2)}
.bl-status{margin-top:8px;font-size:.86rem;min-height:1.1em}
.bl-status.ok{color:var(--bl-teal)}
.bl-status.err{color:#b3261e}
.bl-fine{margin-top:10px;font-size:.76rem;color:var(--bl-slate)}
.bl-fine a{color:var(--bl-accent2);text-decoration:underline}
.bl-prose h2{font-family:var(--bl-head);font-size:1.2rem;margin:20px 0 8px}
.bl-prose p{color:var(--bl-slate);margin-bottom:12px;max-width:74ch}
.bl-prose ul{color:var(--bl-slate);margin:0 0 12px 20px}
.bl-foot{border-top:1px solid var(--bl-rule);padding:30px 0;background:var(--bl-paper)}
.bl-footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;margin-bottom:22px}
.bl-footgrid h4{font-family:var(--bl-head);font-size:.94rem;margin-bottom:12px;color:var(--bl-accent2)}
.bl-footgrid ul{list-style:none;font-size:.88rem}
.bl-footgrid li{margin-bottom:8px}
.bl-footgrid li a{color:var(--bl-slate)}
.bl-footgrid li a:hover{color:var(--bl-accent2)}
.bl-footline{border-top:1px solid var(--bl-rule);padding-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.8rem;color:var(--bl-slate)}
.bl-credits{margin-top:8px;font-size:.64rem;color:var(--bl-slate2)}
@media (max-width:1000px){.bl-uspgrid,.bl-stepgrid,.bl-agegrid,.bl-photorow{grid-template-columns:1fr 1fr}.bl-why,.bl-cols,.bl-footgrid{grid-template-columns:1fr}}
@media (max-width:640px){.bl-nav{display:none}.bl-cta{display:none}.bl-navtoggle{display:block}.bl-uspgrid,.bl-stepgrid,.bl-agegrid,.bl-photorow{grid-template-columns:1fr}.bl-two{grid-template-columns:1fr}.bl-field input,.bl-field textarea{font-size:16px}}