html,body{height:100%;overflow:hidden}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}*{box-sizing:border-box}#ob{display:flex;height:100dvh;flex-direction:column;overflow:hidden;background-color:var(--bg);background-image:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--go-blue) 10%,transparent),transparent 28%),linear-gradient(color-mix(in srgb,var(--border) 28%,transparent) 1px,transparent 1px);background-size:auto,100% 38px}.ob-header{display:flex;flex:0 0 auto;align-items:center;gap:12px;padding:12px 18px 8px}.ob-brand{color:var(--muted);font:500 11px var(--font-mono);text-decoration:none}.ob-brand b{color:var(--go-blue)}.ob-back{display:grid;width:31px;height:31px;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer}.ob-progress{display:flex;align-items:center;gap:10px;margin-left:auto}.ob-progress ol{display:flex;width:min(36vw,330px);gap:4px;margin:0;padding:0;list-style:none}.ob-progress li{height:4px;flex:1;border-radius:8px;background:var(--border)}.ob-progress li.is-current{background:var(--go-blue)}.ob-progress li.is-done{background:var(--br-green)}.ob-progress span{color:var(--muted);font:600 10px var(--font-mono)}.ob-slide{display:none;min-height:0;flex:1 1 auto;overflow:hidden}.ob-slide.active{display:flex}.ob-grid-layout,.offer-wrap{display:grid;width:min(1120px,100%);grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(24px,5vw,68px);margin:auto;padding:12px 28px 28px}.ob-copy{min-width:0}.ob-kicker{margin:0 0 8px;color:var(--go-blue);font:700 10px var(--font-mono);letter-spacing:.14em}.ob-slide h1{margin:0 0 10px;color:var(--text-strong);font-size:clamp(28px,4.4vw,48px);line-height:.98;letter-spacing:-.04em;outline:none}.ob-sub{margin:0 0 18px;color:var(--muted);font-size:clamp(13px,1.5vw,16px);line-height:1.48}.ob-options{display:flex;flex-direction:column;gap:8px}.ob-options.compact{gap:6px}.ob-option{display:flex;min-height:58px;flex-direction:column;justify-content:center;gap:2px;padding:10px 13px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);font:500 14px var(--font-body);text-align:left;cursor:pointer;transition:border-color .16s,transform .16s,background .16s}.ob-option strong{font-size:15px}.ob-option span{color:var(--muted);font-size:11px}.ob-option:hover,.ob-option:focus-visible{border-color:var(--br-yellow);background:var(--surface-2);transform:translate(3px);outline:none}.option-grid{display:grid;grid-template-columns:1fr 1fr}.option-grid .ob-option{min-height:52px}.reactive-panel{position:relative;overflow:hidden;padding:clamp(22px,4vw,42px);border:1px solid var(--border-strong);border-radius:18px;background:linear-gradient(145deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-lg)}.reactive-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--go-blue) 8%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--go-blue) 8%,transparent) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.reactive-panel>*{position:relative}.reactive-panel>p:first-child{margin:0 0 9px;color:var(--br-yellow);font:700 10px var(--font-mono);letter-spacing:.11em}.reactive-panel h2{max-width:480px;margin:0 0 10px;font-size:clamp(24px,3vw,38px);line-height:1.02}.reactive-panel>p:nth-of-type(2){max-width:520px;color:var(--muted);font-size:14px}.visual-path{display:flex;align-items:center;gap:8px;margin:24px 0}.visual-path span{padding:8px 10px;border:1px solid var(--go-blue);border-radius:999px;background:var(--bg);color:var(--text);font:600 11px var(--font-mono)}.visual-path i{color:var(--br-green);font-style:normal}.reactive-panel pre{margin:0;padding:15px;border-left:3px solid var(--br-green);border-radius:0 8px 8px 0;background:#07131f;color:#e8f1f7;font:13px/1.55 var(--font-mono);white-space:pre-wrap}.vindo-panel{border-color:color-mix(in srgb,var(--br-yellow) 45%,var(--border))}.challenge-layout{grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);align-items:stretch;height:100%;padding-top:5px;padding-bottom:14px}.challenge-copy{align-self:center}.challenge-copy h1 code{color:var(--go-blue);font:inherit}.challenge-brief{margin:18px 0;padding:13px 14px;border-left:3px solid var(--go-blue);border-radius:0 9px 9px 0;background:var(--surface)}.challenge-brief span{color:var(--go-blue);font:700 9px var(--font-mono);letter-spacing:.1em}.challenge-brief p{margin:4px 0 0;color:var(--text);font-size:13px;line-height:1.45}.challenge-success{display:flex;flex-direction:column;margin:12px 0;padding:11px 13px;border:1px solid color-mix(in srgb,var(--br-green) 65%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--br-green) 12%,var(--surface));font-size:12px}.challenge-success b{color:#9ef0b9}.challenge-success span{color:var(--muted)}.challenge-lab{min-width:0;align-self:center;max-height:calc(100dvh - 70px);overflow:auto;padding:8px;border:1px solid #24465e;border-radius:14px;background:#07131f}.challenge-preview{min-height:300px;margin:0;padding:18px;border:0;background:#07131f;color:#e8f1f7;font:13px/1.65 var(--font-mono);white-space:pre-wrap}.ob-primary,.ob-secondary{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:11px 16px;border-radius:9px;font:800 14px var(--font-body);cursor:pointer}.ob-primary{border:1px solid var(--go-blue);background:var(--go-blue);color:#05212b}.ob-primary:hover{border-color:var(--br-yellow);background:var(--br-yellow)}.ob-primary:disabled{opacity:.55;cursor:wait}.ob-secondary{border:1px solid var(--border-strong);background:var(--surface);color:var(--text)}.ob-secondary:hover{border-color:var(--br-yellow);color:var(--br-yellow)}.ob-text-button{display:block;margin-top:13px;padding:0;border:0;background:none;color:var(--muted);font:600 12px var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ob-hint{margin:12px 0;color:var(--muted);font-size:13px}.ob-hint summary{color:var(--br-yellow);font-weight:700;cursor:pointer}.ob-editor-failure{padding:20px;color:#fff3a6}.ob-form{display:flex;flex-direction:column;gap:9px}.ob-form label>span{display:block;margin-bottom:4px;color:var(--muted);font-size:12px}.ob-form input[type=text],.ob-form input[type=email]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:16px var(--font-body)}.ob-form input:focus{border-color:var(--go-blue);outline:2px solid color-mix(in srgb,var(--go-blue) 35%,transparent)}.ob-consent{display:flex;align-items:flex-start;gap:8px}.ob-consent input{margin-top:3px;accent-color:var(--go-blue)}.ob-consent em{font-style:normal;opacity:.7}.ob-fine{margin:0;color:var(--muted);font-size:10px;line-height:1.4}.ob-fine a{color:inherit}.ob-error{margin:5px 0;color:#ff9a91;font-size:12px}.xp-panel{overflow:hidden;border:1px solid var(--border-strong);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-lg)}.xp-panel>p{margin:0;padding:15px 18px;border-bottom:1px solid var(--border);color:var(--go-blue);font:700 10px var(--font-mono);letter-spacing:.1em}.xp-panel>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--border)}.xp-panel>div span{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:var(--br-green);color:#fff}.xp-panel>div b{color:var(--br-yellow);font:700 11px var(--font-mono)}.xp-panel footer{display:flex;justify-content:space-between;padding:16px 18px;color:var(--muted);font-size:12px}.xp-panel footer strong{color:var(--text-strong);font-size:18px}.ob-note{margin:0 0 18px;padding:10px 12px;border-left:3px solid var(--br-green);background:var(--surface);color:var(--text);font-size:12px}.tree-teaser{padding:17px;border:1px solid var(--border-strong);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-lg)}.tree-teaser header{display:flex;justify-content:space-between;margin-bottom:12px;color:var(--go-blue);font:700 10px var(--font-mono);letter-spacing:.08em}.tree-teaser header small{color:var(--muted)}.tree-teaser ol{position:relative;display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}.tree-teaser ol:before{content:"";position:absolute;left:18px;top:32px;bottom:32px;width:2px;background:var(--br-green)}.tree-teaser li{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-raised)}.tree-teaser li>span{display:grid;z-index:1;width:36px;height:36px;place-items:center;border:2px solid var(--br-green);border-radius:50%;background:var(--bg);color:#a8efc2;font:700 12px var(--font-mono)}.tree-teaser li div{display:flex;min-width:0;flex-direction:column}.tree-teaser li small{color:var(--muted);font:600 8px var(--font-mono);letter-spacing:.08em}.tree-teaser li strong{font-size:14px}.tree-teaser li b{padding:4px 7px;border-radius:999px;background:var(--br-green);color:#fff;font:700 8px var(--font-mono)}.tree-teaser li em{color:var(--muted);font:normal 10px var(--font-body)}.offer-wrap{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.offer-copy{padding:clamp(18px,4vw,38px);border:1px solid var(--go-blue);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-lg)}.offer-copy ul{display:grid;gap:6px;padding-left:20px;color:var(--text);font-size:13px}.offer-copy li::marker{color:var(--br-green)}.offer-price{display:flex;align-items:baseline;gap:9px;margin:17px 0}.offer-price s{color:var(--muted);font-size:18px}.offer-price strong{color:var(--br-yellow);font:900 clamp(38px,6vw,58px)/1 var(--font-display)}.offer-price span{color:var(--muted);font-size:11px}.offer-primary{width:100%}.offer-guarantee{margin:11px 0 0;color:var(--muted);font-size:11px;text-align:center}.offer-guarantee b{color:var(--text)}.free-path{padding:clamp(18px,4vw,34px);border:1px solid var(--border);border-radius:16px;background:var(--bg-raised)}.free-path>span{color:var(--br-green-bright);font:700 9px var(--font-mono);letter-spacing:.11em}.free-path h2{margin:8px 0;font-size:clamp(22px,3vw,32px)}.free-path p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.5}.exit-card{width:min(540px,calc(100% - 36px));margin:auto;padding:38px;border:1px solid var(--border-strong);border-radius:18px;background:var(--surface);text-align:center;box-shadow:var(--shadow-lg)}.exit-mark{display:grid;width:58px;height:58px;margin:0 auto 18px;place-items:center;border-radius:50%;background:var(--br-green);color:#fff;font-size:26px}.exit-card a{color:var(--go-blue);font-weight:700}.go-editor{--line:#234359;--blue:#00ADD8;--yellow:#FFDF00;display:block;overflow:hidden;border:1px solid #24465e;border-radius:10px;background:#07131f;color:#e8f1f7;font-family:var(--font-body)}.editor-stripe{display:grid;height:4px;grid-template-columns:repeat(3,1fr)}.editor-stripe i:nth-child(1){background:#009c3b}.editor-stripe i:nth-child(2){background:#ffdf00}.editor-stripe i:nth-child(3){background:#00add8}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-bottom:1px solid var(--line);background:#0d2131}.editor-language{display:flex;gap:6px;color:#8da5b5;font:600 10px var(--font-mono)}.go-mark{color:#fff;font:800 15px var(--font-display)}.editor-actions{display:flex;flex-wrap:wrap;gap:4px}.editor-actions button{padding:6px 8px;border:1px solid #31536a;border-radius:6px;background:#142c3e;color:#dceaf2;font:700 10px var(--font-body);cursor:pointer}.editor-actions .editor-primary{border-color:var(--blue);background:var(--blue);color:#05202b}.editor-actions button:disabled{opacity:.45}.runtime-notice{padding:8px;border-bottom:1px solid #806f17;background:#332a0b;color:#fff3a6;font-size:11px}.editor-footer{display:flex;min-height:30px;align-items:center;gap:3px;padding:0 9px;border-top:1px solid var(--line);background:#0d2131;color:#718b9c;font-size:9px}.editor-footer [data-editor-status]{margin-right:auto}.editor-footer kbd{padding:1px 4px;border:1px solid #38576a;border-radius:3px;font:8px var(--font-mono)}.harness-fold{border-top:1px solid var(--line);background:#0b1c29}.harness-fold summary{padding:8px;color:#9db4c2;font-size:10px;cursor:pointer}.harness-fold pre{max-height:140px;margin:0;padding:9px;overflow:auto;border-top:1px solid var(--line);color:#9fb3c0;font:10px/1.5 var(--font-mono)}.test-panel{display:block;padding:9px;border-top:1px solid var(--line);background:#0d1f2d}.test-empty{display:flex;min-height:48px;align-items:center;justify-content:center;color:#829aaa;font-size:10px}.test-spinner{width:14px;height:14px;border:2px solid #315167;border-top-color:var(--blue);border-radius:50%}.run-status{display:inline-flex;padding:4px 7px;border-radius:99px;font-size:10px;font-weight:800}.run-status--pass{background:#07391e;color:#8cf0b5}.run-status--fail{background:#4b1717;color:#ffb3a9}.test-summary{display:flex;justify-content:space-between;margin-bottom:6px;color:#91a8b7;font-size:10px}.test-tabs{display:flex;gap:4px;margin-bottom:6px}.test-tabs button,.case-list button{border:1px solid #304f63;border-radius:6px;background:#132a3b;color:#d5e2e9;font-size:9px}.test-layout{display:grid;grid-template-columns:150px 1fr;gap:6px}.case-list{display:flex;flex-direction:column;gap:3px}.case-list button{display:flex;gap:4px;padding:5px;text-align:left}.case-list small{margin-left:auto}.case-pill{font-weight:800}.case-pill--pass{color:#8cf0b5}.case-pill--fail{color:#ffb3a9}.test-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0}.test-detail dt,.test-panel h4{margin-bottom:3px;color:#7f98a8;font-size:8px}.test-detail dd{margin:0}.test-panel pre{margin:0;padding:6px;overflow:auto;border:1px solid #29485b;border-radius:5px;background:#071620;color:#e6eef2;font:9px/1.4 var(--font-mono);white-space:pre-wrap}.stderr{margin-top:5px}.runtime-alert{padding:7px;color:#ffc5bd}.go-editor .cm-editor{min-height:210px!important}.go-editor .cm-scroller{max-height:250px}.ob-slide.active .ob-grid-layout,.ob-slide.active .offer-wrap,.ob-slide.active .exit-card{animation:ob-enter .3s ease-out both}@keyframes ob-enter{0%{opacity:0;transform:translateY(8px)}}@media(max-height:740px){.ob-header{padding:7px 12px 4px}.ob-grid-layout,.offer-wrap{gap:18px;padding:5px 18px 10px}.ob-slide h1{font-size:clamp(23px,4vw,34px);margin-bottom:6px}.ob-sub{margin-bottom:9px;font-size:12px}.ob-options{gap:5px}.ob-option{min-height:45px;padding:7px 10px}.ob-option strong{font-size:13px}.ob-option span{font-size:9px}.reactive-panel{padding:20px}.reactive-panel h2{font-size:26px}.visual-path{margin:14px 0}.challenge-brief{margin:10px 0}.challenge-lab{max-height:calc(100dvh - 48px)}.go-editor .cm-editor{min-height:170px!important}.go-editor .cm-scroller{max-height:190px}.harness-fold{display:none}.offer-copy,.free-path{padding:16px}.offer-copy ul{margin:8px 0}.offer-price{margin:9px 0}.offer-price strong{font-size:38px}.xp-panel>div{padding:10px 14px}.tree-teaser li{padding:8px}.tree-teaser li>span{width:30px;height:30px}}@media(max-width:760px){.ob-grid-layout,.offer-wrap{grid-template-columns:1fr;width:100%;gap:12px;padding:5px 15px 12px}.ob-question .ob-grid-layout{grid-template-rows:auto minmax(0,.8fr)}.ob-question .ob-copy{align-self:end}.ob-question .reactive-panel,.xp-panel,.tree-teaser,.free-path{align-self:start}.reactive-panel{padding:14px}.reactive-panel h2{font-size:20px}.reactive-panel>p:nth-of-type(2){font-size:11px}.visual-path{margin:10px 0}.visual-path span{padding:5px 7px;font-size:9px}.reactive-panel pre{padding:9px;font-size:10px}.challenge-layout{display:block;height:auto;overflow:visible}.ob-editor-slide{overflow:auto}.challenge-copy{padding:7px 15px 0}.challenge-lab{max-height:none;margin:0 8px 12px;overflow:auto}.option-grid{grid-template-columns:1fr 1fr}.account-layout{grid-template-rows:auto auto!important}.xp-panel>div{padding:8px 12px}.recommendation-layout{grid-template-rows:auto auto!important}.tree-teaser li em{display:none}.offer-wrap{overflow:auto;align-content:start}.offer-copy,.free-path{padding:14px}.offer-copy h1{font-size:27px}.free-path h2{font-size:20px}.ob-progress ol{width:42vw}.editor-toolbar{align-items:flex-start;flex-direction:column}.test-layout,.test-detail{grid-template-columns:1fr}.case-list{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.ob-header{padding-inline:9px}.ob-brand{display:none}.ob-progress ol{width:62vw}.ob-grid-layout{padding-inline:11px}.ob-slide h1{font-size:23px}.ob-option{min-height:44px}.ob-option strong{font-size:12px}.reactive-panel h2{font-size:18px}.visual-path{gap:4px}.visual-path span{font-size:8px}.challenge-copy{padding-inline:11px}.challenge-lab{margin-inline:5px}.offer-copy h1{font-size:24px}}@media(max-height:680px){.ob-question .ob-grid-layout{gap:7px}.ob-question .ob-sub{margin-bottom:6px}.ob-question .ob-options{gap:4px}.ob-question .ob-option{min-height:41px;padding-block:6px}.ob-question .reactive-panel{padding:11px}}@media(prefers-reduced-motion:reduce){.ob-slide.active .ob-grid-layout,.ob-slide.active .offer-wrap,.ob-slide.active .exit-card{animation:none}.ob-option{transition:none}}.ob-solved-note{margin:0 0 10px;padding:9px 14px;border:1px solid var(--br-green);border-radius:9px;background:color-mix(in srgb,var(--br-green) 9%,transparent);color:var(--text);font-size:12.5px}.offer-others{display:flex;gap:9px;margin-top:12px}.offer-others button{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;text-align:left}.offer-others button:hover{border-color:var(--go-blue)}.offer-others strong{font-size:13px}.offer-others span{color:var(--go-blue);font-weight:800;font-size:14px}.offer-others small{color:var(--muted);font-size:10.5px}