.hero{position:relative;padding:96px 0 56px;overflow:hidden}.hero-wash{position:absolute;inset:-20% -10% auto;height:900px;background:radial-gradient(42% 46% at 72% 40%,rgba(120,86,255,.22),transparent 70%),radial-gradient(36% 40% at 58% 30%,rgba(29,155,240,.18),transparent 70%),radial-gradient(30% 30% at 20% 10%,rgba(34,211,238,.07),transparent 70%);pointer-events:none;animation:drift 20s ease-in-out infinite alternate}@keyframes drift{to{transform:translate3d(0,30px,0) scale(1.06)}}.hero-grid-bg{position:absolute;inset:0;background-image:radial-gradient(rgba(142,149,171,.16) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(70% 60% at 60% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(70% 60% at 60% 30%,#000 20%,transparent 75%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:40px}.hero h1{margin:0;font-size:clamp(50px,8vw,112px);line-height:.94;font-weight:700;letter-spacing:-.052em}.h1-line{display:block;animation:rise 1.1s var(--ease) both}.h1-line+.h1-line{animation-delay:.12s}.hero h1 em{font-size:1.1em;letter-spacing:-.025em}@keyframes rise{0%{opacity:0;translate:0 28px;filter:blur(8px)}}.hero .lede{max-width:34em;margin:30px 0 0;font-size:clamp(16.5px,1.45vw,18.5px);line-height:1.62;color:var(--text-2);text-wrap:pretty;animation:rise 1.1s var(--ease) .24s both}.hero-ctas{margin-top:36px;animation:rise 1.1s var(--ease) .34s both}.hero-cmd{height:56px;cursor:pointer;font-size:16px;transition:border-color .2s var(--ease)}.hero-cmd:hover{border-color:#3a4260}.inline-cmd{cursor:pointer}.inline-cmd:hover .copy-btn{border-color:#3a4260}.hero-note{margin:20px 0 0;font:500 12.5px/1.5 var(--mono);color:var(--faint);animation:rise 1.1s var(--ease) .42s both}.stack{--pw: 280px;--ph: 188px;--gap: 70px;--cx: 40%;position:relative;height:480px}.plate{position:absolute;left:var(--cx);top:50%;width:var(--pw);height:var(--ph);border-radius:20px;translate:-50% calc(-50% + (1.5 - var(--i)) * var(--gap));transform:rotateX(58deg) rotate(-45deg);border:1px solid var(--line-strong);background:linear-gradient(135deg,#141823f0,#0d1017f0);box-shadow:0 30px 60px -20px #000000e6;padding:16px;display:flex;flex-direction:column;gap:10px;animation:settle 1.3s var(--ease) both,float 6s ease-in-out infinite alternate;animation-delay:calc(.1s * var(--i)),calc(1.3s + .35s * var(--i))}@keyframes settle{0%{translate:-50% -50%;opacity:0}}@keyframes float{to{translate:-50% calc(-50% + (1.5 - var(--i)) * var(--gap) - 8px)}}.plate-site{background:#0d10178c;border-style:dashed;border-color:#33394f;box-shadow:none}.plate-adapter{border-color:#a855f780}.plate-runtime{border-color:#22d3ee80}.plate-shell{border:1px solid transparent;background:linear-gradient(135deg,#171b28,#0f121a) padding-box,var(--brush) border-box;box-shadow:0 40px 80px -24px #4f6bff73,0 30px 60px -20px #000000e6}.pl-post{display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:6px}.pl-post i{grid-row:span 2;width:22px;height:22px;border-radius:50%;background:#1e2333}.pl-post b{height:7px;border-radius:4px;background:#1c2130}.pl-post b.s{width:60%}.pl-code{display:flex;flex-direction:column;gap:11px;padding:6px 4px}.pl-code b{width:var(--w);height:8px;border-radius:4px;background:linear-gradient(90deg,#a855f78c,#a855f71f)}.pl-swatches{display:flex;gap:10px}.pl-swatches i{width:34px;height:34px;border-radius:10px}.pl-swatches i:nth-child(1){background:#1d9bf0}.pl-swatches i:nth-child(2){background:#7856ff}.pl-swatches i:nth-child(3){background:#22d3ee}.pl-swatches i:nth-child(4){background:#eef0f7}.pl-chips{display:flex;flex-wrap:wrap;gap:8px}.pl-chips b{width:62px;height:18px;border-radius:999px;border:1px solid rgba(34,211,238,.4);background:#22d3ee14}.pl-chips b:nth-child(2){width:84px}.pl-tabs{display:flex;gap:6px}.pl-tabs b{flex:0 0 56px;height:16px;border-radius:999px;background:#1e2333}.pl-tabs b.on{background:linear-gradient(90deg,#4f6bff,#7856ff)}.pl-split{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.pl-split i{border-radius:10px;border:1px solid #262c3e;background:#0b0d13}.stack-labels{position:absolute;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}.stack-labels li{position:absolute;left:calc(var(--cx) + (var(--pw) + var(--ph)) * .3536 + 18px);top:calc(50% + (1.5 - var(--i)) * var(--gap));translate:0 -50%;display:flex;align-items:center;gap:9px;font:500 13px/1 var(--sans);color:var(--text);white-space:nowrap;animation:fade .9s var(--ease) both;animation-delay:calc(.6s + .08s * var(--i))}.stack-labels li:before{content:"";width:22px;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong));order:-1}.stack-labels span{font:500 11px/1 var(--mono);color:var(--faint)}.stack-labels li.is-site{color:var(--muted)}@keyframes fade{0%{opacity:0;translate:-8px -50%}}.ticker{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 28px;margin:64px 0 0;padding:22px 0 0;list-style:none;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.ticker li{display:flex;align-items:baseline;gap:8px}.ticker b{font:700 22px/1 var(--sans);letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums}.ticker code{color:var(--text-2)}.versus{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.vs-row{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,1.25fr);align-items:baseline;gap:28px;padding:30px 0;border-bottom:1px solid var(--line)}.vs-n{font:500 12px/1 var(--mono);color:var(--faint)}.vs-old{position:relative;margin:0;width:fit-content;font-size:clamp(16px,1.6vw,19px);color:var(--faint)}.vs-old:after{content:"";position:absolute;left:0;right:0;top:55%;height:1.5px;background:var(--bad);opacity:.8;transform-origin:0 50%;transform:scaleX(1);transition:transform .9s var(--ease) .35s}.js .vs-row:not(.is-in) .vs-old:after{transform:scaleX(0)}.vs-new{margin:0;font-size:clamp(22px,2.7vw,34px);line-height:1.15;letter-spacing:-.03em;font-weight:620;color:var(--text)}.vs-new em{font-size:1.08em;background:var(--mark);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}.sys{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}.sys-steps{display:flex;flex-direction:column}.sys-step{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:24px 0;opacity:.35;transition:opacity .5s var(--ease)}.sys-step.is-active{opacity:1}.step-n{margin:0 0 14px;font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--b2)}.sys-step h3{margin:0 0 12px;font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.035em;font-weight:680}.sys-step>p{margin:0 0 16px;color:var(--text-2);font-size:16.5px;max-width:30em}.ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ticks li{position:relative;padding-left:26px;color:var(--muted);font-size:15px}.ticks li:before{content:"";position:absolute;left:2px;top:.55em;width:12px;height:7px;border-left:1.8px solid var(--b2);border-bottom:1.8px solid var(--b2);transform:rotate(-45deg) translateY(-3px)}.ticks code{font-size:.92em;color:var(--text-2)}.sys-stage{position:sticky;top:110px;padding-top:24px}.sys-win{--dim: .28;position:relative;border-radius:18px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#0c0f16,#08090e);box-shadow:0 60px 120px -50px #4f6bff73,0 40px 80px -40px #000000e6;overflow:hidden;font-size:12px}.sys-win [data-part]{transition:opacity .5s var(--ease),box-shadow .5s var(--ease),filter .5s var(--ease)}.sys-win[data-active=shell] [data-part]:not([data-part=shell]),.sys-win[data-active=runtime] [data-part]:not([data-part=runtime]),.sys-win[data-active=adapter] [data-part]:not([data-part=adapter]){opacity:var(--dim);filter:saturate(.4)}.sys-win[data-active=runtime] [data-part=page],.sys-win[data-active=adapter] [data-part=page]{opacity:.55}.sys-win[data-active=shell] [data-part=shell]{box-shadow:inset 0 0 0 1px #4f6bff8c}.sw-bar{display:flex;align-items:center;gap:6px;height:44px;padding:0 10px;border-bottom:1px solid var(--line);background:#0a0c12}.sw-mark{font-size:15px;margin-right:6px}.sw-tab{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px 0 8px;border-radius:999px;background:#141824;color:var(--muted);white-space:nowrap}.sw-tab.on{color:var(--text);background:#1a1f2e;box-shadow:inset 0 -2px #4f6bff}.sw-tab.dim{opacity:.7}.sw-plus{color:var(--faint);font-size:16px;padding:0 6px}.sw-ctl{display:flex;gap:12px;margin-left:auto;padding-right:4px}.sw-ctl i{width:10px;height:1.5px;background:#3a4260}.av{display:inline-block;width:14px;height:14px;border-radius:50%;flex:0 0 auto}.av.a1{background:linear-gradient(135deg,#7cc8ff,#1d9bf0)}.av.a2{background:linear-gradient(135deg,#f0abfc,#a855f7)}.sw-addr{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-bottom:1px solid var(--line);background:#090b10;color:var(--muted)}.sw-addr .chip{padding:3px 9px;border-radius:7px;background:#141824;color:var(--text-2);white-space:nowrap}.sw-addr .sep{color:var(--faint)}.sw-k{margin-left:auto;display:flex;gap:4px}.sw-k kbd{font-size:10px}.sw-panes{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);height:300px}.sw-pane{position:relative;background:#07080c;padding:42px 14px 14px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.sw-acct{position:absolute;top:12px;left:14px;display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--mono);color:var(--text-2)}.sw-post{display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:7px}.sw-post i{grid-row:span 2;width:26px;height:26px;border-radius:50%;background:#1a1f2d}.sw-post b{height:7px;border-radius:4px;background:#1a1f2d}.sw-post b.s{width:64%}.sw-runtime{position:absolute;right:18px;top:118px;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;border:1px solid rgba(34,211,238,.4);background:#0a0e16eb;box-shadow:0 20px 50px -20px #22d3ee73;backdrop-filter:blur(8px)}.sw-sw{display:flex;gap:6px}.sw-sw i{width:20px;height:20px;border-radius:6px;background:var(--c)}.sw-plugs{display:flex;flex-direction:column;gap:5px}.sw-plugs span{padding:4px 9px;border-radius:999px;border:1px solid rgba(34,211,238,.3);color:#a5f3fc;font:500 10.5px/1.2 var(--mono);white-space:nowrap}.sw-adapter{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px dashed rgba(168,85,247,.5);background:#a855f70f;font:500 12px/1 var(--mono);color:var(--text-2)}.sw-adapter .tag{border-color:#a855f773;color:#d8b4fe}.sys-win[data-active=runtime] .sw-runtime{transform:scale(1.04)}.sw-runtime{transition:opacity .5s var(--ease),transform .5s var(--ease),filter .5s var(--ease)}.sys-legend{list-style:none;display:flex;gap:8px;margin:18px 0 0;padding:0}.sys-legend li{padding:6px 12px;border-radius:999px;border:1px solid var(--line);font:500 12px/1 var(--mono);color:var(--faint);transition:color .4s var(--ease),border-color .4s var(--ease),background .4s var(--ease)}.sys-legend li.is-on{color:var(--text);border-color:transparent;background:linear-gradient(var(--raised),var(--raised)) padding-box,var(--brush) border-box}.electron{display:grid;grid-template-columns:56px minmax(0,1fr);gap:22px;align-items:start;margin-top:56px;padding:28px;border-radius:22px;border:1px solid var(--line-strong);background:radial-gradient(70% 140% at 100% 0%,rgba(120,86,255,.12),transparent 70%),var(--chrome)}.electron-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--field);border:1px solid var(--line-strong)}.electron-ico svg{width:26px;height:26px;fill:none;stroke:var(--b2);stroke-width:1.8;stroke-linecap:round}.electron h3{margin:0 0 8px;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.03em;font-weight:680}.electron h3 em{color:var(--text-2)}.electron p{margin:0;color:var(--text-2);max-width:52em}.first{overflow:hidden}.first-glow{position:absolute;left:50%;top:36%;width:min(1100px,120vw);height:600px;translate:-50% -50%;background:radial-gradient(closest-side,rgba(29,155,240,.16),transparent);pointer-events:none}.first h2{display:flex;flex-wrap:wrap;align-items:center;gap:.18em .24em}.first-icon{width:.9em;height:.9em;border-radius:.2em;box-shadow:0 18px 50px -12px #1d9bf099}.demo-frame{position:relative;margin:0;border-radius:22px;overflow:hidden;background:var(--chrome);border:1px solid var(--line-strong);box-shadow:0 60px 120px -50px #4f6bff8c,0 40px 80px -40px #000000e6}.demo-frame--home{aspect-ratio:16 / 9}.demo-video{display:block;width:100%;height:100%;object-fit:cover;background:var(--chrome)}.first-stats,.first-ctas{margin-top:28px}.make-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.make-card{min-width:0;display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,var(--chrome),var(--ground))}.make-n{display:inline-block;margin-bottom:14px;font:400 36px/1 var(--serif);font-style:italic;background:var(--brush);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em}.make-head h3{margin:0 0 8px;font-size:22px;letter-spacing:-.025em;font-weight:650;line-height:1.2}.make-head h3 code{font-size:.86em;color:var(--b2)}.make-head p{margin:0;color:var(--muted);font-size:15px}.make-head p code{color:var(--text-2)}.make-card .tp-chips{margin-top:0}.api-title{margin:0 0 10px;font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.api-list ul,.plug-list ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.api-list li code{display:inline-block;padding:5px 9px;border-radius:8px;background:var(--field);border:1px solid var(--line);font-size:12px;color:#a5f3fc}.plug-list li{padding:6px 11px;border-radius:999px;border:1px solid var(--line-strong);font-size:13px;color:var(--text-2)}.build-sec{overflow:hidden}.build-sec:before{content:"";position:absolute;left:50%;top:40%;width:1100px;height:500px;translate:-50% -50%;background:radial-gradient(closest-side,rgba(120,86,255,.14),transparent);pointer-events:none}.build-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:24px;align-items:start}.mods{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:22px;border-radius:16px;border:1px solid var(--line);background:var(--chrome)}.mod-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.mod-col li{display:flex;flex-direction:column;gap:2px}.mod-col code{font-size:13px;color:var(--text)}.mod-col li span{font-size:12.5px;color:var(--muted)}.build-ctas{margin-top:24px}.next{overflow:hidden}.next-glow{position:absolute;inset:10% -10% auto;height:520px;background:radial-gradient(28% 50% at 18% 50%,rgba(255,0,51,.08),transparent 70%),radial-gradient(28% 50% at 40% 60%,rgba(83,252,24,.06),transparent 70%),radial-gradient(28% 50% at 62% 50%,rgba(145,70,255,.1),transparent 70%),radial-gradient(28% 50% at 84% 60%,rgba(88,101,242,.1),transparent 70%);pointer-events:none}.prin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.prin-grid article{padding:24px 22px;border-radius:18px;border:1px solid var(--line);background:var(--chrome)}.prin-grid h3{margin:0 0 10px;font-size:16.5px;letter-spacing:-.015em;font-weight:650}.prin-grid p{margin:0;font-size:14.5px;color:var(--muted)}.closer{position:relative;padding:140px 0 150px;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent);overflow:hidden}.closer:before{content:"";position:absolute;left:50%;top:50%;width:900px;height:420px;translate:-50% -50%;background:radial-gradient(closest-side,rgba(79,107,255,.2),transparent);pointer-events:none}.closer-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:34px;text-align:center}.closer-mark{font-size:64px}.closer .display{font-size:clamp(40px,7vw,96px)}.closer-ctas{justify-content:center}@media(max-width:1080px){.prin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.build-grid{grid-template-columns:1fr}}@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:16px}.stack{--cx: 36%;max-width:560px}.make-grid{grid-template-columns:1fr}.sys{grid-template-columns:1fr;gap:0}.sys-stage{position:sticky;top:72px;z-index:2;order:-1;padding:12px 0;background:linear-gradient(180deg,var(--ground) 85%,transparent)}.sys-step{min-height:0;padding:36px 0;opacity:1}.sw-panes{height:180px}.sw-runtime{top:96px}}@media(max-width:760px){.hero{padding:56px 0 40px}.stack{--pw: 176px;--ph: 118px;--gap: 46px;--cx: 34%;height:320px}.plate{padding:10px;gap:7px;border-radius:14px}.pl-post{grid-template-columns:14px 1fr;row-gap:4px}.pl-post i{width:14px;height:14px}.pl-post b{height:5px}.pl-swatches i{width:22px;height:22px;border-radius:7px}.pl-chips b{width:40px;height:12px}.pl-chips b:nth-child(2){width:52px}.pl-tabs b{flex-basis:36px;height:11px}.pl-code{gap:8px}.pl-code b{height:6px}.stack-labels li{font-size:12px;gap:7px}.stack-labels li:before{width:12px}.ticker{margin-top:36px;justify-content:flex-start;gap:12px 22px;font-size:13px}.ticker b{font-size:19px}.vs-row{grid-template-columns:1fr;gap:10px;padding:24px 0}.vs-n{display:none}.electron{grid-template-columns:1fr;padding:22px}.make-card{padding:18px;border-radius:20px}.mods{grid-template-columns:1fr}.prin-grid{grid-template-columns:1fr;gap:12px}.closer{padding:96px 0 104px}.closer-mark{font-size:48px}.sw-tab.dim,.sw-plus{display:none}.sw-tab{padding:0 9px 0 6px;font-size:11px}.sw-addr .chip:nth-of-type(2),.sw-addr .sep:nth-of-type(2){display:none}.sw-runtime{right:10px;padding:9px;top:90px}.sw-plugs span:nth-child(n+2){display:none}.sw-sw i{width:14px;height:14px}.sw-panes{height:150px}.sw-pane{padding:34px 10px 10px;gap:10px}.sys-legend{margin-top:10px}}@media(max-width:420px){.hero-cmd{width:100%;justify-content:space-between}.hero-ctas .btn{width:100%}}.top-nav .top-dl{color:#05070d;border-color:transparent;background:var(--brush);font-weight:650}.top-nav .top-dl:hover{background:var(--brush);filter:brightness(1.08)}.hero-note a{color:var(--text-2);text-underline-offset:3px}.hero-note a:hover{color:var(--text)}.first-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;margin-top:20px;align-items:stretch}.first-hl{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}.first-hl li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.hl-n{font:400 26px/1 var(--serif);font-style:italic;background:var(--brush);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em}.first-hl b{display:block;font-size:17px;letter-spacing:-.02em;margin-bottom:4px}.first-hl p{margin:0;font-size:14.5px;color:var(--muted)}.first-dl{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:28px;border-radius:24px;border:1px solid transparent;background:radial-gradient(80% 60% at 50% 0%,rgba(29,155,240,.22),transparent 70%) padding-box,linear-gradient(180deg,#10131c,#0a0c12) padding-box,linear-gradient(160deg,#7cc8ffb3,#7856ff99) border-box;text-align:center}.dl-icon{align-self:center;border-radius:16px;box-shadow:0 18px 50px -12px #1d9bf0b3;margin-bottom:6px}.dl-name{margin:0;font-size:22px;font-weight:700;letter-spacing:-.03em}.dl-meta{margin:0 0 10px;font:500 12.5px/1.4 var(--mono);color:var(--muted)}.dl-btn{width:100%}.dl-note{margin:6px 0 0;font-size:12.5px;color:var(--faint)}@media(max-width:1000px){.first-body{grid-template-columns:1fr}}@media(max-width:640px){.top-nav .keep:not(.top-dl){display:none}}@media(max-width:1000px){.sys-stage{position:static;background:none;padding:0 0 8px}}