[hidden]{display:none!important}.exp-hero{position:relative;overflow:hidden;padding:clamp(4rem,9vw,7.5rem) 0 5rem;border-bottom:1px solid var(--border);background-color:var(--bg);background-image:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--go-blue) 16%,transparent),transparent 34%),linear-gradient(color-mix(in srgb,var(--border) 38%,transparent) 1px,transparent 1px);background-size:auto,100% 34px}.exp-hero:before{content:"";position:absolute;left:0;top:0;width:7px;height:100%;background:var(--go-blue)}.exp-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);align-items:center;gap:clamp(3rem,7vw,6rem)}.exp-hero h1{max-width:710px;margin:.65rem 0 1.35rem;font-size:clamp(3.4rem,7.2vw,6.7rem);line-height:.88;letter-spacing:-.065em}.exp-hero-lede{max-width:610px;margin-bottom:2rem;color:var(--text);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.exp-proof{display:flex;gap:1.7rem;margin-top:2.25rem;padding:0;list-style:none;color:var(--muted);font-size:.82rem}.exp-proof li{display:grid;line-height:1.25}.exp-proof strong{color:var(--br-yellow);font:800 1.45rem var(--font-display)}.exp-hero-art{margin:0}.exp-art-frame{position:relative;overflow:hidden;min-height:310px;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--code-bg);box-shadow:var(--shadow-lg)}.exp-art-frame img{width:100%;height:100%;min-height:310px;object-fit:cover}.exp-art-frame:after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--go-blue) 30%,transparent);border-radius:inherit;pointer-events:none}.exp-art-label,.exp-art-output{position:absolute;z-index:1;padding:.42rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:color-mix(in srgb,var(--bg) 90%,transparent);font:600 .68rem var(--font-mono);backdrop-filter:blur(8px)}.exp-art-label{left:1rem;top:1rem;color:var(--go-blue)}.exp-art-output{right:1rem;bottom:1rem;color:var(--text)}.exp-art-output i{display:inline-block;width:7px;height:7px;margin-right:.4rem;border-radius:50%;background:var(--br-green-bright)}.exp-hero-art figcaption{margin-top:.75rem;color:var(--muted);font-size:.78rem;text-align:right}.exp-section{padding:clamp(4.5rem,8vw,7rem) 0;background-image:radial-gradient(circle at 10% 40%,color-mix(in srgb,var(--br-green) 7%,transparent),transparent 25%)}.exp-section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.exp-section-heading h2{max-width:650px;margin-top:.45rem;font-size:clamp(2.25rem,4.5vw,4rem);letter-spacing:-.045em}.exp-section-heading>p{max-width:390px;color:var(--muted);font-size:1.05rem}.exp-showcase{display:block}.exp-workspace{scroll-margin-top:5rem}.exp-progress{margin-bottom:1rem;padding:1.1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-sm)}.exp-progress-top{display:flex;justify-content:space-between;margin-bottom:.8rem;color:var(--muted);font:600 .72rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.exp-progress-top strong{color:var(--go-blue)}.exp-progress ol{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:0;list-style:none}.exp-progress li{position:relative;display:flex;align-items:center;gap:.55rem;color:var(--faint);font-size:.78rem}.exp-progress li:after{content:"";position:absolute;left:2rem;right:-.5rem;top:50%;height:2px;background:var(--border)}.exp-progress li:last-child:after{display:none}.exp-progress li span{position:relative;z-index:1;display:grid;width:1.75rem;height:1.75rem;place-items:center;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface);font:700 .68rem var(--font-mono)}.exp-progress li small{position:relative;z-index:1;background:var(--bg-raised)}.exp-progress li.is-current{color:var(--text-strong)}.exp-progress li.is-current span{border-color:var(--go-blue);background:var(--go-blue);color:var(--on-primary)}.exp-progress li.is-passed span{border-color:var(--br-green);background:var(--br-green);color:#fff}.exp-progress li.is-passed:after{background:var(--br-green)}.exp-challenge-card{display:grid;grid-template-columns:minmax(275px,.72fr) minmax(0,1.55fr);overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-lg)}.exp-instruction{padding:clamp(1.4rem,3.5vw,2.5rem);border-right:1px solid var(--border)}.exp-instruction h3{margin:.65rem 0 1rem;font-size:clamp(1.75rem,3vw,2.5rem)}.exp-instruction>p:not(.eyebrow){color:var(--text);font-size:.98rem}.exp-objective{display:flex;gap:.8rem;margin-top:1.5rem;padding:1rem;border-left:3px solid var(--go-blue);background:var(--surface-3);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.exp-objective>span{color:var(--go-blue);font-weight:800}.exp-objective p{display:grid;gap:.2rem;line-height:1.4}.exp-objective p>span{color:var(--text);font-size:.88rem}.exp-hint{margin-top:1.1rem;border-top:1px solid var(--border)}.exp-hint summary{padding:1rem 0;color:var(--br-yellow);font-weight:700;cursor:pointer}.exp-hint p{padding:0 0 1rem;color:var(--muted);font-size:.88rem}.exp-editor-column{position:relative;min-width:0;padding:1rem;background:#07131f}.exp-code-preview{overflow:hidden;border:1px solid #24465e;border-radius:12px;background:#07131f}.exp-preview-bar{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #234359;background:#0d2131;color:#8da5b5;font:600 .68rem var(--font-mono)}.exp-preview-bar span:last-child{color:#ffdf00;text-transform:uppercase;letter-spacing:.08em}.exp-code-preview pre{min-height:310px;margin:0;padding:1.3rem;border:0;border-radius:0;background:#07131f;color:#e8f1f7;font-size:.85rem}.exp-start{position:absolute;left:50%;bottom:2.5rem;transform:translate(-50%);box-shadow:0 12px 35px #00000073}.exp-start:active{transform:translate(-50%,1px)}.exp-runtime-failure{margin-bottom:1rem;padding:1rem;border:1px solid #806f17;border-radius:var(--radius-sm);background:#332a0b;color:#fff3a6}.exp-success{position:relative;display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:1.1rem 1.25rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--br-green) 65%,var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--br-green) 12%,var(--surface))}.exp-success-mark{display:grid;flex:0 0 auto;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:var(--br-green);color:#fff;font-weight:900}.exp-success>div:nth-of-type(2){margin-right:auto}.exp-success p{color:var(--muted);font-size:.88rem}.exp-confetti{position:absolute;inset:0;pointer-events:none}.exp-confetti i{position:absolute;left:var(--x);top:-10px;width:7px;height:7px;border-radius:2px;animation:exp-confetti 1.25s var(--delay) var(--ease) forwards}.exp-confetti .confetti-0{background:var(--br-green)}.exp-confetti .confetti-1{background:var(--br-yellow)}.exp-confetti .confetti-2{background:var(--go-blue)}@keyframes exp-confetti{to{transform:translateY(100px) rotate(260deg);opacity:0}}.exp-carousel-wrap{margin-top:1.5rem;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-raised)}.exp-carousel-wrap>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:1rem}.exp-carousel-wrap h3{font-size:1.5rem}.exp-carousel{display:block;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface)}.exp-carousel-stage{padding:.75rem}.exp-carousel-stage figure{margin:0;animation:exp-frame .3s var(--ease)}.exp-carousel-stage svg{width:100%;max-height:430px}.exp-carousel-controls{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.7rem;padding:.75rem 1rem;border-top:1px solid var(--border)}.exp-carousel-controls button{padding:.48rem .75rem;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-3);color:var(--text);font-weight:700;cursor:pointer}.exp-carousel-controls button:disabled{opacity:.35}.exp-carousel-dots{display:flex;justify-content:center;gap:.4rem}.exp-carousel-dots button{width:1.8rem;height:5px;padding:0;border:0;border-radius:99px;background:var(--faint)}.exp-carousel-dots button[aria-current=step]{background:var(--go-blue)}.exp-carousel-controls>[data-step-counter]{color:var(--muted);font:600 .7rem var(--font-mono)}@keyframes exp-frame{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.exp-mini-offer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;margin-top:1rem;padding:1.25rem;border:1px solid color-mix(in srgb,var(--br-yellow) 45%,var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--br-yellow) 7%,var(--surface))}.exp-mini-offer>span{color:var(--br-yellow);font:700 .65rem var(--font-mono);letter-spacing:.1em;writing-mode:vertical-rl}.exp-mini-offer h3{margin-bottom:.25rem}.exp-mini-offer p{color:var(--muted);font-size:.88rem}.exp-completion{padding:clamp(2.5rem,7vw,5.5rem);border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface);text-align:center;box-shadow:var(--shadow-lg)}.exp-finish-orbit{display:grid;width:7rem;height:7rem;margin:0 auto 1.5rem;place-items:center;border:1px solid var(--go-blue);border-radius:50%;box-shadow:0 0 0 12px color-mix(in srgb,var(--go-blue) 8%,transparent),0 0 0 24px color-mix(in srgb,var(--br-green) 5%,transparent)}.exp-finish-orbit span{color:var(--br-yellow);font:800 1.65rem var(--font-display)}.exp-completion h2{max-width:780px;margin:.65rem auto 1rem;font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.045em}.exp-completion>p:not(.eyebrow){max-width:680px;margin:0 auto;color:var(--muted);font-size:1.08rem}.exp-recap{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:2rem 0}.exp-recap span{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-raised);font-size:.78rem}.exp-recap i{color:var(--br-green-bright);font-style:normal;font-weight:900}.exp-completion>small{display:block;margin-top:1rem;color:var(--faint)}.exp-bottom-cta{padding:5rem 0;border-top:1px solid var(--border);background:var(--bg-raised);text-align:center}.exp-bottom-cta h2{max-width:740px;margin:.6rem auto 1.5rem;font-size:clamp(2rem,4vw,3.5rem)}.go-editor{--navy:#0A1929;--surface:#10283a;--line:#234359;--blue:#00ADD8;--yellow:#FFDF00;--green:#009C3B;display:block;overflow:hidden;color:#e8f1f7;background:#07131f;border:1px solid #24465e;border-radius:12px;font-family:DM Sans,sans-serif}.editor-stripe{display:grid;grid-template-columns:1fr 1fr 1fr;height:4px}.editor-stripe i:nth-child(1){background:var(--green)}.editor-stripe i:nth-child(2){background:var(--yellow)}.editor-stripe i:nth-child(3){background:var(--blue)}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .9rem;background:#0d2131;border-bottom:1px solid var(--line)}.editor-language{display:flex;align-items:baseline;gap:.55rem;color:#8da5b5;font:600 .68rem JetBrains Mono,monospace}.go-mark{color:#fff;font:800 1.1rem Bricolage Grotesque,sans-serif}.editor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.editor-actions button{padding:.5rem .7rem;border:1px solid #31536a;border-radius:7px;color:#dceaf2;background:#142c3e;font:700 .75rem DM Sans,sans-serif;cursor:pointer}.editor-actions button:hover:not(:disabled){border-color:var(--yellow);color:var(--yellow)}.editor-actions button:disabled{opacity:.45}.editor-actions .editor-primary{border-color:var(--blue);background:var(--blue);color:#05202b}.editor-actions .editor-primary:hover:not(:disabled){background:var(--yellow);color:#16200a}.editor-actions .editor-icon{padding:.3rem .6rem;font-size:1.1rem}.runtime-notice{padding:.8rem 1rem;border-bottom:1px solid #806f17;background:#332a0b;color:#fff3a6}.editor-footer{display:flex;align-items:center;gap:.3rem;min-height:38px;padding:0 .9rem;color:#718b9c;background:#0d2131;border-top:1px solid var(--line);font-size:.68rem}.editor-footer [data-editor-status]{margin-right:auto;color:#9fb5c3}.editor-footer kbd{padding:2px 5px;border:1px solid #38576a;border-radius:4px;background:#132b3d;color:#c7d8e2;font:.62rem JetBrains Mono,monospace}.harness-fold{border-top:1px solid var(--line);background:#0b1c29}.harness-fold summary{padding:.75rem 1rem;color:#9db4c2;font-size:.75rem;cursor:pointer}.harness-fold summary span{margin-left:.5rem;color:#657f90;font:.62rem JetBrains Mono,monospace;text-transform:uppercase}.harness-fold pre{max-height:240px;margin:0;padding:1rem;overflow:auto;border:0;border-top:1px solid var(--line);border-radius:0;color:#9fb3c0;font:.75rem/1.6 JetBrains Mono,monospace}.test-panel{display:block;padding:1rem;background:#0d1f2d;border-top:1px solid var(--line)}.test-empty{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:76px;color:#829aaa}.test-spinner{width:16px;height:16px;border:2px solid #315167;border-top-color:var(--blue);border-radius:50%;animation:editor-spin .8s linear infinite}@keyframes editor-spin{to{transform:rotate(360deg)}}.run-status{display:inline-flex;align-items:center;width:max-content;padding:.45rem .7rem;border-radius:999px;font-weight:800}.run-status--pass{color:#8cf0b5;background:#07391e}.run-status--fail{color:#ffb3a9;background:#4b1717}.test-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;color:#91a8b7;font-size:.75rem}.test-tabs{display:flex;gap:.4rem;margin-bottom:.65rem}.test-tabs button{padding:.45rem .7rem;border:1px solid #304f63;border-radius:7px;background:#132a3b;color:#a9bcc8;font-weight:800;cursor:pointer}.test-tabs button[aria-selected=true]{border-color:var(--blue);color:#fff;background:#164052}.test-tabs b{margin-left:.3rem;color:#fff}.test-layout{display:grid;grid-template-columns:minmax(190px,240px) 1fr;gap:.75rem}.case-list{display:flex;flex-direction:column;gap:.25rem}.case-list button{display:flex;align-items:center;gap:.45rem;padding:.6rem;border:1px solid transparent;border-radius:7px;background:#112839;color:#d5e2e9;text-align:left;cursor:pointer}.case-list button[aria-current=true]{border-color:#45677b;background:#193548}.case-list small{margin-left:auto;color:#718c9d}.case-pill{padding:3px 7px;border:1px solid;border-radius:999px;font:800 9px DM Sans,sans-serif}.case-pill--pass{border-color:#009c3b;background:#07391e;color:#a8efc2}.case-pill--fail{border-color:#ff5b55;background:#4b1717;color:#ffc2ba}.case-output{min-width:0}.test-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0}.test-detail div,.stderr{min-width:0}.test-detail dt,.test-panel h4{margin:0 0 .35rem;color:#7f98a8;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.test-detail dd{margin:0}.test-panel pre{margin:0;padding:.75rem;overflow:auto;border:1px solid #29485b;border-radius:7px;background:#071620;color:#e6eef2;font:.75rem/1.55 JetBrains Mono,monospace;white-space:pre-wrap}.stderr{margin-top:.6rem}.stderr pre,.runtime-alert pre{color:#ffc2ba;border-color:#633c3a;background:#241516}.runtime-alert{padding:.9rem;border:1px solid #683937;border-radius:8px;background:#2c1718;color:#ffc5bd}.runtime-alert strong{display:block;margin-bottom:.3rem;color:#fff}.runtime-alert p{margin:0 0 .6rem}.runtime-alert--timeout{border-color:#7e6b17;background:#302a0f;color:#ffeda0}.go-editor:fullscreen,.go-editor.editor-fallback-fullscreen{display:flex;position:fixed;inset:0;z-index:9999;flex-direction:column;border-radius:0}.go-editor:fullscreen [data-editor-mount],.go-editor.editor-fallback-fullscreen [data-editor-mount]{flex:1;min-height:0}.go-editor:fullscreen .cm-editor,.go-editor.editor-fallback-fullscreen .cm-editor{height:100%}@media(max-width:900px){.exp-hero-grid,.exp-challenge-card{grid-template-columns:1fr}.exp-hero-art{max-width:680px}.exp-instruction{border-right:0;border-bottom:1px solid var(--border)}.exp-section-heading{align-items:start;flex-direction:column}.exp-mini-offer{grid-template-columns:1fr}.exp-mini-offer>span{writing-mode:initial}.exp-success{align-items:flex-start;flex-wrap:wrap}.exp-success .btn{width:100%}}@media(max-width:640px){.exp-hero{padding-top:3.5rem}.exp-hero h1{font-size:3.3rem}.exp-proof{gap:.9rem;justify-content:space-between}.exp-art-frame,.exp-art-frame img{min-height:220px}.exp-progress li small{display:none}.exp-progress li:after{left:1.75rem}.exp-progress ol{gap:.2rem}.exp-progress li{justify-content:center}.exp-progress li span{width:1.65rem;height:1.65rem}.exp-editor-column{padding:.4rem}.exp-code-preview pre{min-height:270px;font-size:.75rem}.exp-start{bottom:1.4rem;width:calc(100% - 2rem)}.editor-toolbar{align-items:flex-start;flex-direction:column}.editor-actions{justify-content:flex-start}.test-layout,.test-detail{grid-template-columns:1fr}.case-list{display:grid;grid-template-columns:repeat(2,1fr)}.editor-footer kbd,.editor-footer kbd~span{display:none}.exp-carousel-controls{grid-template-columns:auto 1fr auto}.exp-carousel-controls>[data-step-counter]{display:none}.exp-bottom-cta{padding:4rem 0}}@media(prefers-reduced-motion:reduce){.exp-confetti i,.exp-carousel-stage figure,.test-spinner{animation:none}}
