.hero-exploration{--orbit-x:214px;--orbit-y:190px;--stellar-ink:#8b9bc1}.concept-console{padding-top:28px}.console-intro{justify-content:space-between;align-items:center;gap:22px;margin-bottom:19px;display:flex}.console-title{color:var(--ink);margin-top:7px;font-size:14px;font-weight:650}.concept-control-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-bottom:21px;display:flex}.concept-tabs{flex-wrap:wrap;gap:8px;display:flex}.concept-tab{border:1px solid var(--line);background:var(--surface);min-height:43px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;font-weight:650;display:inline-flex}.concept-number{color:var(--muted);font:500 9px ui-monospace,monospace}.concept-tab[aria-selected=true]{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.motion-control{gap:7px;padding:9px 12px;font-size:11px}.motion-control:disabled{cursor:default;color:var(--muted)}.motion-glyph{font:600 15px ui-monospace,monospace}.concept-nojs{margin-top:18px;font-size:12px}.concept-hero{padding:31px 0 36px;overflow:clip}.concept-wash{z-index:-2;background:linear-gradient(110deg, transparent 30%, var(--blue-soft));opacity:.5;position:absolute;inset:0}.concept-glow{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 57% 48%, var(--purple-soft), transparent 67%);position:absolute;inset:0 0 0 40%}.concept-hero-grid{grid-template-columns:.95fr 1.08fr;align-items:center;gap:34px;display:grid}.concept-copy{z-index:4}.concept-copy .eyebrow{letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:22px;font-size:10px;display:flex}.concept-copy h1{margin-bottom:24px;font-size:clamp(40px,4.9vw,65px)}.concept-copy h1 em{color:var(--blue);font-style:normal}.concept-lead{max-width:445px;font-size:16px;line-height:1.8}.concept-actions{flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:28px;display:flex}.concept-actions .button{padding:13px 19px}.concept-actions .text-link{font-size:11px}.concept-categories{gap:8px;margin-top:22px;display:flex}.concept-promise{align-items:center;gap:7px;margin-top:28px;font-size:10px;display:flex}.concept-promise svg{color:var(--teal)}.concept-stage{isolation:isolate;min-width:0;height:500px;position:relative}.concept-stage:before{content:"";border:1px solid var(--line);opacity:.4;pointer-events:none;border-radius:50%;position:absolute;inset:5%}.concept-stars{z-index:-1;width:100%;height:100%;fill:var(--stellar-ink);opacity:.7;pointer-events:none;animation:24s ease-in-out infinite stellar-drift;position:absolute;inset:0}.concept-stars circle:nth-child(3n){fill:var(--purple)}.concept-stars circle:nth-child(5n){fill:var(--teal)}@keyframes stellar-drift{50%{opacity:.85;transform:translate(4px,-7px)}}.concept-panel{outline-offset:2px;position:absolute;inset:0}.demo-window{border:1px solid var(--line);background:var(--surface);border-radius:17px;overflow:hidden;box-shadow:0 22px 64px #253e7220}:root[data-theme=dark] .demo-window{box-shadow:0 22px 64px #0005}.demo-topbar{color:#b5c3df;background:#182139;border-bottom:1px solid #34445e;align-items:center;gap:8px;height:39px;padding:9px 13px;font:9px ui-monospace,SFMono-Regular,monospace;display:flex}.demo-dots{flex:none;gap:4px;display:flex}.demo-dots i{background:#f39aaa;border-radius:50%;width:5px;height:5px}.demo-dots i:nth-child(2){background:#f1cf8b}.demo-dots i:nth-child(3){background:#8cdbc1}.demo-language{color:#a9bada;letter-spacing:.09em;margin-left:auto;font-size:8px}.galaxy-halo{background:radial-gradient(circle, var(--blue-soft) 30%, transparent 70%);filter:blur(12px);z-index:-1;border-radius:50%;width:310px;height:310px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.galaxy-rings{fill:none;width:100%;height:100%;stroke:var(--line);stroke-width:1px;pointer-events:none;position:absolute}.galaxy-rings ellipse:nth-child(2){stroke-dasharray:3 9;stroke:var(--blue);opacity:.35}.galaxy-rings path{stroke:var(--teal);opacity:.5}.galaxy-center{z-index:3;width:276px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.galaxy-code{color:#e6edff;background:#182139;padding:20px 17px;font:8px/1.95 ui-monospace,SFMono-Regular,monospace}.galaxy-code span{color:#9fc8ff}.galaxy-code b{color:#a7e3d1;font-weight:500}.code-line{animation:15s ease-in-out infinite gentle-build}.code-line:nth-child(2){animation-delay:.8s}.code-line:nth-child(3){animation-delay:1.6s}@keyframes gentle-build{0%,to{opacity:.65}30%,80%{opacity:1}}.galaxy-result{padding:21px 22px 22px}.galaxy-result-icon{width:39px;height:39px;color:var(--blue);background:var(--blue-soft);border-radius:12px;place-items:center;margin-bottom:12px;font-size:23px;display:grid}.galaxy-result h2{letter-spacing:-.04em;font-size:20px}.galaxy-result p{margin:9px 0 15px;font-size:10px}.galaxy-result a{color:var(--blue);border-top:1px solid var(--line);justify-content:space-between;padding-top:11px;font-size:9px;font-weight:650;display:flex}.orbit-node{border:1px solid var(--line);background:var(--surface);width:84px;min-height:66px;box-shadow:var(--shadow);color:var(--tone);z-index:5;animation:48s linear infinite code-orbit;animation-delay:var(--orbit-delay);border-radius:13px;justify-items:start;gap:5px;margin:-33px 0 0 -42px;padding:10px;font:650 8px/1.3 ui-monospace,monospace;display:grid;position:absolute;top:50%;left:50%}.orbit-symbol{letter-spacing:-.055em;font-size:16px}.orbit-node i{background:var(--tone);border-radius:50%;width:4px;height:4px;position:absolute;top:12px;right:11px}.orbit-html{transform:translate(0,calc(var(--orbit-y)*-1))}.orbit-css{transform:translate(var(--orbit-x),0)}.orbit-js{transform:translate(0,var(--orbit-y))}.orbit-tools{transform:translate(calc(var(--orbit-x)*-1),0)}@keyframes code-orbit{0%,to{transform:translate(0,calc(var(--orbit-y)*-1))}12.5%{transform:translate(calc(var(--orbit-x)*.7),calc(var(--orbit-y)*-.7))}25%{transform:translate(var(--orbit-x),0)}37.5%{transform:translate(calc(var(--orbit-x)*.7),calc(var(--orbit-y)*.7))}50%{transform:translate(0,var(--orbit-y))}62.5%{transform:translate(calc(var(--orbit-x)*-.7),calc(var(--orbit-y)*.7))}75%{transform:translate(calc(var(--orbit-x)*-1),0)}87.5%{transform:translate(calc(var(--orbit-x)*-.7),calc(var(--orbit-y)*-.7))}}.galaxy-coordinate{color:var(--muted);letter-spacing:.13em;justify-content:center;align-items:center;gap:7px;font:8px ui-monospace,monospace;display:flex;position:absolute;bottom:6px;left:0;right:0}.galaxy-coordinate i{background:var(--teal);border-radius:50%;width:4px;height:4px}.creation-window{z-index:3;width:min(440px,92%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.creation-source{background:#182139;min-height:154px;padding:24px}.source-comment{color:#9ab0d0;font:9px ui-monospace,monospace}.creation-source pre{color:#a9d6ff;white-space:pre-wrap;margin:16px 0 18px;font:11px/1.8 ui-monospace,SFMono-Regular,monospace}.build-track{background:#354563;border-radius:2px;height:2px;position:relative;overflow:hidden}.build-beam{background:#ad9cff;width:30%;animation:9s ease-in-out infinite build-travel;position:absolute;inset:0 auto 0 0}@keyframes build-travel{0%,10%{opacity:.4;transform:translate(-100%)}75%,90%{opacity:1;transform:translate(335%)}to{opacity:.4;transform:translate(335%)}}.creation-result-bar{border-bottom:1px solid var(--line);background:var(--soft);justify-content:space-between;align-items:center;gap:10px;padding:12px 17px;display:flex}.creation-result-bar>span{letter-spacing:.08em;color:var(--muted);font:650 8px ui-monospace,monospace}.demo-kind-controls{gap:3px;display:flex}.demo-kind-controls button{min-height:31px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 7px;font-size:9px}.demo-kind-controls button[aria-pressed=true]{color:var(--purple);background:var(--purple-soft);border-color:var(--line)}.creation-output{align-items:center;min-height:188px;padding:26px;display:grid}.creation-button-result{text-align:center}.little-idea-button{color:#fff;background:#7145b6;border:0;border-radius:12px;min-height:46px;padding:15px 19px;font-size:12px;font-weight:650}.little-idea-button span{padding-left:22px}.little-idea-button:hover{background:#5b3697}.little-idea-button:focus-visible{outline-color:var(--ink)}.creation-button-result p{margin-top:14px;font-size:9px}.little-profile{align-items:center;gap:14px;padding-bottom:17px;display:flex}.little-profile>span{background:var(--blue-soft);width:48px;height:48px;color:var(--blue);border-radius:14px;flex:none;place-items:center;font-weight:750;display:grid}.little-profile h2{margin-bottom:6px;font-size:19px}.little-profile p{font-size:10px}.creation-card-result>button{background:var(--blue-soft);width:100%;min-height:41px;color:var(--blue);border:1px solid var(--line);border-radius:8px;justify-content:space-between;padding:11px 13px;font-size:10px;font-weight:650;display:flex}.creation-card-result.color-variant .little-profile>span,.creation-card-result.color-variant>button{background:var(--purple-soft);color:var(--purple)}.creation-nav-result nav{border-bottom:1px solid var(--line);gap:5px;padding-bottom:15px;display:flex}.creation-nav-result nav button{color:var(--muted);background:0 0;border:0;border-radius:7px;min-height:36px;padding:8px 10px;font-size:10px}.creation-nav-result nav button[aria-pressed=true]{background:var(--teal-soft);color:var(--teal);font-weight:650}.creation-nav-result h2{margin:17px 0 7px;font-size:20px}.creation-nav-result p{font-size:10px}.creation-satellite{border:1px solid var(--line);color:var(--tone);background:var(--surface);box-shadow:var(--shadow);z-index:4;border-radius:11px;padding:9px 12px;font:700 18px ui-monospace,monospace;animation:13s ease-in-out infinite satellite-float;position:absolute;top:12px;right:29px;transform:rotate(8deg)}.creation-satellite.second{animation-delay:-6s;inset:auto auto 27px 4px}@keyframes satellite-float{50%{transform:translateY(-7px)rotate(4deg)}}.creation-caption{letter-spacing:.14em;text-align:center;color:var(--muted);font:8px ui-monospace,monospace;position:absolute;bottom:3px;left:0;right:0}.constellation-lines{fill:none;width:100%;height:100%;stroke:var(--line);stroke-width:1.2px;pointer-events:none;position:absolute;inset:0}.constellation-lines circle{fill:var(--surface);stroke:var(--muted);stroke-width:1px}.constellation-lines circle.constellation-outline{fill:none;stroke:var(--line);opacity:.7;stroke-dasharray:2 10}.constellation-lines .connector.active{stroke:var(--tone);stroke-width:2px}.constellation-node{border:1px solid var(--line);background:var(--surface);width:110px;min-height:91px;box-shadow:var(--shadow);color:var(--tone);animation:14s ease-in-out infinite node-float;animation-delay:var(--node-delay);z-index:5;border-radius:16px;justify-items:start;gap:9px;margin:-45px 0 0 -55px;padding:17px;font-size:10px;font-weight:700;display:grid;position:absolute}.constellation-node[aria-pressed=true]{border-color:var(--tone);background:var(--tone-soft)}.constellation-symbol{letter-spacing:-.04em;font:700 22px/1 ui-monospace,monospace}.node-orbit{font-size:9px;position:absolute;top:11px;right:11px}.node-html{top:17%;left:14%}.node-css{top:22%;left:86%}.node-js{top:78%;left:16%}.node-tools{top:79%;left:84%}@keyframes node-float{50%{transform:translateY(-5px)}}.constellation-core{text-align:center;background:var(--bg);z-index:3;border-radius:50%;width:230px;padding:21px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.constellation-core-mark{letter-spacing:-.12em;color:var(--blue);margin-bottom:17px;padding-right:5px;font:750 45px/1 ui-monospace,monospace;display:inline-block}.constellation-core-mark i{color:var(--teal);font-style:normal}.constellation-core .eyebrow{letter-spacing:.1em;color:var(--blue);margin-bottom:10px;font-size:8px}.constellation-core h2{margin-bottom:10px;font-size:22px;line-height:1.2}.constellation-core>p:not(.eyebrow){max-width:180px;margin:auto;font-size:10px}.constellation-core a{color:var(--blue);margin-top:15px;font-size:9px;font-weight:650;display:inline-block}.constellation-caption{text-align:center;letter-spacing:.09em;color:var(--muted);font:8px ui-monospace,monospace;position:absolute;bottom:4px;left:0;right:0}.lab-code-window{z-index:2;--tilt:-7deg;width:67%;transform:rotate(var(--tilt));background:#182139;animation:15s ease-in-out infinite lab-float;position:absolute;top:30px;left:3%}.lab-code-window pre{color:#d9e5fd;margin:0;padding:24px 22px 35px;font:10px/1.8 ui-monospace,SFMono-Regular,monospace}.lab-code-window pre span{color:#bca2ed}.lab-code-window pre b{color:#9dd9c5;font-weight:400}.lab-result-window{z-index:3;--tilt:3deg;width:70%;transform:rotate(var(--tilt));animation:17s ease-in-out -5s infinite lab-float;position:absolute;top:98px;left:24%}@keyframes lab-float{50%{transform:translateY(-8px) rotate(var(--tilt))}}.lab-mode-controls{gap:2px;margin-left:auto;display:flex}.lab-mode-controls button{color:#c8d4ea;background:0 0;border:1px solid #0000;border-radius:5px;min-height:26px;padding:3px 6px;font-size:8px}.lab-mode-controls button[aria-pressed=true]{color:#fff;background:#374260;border-color:#566589}.lab-mode-controls button:focus-visible{outline-color:#afc8ff}.lab-output{min-height:280px;padding:27px}.lab-result-icon{background:var(--purple-soft);width:38px;height:38px;color:var(--purple);border-radius:11px;place-items:center;margin-bottom:18px;font-size:22px;display:grid}.lab-output .eyebrow{letter-spacing:.12em;color:var(--muted);margin-bottom:10px;font-size:8px}.lab-output h2{margin-bottom:12px;font-size:29px}.lab-output>p:not(.eyebrow){margin-bottom:20px;font-size:10px;line-height:1.8}.lab-output .little-idea-button{min-height:41px;padding:12px 15px;font-size:10px}.lab-output .little-idea-button span{padding-left:20px}.lab-code-output{color:#c4a8ff;background:#182139;min-height:331px;padding:27px 21px}.lab-code-output p{color:#a9bad7;font:9px ui-monospace,monospace}.lab-code-output pre{white-space:pre-wrap;margin:24px 0 0;font:10px/1.95 ui-monospace,SFMono-Regular,monospace}.lab-palette-window{z-index:5;border:1px solid var(--line);background:var(--surface);width:200px;box-shadow:var(--shadow);--tilt:-4deg;transform:rotate(var(--tilt));border-radius:13px;padding:17px 20px;animation:19s ease-in-out -10s infinite lab-float;position:absolute;bottom:23px;left:5%}.lab-palette-window>span{color:var(--muted);letter-spacing:.12em;font:7px ui-monospace,monospace;display:block}.lab-palette-window>div{gap:8px;margin:12px 0;display:flex}.lab-palette-window i{border-radius:7px;width:27px;height:27px}.blue-swatch{background:#5f80dc}.purple-swatch{background:#9970d2}.amber-swatch{background:#e7b96b}.teal-swatch{background:#5dc5aa}.concept-notes{border-top:1px solid var(--line);grid-template-columns:.95fr 1.08fr;gap:14px 34px;padding:28px 0 34px;display:grid}.concept-notes h2{margin:10px 0 8px;font-size:24px}.concept-short{font-size:12px}.concept-description{align-self:center;font-size:13px}.motion-note{color:var(--muted);grid-column:1/-1;font-size:10px}.hero-exploration .animated{animation-play-state:paused}.hero-exploration[data-ready=true][data-paused=false] .animated{animation-play-state:running}:root.no-motion .hero-exploration .animated{animation:none!important}:root.no-motion .hero-exploration .code-line{opacity:1}@media (width<=1100px){.hero-exploration{--orbit-x:171px;--orbit-y:178px}.concept-control-row{align-items:start}.concept-tab{padding:9px 10px;font-size:10px}.concept-tabs{gap:6px}.concept-hero-grid{gap:21px}.concept-copy h1{font-size:51px}.concept-copy .eyebrow{font-size:9px}.concept-stage{height:465px}.galaxy-center{width:245px}.galaxy-code{padding:17px 13px;font-size:7px}.galaxy-result h2{font-size:18px}.constellation-node{width:92px;min-height:80px;margin-left:-46px;padding:14px}.constellation-core{width:205px}.constellation-core h2{font-size:20px}.lab-result-window{width:76%;left:21%}.lab-output{padding:23px}.lab-output h2{font-size:26px}}@media (width<=900px) and (width>=761px){.hero-exploration{--orbit-x:139px;--orbit-y:176px}.concept-copy h1{font-size:43px}.concept-lead{font-size:14px}.concept-control-row{flex-direction:column;gap:12px}.galaxy-center{width:225px}.orbit-node{width:71px;margin-left:-35px;font-size:7px}.creation-result-bar{gap:5px;padding:10px}.creation-result-bar>span{font-size:7px}.creation-output{padding:20px}.constellation-node{width:82px;margin-left:-41px;padding:11px}.constellation-core{width:190px}.constellation-core h2{font-size:18px}.lab-result-window{width:81%;left:17%}.lab-result-window .demo-topbar>span{font-size:7px}}@media (width<=760px){.hero-exploration{--orbit-x:204px;--orbit-y:182px}.concept-console{padding-top:24px}.console-intro{flex-direction:column;align-items:start;gap:12px}.console-intro .eyebrow{font-size:9px}.console-title{font-size:13px}.console-intro>.text-link{font-size:10px}.concept-control-row{flex-direction:column;align-items:start;gap:13px;padding-bottom:19px}.concept-tabs{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.concept-tab{justify-content:start;min-height:42px;padding:10px 11px;font-size:10px}.motion-control{min-height:44px;font-size:10px}.concept-hero{padding:31px 0 25px}.concept-hero-grid{grid-template-columns:1fr;gap:23px}.concept-copy h1{margin-bottom:19px;font-size:clamp(42px,8vw,57px)}.concept-copy .eyebrow{letter-spacing:.08em;flex-wrap:wrap;margin-bottom:18px;font-size:9px}.concept-lead{max-width:480px;font-size:14px}.concept-actions{gap:15px;margin-top:22px}.concept-actions .button{padding:12px 15px;font-size:12px}.concept-categories{margin-top:19px}.concept-promise{margin-top:22px;font-size:9px}.concept-stage{width:min(540px,100%);height:465px;margin-inline:auto}.galaxy-center{width:256px}.galaxy-code{font-size:8px}.concept-glow{inset:45% -20% 0}.concept-notes{grid-template-columns:1fr;gap:17px;padding:25px 0 31px}.concept-notes h2{font-size:23px}.concept-description{font-size:12px}.constellation-core{width:230px}.lab-result-window{width:72%;left:23%}.lab-output{padding:25px}.lab-result-window .demo-topbar>span{font-size:8px}}@media (width<=550px){.hero-exploration{--orbit-x:157px;--orbit-y:174px}.galaxy-center{width:244px}.constellation-core{width:200px}.constellation-core h2{font-size:19px}.constellation-node{width:88px;margin-left:-44px;padding:13px;font-size:9px}.constellation-symbol{font-size:20px}.creation-window{width:94%}}@media (width<=440px){.hero-exploration{--orbit-x:131px;--orbit-y:171px}.concept-copy h1{font-size:42px}.concept-stage{height:443px}.galaxy-center{width:225px}.galaxy-code{padding:16px 12px;font-size:7px}.galaxy-result{padding:20px}.galaxy-result h2{font-size:18px}.galaxy-result p{font-size:9px}.orbit-node{width:73px;min-height:63px;margin-left:-36px;font-size:7px}.demo-topbar{gap:6px;padding:9px 10px;font-size:8px}.creation-window{width:94%}.creation-source{padding:19px}.source-comment{font-size:8px}.creation-source pre{font-size:10px}.creation-result-bar{padding:10px}.creation-result-bar>span{font-size:7px}.demo-kind-controls button{padding:4px 5px;font-size:8px}.creation-output{min-height:175px;padding:22px 19px}.creation-satellite{padding:7px 10px;font-size:15px;top:7px;right:7px}.creation-satellite.second{bottom:12px;left:0}.creation-caption{font-size:7px;bottom:0}.constellation-node{width:81px;min-height:74px;margin-left:-40px;padding:12px;font-size:8px}.constellation-core{width:187px;padding:18px 10px}.constellation-core h2{font-size:18px}.constellation-core-mark{margin-bottom:13px;font-size:40px}.constellation-core>p:not(.eyebrow){max-width:155px;font-size:9px}.constellation-caption{letter-spacing:.06em;font-size:6px}.lab-code-window{width:78%;top:20px;left:1%}.lab-code-window pre{padding:22px 19px 35px;font-size:9px}.lab-result-window{width:83%;top:103px;left:15%}.lab-result-window .demo-topbar>span{font-size:7px}.lab-output{min-height:278px;padding:23px}.lab-output h2{font-size:26px}.lab-output .little-idea-button{font-size:10px}.lab-palette-window{width:164px;padding:13px 15px;bottom:3px;left:0}.lab-palette-window i{width:23px;height:23px}.lab-palette-window>span{font-size:6px}}@media (width<=360px){.hero-exploration{--orbit-x:116px;--orbit-y:169px}.concept-copy h1{font-size:37px}.concept-tab{gap:6px;padding:9px;font-size:9px}.galaxy-center{width:212px}.galaxy-code{font-size:6.5px}.lab-result-window .demo-topbar{gap:3px}.lab-mode-controls button{padding:3px 4px;font-size:7px}}@media (pointer:coarse){.hero-exploration .animated{animation:none!important}.hero-exploration .code-line{opacity:1}.hero-exploration .lab-code-window,.hero-exploration .lab-result-window,.hero-exploration .lab-palette-window{transform:none}.hero-exploration .concept-stars circle:nth-child(2n){display:none}}@media (prefers-reduced-motion:reduce){.hero-exploration .animated{animation:none!important}.hero-exploration .code-line{opacity:1}.hero-exploration .lab-code-window,.hero-exploration .lab-result-window,.hero-exploration .lab-palette-window{transform:none}}.hero-exploration [aria-hidden=true]{pointer-events:none}.hero-exploration .lab-palette-window{width:180px;padding:14px 17px;inset:0 3% auto auto}@media (width<=440px){.hero-exploration .lab-palette-window{width:142px;padding:12px 15px;top:5px;right:0}}