/* Adult pages — design style v2 (site/DESIGN.md, DEC-016): colorful nav + hero, chunky buttons,
   Fredoka headings, Nunito body. Tokens: /assets/tokens.css */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:12px}
body{margin:0;background:var(--soft);color:var(--navy);font-family:var(--font-adult);font-size:16px;line-height:1.55;font-weight:400}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand-navy);text-underline-offset:2px}
a:hover{color:var(--navy)}
h1,h2,h3{line-height:1.15;margin:0;font-family:var(--font-kids);font-weight:700;color:var(--navy)}
p{margin:0 0 12px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;background:var(--white);padding:8px;z-index:10}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.narrow{max-width:800px}
.kz-i{display:block;width:100%;height:100%;overflow:visible}

/* ---------- header ---------- */
.a-top{background:var(--white);box-shadow:0 3px 0 rgba(11,33,64,.06);position:relative;z-index:5}
.a-top-in{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"brand . cta" "pills pills pills";align-items:center;gap:8px 10px;padding-top:8px;padding-bottom:10px}
.brand{grid-area:brand;display:block}
.brand img{height:52px;width:auto}
.pills{grid-area:pills;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px}
.pills::-webkit-scrollbar{display:none}
.pill{display:flex;align-items:center;gap:7px;flex:none;font-family:var(--font-kids);font-weight:700;font-size:15px;padding:8px 13px;border-radius:14px;text-decoration:none;white-space:nowrap}
.pill .kz-i{width:22px;height:22px;flex:none}
.pill .ps{display:none}
@media (max-width:899px){.pill{font-size:14px;padding:7px 10px;gap:5px}.pill .kz-i{width:19px;height:19px}.pill .pl{display:none}.pill .ps{display:inline}}
.pill:hover{filter:brightness(.97)}
.p1{background:var(--tint-blue);color:#0B5FA8}.p2{background:var(--tint-red);color:#C0202A}.p3{background:var(--tint-green);color:var(--green-dl)}.p4{background:var(--tint-yellow);color:#8A6500}
.p1:hover{color:#0B5FA8}.p2:hover{color:#C0202A}.p3:hover{color:var(--green-dl)}.p4:hover{color:#8A6500}
.kids-cta{grid-area:cta;display:flex;align-items:center;gap:8px;background:var(--yellow);color:var(--navy);border-radius:14px;box-shadow:0 4px 0 var(--yellow-d);padding:0 14px;min-height:46px;font-family:var(--font-kids);font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap}
.kids-cta:hover{color:var(--navy);filter:brightness(1.03)}
.kids-cta:active{transform:translateY(3px);box-shadow:0 1px 0 var(--yellow-d)}
.kids-cta .kz-i{width:24px;height:24px}
.kids-cta .l{display:none}
@media (min-width:900px){
  .a-top-in{grid-template-columns:auto 1fr auto;grid-template-areas:"brand pills cta";height:92px;padding:0 16px}
  .brand img{height:70px}
  .pills{margin:0 0 0 18px;padding:0;overflow:visible}
  .pill{font-size:17px;padding:10px 16px}
  .kids-cta{min-height:54px;font-size:18px;padding:0 20px;box-shadow:0 5px 0 var(--yellow-d)}
  .kids-cta .l{display:inline}.kids-cta .s{display:none}
}

/* ---------- sky band behind inner-page heroes ---------- */
body.inner main{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 70C240 10 480 30 720 70S1200 120 1440 50V120H0z' fill='%2333B44A'/%3E%3C/svg%3E") 0 330px/100% 120px no-repeat,
  linear-gradient(var(--grass),var(--grass)) 0 448px/100% 60px no-repeat,
  linear-gradient(180deg,var(--sky-top) 0,#8ED8F4 240px,#BDEBFA 400px) 0 0/100% 450px no-repeat,
  var(--soft)}
@media (min-width:900px){body.inner main{background-position:0 360px,0 478px,0 0;background-size:100% 120px,100% 60px,100% 480px}}

/* breadcrumbs */
.crumbs{font-size:13px;color:#12345E;padding:10px 0 2px;font-weight:700}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:6px;white-space:nowrap;overflow:hidden}
.crumbs li{display:flex;gap:6px;min-width:0}
.crumbs li:last-child{overflow:hidden;text-overflow:ellipsis;display:block}
.crumbs li+li::before{content:"›"}
.crumbs li+li:last-child::before{margin-right:6px}
.crumbs a{color:#12345E;text-decoration:none}
.crumbs a:hover{text-decoration:underline}

/* ---------- first screen (white card on the sky) ---------- */
.hero{display:grid;gap:10px;padding:14px;margin:8px 0 22px;grid-template-areas:"text" "preview" "actions" "after";background:var(--white);border-radius:24px;box-shadow:0 6px 0 rgba(11,33,64,.08),0 18px 40px rgba(11,33,64,.10)}
.hero-text{grid-area:text}
.hero h1{font-size:26px;letter-spacing:-.01em;margin:2px 0 6px}
.answer{font-size:15px;line-height:1.5;color:var(--muted-2);margin:0}
.preview{grid-area:preview;margin:0}
.preview img,.art-ph{border-radius:16px;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--soft)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:0;list-style:none}
.chips li,.chip{font-size:13px;font-weight:800;color:#0B5FA8;background:var(--tint-blue);border-radius:999px;padding:2px 10px;line-height:20px}
.actions{grid-area:actions;display:grid;gap:10px}
.after{grid-area:after}
@media (min-width:900px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"text preview" "actions preview" "after preview";column-gap:40px;row-gap:16px;padding:28px;margin-top:14px;align-items:start}
  .hero h1{font-size:40px}
  .answer{font-size:17px}
  .actions{grid-template-columns:1fr 1fr;align-self:start}
}

/* ---------- chunky buttons ---------- */
.btn,.btn-kids,.cbtn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:8px 16px;border-radius:16px;font-family:var(--font-kids);font-weight:700;font-size:18px;line-height:1.15;text-decoration:none;cursor:pointer;text-align:center;border:0;transition:transform .08s,box-shadow .08s}
.btn:active,.btn-kids:active,.cbtn:active{transform:translateY(4px)}
.btn-dl,.cbtn-g{background:var(--grass);color:var(--white);box-shadow:0 5px 0 var(--grass-d)}
.btn-dl:hover,.cbtn-g:hover{color:var(--white);filter:brightness(1.05)}
.btn-dl:active,.cbtn-g:active{box-shadow:0 1px 0 var(--grass-d)}
.btn-sub{font-family:var(--font-adult);font-weight:700;font-size:14px;opacity:.92}
.btn-dl svg{flex:none}
.btn-sec,.cbtn-w{background:var(--white);color:var(--brand-navy);box-shadow:0 0 0 2px var(--line) inset,0 5px 0 var(--line)}
.btn-sec:hover,.cbtn-w:hover{color:var(--brand-navy);background:#FBFCFE}
.btn-kids,.actions .btn-kids{background:var(--yellow);color:var(--navy);box-shadow:0 5px 0 var(--yellow-d)}
.btn-kids:active{box-shadow:0 1px 0 var(--yellow-d)}
.cbtn .kz-i{width:22px;height:22px;flex:none}
.link-more{font-family:var(--font-kids);font-weight:700;font-size:16px;text-decoration:none}

/* compact tool row */
.hero.tool{grid-template-areas:"text" "row" "after"}
.tool-row{grid-area:row;display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center}
.tool-row .preview img{aspect-ratio:210/297;object-fit:cover;object-position:top;border-radius:10px;border:2px solid var(--line)}
.tool-row .actions .btn,.tool-row .actions .btn-kids{min-height:48px;font-size:17px}
@media (min-width:900px){.hero.tool{grid-template-columns:1fr;grid-template-areas:"text" "row" "after"}.tool-row{grid-template-columns:120px minmax(0,560px)}}
.tool-row .preview,.tool-row .actions{grid-area:auto;min-width:0}
.tool-row .btn-dl{flex-wrap:wrap;gap:2px 8px}
.mount{margin:0 0 32px;min-height:120px}

/* after-download strip */
.dl-after{border-radius:16px;padding:12px 14px;background:#D7FFB8;color:#22560A;font-size:15px;font-weight:700}
.dl-after p{margin:0 0 6px}
.dl-after p:last-child{margin:0}

/* ---------- sections ---------- */
.sec{padding:26px 0}
.sec h2{font-size:26px;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.sec h2 .kz-i{width:34px;height:34px;flex:none;background:var(--white);border-radius:12px;padding:5px;box-shadow:0 3px 0 var(--line)}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sec .lead{color:var(--muted-2);max-width:68ch}
.muted{color:var(--muted)}
.small{font-size:14px}
main>.wrap>.sec:not(:first-child),.wrap>.sec+.sec{border-top:0}

/* scene strip */
.scenes{list-style:none;margin:0;padding:0 0 10px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,78%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory}
.scenes li{scroll-snap-align:start;border-radius:20px;overflow:hidden;background:var(--white);box-shadow:0 0 0 2px var(--line) inset,0 5px 0 var(--line)}
.scenes img,.scenes .art-ph{border-radius:0;width:100%;aspect-ratio:16/9;object-fit:cover}
.scenes .sc-b{padding:10px 14px 14px}
.scenes h3{font-size:17px;margin-bottom:4px}
.scenes h3 span{color:var(--purple);margin-right:5px}
.scenes p{font-size:15px;margin:0;color:var(--muted-2)}
@media (min-width:900px){.scenes{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible}}

/* placeholder art */
.art-ph{display:flex;align-items:center;justify-content:center;background:var(--tint-yellow);border:2px dashed #E3C766!important;color:#8A6500;font-family:var(--font-kids);font-weight:700;font-size:16px;text-align:center;padding:8px}
.art-ph svg{margin-right:8px;flex:none}

/* age tabs */
.tabs{border-radius:20px;overflow:hidden;background:var(--white);box-shadow:0 0 0 2px var(--line) inset,0 5px 0 var(--line)}
.tabs input{position:absolute;opacity:0;pointer-events:none}
.tabs .tl{display:flex;gap:8px;padding:10px}
.tabs label{flex:1;text-align:center;padding:10px;font-family:var(--font-kids);font-weight:700;cursor:pointer;color:var(--muted-2);font-size:16px;border-radius:12px;background:var(--soft)}
.tabs .tp{display:none;padding:6px 18px 16px}
#age45:checked~.tl label[for=age45],#age68:checked~.tl label[for=age68]{background:var(--blue);color:var(--white);box-shadow:0 4px 0 var(--blue-d)}
#age45:checked~.tp45,#age68:checked~.tp68{display:block}
#age45:focus-visible~.tl label[for=age45],#age68:focus-visible~.tl label[for=age68]{outline:3px solid var(--blue)}
.tp45 p{font-size:17px;line-height:1.6}
.tp45 p b{color:var(--brand-navy)}

/* questions */
.qlist{margin:0;padding:16px 18px 16px 38px;background:var(--white);border-radius:20px;box-shadow:0 0 0 2px var(--line) inset,0 5px 0 var(--line)}
.qlist li{margin-bottom:10px;font-weight:800}
.qlist details{font-weight:400;color:var(--muted-2);margin-top:2px}
.qlist summary{cursor:pointer;color:var(--purple-d);font-weight:800;font-size:14px}
.verse{background:var(--tint-yellow);padding:16px 18px;border-radius:20px;box-shadow:0 5px 0 #F0DC8A}
.verse q{font-family:var(--font-kids);font-size:22px;font-weight:700;quotes:"«" "»"}
.verse p{margin:6px 0 0;font-size:14px;color:var(--muted)}

/* file contents */
.files{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:12px 0 16px}
.files figure{margin:0}
.files img{border:2px solid var(--line);border-radius:10px;background:var(--white);aspect-ratio:210/297;object-fit:cover;object-position:top;width:100%}
.files img.land{aspect-ratio:297/210}
.files figcaption{font-size:13px;color:var(--muted-2);margin-top:6px;font-weight:800}
.dl-row{display:flex;flex-wrap:wrap;gap:12px}
.dl-row .btn{flex:0 1 auto}

/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.card{border-radius:20px;overflow:hidden;background:var(--white);display:flex;flex-direction:column;text-decoration:none;color:var(--navy);box-shadow:0 0 0 2px var(--line) inset,0 5px 0 var(--line);transition:transform .12s}
a.card:hover{transform:translateY(-3px);color:var(--navy)}
.card img,.card .art-ph{border-radius:0;aspect-ratio:16/9;object-fit:cover;width:100%}
.card .cb{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.card h3{font-size:19px}
.card p{font-size:14px;color:var(--muted-2);margin:0}
.card .chips{margin-top:auto;padding-top:6px}

/* game tiles */
.gtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.gtile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:150px;border-radius:22px;color:var(--white);text-decoration:none;font-family:var(--font-kids);font-weight:700;font-size:21px}
.gtile:hover{color:var(--white);filter:brightness(1.05)}
.gtile .kz-i{width:62px;height:62px}
.g-purple{background:var(--purple);box-shadow:0 6px 0 var(--purple-d)}.g-blue{background:var(--blue);box-shadow:0 6px 0 var(--blue-d)}.g-green{background:var(--grass);box-shadow:0 6px 0 var(--grass-d)}

/* kit box */
.kitbox{border-radius:24px;padding:22px;background:var(--orange);color:#2B1A00;box-shadow:0 6px 0 var(--orange-d)}
.kitbox .eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#5A3A00}
.kitbox h2{font-size:26px;margin:4px 0 8px;color:var(--navy)}
.kitbox p{color:#3A2600;font-weight:700}
.kitbox .btn{display:inline-flex}
.kitbox .btn-sec{box-shadow:0 5px 0 var(--orange-d)}

/* kit page */
.fan{position:relative;aspect-ratio:16/11;max-width:520px}
.fan img{position:absolute;width:46%;border-radius:8px;box-shadow:0 8px 22px rgba(11,33,64,.18);background:var(--white);aspect-ratio:210/297;object-fit:cover;object-position:top}
.fan img:nth-child(1){left:0;top:8%;transform:rotate(-5deg)}
.fan img:nth-child(2){left:27%;top:0;z-index:2}
.fan img:nth-child(3){right:0;top:8%;transform:rotate(5deg)}
.price-line{font-weight:800;color:var(--green-dl);margin:8px 0 0;font-size:15px}
.each{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));list-style:none;padding:0;margin:0}
.each li{border-radius:18px;padding:14px 16px;background:var(--white);box-shadow:0 0 0 2px var(--line) inset,0 5px 0 var(--line)}
.each b{display:block;margin-bottom:2px;font-family:var(--font-kids);font-size:18px}
.each span{color:var(--muted-2);font-size:15px}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:10px}
.steps li{counter-increment:s;display:flex;gap:12px;align-items:flex-start}
.steps li::before{content:counter(s);flex:none;width:32px;height:32px;border-radius:50%;background:var(--blue);color:var(--white);font-family:var(--font-kids);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 3px 0 var(--blue-d)}
.faq details{background:var(--white);border-radius:16px;padding:12px 16px;margin-bottom:10px;box-shadow:0 0 0 2px var(--line) inset}
.faq summary{cursor:pointer;font-weight:800}
.faq p{margin:8px 0 0;color:var(--muted-2)}
.two{display:grid;gap:16px}
@media (min-width:900px){.two{grid-template-columns:1fr 1fr}}
ul.ticks{list-style:none;padding:0;margin:0}
ul.ticks li{padding-left:28px;position:relative;margin-bottom:8px}
ul.ticks li::before{content:"";position:absolute;left:4px;top:7px;width:11px;height:6px;border-left:3px solid var(--grass);border-bottom:3px solid var(--grass);transform:rotate(-45deg)}

/* chooser (in-page panel, never a modal) */
.chooser{border-radius:20px;padding:16px;background:var(--white);box-shadow:0 0 0 2px var(--line) inset,0 6px 0 var(--line);margin-top:4px}
.chooser h3{font-size:19px;margin-bottom:4px}
.chooser .ln{color:var(--muted-2);font-size:15px;margin-bottom:12px}
.chips-amt{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;border:0;padding:0}
.chips-amt label{position:relative}
.chips-amt input{position:absolute;opacity:0}
.chips-amt span{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;border-radius:14px;font-family:var(--font-kids);font-weight:700;font-size:17px;cursor:pointer;background:var(--white);box-shadow:0 0 0 2px var(--line) inset,0 4px 0 var(--line)}
.chips-amt input:checked+span{background:#DDF4FF;color:var(--blue-d);box-shadow:0 0 0 2px var(--blue) inset,0 4px 0 var(--blue)}
.chips-amt input:focus-visible+span{outline:3px solid var(--blue)}
.other{display:none;margin-bottom:12px}
.other.on{display:block}
.other label{font-size:14px;font-weight:700;display:block;margin-bottom:4px}
.other input{font:inherit;font-size:16px;border:2px solid var(--line);border-radius:12px;padding:10px 12px;width:160px}
.chooser .btn{width:100%}
.ch-x{float:right;background:none;border:0;font:inherit;color:var(--muted);cursor:pointer;font-size:14px;font-weight:700;padding:4px}
.pix{margin-top:12px;border-top:2px solid var(--line);padding-top:12px}
.pix .soon{display:inline-block;background:var(--tint-yellow);border-radius:12px;padding:10px 14px;font-weight:800;color:#8A6500}
.pix textarea{width:100%;font:13px/1.4 ui-monospace,monospace;border:2px solid var(--line);border-radius:10px;padding:8px;resize:none;height:72px}
.pix svg{width:200px;height:200px;display:block;margin:8px 0}

/* text pages */
.prose{max-width:68ch;background:var(--white);border-radius:22px;padding:6px 20px 20px;margin-bottom:28px;box-shadow:0 0 0 2px var(--line) inset,0 5px 0 var(--line)}
.prose h2{font-size:22px;margin:22px 0 8px}
.prose p{color:var(--muted-2)}
.trustline{font-size:13px;font-weight:800;color:var(--green-dl);margin:4px 0 0}

/* ---------- footer ---------- */
.a-foot{position:relative;background:var(--navy);color:#C9D6E8;margin-top:40px;padding:12px 0 34px;font-size:14px}
.a-foot .hill{position:absolute;left:0;top:-59px;width:100%;height:60px;display:block}
.a-foot .hill path{fill:var(--navy)}
.f-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.f-top img{height:64px;width:auto;background:var(--white);border-radius:16px;padding:4px 8px}
.a-foot .trust{font-family:var(--font-kids);font-weight:700;font-size:17px;color:var(--yellow);margin:0}
.a-foot nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:12px}
.a-foot a{color:var(--white);font-weight:700;text-decoration:none}
.a-foot a:hover{color:var(--sky);text-decoration:underline}

/* ---------- home ---------- */
.h-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--sky-top) 0%,#8ED8F4 70%,#BDEBFA 100%);padding:22px 0 120px}
.cloud{position:absolute;background:var(--white);border-radius:99px;opacity:.95}
.cloud::before,.cloud::after{content:"";position:absolute;background:var(--white);border-radius:50%}
.cloud::before{width:55%;height:180%;left:15%;bottom:20%}.cloud::after{width:40%;height:140%;right:12%;bottom:25%}
.c1{width:120px;height:32px;left:4%;top:40px}.c2{width:90px;height:26px;left:48%;top:24px;opacity:.8}.c3{width:140px;height:38px;right:4%;top:22px}
.sun{position:absolute;right:9%;top:28px;width:60px;height:60px;border-radius:50%;background:#FFE14D;box-shadow:0 0 0 12px rgba(255,225,77,.3)}
.h-grid{position:relative;z-index:2;display:grid;gap:22px}
.eyebrow{display:inline-flex;background:var(--navy);color:var(--yellow);font-weight:800;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;padding:6px 12px;border-radius:99px;margin:0}
.h-copy h1{font-size:38px;line-height:1.06;margin:12px 0 0;letter-spacing:-.3px}
.tag{display:inline-block;color:var(--white);background:var(--red);padding:0 12px 3px;border-radius:14px;transform:rotate(-2deg);box-shadow:0 5px 0 var(--red-d)}
.h-sub{font-weight:700;font-size:17px;line-height:1.45;color:#12345E;margin:14px 0 0;max-width:520px}
.h-cta{display:grid;gap:14px;margin-top:22px;position:relative;z-index:3}
.h-cta .cbtn{min-height:58px;font-size:19px;white-space:nowrap}
.h-art{position:relative;margin:4px 6px 24px}
.h-frame{display:block;border:8px solid var(--white);border-radius:24px;overflow:hidden;box-shadow:0 14px 30px rgba(11,33,64,.22);transform:rotate(1.5deg)}
.h-frame img{width:100%;aspect-ratio:16/9;object-fit:cover}
.h-week{position:absolute;left:10px;bottom:-20px;display:flex;align-items:center;gap:8px;background:var(--yellow);color:var(--navy);font-family:var(--font-kids);font-weight:700;font-size:14px;padding:7px 12px;border-radius:14px;box-shadow:0 4px 0 var(--yellow-d);transform:rotate(-3deg);max-width:86%}
.h-week .kz-i{width:20px;height:20px;flex:none}
.h-lion{position:absolute;right:-6px;bottom:-34px;width:74px;height:auto;z-index:3}
.h-say{display:none}
.hills{position:absolute;left:0;bottom:0;width:100%;height:110px;z-index:1}
.hills .h1{fill:#2FA845}.hills .h2{fill:var(--grass)}
.h-feat{background:var(--grass);padding:0 0 30px;margin-top:-1px}
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fc{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--white);text-decoration:none;color:var(--navy);box-shadow:0 5px 0 rgba(0,0,0,.12)}
.fc:hover{color:var(--navy);transform:translateY(-2px)}
.fh{display:flex;align-items:center;gap:8px;padding:10px 12px;color:var(--white);font-family:var(--font-kids);font-weight:700;font-size:15px;line-height:1.1}
.fh .kz-i{width:26px;height:26px;flex:none;background:rgba(255,255,255,.95);border-radius:8px;padding:3px}
.fp{padding:10px 12px 12px;font-weight:700;font-size:14px;line-height:1.4;color:var(--muted-2)}
.f-blue .fh{background:var(--blue)}.f-purple .fh{background:var(--purple)}.f-red .fh{background:var(--red)}.f-orange .fh{background:var(--orange)}
@media (min-width:900px){
  .h-hero{padding:56px 0 150px}
  .h-grid{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:64px;align-items:center}
  .h-copy h1{font-size:58px;margin-top:16px}
  .eyebrow{font-size:14px;padding:8px 14px}
  .h-sub{font-size:21px;margin-top:20px}
  .h-cta{grid-template-columns:auto auto;justify-content:start;gap:16px;margin-top:30px}
  .h-cta .cbtn{min-height:64px;padding:0 24px}
  .h-art{margin:0}
  .h-frame{border-width:10px;border-radius:30px;transform:rotate(2deg)}
  .h-week{left:-20px;font-size:18px;padding:10px 16px;bottom:-26px}
  .h-lion{right:-58px;left:auto;bottom:-70px;width:120px}
  .h-say{display:block;position:absolute;right:-74px;bottom:150px;z-index:3;background:var(--white);border-radius:16px;padding:8px 14px;font-family:var(--font-kids);font-weight:700;font-size:18px;box-shadow:0 4px 0 rgba(11,33,64,.12)}
  .hills{height:170px}
  .feat-grid{grid-template-columns:repeat(4,1fr);gap:22px}
  .fh{font-size:20px;padding:14px 18px}.fh .kz-i{width:32px;height:32px}
  .fp{font-size:15px;padding:12px 18px 16px}
}
body.home{background:var(--soft)}
.home .wrap>.sec:first-child{padding-top:34px}