html,body{height:100%;overflow:hidden}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}*{box-sizing:border-box}#ob{position:relative;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(--warning-text);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(--success-text);font-style:normal}.reactive-panel pre{margin:0;padding:15px;border-left:3px solid var(--br-green);border-radius:0 8px 8px 0;background:var(--bg);color:var(--text-strong);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:var(--success-text)}.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 var(--surface-3);border-radius:14px;background:var(--bg)}.challenge-preview{min-height:300px;margin:0;padding:18px;border:0;background:var(--bg);color:var(--text-strong);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:var(--bg-raised)}.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(--warning-text)}.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(--warning-text);font-weight:700;cursor:pointer}.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:var(--danger-text);font-size:12px}.ob-secure-message{padding:11px 12px;border:1px solid color-mix(in srgb,var(--br-green) 55%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--br-green) 10%,var(--surface));color:var(--success-text);line-height:1.45}.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:var(--text-strong)}.xp-panel>div b{color:var(--warning-text);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:var(--success-text);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:var(--text-strong);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.2fr) minmax(280px,.8fr)}.offer-copy{padding:clamp(18px,4vw,32px);border:1px solid var(--go-blue);border-top-width:4px;border-radius:14px;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(--success-text)}.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(--warning-text);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:12px;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:var(--text-strong);font-size:26px}.exit-card a{color:var(--go-blue);font-weight:700}.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)}.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}}@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}.ob-login-hint{margin:14px 0 0;color:var(--muted);font-size:12px}.ob-login-hint a{color:var(--go-blue);font-weight:700;text-decoration:none}.ob-login-hint a:hover{text-decoration:underline}.ob-resume-banner{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 14px;padding:10px 13px;border:1px solid var(--go-blue);border-radius:10px;background:color-mix(in srgb,var(--go-blue) 9%,transparent)}.ob-resume-banner p{margin:0;color:var(--text);font-size:12.5px}.ob-resume-banner b{color:var(--text-strong)}.ob-resume-banner a{color:var(--go-blue);font-size:13px;font-weight:800;text-decoration:none}.ob-resume-banner a:hover{text-decoration:underline}.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}.free-confirm{margin-top:12px;padding:12px 14px;border:1px dashed var(--border-strong);border-radius:10px}.free-confirm p{margin:0 0 10px;font-size:12px;color:var(--muted)}.free-confirm b{color:var(--text)}.offer-plans{display:grid;gap:8px;margin:12px 0}.offer-plan{position:relative;display:grid;align-items:center;gap:3px 10px;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:var(--bg-raised);color:var(--text);cursor:pointer;text-align:left}.offer-plan strong{color:var(--text-strong);font:800 19px var(--font-display)}.offer-plan strong small{color:var(--muted);font:700 10px var(--font-body)}.offer-plan .op-name{color:var(--go-blue-bright);font:700 10px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.offer-plan .op-charge{color:var(--muted);font-size:9px;line-height:1.25}.offer-plan.featured{grid-template-columns:1fr auto;padding:14px;border:2px solid var(--go-blue);background:color-mix(in srgb,var(--go-blue) 8%,var(--surface));box-shadow:var(--shadow-md)}.offer-plan.featured strong{grid-row:2/4;grid-column:2;color:var(--text-strong);font-size:28px}.offer-plan.featured b{color:var(--warning-text);font-size:11px}.offer-badge{position:absolute;right:10px;top:-9px;padding:4px 7px;border-radius:6px;background:var(--br-yellow);color:var(--warning-tint);font:800 8px var(--font-mono);letter-spacing:.06em}.op-action{grid-column:1/-1;margin-top:4px;padding:7px;border-radius:8px;background:var(--go-blue);color:var(--on-primary);font-size:11px;font-weight:800;text-align:center}.offer-secondary{display:grid;grid-template-columns:1fr 1fr;gap:7px}.offer-secondary .offer-plan{grid-template-columns:1fr auto}.offer-secondary .op-charge{grid-column:1/-1}.offer-plan:hover,.offer-plan:focus-visible{border-color:var(--br-yellow);outline:none}@media(max-width:760px){.offer-wrap{overflow:hidden}.offer-secondary{grid-template-columns:1fr 1fr}.offer-plan.featured{padding:11px}.offer-plan.featured strong{font-size:24px}.free-path{border-radius:12px}.free-path p{margin-bottom:10px}.free-path .ob-secondary{min-height:38px;padding:8px 12px}.offer-guarantee{margin-top:7px}}@media(max-width:380px){.offer-copy{padding:11px}.offer-plans{margin:9px 0}.offer-plan{padding:8px 9px}.offer-plan.featured{padding:10px}.offer-secondary{gap:5px}.free-path{padding:11px}.free-path h2{margin:5px 0}.free-path p{font-size:11px;line-height:1.35}}#ob{background-image:none}.ob-header{min-height:56px;padding:var(--space-2) var(--space-5);border-bottom:1px solid var(--border);background:var(--bg-raised)}.ob-back{width:40px;height:40px}.ob-slide h1{line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.ob-grid-layout{gap:var(--space-7)}.ob-options{gap:var(--space-3)}.ob-option{min-height:64px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-strong)}.ob-option strong{font-size:var(--text-base)}.ob-option span{color:var(--muted);font-size:var(--text-xs)}.ob-option:hover,.ob-option:focus-visible{background:var(--primary-tint);border-color:var(--primary);transform:none}.ob-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.reactive-panel{border:0;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--edge-light)}.reactive-panel:before{display:none}.reactive-panel>p:first-child{color:var(--muted)}.reactive-panel h2{font-size:var(--display-3);line-height:var(--leading-tight)}.reactive-panel pre{color:var(--code-text);background:var(--code-bg)}.ob-primary{background:var(--primary);color:var(--on-primary);border:0}.ob-primary:hover{background:var(--primary-hover)}.ob-secondary{background:var(--surface-2);color:var(--text-strong);border-color:var(--border)}.ob-secondary:hover{color:var(--text-strong);background:var(--surface-3);border-color:var(--border-strong)}.ob-hint summary{color:var(--primary-text)}.challenge-success{background:var(--success-tint);border:0}.challenge-success b,.ob-secure-message{color:var(--success-text)}.ob-error{color:var(--danger-text)}.offer-copy,.free-path,.exit-card{border:0;box-shadow:var(--edge-light),var(--shadow-2)}.offer-plan.featured{border:1px solid var(--primary);box-shadow:var(--edge-light)}.offer-plan:hover,.offer-plan:focus-visible{border-color:var(--primary)}.offer-plan:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.offer-badge{background:var(--yellow-500);color:var(--navy-950)}.offer-plan.featured b,.offer-price strong,.xp-panel>div b{color:var(--warning-text)}.op-action{background:var(--primary);color:var(--on-primary)}@media(max-width:760px){.ob-header{padding-inline:var(--space-3)}.ob-header .ui-brand{font-size:var(--text-xs);gap:var(--space-2)}.ob-header .ui-brand img{height:24px}.ob-progress ol{width:28vw}.ob-grid-layout{gap:var(--space-3)}.ob-option{min-height:52px;padding:var(--space-2) var(--space-3)}.ob-option strong{font-size:var(--text-sm)}.reactive-panel h2{font-size:var(--text-xl)}}@media(max-height:740px){.ob-options{gap:var(--space-1)}.ob-option{min-height:44px;padding:var(--space-2) var(--space-3)}.ob-option strong{font-size:var(--text-sm)}.ob-option span{font-size:var(--text-2xs)}.reactive-panel{padding:var(--space-3)}}@media(max-width:380px){.ob-header .ui-brand>span{display:none}.ob-progress ol{width:50vw}}.ob-header .ob-brand.ui-brand{color:var(--text-strong);font:700 var(--text-sm) var(--font-display);letter-spacing:var(--tracking-tight)}@media(max-width:760px){.ob-question .ob-grid-layout{grid-template-rows:auto auto}.ob-question .reactive-panel{min-height:210px}}@media(max-width:760px)and (max-height:740px){.ob-question .reactive-panel{min-height:176px}.ob-question .reactive-panel h2{min-height:46px}.ob-question .visual-path{margin-block:var(--space-2)}}.local-challenge{padding:var(--space-3)}.local-challenge .challenge-preview{min-height:0;padding:var(--space-3) 0;overflow-wrap:anywhere}.local-challenge-note,.local-challenge-feedback{margin:0;color:var(--text);font-size:var(--text-sm);line-height:var(--leading-body)}.local-challenge-feedback{margin-top:var(--space-3);padding:var(--space-3);border-left:3px solid var(--primary);background:var(--surface-2)}.local-challenge .ob-option{min-height:48px}.local-challenge .ob-option code{overflow-wrap:anywhere}