:root,[data-theme=dia]{--c-bg: #FFFDF8;--c-ink: #13205A;--c-primary: #1F3FA8;--c-primary2: #3D6BE0;--c-surface: #F1F5FF;--c-surfaceSelected: #DCE6FF;--c-line: #C9CEDB;--c-muted: #5A6175;--c-disabled: #7A839B;--c-accent: #F5A300;--c-accentInk: #9A6200;--c-hintBg: #FFF1CC;--c-success: #157A45;--c-successBg: #DDF3E6;--c-card: #FFFFFF;--c-listenRing: #DCE6FF;--b-unit: #F5A300;--b-ten: #3D6BE0;--b-tenStripe: #A9BFF3;--b-hundred: #13205A;--b-outline: #13205A;--s-topBar: 56px;--s-actionBar: 88px;--s-closeBar: 104px;--s-primaryH: 64px;--s-primaryRadius: 20px;--s-keyH: 56px;--s-keyRadius: 12px;--s-optionH: 72px;--s-pickerCard: 96px;--s-pickerCardLg: 116px;--s-dragMin: 72px;--s-snap: 24px;--s-gutter: 16px;--s-minTarget: 56px;--t-kidMin: 18px;--t-prompt: 22px/30px;--t-title: 32px/36px;--t-option: 40px/44px;--t-key: 26px;--t-button: 20px;--c-text: var(--c-ink);--c-textSoft: var(--c-muted)}[data-theme=noche]{--c-bg: #0E1A47;--c-bg2: #1A2A66;--c-bg3: #24357A;--c-bg4: #2B3F8C;--c-text: #F4F7FF;--c-textSoft: #B9C6EE;--c-accent: #FFB627;--c-soft: #8FAEF5;--c-line: #3A4A8A;--c-dotIdle: #9AA6C8;--c-ink: #F4F7FF;--c-surface: #1A2A66}html,body{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:Andika,sans-serif;font-size:18px}*,*:before,*:after{box-sizing:border-box}@keyframes wobble{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes popIn{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes popInScene{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes gather{0%{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}15%{opacity:1}85%{opacity:1;transform:translate(0) rotate(0) scale(.7)}to{opacity:0;transform:translate(0) scale(.3)}}@keyframes burst{0%{opacity:0;transform:translate(0) scale(.2)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.1) rotate(200deg)}}@keyframes wave{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-6px) rotate(-6deg)}75%{transform:translate(6px) rotate(6deg)}}@keyframes colibri-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6%)}}@keyframes colibri-flap{0%{transform:rotate(0)}to{transform:rotate(-24deg)}}@keyframes colibri-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes flyAcross{0%{transform:translate(-150px,80px) rotate(-6deg)}35%{transform:translate(70px) rotate(4deg)}55%{transform:translate(110px,10px) rotate(0)}to{transform:translate(430px,-90px) rotate(-10deg)}}@keyframes rise{0%{transform:translateY(120px)}to{transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes droop{0%{transform:rotate(0)}to{transform:rotate(16deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes ring{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.7);opacity:0}}@keyframes glow{0%,to{box-shadow:0 0 0 6px #ffb62740}50%{box-shadow:0 0 0 14px #ffb6271f}}@keyframes draw{0%{stroke-dashoffset:320}to{stroke-dashoffset:0}}.fx-pop{animation:popIn .45s ease-out .1s both}.fx-wobble{animation:wobble .6s ease-in-out .1s both}.fx-slide{animation:slideDown .35s ease-out both}.fx-fadeup{animation:fadeUp .7s ease-out both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.scene,.flow{position:relative}.stage{position:relative;padding:16vh var(--gut-r) 12vh var(--gut)}.pin .scene{height:calc(var(--len, 300) * 1vh)}.pin .scene>.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;padding:0}.flow-inner{max-width:1240px;margin:0 auto;padding:18vh var(--gut-r) 16vh var(--gut)}.flow-head{margin-bottom:clamp(40px,8vh,96px);max-width:980px}.stack{display:grid}.stack>*{grid-area:1 / 1}.hero .stage{min-height:100vh;min-height:100svh}.moon{position:absolute;right:16vw;top:17vh;width:clamp(44px,5vw,76px);aspect-ratio:1;border-radius:50%;background:var(--star);will-change:transform}.moon i{position:absolute;width:92%;height:92%;right:-18%;top:-16%;border-radius:50%;background:var(--night)}.land{position:absolute;inset:auto 0 0;height:46vh;pointer-events:none}.hill{position:absolute;left:0;bottom:0;width:100%;display:block}.hill-back{height:74%}.hill-front{height:42%;transform-origin:50% 100%}.village{position:absolute;left:0;right:0;bottom:36%;height:0}.village .house{position:absolute;bottom:0;display:block}.house-l{left:22%;width:clamp(56px,6vw,100px)}.house-r{right:20%;width:clamp(48px,5vw,86px);bottom:14px!important}.house-c{position:absolute;bottom:-10px;left:50%;width:clamp(80px,8.4vw,140px);margin-left:calc(clamp(80px,8.4vw,140px)/-2);aspect-ratio:120 / 100}.house-c .house{position:absolute;inset:0;width:100%}.portal{position:absolute;left:23.3%;top:58%;width:16.7%;height:20%;background:var(--gold);transform-origin:50% 50%}.portal i:before,.portal i:after{content:"";position:absolute;background:var(--night4)}.portal i:before{left:47%;width:6%;top:0;bottom:0}.portal i:after{top:47%;height:6%;left:0;right:0}.milpa{position:absolute;left:0;right:0;bottom:0;height:22%;display:flex;justify-content:space-around;align-items:flex-end;padding:0 2vw}.milpa svg{width:clamp(14px,1.6vw,26px);height:auto;aspect-ratio:40 / 120;transform-origin:50% 100%;animation:sway var(--d, 2.6s) ease-in-out var(--dl, 0s) infinite}.milpa-hero svg{color:var(--milpa);margin-bottom:calc(var(--y, 0) * 1px)}.hero-copy{position:relative;z-index:3;padding:max(120px,19vh) var(--gut-r) 0 var(--gut);max-width:1500px}.hero-title{max-width:10.5em;margin-bottom:28px}.hero-lede{max-width:30em}.js .hero-title .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em 0 .1em;margin-bottom:-.1em}.js .hero-title .w>span{display:inline-block;transform:translateY(108%);transition:transform 1.3s var(--ease);transition-delay:calc(var(--i) * 70ms + .15s)}.js.loaded .hero-title .w>span{transform:none}.js .hero .eyebrow,.js .hero-lede,.js .sky-hint,.js .scroll-cue{opacity:0;transition:opacity 1.2s ease .9s}.js.loaded .hero .eyebrow,.js.loaded .hero-lede,.js.loaded .sky-hint,.js.loaded .scroll-cue{opacity:1}.js.settled .hero .eyebrow,.js.settled .hero-lede,.js.settled .sky-hint,.js.settled .scroll-cue{transition:none}.sky-hint{position:absolute;z-index:3;left:var(--gut);bottom:calc(env(safe-area-inset-bottom,0px) + 26px);margin:0;display:none;align-items:center;gap:8px;font-size:15px;color:var(--soft-text);font-variant-numeric:tabular-nums}.js .sky-hint{display:flex}.scroll-cue{position:absolute;z-index:3;right:var(--gut-r);bottom:calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.scroll-cue i{width:2px;height:44px;background:linear-gradient(var(--star),transparent);transform-origin:top;animation:cue 2.2s var(--ease) infinite}@keyframes cue{0%{transform:scaleY(0);opacity:1}60%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.flash{position:absolute;inset:0;z-index:4;background:var(--gold);opacity:0;pointer-events:none}.tap-burst{position:fixed;z-index:25;width:22px;height:22px;margin:-11px 0 0 -11px;pointer-events:none;animation:burst 1.2s ease-out both}@media (max-width: 640px){.moon{top:calc(env(safe-area-inset-top,0px) + 76px);right:var(--gut-r);width:34px}.scroll-cue span{display:none}.sky-hint{max-width:70vw}}.ella .stage{background:var(--night)}.warm{position:absolute;inset:0;z-index:3;background:var(--gold);opacity:0;pointer-events:none}.ella-grid{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:clamp(24px,6vw,120px);max-width:1400px;margin:0 auto}.pin .ella-grid{height:100%;padding:0 var(--gut-r) 0 var(--gut)}.ella-phone{position:relative;justify-self:center;width:clamp(130px,20vw,300px);aspect-ratio:3 / 4.4}.glow{position:absolute;left:50%;top:38%;width:260%;aspect-ratio:1;margin:-130% 0 0 -130%;border-radius:50%;background:radial-gradient(closest-side,rgba(220,230,255,.34),rgba(143,174,245,.12) 45%,transparent 72%);will-change:transform,opacity}.hand{position:absolute;inset:0}.hand:before{content:"";position:absolute;left:4%;right:4%;bottom:0;height:44%;border-radius:40% 40% 18% 18%;background:var(--night3)}.handset{position:absolute;inset:4% 22% 22%;border-radius:14%/9%;background:var(--ink);box-shadow:0 0 0 1.5px var(--line-n);padding:7%}.handset-screen{width:100%;height:100%;border-radius:10%/7%;background:var(--day);display:flex;align-items:center;justify-content:center}.handset-screen span{width:64%;aspect-ratio:1}.read{font-family:var(--f-display);font-weight:700;font-size:clamp(28px,3.9vw,62px);line-height:1.1;letter-spacing:-.015em;margin:0;text-wrap:pretty}.read .rw{transition:opacity .2s linear}@media (max-width: 760px){.ella-grid{grid-template-columns:1fr;gap:20px}.pin .ella-grid{align-content:center}.ella-phone{width:92px}}.problema .stage{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);grid-template-areas:"head kids" "cap cap" "src src";align-items:center;gap:clamp(20px,4vh,48px) clamp(24px,6vw,120px)}.prob-head{grid-area:head}.kids{grid-area:kids}.prob-captions{grid-area:cap}.problema .source{grid-area:src}.pin .problema .stage{padding:calc(env(safe-area-inset-top,0px) + 96px) var(--gut-r) 28px var(--gut);align-content:center}.prob-count{display:flex;flex-direction:column;gap:.1em;margin:0;font-family:var(--f-display);font-weight:700}.prob-num{font-size:clamp(110px,17vw,260px);line-height:.8;color:var(--gold);font-variant-numeric:tabular-nums}.prob-of{font-size:clamp(26px,3.2vw,48px);line-height:1}.kids{display:grid;grid-template-columns:repeat(5,auto);justify-content:start;gap:clamp(10px,1.6vw,26px) clamp(10px,2vw,34px)}.kid{position:relative;width:clamp(36px,5vw,76px);aspect-ratio:40 / 64;will-change:transform,opacity}.kid svg{position:absolute;inset:0;width:100%;height:100%}.kid .lit{color:var(--star)}.kid .dim{color:var(--line-n);opacity:0}.kid.is-dim .dim{opacity:1}.prob-captions{display:flex;flex-direction:column;gap:32px;max-width:1100px}.pin .prob-captions{display:grid}.pin .prob-captions>*{grid-area:1 / 1;align-self:start}.caption{margin:0;font-size:clamp(21px,2.1vw,32px);line-height:1.3;max-width:30em;text-wrap:pretty}.prob-c2 .display-s{display:block;font-size:clamp(28px,3.8vw,58px)}@media (max-width: 760px){.problema .stage{grid-template-columns:1fr;grid-template-areas:"head" "kids" "cap" "src"}.prob-count{flex-direction:row;align-items:baseline;gap:.3em}.prob-num{font-size:104px}.kid{width:34px}}.track{display:flex;flex-direction:column;gap:14vh}.pin .track{flex-direction:row;gap:0;height:100%;width:500vw;will-change:transform}.panel{position:relative;max-width:1400px}.pin .panel{flex:0 0 100vw;max-width:none;height:100%;padding:calc(env(safe-area-inset-top,0px) + 92px) var(--gut-r) 56px var(--gut);display:flex;flex-direction:column;justify-content:center}.panel-intro .h2{max-width:13em;margin-bottom:28px}.panel-note{margin:40px 0 0;font-size:clamp(19px,1.6vw,24px);max-width:30em;color:var(--soft-text)}.big-inline{display:block;font-family:var(--f-display);font-size:clamp(40px,5vw,72px);line-height:1;color:var(--gold);margin-bottom:6px}.big-inline span{font-size:.5em;color:var(--star)}.pin .panel.school{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;align-content:center;gap:clamp(24px,5vw,96px)}.panel.school{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,96px)}.school-art{display:flex;flex-direction:column;gap:22px;align-items:center;will-change:transform}.building{width:min(520px,100%);height:auto;display:block}.picto{display:flex;flex-direction:column;gap:12px;align-items:center;width:min(520px,100%)}.picto-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.picto-row.adults svg{width:20px;height:40px;color:var(--gold)}.picto-row.dots i{width:12px;height:12px;border-radius:4px;background:var(--soft)}.picto-row>*{transition:transform .6s var(--ease),opacity .6s ease}.pin .school:not(.on) .picto-row>*{transform:scale(.3);opacity:0}.pin .school .picto-row>*{transition-delay:calc(var(--i) * 40ms)}.stat-big{margin:0 0 22px;font-family:var(--f-display);font-weight:700;font-size:clamp(54px,7.6vw,128px);line-height:.9;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-big small{display:block;font-size:.26em;letter-spacing:0;color:var(--soft-text);margin-top:8px}.facts{display:flex;flex-wrap:wrap;gap:16px 40px;margin:0 0 22px}.facts div{display:flex;flex-direction:column;gap:2px}.facts dt{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dot-idle)}.facts dd{margin:0;font-size:clamp(24px,2.4vw,36px);font-weight:700;font-variant-numeric:tabular-nums}.panel-compare .h2{max-width:15em;font-size:clamp(30px,4vw,64px);margin-bottom:clamp(24px,5vh,56px)}.bars{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-direction:column;gap:clamp(12px,2.4vh,22px);max-width:1100px}.bars li{display:grid;grid-template-columns:minmax(7.5em,auto) minmax(0,1fr) 4.2em;align-items:center;gap:16px;font-size:clamp(17px,1.5vw,22px);font-weight:700}.bar{height:clamp(18px,3vh,30px);border-radius:8px;background:var(--night4);overflow:hidden}.bar i{display:block;height:100%;border-radius:8px;background:var(--gold);transform-origin:left;transform:scaleX(calc(var(--v) / 100))}.bars li:nth-child(3) .bar i{background:var(--soft)}.bars li.muted .bar i{background:var(--dot-idle)}.bars li.muted{color:var(--soft-text)}.bar-val{text-align:right;font-variant-numeric:tabular-nums}.track-progress{display:none}.pin .track-progress{display:block;position:absolute;left:var(--gut);right:var(--gut-r);bottom:calc(env(safe-area-inset-bottom,0px) + 22px);height:2px;background:var(--line-n)}.track-progress i{display:block;height:100%;background:var(--gold);transform-origin:left;transform:scaleX(0)}@media (max-width: 760px){.panel.school,.pin .panel.school{grid-template-columns:1fr;gap:18px;align-content:center}.building{width:min(300px,80%)}.school-art{gap:12px}.picto-row.adults svg{width:14px;height:28px}.picto-row.dots i{width:9px;height:9px}.stat-big{margin-bottom:12px}.facts{margin-bottom:12px;gap:8px 28px}.school-copy .body{font-size:16px}.bars li{grid-template-columns:minmax(0,1fr) 4em;gap:6px 12px}.bars .bar{grid-column:1 / -1;grid-row:2}}.mundo-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,7vw,140px);align-items:center;max-width:1300px;margin:0 auto}.pin .mundo-grid{height:100%;padding:calc(env(safe-area-inset-top,0px) + 80px) var(--gut-r) 32px var(--gut)}.dots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(6px,1.1vw,14px);width:min(100%,58vh,520px);justify-self:center}.dot{position:relative;aspect-ratio:1;border-radius:50%;background:var(--star);will-change:transform,opacity}.dot b{position:absolute;inset:0;border-radius:50%;opacity:0}.dot .dm{background:var(--line-n)}.dot .gd{background:var(--gold)}.mundo-stats{display:flex;flex-direction:column;gap:36px;margin-bottom:28px}.pin .mundo-stats{display:grid}.pin .mundo-stats>*{grid-area:1 / 1;opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .9s var(--ease)}.pin .mundo-stats>.on{opacity:1;transform:none}.mundo-stat{margin:0;display:flex;flex-direction:column;gap:10px;font-size:clamp(21px,2.1vw,32px);line-height:1.3;max-width:22em}.mundo-stat>b{font-family:var(--f-display);font-size:clamp(72px,10vw,168px);line-height:.85;letter-spacing:-.03em;color:var(--star);font-variant-numeric:tabular-nums}.mundo-stat>b span{font-size:.3em;letter-spacing:0;color:var(--soft-text)}.mundo-stat.gold>b{color:var(--gold)}.mundo-travel .display-s{margin:0 0 8px;color:var(--gold)}.travel{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:clamp(17px,1.4vw,21px);color:var(--soft-text)}.travel li{position:relative;padding-left:22px}.travel li:before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--gold)}@media (max-width: 760px){.mundo-grid{grid-template-columns:1fr;gap:22px}.pin .mundo-grid{align-content:center}.dots{grid-template-columns:repeat(20,minmax(0,1fr));gap:5px;width:100%}.mundo-stat>b{font-size:64px}.mundo-stat{font-size:19px}.travel{font-size:15px;gap:6px}}.tel-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,7vw,140px);align-items:center;max-width:1300px;margin:0 auto}.pin .tel-grid{height:100%;padding:calc(env(safe-area-inset-top,0px) + 72px) var(--gut-r) 32px var(--gut)}.device{justify-self:center;position:relative;width:clamp(190px,21vw,300px);aspect-ratio:9 / 18.5;border-radius:36px;background:var(--ink);box-shadow:0 0 0 1.5px var(--line-n),0 50px 100px -30px #0009;padding:12px;display:flex;flex-direction:column}.device-status{display:flex;align-items:center;gap:8px;padding:6px 12px 10px;font-size:12px;font-weight:700;color:var(--soft-text)}.clock{margin-right:auto;font-variant-numeric:tabular-nums}.signal{display:flex;align-items:flex-end;gap:2px;height:12px}.signal i{width:4px;border-radius:1px;background:var(--star);transition:opacity .4s ease,transform .4s ease}.signal i:nth-child(1){height:25%}.signal i:nth-child(2){height:50%}.signal i:nth-child(3){height:75%}.signal i:nth-child(4){height:100%}.signal i.off{opacity:.2}.carrier{opacity:0;transition:opacity .4s ease}.device.no-signal .carrier{opacity:1}.device-screen{position:relative;flex:1;border-radius:26px;background:var(--night2);overflow:hidden}.ds{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:15px;color:var(--soft-text);opacity:0;transform:scale(.96);transition:opacity .6s ease,transform .8s var(--ease)}.ds.on{opacity:1;transform:none}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line-n);border-top-color:var(--star);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ds-app{background:var(--day);color:var(--ink);gap:16px}.ds-perch{width:46%;aspect-ratio:1}.ds-title{font-family:var(--f-display);font-weight:700;font-size:22px}.ds-path{display:flex;gap:10px;align-items:center}.ds-path i{width:14px;height:14px;border-radius:50%;background:var(--primary)}.ds-path i.now{width:22px;height:22px;background:var(--accent)}.ds-path i:last-child{background:transparent;box-shadow:inset 0 0 0 2px var(--disabled, #7a839b)}.ds-btn{margin-top:6px;min-height:48px;padding:0 28px;border-radius:16px;background:var(--primary);color:#fff;font-weight:700;font-size:17px;display:flex;align-items:center}.tel-stats{display:flex;flex-direction:column;gap:36px;margin-bottom:28px}.pin .tel-stats{display:grid}.pin .tel-stats>*{grid-area:1 / 1;opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .9s var(--ease)}.pin .tel-stats>.on{opacity:1;transform:none}.tel-stat{margin:0;display:flex;flex-direction:column;gap:10px;font-size:clamp(21px,2.1vw,32px);line-height:1.3;max-width:22em}.tel-stat b{font-family:var(--f-display);font-size:clamp(76px,11vw,180px);line-height:.85;letter-spacing:-.03em;color:var(--gold);font-variant-numeric:tabular-nums}.tel-final .display-s{color:var(--star)}.tel-final span:last-child{color:var(--soft-text)}@media (max-width: 760px){.tel-grid{grid-template-columns:1fr;gap:22px}.pin .tel-grid{align-content:center}.device{width:140px;border-radius:26px;padding:8px}.device-screen{border-radius:18px}.ds-title{font-size:16px}.ds-btn{min-height:34px;font-size:13px;padding:0 16px;border-radius:10px}.ds{font-size:12px;gap:8px}.tel-stat b{font-size:64px}.tel-stat{font-size:19px}}.idea .stage{display:flex;flex-direction:column;gap:32px}.pin .idea .stage{padding:calc(env(safe-area-inset-top,0px) + 84px) var(--gut-r) 28px var(--gut);gap:12px}.idea-head{position:relative;z-index:2}.pin .idea-head{display:grid}.pin .idea-head>*{grid-area:1 / 1}.pin .idea-head .eyebrow{align-self:start}.idea-title{max-width:12em}.pin .idea-title{margin-top:30px}.idea-caps{display:flex;flex-direction:column;gap:10px}.pin .idea-caps{display:grid;margin-top:30px}.pin .idea-caps>*{grid-area:1 / 1;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .8s var(--ease)}.pin .idea-caps>.on{opacity:1;transform:none}.idea-cap{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(26px,3.4vw,52px);line-height:1.05;max-width:18em;text-wrap:balance}.cpa-wrap{position:relative;flex:1;min-height:0}.cpa{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end}.cobs,.pict{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-end}.cob{width:24px;height:40px;display:block}.rod{width:28px;height:300px;border-radius:6px;background:repeating-linear-gradient(to bottom,var(--ten) 0 27px,var(--ten-stripe) 27px 30px);box-shadow:inset 0 0 0 2.5px var(--ink)}.unit{width:28px;height:28px;border-radius:6px;background:var(--unit);box-shadow:inset 0 0 0 2.5px var(--ink)}.digits{font-family:var(--f-display);font-weight:700;font-size:200px;line-height:.8;display:flex;gap:.05em}.pin .cpa{position:absolute;left:50%;top:50%;width:800px;height:460px;margin:-230px 0 0 -400px;transform:scale(var(--k, 1));display:block}.pin .cobs,.pin .pict,.pin .digits{position:absolute;inset:0;display:block}.pin .cob,.pin .rod,.pin .unit,.pin .dg{position:absolute;left:0;top:0;will-change:transform,opacity}.pin .dg{font-size:300px;line-height:1}.cpa-steps{position:relative;list-style:none;margin:0;padding:0 0 14px;display:flex;gap:clamp(20px,4vw,64px);justify-content:center;font-weight:700;font-size:clamp(15px,1.3vw,19px);letter-spacing:.12em;text-transform:uppercase}.cpa-steps li{opacity:.45;transition:opacity .4s ease}.cpa-steps li.on{opacity:1}.cpa-ind{display:none}.pin .cpa-ind{display:block;position:absolute;left:0;bottom:0;height:3px;width:1px;border-radius:2px;background:var(--gold);transform-origin:left;transition:transform .6s var(--ease)}.idea-end{color:var(--star)}.pin .idea-end{position:absolute;left:var(--gut);right:var(--gut-r);bottom:96px;margin:0 auto;text-align:center;max-width:28em;font-size:clamp(20px,2vw,30px);opacity:0}.ses-head{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.ses-title{font-size:clamp(28px,3.6vw,56px);max-width:18em}.timeline{position:relative;display:flex;gap:4px;max-width:560px;margin-top:14px;height:6px}.timeline span{flex:var(--m) 1 0;border-radius:3px;background:var(--line-n)}.tl-fill{position:absolute;inset:0;border-radius:3px;background:var(--gold);transform-origin:left;transform:scaleX(1);mix-blend-mode:normal}.steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:48px 32px}.step{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:20px}.step-text{display:flex;flex-direction:column;gap:12px}.step-meta{margin:0;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft-text)}.step-meta b{color:var(--gold)}.phone-frame{display:none}.pin .sesion .stage{display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 84px) var(--gut-r) 24px var(--gut)}.pin .ses-head{margin-bottom:0;flex:none}.pin .ses-body{position:relative;flex:1;min-height:0;max-width:1300px;width:100%;margin:0 auto}.pin .steps{display:block;position:absolute;inset:0}.pin .step{position:absolute;inset:0;flex-direction:row;align-items:center;justify-content:space-between;gap:48px;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}.pin .step.on{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s}.pin .step .step-text{max-width:30em;transform:translateY(24px);transition:transform .9s var(--ease)}.pin .step.on .step-text{transform:none}.pin .step .screen{flex:none;transform:scale(.97);transition:transform .9s var(--ease)}.pin .step.on .screen{transform:none}.pin .phone-frame{display:block;position:absolute;right:0;top:50%;width:calc(360px * var(--ps));height:calc(640px * var(--ps));margin-top:calc(-320px * var(--ps));border-radius:calc(40px * var(--ps));box-shadow:0 0 0 calc(14px * var(--ps)) var(--ink),0 0 0 calc(14px * var(--ps) + 1.5px) var(--line-n),0 60px 120px -30px #0000008c;pointer-events:none}.notch{position:absolute;left:50%;top:calc(6px * var(--ps));width:calc(90px * var(--ps));height:calc(18px * var(--ps));margin-left:calc(-45px * var(--ps));border-radius:99px;background:var(--ink)}@media (min-width: 761px){.pin .ses-head{position:relative;z-index:2;max-width:52%}.pin .ses-body{position:absolute;inset:calc(env(safe-area-inset-top,0px) + 80px) var(--gut-r) 28px var(--gut);max-width:none;width:auto}.pin .step .step-text{margin-top:min(26vh,220px)}}@media (max-width: 760px){.pin .step{flex-direction:column;justify-content:flex-start;gap:18px}.pin .step .step-text{text-align:center;align-items:center}.pin .step .screen{order:-1}.pin .step .h3{font-size:22px}.pin .step .body{font-size:15px}.pin .phone-frame{top:0;margin-top:0;right:auto;left:50%;margin-left:calc(-180px * var(--ps))}.pin .ses-title{font-size:24px}.pin .sesion .eyebrow{margin-bottom:4px}.pin .ses-head{gap:4px;margin-bottom:14px}}.prueba .flow-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(40px,7vw,120px);align-items:center}.prueba .h2{margin-bottom:24px}.diag{list-style:none;margin:36px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;max-width:34em}.diag li{display:flex;gap:16px;align-items:center;padding:12px 16px;border-radius:16px;box-shadow:inset 0 0 0 1.5px var(--line-n);color:var(--soft-text);transition:background .3s ease,box-shadow .3s ease,color .3s ease}.diag li b{flex:none;min-width:2.6em;font-family:var(--f-display);font-size:26px;color:var(--star);font-variant-numeric:tabular-nums}.diag li.on{background:var(--night3);box-shadow:inset 0 0 0 2px var(--gold);color:var(--star)}.diag li.on.good{box-shadow:inset 0 0 0 2px var(--milpa)}.demo-phone{--ps: .86;justify-self:center;border-radius:calc(40px * var(--ps));box-shadow:0 0 0 calc(14px * var(--ps)) var(--ink),0 0 0 calc(14px * var(--ps) + 1.5px) var(--line-n),0 60px 120px -30px #0000008c}@media (max-width: 860px){.prueba .flow-inner{grid-template-columns:1fr}}.adu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,56px)}.adu{display:flex;flex-direction:column;gap:14px}.adu:nth-child(2){transition-delay:.12s}.adu:nth-child(3){transition-delay:.24s}.adu-art{height:260px;border-radius:28px;background:var(--night2);margin-bottom:10px;padding:22px;display:flex;flex-direction:column;justify-content:center;gap:10px;overflow:hidden}.teacher-card{background:var(--day);color:var(--ink)}.tc-title{margin:0;font-family:var(--f-display);font-weight:700;font-size:20px}.tc-card{background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:16px;line-height:1.3}.tc-card.first{box-shadow:inset 0 0 0 2px var(--accent)}.tc-tag{align-self:flex-start;padding:0 8px;border-radius:999px;background:var(--hint-bg);font-size:12px;line-height:22px;font-weight:700}.tc-kids{display:flex;gap:6px}.tc-kids i{width:20px;height:20px;border-radius:50%}.notif{display:flex;gap:12px;align-items:center;background:var(--day);color:var(--ink);border-radius:18px;padding:12px 14px;font-size:15px;line-height:1.3}.notif>span:last-child{display:flex;flex-direction:column}.notif-icon{flex:none;width:36px;height:36px}.voice{display:flex;gap:12px;align-items:center;align-self:flex-start;background:var(--night3);border-radius:18px;padding:10px 16px;margin-top:6px}.play{width:0;height:0;border-left:12px solid var(--star);border-top:8px solid transparent;border-bottom:8px solid transparent}.wave{display:flex;gap:3px;align-items:center;height:26px}.wave i{width:3px;border-radius:2px;background:var(--gold);height:40%;animation:wave-bar 1.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.13s)}.wave i:nth-child(3n){height:90%}.wave i:nth-child(3n+1){height:60%}@keyframes wave-bar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.dur{font-size:13px;color:var(--soft-text);font-variant-numeric:tabular-nums}.voice-q{margin:4px 0 0;font-family:var(--f-display);font-weight:700;font-size:22px}.paper-art{align-items:center}.sheet{width:64%;aspect-ratio:8.5 / 11;background:#fff;border-radius:6px;padding:10% 9%;display:flex;flex-direction:column;gap:10%;transform:rotate(-3deg);box-shadow:0 20px 40px -16px #00000080;color:#222}.sheet-title{font-family:var(--f-display);font-weight:700;font-size:16px}.sheet-blocks{display:flex;gap:5px;align-items:flex-end;filter:grayscale(1)}.sheet-blocks .t{width:9px;height:64px;border-radius:2px;background:repeating-linear-gradient(to bottom,var(--ten) 0 5.4px,var(--ten-stripe) 5.4px 6.4px);box-shadow:inset 0 0 0 1px var(--ink)}.sheet-blocks .u{width:9px;height:9px;border-radius:2px;background:var(--unit);box-shadow:inset 0 0 0 1px var(--ink)}.sheet-lines{display:flex;flex-direction:column;gap:10px}.sheet-lines i{height:2px;background:#c9c9c9}@media (max-width: 960px){.adu-grid{grid-template-columns:1fr}}.principios .stage{display:flex;flex-direction:column;justify-content:center}.pin .principios .stage{padding:calc(env(safe-area-inset-top,0px) + 80px) var(--gut-r) 32px var(--gut)}.nots{list-style:none;margin:0 0 clamp(24px,5vh,56px);padding:0;display:flex;flex-direction:column;gap:.05em;font-family:var(--f-display);font-weight:700;font-size:clamp(30px,min(5.4vw,8.4vh),92px);line-height:1.04;letter-spacing:-.025em}.nots li{position:relative;align-self:flex-start;white-space:nowrap;will-change:transform}.nots li:nth-child(2n){align-self:flex-end}.nots span{opacity:.4;transition:opacity .5s ease}.nots i{position:absolute;left:-2%;right:-2%;top:52%;height:.085em;border-radius:99px;background:var(--gold);transform-origin:left}.pin .nots span{opacity:1}.pin .nots li.struck span{opacity:.32}.pri-end{margin:0;display:flex;flex-direction:column;gap:16px}.pri-end .display-s{color:var(--gold)}@media (max-width: 640px){.nots{font-size:7.2vw}.nots li:nth-child(2n){align-self:flex-start}}.escala .stage{display:flex;flex-direction:column;gap:clamp(20px,3.4vh,40px)}.pin .escala .stage{padding:calc(env(safe-area-inset-top,0px) + 84px) var(--gut-r) 28px var(--gut);justify-content:center}.esca-head .h2{font-size:clamp(30px,4.4vw,70px);max-width:14em}.eq{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px clamp(14px,2.4vw,36px);font-family:var(--f-display);font-weight:700}.eq-term{display:flex;flex-direction:column}.eq-term b{font-size:clamp(44px,6.4vw,104px);line-height:.9;font-variant-numeric:tabular-nums}.eq-term small{font-family:var(--f-body);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft-text)}.eq-op{font-size:clamp(36px,4.8vw,80px);line-height:1;color:var(--soft)}.eq-c{color:var(--gold)}.array-wrap{width:100%;max-width:1200px}.array{display:block;width:100%;height:auto}.esca-notes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 40px;max-width:1200px;font-size:clamp(16px,1.3vw,19px);color:var(--soft-text)}.esca-notes li{padding-top:14px;border-top:1.5px solid var(--line-n)}@media (max-width: 760px){.esca-notes{grid-template-columns:1fr;gap:10px}.esca-notes li{padding-top:8px;font-size:15px}}.mision .stage{background:linear-gradient(to bottom,var(--night4),var(--primary2) 60%,var(--soft));display:flex;flex-direction:column;gap:18vh}.pin .mision .stage{background:none;display:block}.dawn,.day,.sun,.mis-land{display:none}.pin .dawn,.pin .day{display:block;position:absolute;inset:0;opacity:0}.dawn{background:linear-gradient(to bottom,var(--night4) 0%,var(--primary2) 42%,var(--soft) 66%,var(--hint-bg) 86%,var(--gold) 100%)}.day{background:linear-gradient(to bottom,var(--surface-sel) 0%,var(--day) 64%)}.pin .sun{display:block;position:absolute;left:50%;bottom:15vh;width:clamp(120px,14vw,220px);aspect-ratio:1;margin-left:calc(clamp(120px,14vw,220px)/-2);border-radius:50%;background:var(--gold);box-shadow:0 0 0 30px #ffb62729,0 0 0 70px #ffb62714;will-change:transform}.pin .mis-land{display:block;position:absolute;inset:auto 0 0;height:30vh}.mis-land .hill{height:100%}.milpa-dawn{height:70%;bottom:8%}.milpa-dawn .st{position:relative;width:clamp(16px,2vw,32px);aspect-ratio:40 / 120;transform-origin:50% 100%;transform:rotate(16deg);will-change:transform}.milpa-dawn .st svg{position:absolute;inset:0;width:100%;height:100%;animation:none}.st .dry{color:var(--dot-idle)}.st .wet{color:var(--success);opacity:0}.mis-copy{position:relative;z-index:2;max-width:1200px}.pin .mis-copy{position:absolute;left:var(--gut);right:var(--gut-r);top:44%;margin:0 auto;transform:translateY(-62%);text-align:center;opacity:0}.statement{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(32px,4.8vw,80px);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}.mis-vision .statement{color:var(--star)}.pin .mis-vision .statement{color:var(--ink)}.pin .mis-vision .eyebrow{color:var(--accent-ink)}.ahora,.foot{background:var(--day);color:var(--ink)}.ahora .eyebrow,.foot .eyebrow{color:var(--accent-ink)}.ahora .lede,.ahora .body{color:var(--muted)}.roadmap{list-style:none;margin:0 0 clamp(80px,16vh,180px);padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;position:relative}.roadmap:before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:var(--line)}.roadmap li{position:relative;padding-top:40px;display:flex;flex-direction:column;gap:8px;font-size:17px;line-height:1.45;color:var(--muted)}.roadmap li:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--day);box-shadow:inset 0 0 0 2.5px var(--disabled, #7a839b)}.roadmap li.done:before{background:var(--success);box-shadow:none}.roadmap li.next:before{background:var(--accent);box-shadow:none;animation:glow 2.4s ease-in-out infinite}.roadmap b{color:var(--ink);font-size:15px;letter-spacing:.06em;text-transform:uppercase}.ask{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.ask-mark{width:clamp(96px,10vw,140px);aspect-ratio:1}.ask-title{color:var(--primary)}.who{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;text-align:left}.who li{background:var(--surface);border-radius:20px;padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px;color:var(--muted)}.who b{font-family:var(--f-display);font-size:24px;line-height:1.1;color:var(--ink)}.contact{margin:28px 0 0;font-size:18px;color:var(--muted)}.contact a{color:var(--primary);font-weight:700}.contact-form{margin-top:32px;width:100%;max-width:760px;text-align:left;display:flex;flex-direction:column;gap:16px}.contact-form[hidden]{display:none}.contact-title{margin:0;font-family:var(--f-display);font-size:28px;line-height:1.15}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.contact-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:16px}.contact-grid .wide{grid-column:1 / -1}.contact-grid input,.contact-grid select,.contact-grid textarea{font:inherit;font-weight:400;font-size:17px;color:var(--ink);background:#fff;border:0;border-radius:12px;box-shadow:inset 0 0 0 2px var(--line);padding:12px 14px;min-height:48px}.contact-grid textarea{resize:vertical}.contact-grid input:focus-visible,.contact-grid select:focus-visible,.contact-grid textarea:focus-visible{outline:3px solid var(--primary2);outline-offset:1px}.contact-grid .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-form button{align-self:flex-start;border:0;cursor:pointer;font-family:inherit}.contact-status{margin:0;min-height:24px;font-size:17px;color:var(--muted)}@media (max-width: 600px){.contact-grid{grid-template-columns:1fr}}.app-cta{margin-top:36px;width:100%;max-width:760px;background:var(--surface);border-radius:24px;padding:28px 24px 30px;display:flex;flex-direction:column;align-items:center;gap:14px}.app-title{margin:0;font-family:var(--f-display);font-size:clamp(26px,3vw,34px);line-height:1.1;color:var(--ink)}.app-sub{margin:0;max-width:56ch;color:var(--muted);font-size:18px}.app-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}.app-btn{display:inline-flex;align-items:center;min-height:56px;padding:0 28px;border-radius:999px;background:var(--primary);color:var(--day);font-weight:700;font-size:19px;text-decoration:none}.app-btn.ghost{background:transparent;color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary)}.app-steps{margin:8px 0 0;padding-left:1.4em;max-width:56ch;text-align:left;color:var(--muted);display:flex;flex-direction:column;gap:8px}@media (max-width: 860px){.roadmap{grid-template-columns:1fr;gap:22px}.roadmap:before{inset:0 auto 0 9px;width:2px;height:auto}.roadmap li{padding:0 0 0 40px}.who{grid-template-columns:1fr}}.foot{border-top:1.5px solid var(--line)}.foot-links{margin:0}.foot-links a{color:var(--primary);font-weight:700}.foot .flow-inner{padding-block:56px 40px;display:flex;flex-direction:column;gap:24px}.foot-brand{display:flex;gap:14px;align-items:center}.foot-brand>span:last-child{display:flex;flex-direction:column;color:var(--muted)}.foot-brand b{font-family:var(--f-display);font-size:22px;color:var(--ink)}.sources summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.sources ul{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15px}.sources a{color:var(--primary);overflow-wrap:anywhere}.foot-note{margin:0;font-size:14px;color:var(--muted)}.screen{position:relative;width:360px;height:640px;zoom:var(--ps, .62);border-radius:40px;overflow:hidden;display:flex;flex-direction:column;font-family:var(--f-body);text-align:left}.screen.dia{background:var(--day);color:var(--ink)}.screen.noche{background:var(--night);color:var(--star)}.sc-top{height:56px;flex:none;padding:10px 14px 0;display:flex;align-items:center;justify-content:space-between;color:var(--ink)}.sc-listen{width:56px;height:56px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 2px var(--surface-sel);display:flex;align-items:center;justify-content:center;padding:5px;border:0}.sc-listen>span,.sc-listen.live>span{width:46px;height:46px;display:block}.sc-listen.live{cursor:pointer}.sc-listen.speaking{box-shadow:inset 0 0 0 3px var(--primary2)}.sc-dots{display:flex;gap:8px;align-items:center}.sc-dots i{width:12px;height:12px;border-radius:999px;box-shadow:inset 0 0 0 2px #7a839b}.sc-dots i.done{background:var(--primary);box-shadow:none}.sc-dots i.now{width:28px;background:var(--accent);box-shadow:none}.sc-kicker{margin:6px 16px 0;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink)}.sc-prompt{margin:8px 16px 16px;font-size:22px;line-height:30px}.sc-work{flex:1;margin:0 16px;background:var(--surface);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;position:relative;min-height:0;overflow:hidden}.sc-center{justify-content:center;align-items:stretch}.sc-actions{height:88px;flex:none;padding:0 16px;display:flex;align-items:center;gap:12px}.sc-btn{flex:1 1 0;height:64px;border:0;border-radius:20px;font-family:var(--f-body);font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.sc-btn.ghost{background:var(--accent);color:var(--ink)}.sc-btn.primary{background:var(--primary);color:#fff}button.sc-btn{cursor:pointer;touch-action:manipulation}.sc-btn.primary:disabled{background:var(--surface);color:var(--muted);box-shadow:inset 0 0 0 2px #7a839b;cursor:default}.sc-blocks{display:flex;gap:8px;align-items:flex-end;justify-content:center;padding:6px;border-radius:10px;align-self:center;transition:box-shadow .3s ease}.b-ten{width:20px;height:96px;border-radius:4px;background:repeating-linear-gradient(to bottom,var(--ten) 0 10.5px,var(--ten-stripe) 10.5px 12px);box-shadow:inset 0 0 0 1.5px var(--ink)}.b-units{display:grid;grid-template-columns:repeat(2,20px);gap:6px;padding:6px;margin-left:12px}.b-units i{width:20px;height:20px;border-radius:4px;background:var(--unit);box-shadow:inset 0 0 0 1.5px var(--ink)}.notyet .sc-blocks{box-shadow:0 0 0 3px var(--accent)}.sc-strip{display:none;border-radius:12px;padding:10px 12px;gap:8px;align-items:flex-start;font-size:18px;line-height:24px}.sc-strip svg{flex:none}.sc-notyet{background:var(--hint-bg);color:var(--ink)}.sc-notyet b{background:var(--accent);border-radius:6px;padding:0 5px}.sc-yes{background:var(--success-bg);color:var(--ink)}.sc-yes svg{color:var(--success)}.notyet .sc-notyet,.correct .sc-yes{display:flex;animation:slideDown .35s ease-out .5s both}.sc-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:auto}.sc-opts.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.sc-opt{height:72px;border:0;border-radius:12px;font-family:var(--f-body);font-size:40px;line-height:44px;font-weight:700;color:var(--ink);background:#fff;box-shadow:inset 0 0 0 2px var(--primary2);display:flex;align-items:center;justify-content:center;gap:8px;font-variant-numeric:tabular-nums;touch-action:manipulation}button.sc-opt{cursor:pointer}.sc-opt.sel,.sc-opt[aria-checked=true]{background:var(--surface-sel);box-shadow:inset 0 0 0 3px var(--primary)}.sc-opt.wrong{background:#fff;box-shadow:none;outline:3px dashed #7a839b;outline-offset:-3px;animation:wobble .6s ease-in-out .1s both}.sc-opt.right{background:var(--success-bg);box-shadow:inset 0 0 0 3px var(--success);animation:popIn .45s ease-out .1s both}.correct .sc-opt:not(.right){box-shadow:inset 0 0 0 2px var(--line);color:var(--muted)}.sc-eq{font-size:44px;line-height:1;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.sc-eq i{font-style:normal;display:inline-block;min-width:1.4em;border-radius:10px;box-shadow:inset 0 0 0 2px var(--primary2);background:#fff}.sc-reasons{justify-content:center}.sc-reason{background:#fff;border-radius:12px;box-shadow:inset 0 0 0 2px var(--line);padding:14px 16px;font-size:18px;line-height:24px}.sc-reason.sel{background:var(--surface-sel);box-shadow:inset 0 0 0 3px var(--primary)}.sc-explore{padding:14px}.sc-group{position:absolute;left:14px;right:14px;top:14px;height:136px;border-radius:12px;box-shadow:inset 0 0 0 2.5px var(--primary2);background:#fff}.sc-group-label{position:absolute;right:10px;top:8px;font-weight:700;font-size:22px;color:var(--primary)}.sc-buckets{position:absolute;inset:0}.sc-buckets svg{position:absolute;left:0;top:0;width:44px;height:44px;transform:translate(var(--x0),var(--y0))}.step.on .sc-buckets svg,.screen.play .sc-buckets svg{animation:into 5.6s var(--ease) infinite;animation-delay:calc(var(--i) * .28s)}@keyframes into{0%,8%{transform:translate(var(--x0),var(--y0))}26%,88%{transform:translate(var(--x1),var(--y1))}to{transform:translate(var(--x0),var(--y0))}}.sc-finger{display:none}.sc-hook,.sc-close{position:absolute;inset:0}.sc-moon{position:absolute;right:50px;top:70px;width:40px;height:40px;border-radius:50%;background:var(--star)}.sc-moon:after{content:"";position:absolute;width:36px;height:36px;border-radius:50%;right:-10px;top:-8px;background:var(--night)}.sc-hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:300px}.sc-stalks{position:absolute;left:24px;right:24px;bottom:160px;display:flex;justify-content:space-between}.sc-stalks svg{width:30px;height:90px;color:var(--dot-idle);transform-origin:50% 100%;transform:rotate(16deg)}.sc-mascot{position:absolute;left:34px;top:150px;width:112px;height:112px}.sc-mascot.sm{left:auto;right:26px;top:96px;width:92px;height:92px}.sc-caption{position:absolute;left:16px;right:16px;bottom:20px;margin:0;min-height:88px;border-radius:16px;background:#1a2a66f0;box-shadow:inset 0 0 0 1px var(--line-n);padding:14px 16px;font-size:19px;line-height:26px}.sc-window{position:absolute;left:34px;top:100px;width:150px;height:170px;border-radius:10px;box-shadow:inset 0 0 0 8px var(--line-n);background:var(--night2);display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:14px}.sc-window i{border-radius:3px;background:radial-gradient(circle at 30% 30%,var(--star) 0 2px,transparent 3px),radial-gradient(circle at 70% 64%,var(--gold) 0 2.5px,transparent 3.5px),radial-gradient(circle at 46% 80%,var(--star) 0 1.5px,transparent 2.5px),var(--night)}.sc-close-q{position:absolute;left:22px;right:22px;top:300px;margin:0;font-family:var(--f-display);font-weight:700;font-size:30px;line-height:34px}.sc-challenge{position:absolute;left:16px;right:16px;bottom:24px;border-radius:16px;background:var(--night2);box-shadow:inset 0 0 0 1px var(--line-n);padding:14px 16px;display:flex;flex-direction:column;gap:4px;font-size:17px;line-height:24px;color:var(--soft-text)}.sc-challenge b{color:var(--gold);font-size:15px;letter-spacing:.06em;text-transform:uppercase}.demo-burst{position:absolute;left:50%;top:46%;width:0;height:0;pointer-events:none}.demo-burst svg{position:absolute;width:26px;height:26px;margin:-13px;animation:burst 1.4s ease-out both}
