.web-root[data-page=learn] .learn{flex-direction:column;gap:24px;max-width:1240px;padding:28px 40px 64px;display:flex}.web-root[data-page=learn] .learn-head{align-items:flex-end;gap:24px;display:flex}.web-root[data-page=learn] .learn-head h1{font-size:var(--t-28);letter-spacing:-.02em;font-weight:700}.web-root[data-page=learn] .learn-head .lead{color:var(--text-2);font-size:var(--t-15);max-width:60ch;margin-top:6px}.web-root[data-page=learn] .learn-head-stats{flex:none;gap:8px;display:flex}.web-root[data-page=learn] .learn-head-stats .hs{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--stroke);flex-direction:column;gap:2px;min-width:96px;padding:8px 14px;display:flex}.web-root[data-page=learn] .learn-head-stats .k{font-size:var(--t-12);color:var(--text-2);font-weight:600}.web-root[data-page=learn] .learn-head-stats .v{font-size:var(--t-13);color:var(--text-2);align-items:center;gap:4px;display:inline-flex}.web-root[data-page=learn] .learn-head-stats .v b{font-family:var(--font-mono);font-size:var(--t-15);color:var(--text);font-weight:600}.web-root[data-page=learn] .learn-cols{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.web-root[data-page=learn] .learn-side{flex-direction:column;gap:12px;display:flex;position:sticky;top:24px}@media (width<=1100px){.web-root[data-page=learn] .learn-cols{grid-template-columns:1fr}.web-root[data-page=learn] .learn-side{position:static}}@media (width<=767px){.web-root[data-page=learn] .learn{padding:calc(var(--safe-top) + 12px) 16px 24px;gap:20px}.web-root[data-page=learn] .learn-head{flex-direction:column;align-items:stretch;gap:12px}.web-root[data-page=learn] .learn-head .lead{font-size:var(--t-13)}.web-root[data-page=learn] .learn-head-stats .hs{flex:1;min-width:0;padding:8px 10px}.web-root[data-page=learn] .learn-cols{flex-direction:column;gap:20px;display:flex}}.web-root[data-page=learn] .learn{--learn-hl:var(--accent);--learn-lift:0 14px 34px #00000061;--learn-tile-shadow:0 10px 28px #0000006b}:root[data-theme=light] .web-root[data-page=learn] .learn{--learn-hl:#9a5a12;--learn-lift:0 12px 28px #0000001f;--learn-tile-shadow:0 8px 20px #0000001a}.web-root[data-page=learn] .learn-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.web-root[data-page=learn] .learn-hero{isolation:isolate;align-items:center;gap:var(--s-6);padding:var(--s-6);border:1px solid var(--stroke);border-radius:var(--r-lg);background:radial-gradient(90% 110% at 80% 45%, var(--accent-soft), transparent 65%), var(--surface);grid-template-columns:minmax(0,5fr) minmax(0,6fr);display:grid;position:relative;overflow:hidden}.web-root[data-page=learn] .learn-hero:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(var(--stroke-2) 1.2px, transparent 1.4px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 25%,#000 75%);mask-image:linear-gradient(100deg,#0000 25%,#000 75%)}.web-root[data-page=learn] .learn-hero-copy{flex-direction:column;min-width:0;display:flex}.web-root[data-page=learn] .learn-hero h1{align-items:center;gap:var(--s-2);font-size:var(--t-13);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-weight:600;display:inline-flex}.web-root[data-page=learn] .learn-hero h1:before{content:"";width:var(--s-2);height:var(--s-2);background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.web-root[data-page=learn] .learn-hero-claim{margin-top:var(--s-3);font-size:clamp(var(--t-28), 3.3vw, 46px);letter-spacing:-.03em;color:var(--text);text-wrap:balance;font-weight:700;line-height:1.08}.web-root[data-page=learn] .learn-hero-hl{color:var(--learn-hl)}.web-root[data-page=learn] .learn-hero .lead{margin-top:var(--s-4);max-width:52ch;font-size:var(--t-15);color:var(--text-2);line-height:1.55}.web-root[data-page=learn] .learn-hero-actions{gap:var(--s-3);margin-top:var(--s-5);flex-wrap:wrap;display:flex}.web-root[data-page=learn] .learn-hero-cta{gap:var(--s-2)}.web-root[data-page=learn] .learn-scene{isolation:isolate;aspect-ratio:16/10;min-width:0;position:relative;container-type:size}.web-root[data-page=learn] .learn-scene-wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.web-root[data-page=learn] .learn-wire,.web-root[data-page=learn] .learn-wire-glow{fill:none}.web-root[data-page=learn] .learn-wire{stroke:var(--accent-line);stroke-width:2px}.web-root[data-page=learn] .learn-wire-glow{stroke:var(--accent);stroke-width:10px;opacity:.16;filter:blur(5px)}.web-root[data-page=learn] .learn-flow{pointer-events:none;position:absolute;inset:0}.web-root[data-page=learn] .learn-flow-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px 2px var(--accent);animation:7s linear infinite learn-flow;animation-delay:calc(var(--i) * -.5s);will-change:transform;border-radius:50%;position:absolute;top:-3px;left:-3px;transform:translate(11cqw,22cqh)}@keyframes learn-flow{0%{transform:translate(11cqw,22cqh)}34.1%{transform:translate(89cqw,22cqh)}50%{transform:translate(89cqw,80cqh)}84.1%{transform:translate(11cqw,80cqh)}to{transform:translate(11cqw,22cqh)}}.web-root[data-page=learn] .learn-scene-part{left:var(--x);top:var(--y);aspect-ratio:1;border:1px solid var(--stroke-2);border-radius:var(--r-md);background:var(--surface-2);width:21%;box-shadow:var(--learn-tile-shadow);place-items:center;margin:-10.5% 0 0 -10.5%;display:grid;position:absolute}.web-root[data-page=learn] .learn-scene-part[data-at=bat]{--x:11%;--y:51%}.web-root[data-page=learn] .learn-scene-part[data-at=res]{--x:37%;--y:22%}.web-root[data-page=learn] .learn-scene-part[data-at=led]{--x:63%;--y:22%}.web-root[data-page=learn] .learn-scene-part[data-at=dmm]{--x:89%;--y:51%}.web-root[data-page=learn] .learn-scene-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:84%;height:84%}.web-root[data-page=learn] .learn-scene-tag{padding:2px var(--s-2);border:1px solid var(--stroke-2);background:var(--bg);font-size:var(--t-12);color:var(--text-2);white-space:nowrap;border-radius:999px;font-weight:600;line-height:1.4;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.web-root[data-page=learn] .learn-led-glow{z-index:-1;will-change:transform, opacity;background:radial-gradient(circle,#ff5c4099 22%,#ff5c4038 40%,#0000 66%);border-radius:50%;animation:2.6s ease-in-out infinite learn-led;position:absolute;inset:-70%}@keyframes learn-led{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}.web-root[data-page=learn] .learn-doors{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.web-root[data-page=learn] .learn-door,.web-root[data-page=learn] .learn-measure{isolation:isolate;color:inherit;transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);text-decoration:none;position:relative;overflow:hidden}.web-root[data-page=learn] .learn-door:before,.web-root[data-page=learn] .learn-measure:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(90% 70% at 50% 0%, var(--accent-soft), transparent 70%);opacity:0;transition:opacity var(--dur) var(--ease);position:absolute;inset:0}.web-root[data-page=learn] .learn-door:hover,.web-root[data-page=learn] .learn-door:focus-visible,.web-root[data-page=learn] .learn-measure:hover,.web-root[data-page=learn] .learn-measure:focus-visible{border-color:var(--accent-line);box-shadow:var(--learn-lift);transform:translateY(-3px)}.web-root[data-page=learn] .learn-door:hover:before,.web-root[data-page=learn] .learn-door:focus-visible:before,.web-root[data-page=learn] .learn-measure:hover:before,.web-root[data-page=learn] .learn-measure:focus-visible:before{opacity:1}.web-root[data-page=learn] .learn-door:focus-visible,.web-root[data-page=learn] .learn-measure:focus-visible{outline:2px solid var(--learn-hl);outline-offset:3px;border-radius:var(--r-md)}.web-root[data-page=learn] .learn-door{gap:var(--s-4);min-width:0;padding:var(--s-4);flex-direction:column;display:flex}.web-root[data-page=learn] .learn-door-fig{border:1px solid var(--stroke);border-radius:var(--r-sm);background:radial-gradient(circle at 50% 65%, var(--surface-3), var(--surface-2) 70%);justify-content:center;align-items:center;height:148px;display:flex;position:relative;overflow:hidden}.web-root[data-page=learn] .learn-door-img{object-fit:contain;width:auto;max-width:78%;height:86%;transition:transform .26s var(--ease);pointer-events:none;-webkit-user-select:none;user-select:none}:root[data-theme=light] .web-root[data-page=learn] .learn-door-fig,:root[data-theme=light] .web-root[data-page=learn] .learn-measure-fig{background:radial-gradient(circle at 50% 65%, var(--surface-2), #d3d2cb 75%)}.web-root[data-page=learn] .learn-door-fig[data-n="3"] .learn-door-img{max-width:34%;height:64%;margin:0 -2%}.web-root[data-page=learn] .learn-door-fig[data-n="3"] .learn-door-img:nth-child(2){z-index:1;height:76%;position:relative}.web-root[data-page=learn] .learn-door[data-door=lab] .learn-door-img{max-width:92%;height:150%}.web-root[data-page=learn] .learn-door:hover .learn-door-img,.web-root[data-page=learn] .learn-door:focus-visible .learn-door-img{transform:scale(1.07)translateY(-2px)}.web-root[data-page=learn] .learn-door-ic{top:var(--s-2);left:var(--s-2);width:var(--s-6);height:var(--s-6);border:1px solid var(--stroke-2);border-radius:var(--r-sm);background:var(--surface);color:var(--text-2);place-items:center;display:grid;position:absolute}.web-root[data-page=learn] .learn-door-body{gap:var(--s-1);min-width:0;padding:0 var(--s-1);flex-direction:column;display:flex}.web-root[data-page=learn] .learn-door-k{font-size:var(--t-12);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);font-weight:600}.web-root[data-page=learn] .learn-door-t{font-size:var(--t-22);font-weight:700;line-height:1.25}.web-root[data-page=learn] .learn-door-d{margin-top:var(--s-1);font-size:var(--t-15);color:var(--text-2);line-height:1.5}.web-root[data-page=learn] .learn-door-foot{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-1) 0;border-top:1px solid var(--stroke);font-size:var(--t-13);color:var(--text-2);margin-top:auto;display:flex}.web-root[data-page=learn] .learn-door-meta .learn-num{font-size:var(--t-17);color:var(--text);font-weight:600}.web-root[data-page=learn] .learn-door-go{align-items:center;gap:var(--s-1);min-height:36px;padding:0 var(--s-3);border:1px solid var(--stroke-2);background:var(--surface-2);font-size:var(--t-13);color:var(--text);transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:999px;flex:none;font-weight:600;display:inline-flex}.web-root[data-page=learn] .learn-door-go .ic{width:var(--s-4);height:var(--s-4);transition:transform var(--dur) var(--ease)}.web-root[data-page=learn] .learn-door:hover .learn-door-go,.web-root[data-page=learn] .learn-door:focus-visible .learn-door-go,.web-root[data-page=learn] .learn-measure:hover .learn-door-go,.web-root[data-page=learn] .learn-measure:focus-visible .learn-door-go{background:var(--accent);color:var(--accent-ink);border-color:#0000}.web-root[data-page=learn] .learn-door:hover .learn-door-go .ic,.web-root[data-page=learn] .learn-measure:hover .learn-door-go .ic{transform:translate(2px)}.web-root[data-page=learn] .learn-bar{height:6px;margin:0 var(--s-1);background:var(--stroke-2);border-radius:999px;display:block;overflow:hidden}.web-root[data-page=learn] .learn-bar-fill{border-radius:inherit;background:var(--accent);transform-origin:0;height:100%;animation:learn-grow .9s var(--ease) both;display:block}@keyframes learn-grow{0%{transform:scaleX(0)}}.web-root[data-page=learn] .learn-ring{flex:none;width:44px;height:44px;transform:rotate(-90deg)}.web-root[data-page=learn] .learn-ring circle{fill:none;stroke-width:4px}.web-root[data-page=learn] .learn-ring-track{stroke:var(--stroke-3)}.web-root[data-page=learn] .learn-ring-fill{stroke:var(--accent);stroke-linecap:butt}.web-root[data-page=learn] .learn-measure{align-items:center;gap:var(--s-5);padding:var(--s-4) var(--s-5) var(--s-4) var(--s-4);border-color:var(--accent-line);background:linear-gradient(90deg, var(--accent-soft), transparent 60%), var(--surface);display:flex}.web-root[data-page=learn] .learn-measure-fig{border:1px solid var(--stroke);border-radius:var(--r-sm);background:radial-gradient(circle at 50% 65%, var(--surface-3), var(--surface-2) 70%);flex:none;place-items:center;width:88px;height:88px;display:grid}.web-root[data-page=learn] .learn-measure-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:86%;height:86%}.web-root[data-page=learn] .learn-measure-body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.web-root[data-page=learn] .learn-measure-t{font-size:var(--t-17);font-weight:700;line-height:1.3}.web-root[data-page=learn] .learn-measure-d{font-size:var(--t-13);color:var(--text-2);line-height:1.45}.web-root[data-page=learn] .learn-measure-prog{align-items:center;gap:var(--s-3);font-size:var(--t-13);color:var(--text-2);flex:none;display:flex}.web-root[data-page=learn] .learn-measure-prog .learn-num{font-size:var(--t-17);color:var(--text);font-weight:600}.web-root[data-page=learn] .learn-note{font-size:var(--t-13);color:var(--text-2)}@media (prefers-reduced-motion:reduce){.web-root[data-page=learn] .learn-flow{display:none}.web-root[data-page=learn] .learn-led-glow{opacity:.8;animation:none;transform:none}.web-root[data-page=learn] .learn-bar-fill{animation:none}.web-root[data-page=learn] .learn-door,.web-root[data-page=learn] .learn-measure,.web-root[data-page=learn] .learn-door-img,.web-root[data-page=learn] .learn-door-go .ic{transition:none}.web-root[data-page=learn] .learn-door:hover,.web-root[data-page=learn] .learn-door:focus-visible,.web-root[data-page=learn] .learn-measure:hover,.web-root[data-page=learn] .learn-measure:focus-visible,.web-root[data-page=learn] .learn-door:hover .learn-door-img,.web-root[data-page=learn] .learn-door:focus-visible .learn-door-img{transform:none}}@media (width<=1100px){.web-root[data-page=learn] .learn-hero{gap:var(--s-5);grid-template-columns:1fr}.web-root[data-page=learn] .learn-scene{justify-self:center;width:100%;max-width:640px}.web-root[data-page=learn] .learn-doors{grid-template-columns:1fr}.web-root[data-page=learn] .learn-door{flex-flow:wrap;align-items:center}.web-root[data-page=learn] .learn-door-fig{flex:none;width:132px;height:112px}.web-root[data-page=learn] .learn-door-body{flex:200px}.web-root[data-page=learn] .learn-bar,.web-root[data-page=learn] .learn-door-foot{flex:1 0 100%}}@media (width<=767px){.web-root[data-page=learn] .learn-hero{padding:var(--s-5) var(--s-4) var(--s-6)}.web-root[data-page=learn] .learn-hero-claim{font-size:var(--t-28)}.web-root[data-page=learn] .learn-hero .lead{font-size:var(--t-13)}.web-root[data-page=learn] .learn-hero-actions{flex-direction:column;align-items:stretch}.web-root[data-page=learn] .learn-scene-tag{padding:1px 6px;font-size:11px}.web-root[data-page=learn] .learn-door{padding:var(--s-3);gap:var(--s-3)}.web-root[data-page=learn] .learn-door-fig{width:88px;height:88px}.web-root[data-page=learn] .learn-door-ic{width:var(--s-5);height:var(--s-5);top:var(--s-1);left:var(--s-1)}.web-root[data-page=learn] .learn-door-ic .ic{width:var(--s-4);height:var(--s-4)}.web-root[data-page=learn] .learn-door-body{flex-basis:160px}.web-root[data-page=learn] .learn-door-t{font-size:var(--t-17)}.web-root[data-page=learn] .learn-door-d{font-size:var(--t-13)}.web-root[data-page=learn] .learn-measure{gap:var(--s-3) var(--s-4);padding:var(--s-3);flex-wrap:wrap}.web-root[data-page=learn] .learn-measure-fig{width:72px;height:72px}.web-root[data-page=learn] .learn-measure-body{flex-basis:160px}.web-root[data-page=learn] .learn-measure-prog{flex:auto}}