@font-face{font-family:"Nunito";font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:light dark;
--page:#FFF8F1;--card:#FFFFFF;--ink:#2B211A;--muted:#7A6C61;--line:#EFE2D4;--grid:#F2E5D7;
--accent:#E8492A;--accent-ink:#C8381C;--soft:#FDE7E1;--plus:#2F7DF6;--plus-soft:#E3EEFF;--minus:#8B5CF6;--minus-soft:#EEE7FF;
--right:#23A15A;--wrong:#E5484D;--orange:#F08A00;--bolt:#FFCC1F;--key:#FFFFFF;--key-soft:#FFFFFF8C;
--m0:#ECE6DF;--m1:#F26B5B;--m2:#F6C343;--m3:#9BDDA8;--m4:#2E9E5B;
--c0:#FFD8CC;--c2:#D9F2DC;
--shadow:0 1px 2px rgba(80,40,10,.06),0 12px 30px -14px rgba(80,40,10,.22);
--round:"Nunito",ui-rounded,"SF Pro Rounded","Hiragino Maru Gothic ProN","Apple SD Gothic Neo",system-ui,sans-serif;
--sans:"Nunito",ui-rounded,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,"Hiragino Maru Gothic ProN","Hiragino Sans","Apple SD Gothic Neo","Noto Sans",sans-serif}
@media (prefers-color-scheme:dark){:root{
--page:#16130F;--card:#25211C;--ink:#F7EEE5;--muted:#B5A799;--line:#363029;--grid:#1F1B16;
--accent:#FF6E4D;--accent-ink:#FF8A6E;--soft:#3A1E17;--plus:#5C9BFF;--plus-soft:#1A2A45;--minus:#A88BFF;--minus-soft:#2A2145;
--right:#3CCB78;--wrong:#FF6369;--orange:#FFA53A;--key:#25211C;--key-soft:#25211C8C;
--m0:#37322C;--m1:#D9584A;--m2:#D9A82E;--m3:#4FA866;--m4:#2FBF6C;
--c0:#5A2E22;--c2:#1F4A2B;
--shadow:0 1px 2px rgba(0,0,0,.3),0 14px 30px -14px rgba(0,0,0,.6)}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--ink);font:500 17px/1.6 var(--sans)}
a{color:var(--accent-ink)}img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--plus);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:var(--card);padding:8px 12px;border-radius:10px;z-index:10}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}.narrow{max-width:760px}
h1,h2,h3{font-family:var(--round);margin:0 0 .4em;font-weight:900;letter-spacing:-.025em;line-height:1.02}
h1{font-size:clamp(44px,6.2vw,80px);letter-spacing:-.035em}h2{font-size:clamp(34px,4.4vw,54px)}
h3{font-size:22px;font-weight:850;letter-spacing:-.01em;line-height:1.2}
h1 em,h2 em{font-style:normal;color:var(--accent)}
:lang(ko) h1,:lang(ko) h2,:lang(ko) h3,:lang(ko) .lead{word-break:keep-all}
:lang(ja) h1,:lang(ja) h2,:lang(ko) h1,:lang(ko) h2{letter-spacing:-.01em;line-height:1.15}
:lang(ja) h1,:lang(ko) h1{font-size:clamp(38px,5.2vw,64px)}
:lang(ja){--round:"Nunito",ui-rounded,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif}
.lead{font-size:clamp(18px,1.9vw,21px);color:var(--muted);max-width:36em;margin:0}.muted{color:var(--muted);font-size:15px}
/* header */
.top .wrap{display:flex;align-items:center;gap:22px;height:76px}
.brand{display:flex;align-items:center;gap:10px;font:900 24px var(--round);letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.brand img{border-radius:9px;box-shadow:0 4px 10px -4px rgba(232,73,42,.6)}
.top nav{margin-left:auto}.top nav a{color:var(--ink);text-decoration:none;font-weight:750;font-size:16px}.top nav a:hover{color:var(--accent-ink)}
.pill{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:999px;padding:10px 18px;font-weight:800;font-size:15px;text-decoration:none;white-space:nowrap}
.pill.soon{background:var(--soft);color:var(--accent-ink)}
/* hero: squared maths-book paper */
.hero{position:relative;overflow:hidden;isolation:isolate;padding:40px 0 88px}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;
background-image:linear-gradient(var(--grid) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--grid) 1.5px,transparent 1.5px);background-size:28px 28px;
-webkit-mask-image:radial-gradient(75% 90% at 75% 45%,#000 30%,transparent 80%);mask-image:radial-gradient(75% 90% at 75% 45%,#000 30%,transparent 80%)}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.actions{display:flex;align-items:center;gap:24px;margin:30px 0 24px;flex-wrap:wrap}
.pill.big{padding:0 28px;min-height:58px;font-size:17px;box-shadow:0 14px 28px -14px rgba(232,73,42,.8)}
.pill.big.soon{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}
.more{font-weight:800;color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2.5px;text-underline-offset:6px}
.facts{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--muted);font-weight:700;font-size:15px}
.facts li{display:flex;align-items:center;gap:7px}.facts svg{width:18px;height:18px;color:var(--right)}
/* the sums */
.sum{font-family:var(--round);font-weight:900;white-space:nowrap;letter-spacing:-.01em}
.sum i{font-style:normal;margin:0 .22em}.sum.mul i{color:var(--accent)}.sum.add i{color:var(--plus)}.sum.sub i{color:var(--minus)}
/* hero art */
.hero-art{position:relative;min-height:660px;display:grid;place-items:center}
.chip{position:absolute;z-index:3;padding:10px 18px;border-radius:999px;font-size:26px;box-shadow:var(--shadow);background:var(--card)}
.chip.c1{left:0;top:15%;transform:rotate(-8deg);background:var(--plus-soft)}.chip.c1 .sum{color:var(--plus)}
.chip.c2{right:0;top:58%;transform:rotate(7deg);background:var(--minus-soft)}.chip.c2 .sum{color:var(--minus)}
.chip.c3{left:2%;bottom:16%;transform:rotate(5deg);background:var(--soft)}.chip.c3 .sum{color:var(--accent)}
.chip .sum i{color:inherit}
.phone{position:relative;z-index:2;width:300px;aspect-ratio:300/640;border-radius:54px;padding:11px;background:#1C1714;
box-shadow:0 0 0 1.5px #3B332D,0 2px 0 4px rgba(0,0,0,.04),0 50px 80px -30px rgba(80,30,10,.55)}
.phone::before{content:"";position:absolute;top:20px;left:50%;width:84px;height:24px;margin-left:-42px;border-radius:14px;background:#1C1714;z-index:3}
.screen{height:100%;border-radius:44px;background:var(--page);color:var(--ink);overflow:hidden;position:relative}
.practice{display:flex;flex-direction:column;padding:56px 15px 18px}
.pbar{display:flex;align-items:center;gap:10px}
.round-btn{flex:none;width:34px;height:34px;border-radius:50%;background:var(--card);display:grid;place-items:center;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.round-btn svg{width:16px;height:16px}
.progress{flex:1;height:8px;border-radius:8px;background:color-mix(in srgb,var(--ink) 10%,transparent);overflow:hidden}
.progress i{display:block;width:32%;height:100%;background:var(--accent);border-radius:8px}
.count{font:800 13px var(--round);color:var(--muted);font-variant-numeric:tabular-nums}
.question{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.sum.big{font-size:64px;line-height:1}
.answer-row{display:flex;align-items:center;gap:8px;font:900 48px/1 var(--round)}.eq{color:var(--muted)}
.answer-box{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:70px;padding:0 12px;border-radius:17px;
background:var(--right);color:#fff;box-shadow:inset 0 0 0 3px transparent}
.answer-box .bolt{position:absolute;right:-12px;top:-14px;width:30px;height:30px;color:var(--bolt);filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35))}
.answer-box .bolt svg{width:100%;height:100%}
.feedback{margin:0;font:800 20px var(--round);color:var(--orange);height:28px}
.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.key{display:grid;place-items:center;height:46px;border-radius:14px;background:var(--key);font:900 27px var(--round);box-shadow:0 2px 4px rgba(0,0,0,.07)}
.key.soft{background:var(--key-soft)}.key.soft svg{width:24px;height:24px}.key.none{background:none;box-shadow:none}
/* typing 5, 6 into the box (motion only; without it the finished state shows) */
@media (prefers-reduced-motion:no-preference){
.hero .answer-box{animation:box-on 0s 1.6s backwards}
.hero .d1{animation:digit .2s .9s backwards}.hero .d2{animation:digit .2s 1.4s backwards}
.hero .hit1{animation:press .35s .75s}.hero .hit2{animation:press .35s 1.25s}
.hero .answer-box .bolt{animation:pop .45s 1.75s cubic-bezier(.3,1.6,.5,1) backwards}
.hero .feedback{animation:rise .35s 1.9s backwards}
.chip{animation:float 6s ease-in-out infinite alternate}.chip.c2{animation-delay:-2s}.chip.c3{animation-delay:-4s}}
@keyframes box-on{from{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 50%,transparent)}}
@keyframes digit{from{opacity:0;transform:translateY(6px)}}
@keyframes press{50%{transform:scale(.9);background:var(--soft)}}
@keyframes pop{from{opacity:0;transform:scale(.2) rotate(-30deg)}}
@keyframes rise{from{opacity:0;transform:translateY(8px)}}
@keyframes float{to{translate:0 -10px}}
/* sections */
.band{padding:96px 0 16px}.band h2{max-width:16em}.band .lead{margin-top:4px}
.shows{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 22px;margin-top:40px}
.shows article h3{margin:20px 0 6px}.shows article p{margin:0;color:var(--muted);font-size:16.5px;max-width:30em}
.vis{position:relative;height:230px;border-radius:30px;overflow:hidden;display:grid;place-items:center;background:var(--card);box-shadow:var(--shadow)}
.vis::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:22px 22px;opacity:.9}
.vis>*{position:relative}
.shows>article,.kinds>article,.parents>article,.hero-grid>*{min-width:0}
/* adapt: a missed fact comes back */
.track{display:flex;gap:8px;align-items:center;padding-top:44px}
.q{position:relative;display:grid;place-items:center;min-width:58px;height:44px;padding:0 8px;border-radius:13px;background:var(--page);font-size:15px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.q svg{position:absolute;right:-7px;top:-8px;width:20px;height:20px;border-radius:50%;padding:3px;color:#fff}
.q.miss{box-shadow:inset 0 0 0 2.5px var(--wrong)}.q.miss svg{background:var(--wrong)}
.q.hit{box-shadow:inset 0 0 0 2.5px var(--right)}.q.hit svg{background:var(--right)}
.q:nth-child(n+4):nth-last-child(n+2){opacity:.75}
.loop{position:absolute;left:0;right:0;top:4px;width:100%;height:46px;overflow:visible}
.loop path,.hand path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.loop path{stroke:var(--accent);stroke-width:2.6;vector-effect:non-scaling-stroke}
.plus4{position:absolute;left:50%;top:-4px;transform:translateX(-50%);font:900 16px var(--round);color:var(--accent);background:var(--soft);padding:1px 9px;border-radius:999px}
.vis-again .track{transform:scale(.84)}
/* adapt: the order the tables come in */
.tables{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:0 22px}
.t{display:grid;place-items:center;height:48px;min-width:52px;border-radius:14px;font:900 19px var(--round);color:#fff}
.t.m4{background:var(--m4)}.t.m3{background:var(--m3);color:#1E4A2B}.t.m2{background:var(--m2);color:#5A4210}.t.m1{background:var(--m1)}.t.m0{background:var(--m0);color:var(--muted)}
@media (prefers-color-scheme:dark){.t.m3,.t.m2{color:#fff}}
/* adapt: quick within 3 seconds */
.vis-quick{grid-template-columns:auto auto;gap:22px;align-content:center;justify-content:center}
.timer{position:relative;width:132px;height:132px}.timer svg{width:100%;height:100%}.timer circle{fill:none;stroke-width:12}
.timer .track{stroke:var(--m0)}.timer .value{stroke:var(--bolt);stroke-linecap:round}
.timer span{position:absolute;inset:0;display:grid;place-items:center}.timer b{font:900 22px var(--round);white-space:nowrap}
.quick-side{display:grid;gap:14px;justify-items:center}
.answer-box.tiny{min-width:76px;height:56px;font:900 34px var(--round);border-radius:15px}.answer-box.tiny .bolt{width:24px;height:24px;right:-9px;top:-11px}
.limit{display:inline-flex;align-items:center;gap:4px;font:800 14px var(--round);color:var(--muted);background:var(--page);padding:4px 10px;border-radius:999px}
.limit svg{width:14px;height:14px;color:var(--orange)}
/* ways: tap */
.vis-tap{align-content:center;gap:16px}
.mini-q{display:flex;align-items:center;justify-content:center;gap:8px;font:900 34px/1 var(--round)}
.answer-box.small{min-width:64px;height:50px;font-size:32px;border-radius:14px;background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 50%,transparent)}
.caret{display:inline-block;width:3px;height:28px;margin-left:3px;background:var(--accent);border-radius:2px;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.keypad.mini{width:210px;gap:7px}.keypad.mini .key{height:40px;font-size:22px;background:var(--page)}
.keypad.mini .key.hit{background:var(--soft);color:var(--accent-ink);box-shadow:inset 0 0 0 2px var(--accent)}
@media (prefers-reduced-motion:reduce){.caret{animation:none}}
/* ways: write */
.vis-write{align-content:center;gap:12px;padding:0 26px}
.pad{width:100%;height:130px;border-radius:22px;background:var(--page);display:grid;place-items:center;box-shadow:0 1px 3px rgba(0,0,0,.07)}
.hand{width:150px;height:106px;transform:rotate(-4deg)}.hand path{stroke:var(--ink);stroke-width:10}
.pad-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.btn{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:999px;font:800 15px var(--round)}
.btn svg{width:17px;height:17px}.btn.ghost{background:var(--soft);color:var(--accent-ink)}.btn.solid{background:var(--accent);color:#fff}
@media (prefers-reduced-motion:no-preference){.hand path{stroke-dashoffset:1;animation:draw 1s cubic-bezier(.5,0,.4,1) forwards;animation-timeline:view();animation-range:entry 40% cover 45%}
.hand .s1b{animation-delay:.1s}.hand .s2{animation-delay:.2s}}
@supports not (animation-timeline:view()){.hand path{stroke-dashoffset:0!important;animation:none!important}}
@keyframes draw{to{stroke-dashoffset:0}}
/* ways: say it */
.vis-voice{align-content:center;gap:18px}
.mic{position:relative;width:112px;height:112px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;margin:0 auto}
.mic svg{width:50px;height:50px;position:relative}
.ring{position:absolute;inset:0;border-radius:50%;background:var(--accent);opacity:0}
@media (prefers-reduced-motion:no-preference){.ring{animation:pulse 2.2s ease-out infinite}.ring.r2{animation-delay:1.1s}}
@keyframes pulse{0%{transform:scale(1);opacity:.35}100%{transform:scale(1.7);opacity:0}}
.heard{display:flex;align-items:center;gap:8px;margin:0;padding:7px 14px;border-radius:999px;background:var(--page);font:750 16px var(--round);color:var(--muted)}
.heard svg{width:18px;height:18px;color:var(--accent)}.heard b{color:var(--right);font-weight:900}
/* parents */
.parents{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
.panel{display:flex;flex-direction:column;background:var(--card);border-radius:32px;padding:28px;box-shadow:var(--shadow)}
.panel h3{margin:22px 0 6px}.panel p{margin:0;color:var(--muted);max-width:32em}
.panel-art{border-radius:22px;background:var(--page);padding:22px;min-height:400px;flex:1;display:grid;align-items:center}
.kids-title,.sheet-title{margin:0 0 14px;font:900 28px/1.1 var(--round);letter-spacing:-.02em}
.sheet-title{font-size:17px;text-align:center;margin-bottom:12px}
.kid-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.kid{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 8px;border-radius:22px;background:var(--card);box-shadow:0 4px 14px -6px rgba(80,40,10,.18);text-align:center}
.kid b{font:850 19px var(--round)}.kid small{display:flex;align-items:center;gap:4px;font:750 13px var(--round);color:var(--muted)}
.kid small svg{width:14px;height:14px}.kid:nth-child(1) small svg{color:var(--right)}.kid:nth-child(2) small svg{color:var(--orange)}
.avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-size:37px;line-height:1}
.avatar.c0{background:var(--c0)}.avatar.c2{background:var(--c2)}.avatar.plus{background:var(--soft);color:var(--accent)}.avatar.plus svg{width:28px;height:28px}
.kid.add{background:transparent;box-shadow:none;border:2px dashed color-mix(in srgb,var(--muted) 40%,transparent)}
.heat{max-width:380px;margin:0 auto;width:100%}
.seg{display:grid;grid-template-columns:repeat(3,1fr);padding:2px;border-radius:9px;background:color-mix(in srgb,var(--ink) 8%,transparent);margin-bottom:14px}
.seg span{text-align:center;font:750 13px/28px var(--round);border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.seg .on{background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.grid{display:grid;grid-template-columns:18px repeat(10,1fr);gap:3px;align-items:center}
.axis,.corner-op{font:800 10.5px var(--round);color:var(--muted);text-align:center}.corner-op{color:var(--accent);font-size:13px;font-weight:900}
.cell{aspect-ratio:1;border-radius:4px}
.m0{background:var(--m0)}.m1{background:var(--m1)}.m2{background:var(--m2)}.m3{background:var(--m3)}.m4{background:var(--m4)}
.legend{list-style:none;margin:14px 0 0;padding:12px 14px;border-radius:16px;background:var(--card);display:grid;gap:5px}
.legend li{display:flex;align-items:center;gap:9px;font:700 13.5px var(--round)}.legend b{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}
.sw{width:15px;height:15px;border-radius:4px;flex:none}
/* kinds */
.kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.kind{background:var(--card);border-radius:28px;padding:20px;box-shadow:var(--shadow)}
.kind-head{display:flex;align-items:center;gap:14px}.kind-head h3{margin:0;font-size:24px}.kind-head p{margin:0;color:var(--muted);font-size:15px}
.op{flex:none;width:62px;height:62px;border-radius:18px;display:grid;place-items:center;color:#fff;font:900 40px/1 var(--round)}
.kind.mul .op,.kind.mul .go{background:var(--accent)}.kind.add .op,.kind.add .go{background:var(--plus)}.kind.sub .op,.kind.sub .go{background:var(--minus)}
.strip{display:flex;gap:2px;height:12px;border-radius:999px;overflow:hidden;margin:18px 0 6px}
.known{margin:0 0 16px;font:750 13.5px var(--round);color:var(--muted)}
.go{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:999px;color:#fff;font:850 18px var(--round)}.go svg{width:16px;height:16px}
/* privacy + price */
.duo{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:stretch;padding-top:96px;padding-bottom:16px}
.duo section{border-radius:34px;padding:40px}
.tomato{color:#fff;background:radial-gradient(90% 90% at 100% 0%,#FF8466,transparent 60%),linear-gradient(150deg,#E8492A,#C8381C)}
.tomato h2,.tomato h2 em{color:#fff}.tomato p{color:rgba(255,255,255,.9);max-width:32em}
.nots{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-weight:750}
.nots li{display:flex;align-items:center;gap:8px}.nots svg{width:20px;height:20px;flex:none;color:var(--bolt)}
.card-panel{background:var(--card);box-shadow:var(--shadow)}.card-panel p{color:var(--muted)}
.icons{display:flex;gap:14px;margin-top:22px}.icons img{width:60px;border-radius:14px}
/* faq */
.faq-band{padding-bottom:96px}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:start}
.faq details{border-bottom:2px solid var(--line);padding:18px 0}.faq details:first-child{padding-top:4px}
.faq summary{font-weight:850;cursor:pointer;font-size:18.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--round)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:900;font-size:21px;line-height:1}
.faq details[open] summary::after{content:"\2212"}.faq p{color:var(--muted);margin:10px 0 0}
/* other pages */
.wrap.page{padding:56px 24px 80px}.wrap.page h2{font-size:28px;margin-top:40px}.tips li{margin:8px 0}
/* footer (layout B) */
.site-footer{border-top:2px solid var(--line);padding:34px 0 40px;font-size:15px;color:var(--muted)}
.footer-top{display:flex;justify-content:space-between;gap:30px}
.footer-brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:850;text-decoration:none;font-family:var(--round)}
.footer-brand img{filter:grayscale(1);opacity:.5;border-radius:5px;box-shadow:0 0 0 1px var(--line)}.footer-brand:hover img{filter:none;opacity:1}
.footer-tagline,.footer-made{margin:6px 0 0}.footer-made a{color:inherit;text-decoration:none}.footer-made a:hover,.footer-made a:focus{color:var(--ink);text-decoration:underline}
.footer-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.footer-links a{color:var(--muted)}
details.language{position:relative}
details.language summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;color:var(--ink);font-weight:750}
details.language summary::-webkit-details-marker{display:none}details.language summary svg{width:18px;height:18px}details.language .chevron{width:14px;height:14px}
details.language ul{position:absolute;right:0;bottom:calc(100% + 8px);list-style:none;margin:0;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.16);min-width:200px;max-height:70vh;overflow:auto;z-index:5}
details.language li a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;color:var(--ink);text-decoration:none}
details.language li a:hover{background:var(--soft)}details.language li svg{width:16px;height:16px;color:var(--accent)}
/* small screens */
@media (max-width:1000px){.shows,.kinds{grid-template-columns:1fr 1fr}.parents{grid-template-columns:1fr}}
@media (max-width:900px){.hero-grid,.duo,.faq-grid{grid-template-columns:1fr}.hero{padding-top:24px}.hero-art{min-height:600px}.faq-grid{gap:8px}}
@media (max-width:640px){.shows,.kinds{grid-template-columns:1fr}.band{padding-top:72px}.duo section{padding:30px 24px}.nots{grid-template-columns:1fr}
.panel{padding:16px;border-radius:26px}.panel-art{padding:16px;min-height:0}.chip{font-size:20px;padding:8px 14px}.chip.c2{right:-8px}
.phone{width:270px;border-radius:48px;padding:10px}.screen{border-radius:39px}.practice{padding:50px 13px 16px}.sum.big{font-size:56px}.key{height:41px;font-size:24px}}
@media (max-width:760px){.footer-top{flex-direction:column}.footer-side{align-items:flex-start}.footer-links{justify-content:flex-start}details.language ul{left:0;right:auto}.top nav{display:none}.top .pill{margin-left:auto}}
@media (max-width:480px){.track{gap:5px}.q{min-width:44px;height:40px;padding:0 5px;font-size:12.5px;border-radius:11px}.tables{gap:7px;padding:0 14px}.t{min-width:0;font-size:17px}}
@media (max-width:380px){.wrap{padding:0 16px}.kid-grid{gap:8px}.avatar{width:56px;height:56px;font-size:30px}}