*{box-sizing:border-box}:root{--bg:#090e1d;--panel:#111a31;--panel-2:#18243f;--line:rgba(255,255,255,.105);--text:#f7f8ff;--muted:#aab3cb;--purple:#9b7cff;--mint:#61e0bd;--coral:#ff7c70;--gold:#ffd26a}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}body{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 82% -10%,rgba(138,95,255,.25),transparent 38%),radial-gradient(circle at -10% 90%,rgba(41,212,180,.13),transparent 32%),var(--bg)}button,input{font:inherit}.app-shell{width:100vw;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);padding:18px clamp(18px,2.4vw,34px) clamp(18px,2.4vw,30px);gap:16px}.topbar{height:67px;display:flex;align-items:center;gap:18px}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:280px}.mark{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#7458e9,#b16ef1);font:800 28px Manrope,sans-serif;box-shadow:0 12px 30px rgba(112,81,223,.28)}.eyebrow,.step-label,.challenge-kicker{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700;color:#b9aaff}.brand-lockup h1{font:800 22px/1.1 Manrope,sans-serif;margin:3px 0 0;letter-spacing:-.03em}.equation-pill{margin-left:auto;display:flex;align-items:center;gap:12px;min-height:48px;padding:7px 17px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045);font:800 19px Manrope,sans-serif}.equation-pill strong{min-width:42px;text-align:center;color:var(--gold);font-size:23px}.challenge-button,.next-button,.answer-row button{border:0;color:#0d1221;font-weight:800;background:linear-gradient(135deg,#f9d578,#ffb66b);padding:13px 17px;border-radius:13px;cursor:pointer;box-shadow:0 10px 25px rgba(255,188,104,.16);transition:.2s transform,.2s filter}.challenge-button:hover,.next-button:hover,.answer-row button:hover{filter:brightness(1.06);transform:translateY(-2px)}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}.workspace{min-height:0;display:grid;grid-template-columns:minmax(310px,370px) minmax(0,1fr);gap:16px}.control-panel,.visual-panel{min-height:0;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.066),rgba(255,255,255,.025));box-shadow:0 22px 60px rgba(0,0,0,.22)}.control-panel{padding:20px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.panel-heading,.visual-heading,.factor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2,.visual-heading h2{font:800 20px/1.1 Manrope,sans-serif;letter-spacing:-.025em;margin:4px 0 0}.icon-button,.modal-close{border:1px solid var(--line);background:rgba(255,255,255,.055);color:#dfe3f2;width:36px;height:36px;border-radius:11px;cursor:pointer;font-size:20px}.intro{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.factor-card{background:var(--panel-2);border:1px solid var(--line);border-radius:16px;padding:13px}.factor-head>div{display:flex;align-items:center;gap:9px}.factor-head strong{font-size:13px}.factor-head output{font:800 24px Manrope,sans-serif}.factor-dot{display:block;width:10px;height:10px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(255,124,112,.13)}.factor-b .factor-dot{background:var(--mint);box-shadow:0 0 0 5px rgba(97,224,189,.12)}.stepper{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin:8px 0}.stepper button{width:34px;height:30px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.055);color:#fff;font-size:18px;cursor:pointer}.stepper input{width:100%;accent-color:var(--coral);cursor:pointer}.factor-b .stepper input{accent-color:var(--mint)}.quick-picks{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}.quick-picks button{min-width:0;height:22px;padding:0;border:0;border-radius:5px;background:rgba(255,255,255,.055);color:var(--muted);font-size:9px;cursor:pointer}.quick-picks button.active{background:var(--purple);color:#fff;font-weight:800}.factor-b .quick-picks button.active{background:#24a987}.insight-card{margin-top:auto;border-radius:17px;padding:15px;background:linear-gradient(135deg,rgba(139,104,255,.18),rgba(72,207,172,.1));border:1px solid rgba(173,151,255,.22)}.insight-card>p{font-size:13px;line-height:1.45;color:var(--muted);margin:8px 0 12px}.insight-card>p strong{color:#fff}.fact-line{padding-top:9px;margin-top:9px;border-top:1px solid var(--line)}.fact-line span,.fact-line strong{display:block}.fact-line span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8f9ab5}.fact-line strong{font:700 12px/1.35 Manrope,sans-serif;margin-top:3px;color:#e9e6ff}.visual-panel{position:relative;padding:20px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.visual-heading{padding:0 2px 12px}.legend{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:10px}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:block;width:10px;height:10px;border-radius:3px}.row-key{background:var(--coral)}.column-key{background:var(--mint)}.array-stage{min-height:0;display:grid;place-items:center;position:relative;border-radius:20px;background:radial-gradient(circle at center,rgba(139,104,255,.12),transparent 58%),rgba(4,9,22,.35);overflow:hidden}.array-grid{position:relative;z-index:2;display:grid;gap:clamp(3px,.55vmin,7px);width:min(72vmin,82%);height:min(60vmin,80%);align-content:center;justify-content:center}.array-dot{width:clamp(12px,3.3vmin,34px);height:clamp(12px,3.3vmin,34px);border-radius:28%;background:linear-gradient(145deg,#ff988d,#ff6f66);box-shadow:inset 0 1px rgba(255,255,255,.35),0 6px 14px rgba(255,111,102,.16);transform:scale(.94);animation:pop .28s both}.array-dot:nth-child(even){filter:saturate(.92) brightness(1.05)}@keyframes pop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(.94)}}.orbit{position:absolute;border:1px solid rgba(255,255,255,.045);border-radius:50%;pointer-events:none}.orbit-one{width:58vmin;height:58vmin}.orbit-two{width:82vmin;height:82vmin}.product-banner{display:grid;grid-template-columns:1fr auto;align-items:center;padding:11px 16px;margin-top:12px;border-radius:15px;background:linear-gradient(90deg,rgba(155,124,255,.16),rgba(97,224,189,.1));border:1px solid var(--line)}.product-banner span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#bdc6dc;font-weight:700}.product-banner strong{grid-row:1/3;grid-column:2;font:800 clamp(30px,4vw,49px) Manrope,sans-serif;color:var(--gold)}.product-banner small{font-size:12px;color:var(--muted);margin-top:2px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(4,7,15,.76);backdrop-filter:blur(10px)}.modal-backdrop[hidden]{display:none}.challenge-card{width:min(440px,100%);position:relative;padding:29px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:linear-gradient(155deg,#1b2541,#10172a);box-shadow:0 30px 100px rgba(0,0,0,.52)}.modal-close{position:absolute;right:18px;top:18px}.challenge-card h2{font:800 29px/1.1 Manrope,sans-serif;margin:8px 45px 8px 0}.challenge-card>p{font:800 28px Manrope,sans-serif;margin:15px 0;color:#fff}.challenge-card form label{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.answer-row{display:grid;grid-template-columns:1fr auto;gap:9px}.answer-row input{min-width:0;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.06);color:#fff;padding:12px 14px;font:800 20px Manrope,sans-serif}.feedback{min-height:42px;margin-top:14px;font-size:13px;line-height:1.45;color:var(--muted)}.feedback strong{color:#fff}.next-button{width:100%;margin-top:3px}.next-button span{float:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:780px){.app-shell{padding:10px;gap:9px}.topbar{height:53px;gap:9px}.mark{width:38px;height:38px;border-radius:11px;font-size:22px}.brand-lockup{min-width:0}.brand-lockup h1{font-size:17px}.eyebrow{font-size:8px}.equation-pill{margin-left:auto;min-height:40px;padding:5px 9px;gap:7px;font-size:15px}.equation-pill strong{font-size:18px;min-width:28px}.challenge-button{padding:10px;font-size:0}.challenge-button span{font-size:18px}.workspace{grid-template-columns:1fr;grid-template-rows:minmax(272px,45%) minmax(0,1fr);gap:9px}.control-panel,.visual-panel{border-radius:17px}.control-panel{padding:11px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;gap:8px}.panel-heading{grid-column:1/-1}.panel-heading h2,.visual-heading h2{font-size:15px}.intro{display:none}.factor-card{padding:9px}.factor-head output{font-size:18px}.stepper{margin:4px 0}.quick-picks{grid-template-columns:repeat(6,1fr)}.insight-card{grid-column:1/-1;margin:0;padding:8px 11px;display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.insight-card>.step-label,.insight-card>p{grid-column:1/-1}.insight-card>p{font-size:10px;margin:2px 0}.fact-line{padding-top:4px;margin-top:2px}.fact-line strong{font-size:9px}.visual-panel{padding:10px}.visual-heading{padding-bottom:6px}.array-grid{height:min(42vmin,76%)}.product-banner{padding:6px 12px;margin-top:6px}.product-banner strong{font-size:28px}}@media(max-width:480px){.legend b{display:none}.brand-lockup h1{font-size:15px}.factor-head strong{font-size:11px}.quick-picks button{height:18px}.challenge-card{padding:24px 19px}}@media(max-height:650px) and (min-width:781px){.app-shell{padding-top:9px;padding-bottom:9px;gap:8px}.topbar{height:52px}.control-panel,.visual-panel{padding:13px}.control-panel{gap:7px}.intro{display:none}.factor-card{padding:9px}.insight-card{padding:10px}.visual-heading{padding-bottom:5px}.array-dot{width:clamp(11px,3vmin,27px);height:clamp(11px,3vmin,27px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}