@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0a0f0e;--bg-1: #0d1312;--bg-2: #121917;--text: #e9f0ed;--muted: #9bada7;--faint: #61716b;--teal: #5cc7ab;--teal-bright: #82e6cb;--amber: #fbbf24;--violet: #9d8cff;--rose: #ff8fa3;--line: rgba(124, 224, 196, .1);--line-strong: rgba(124, 224, 196, .22);--card: rgba(255, 255, 255, .024);--card-hover: rgba(255, 255, 255, .05);--code-bg: #080d0c;--code-text: #cdeee4;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 30px 60px -30px rgba(0, 0, 0, .8);--glow-teal: rgba(92, 199, 171, .5);--glow-amber: rgba(245, 158, 11, .45);--radius: 1.3rem;--radius-sm: .7rem;--maxw: 78rem;--pad: clamp(1.1rem, 4vw, 2rem);--font: "Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--font-display: "Geist Variable", "Space Grotesk Variable", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", monospace;--ease: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html.lenis{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;font-family:var(--font);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.04;letter-spacing:-.035em;margin:0}::selection{background:#5cc7ab47;color:#fff}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.55;z-index:0}.cursor-dot,.cursor-ghost{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;opacity:0;will-change:transform}.cursor-dot{width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--teal-bright);mix-blend-mode:difference}.cursor-ghost svg{display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}html.cursor-on,html.cursor-on *,html.cursor-on a,html.cursor-on button,html.cursor-on [data-magnetic]{cursor:none}.shell{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad);position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);background:var(--card);border:1px solid var(--line);padding:.4rem .85rem;border-radius:999px;backdrop-filter:blur(6px)}.eyebrow .dot{width:.45rem;height:.45rem;border-radius:999px;background:var(--amber);box-shadow:0 0 0 4px #f59e0b29;animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f59e0b59}50%{box-shadow:0 0 0 5px #f59e0b00}}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font);font-weight:600;font-size:.96rem;padding:.8rem 1.5rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}.btn svg{width:1rem;height:1rem}.btn-primary{background:var(--teal);color:#04201b}.btn-primary:hover{background:var(--teal-bright)}.btn-ghost{background:var(--card);border-color:var(--line-strong);color:var(--text)}.btn-ghost:hover{border-color:var(--teal);background:var(--card-hover)}.nav{position:fixed;inset:0 0 auto;z-index:100;transition:background-color .3s var(--ease),backdrop-filter .3s var(--ease),border-color .3s var(--ease);border-bottom:1px solid transparent}.nav--scrolled{background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(14px) saturate(1.3);border-bottom-color:var(--line)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:4.5rem;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:600;font-size:1.18rem;letter-spacing:-.02em}.brand img{width:1.85rem;height:1.85rem;border-radius:.5rem}.nav__links{display:none;align-items:center;gap:1.9rem}.nav__links a:not(.btn){font-size:.92rem;color:var(--muted);transition:color .2s var(--ease)}.nav__links a:not(.btn):hover{color:var(--text)}.nav__cta{padding:.55rem 1.1rem;font-size:.9rem}.hero{position:relative;padding:9rem 0 4rem;overflow:hidden}.hero__glow-a{top:-12%;right:-6%;width:42rem;height:42rem;background:radial-gradient(circle,var(--glow-teal),transparent 62%)}.hero__glow-b{top:20%;left:-14%;width:36rem;height:36rem;background:radial-gradient(circle,var(--glow-amber),transparent 60%);opacity:.4}.hero__inner{position:relative;z-index:3;max-width:52rem}.hero h1{font-size:clamp(3rem,8vw,5.2rem);font-weight:600;line-height:1.05;letter-spacing:-.045em;margin:1.7rem 0 0}.reveal-line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.1em}.reveal-line>span{display:block;will-change:transform}.hero h1 .accent{background:linear-gradient(105deg,var(--teal-bright) 10%,var(--amber) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{margin:1.6rem 0 0;max-width:40rem;font-size:clamp(1.05rem,2.1vw,1.28rem);line-height:1.62;color:var(--muted)}.cta-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.4rem}.install{display:inline-flex;align-items:center;gap:.75rem;margin-top:1.8rem;padding:.45rem .45rem .45rem 1.1rem;background:var(--code-bg);border:1px solid var(--line-strong);border-radius:.7rem;font-family:var(--mono);font-size:.9rem;color:var(--code-text)}.install .prompt{color:var(--amber)}.install button{font-family:var(--font);font-size:.76rem;font-weight:600;color:#04201b;background:var(--teal);border:0;border-radius:.45rem;padding:.38rem .7rem;cursor:pointer;transition:background-color .2s var(--ease)}.install button:hover{background:var(--teal-bright)}.install button[data-copied=true]{background:var(--amber)}.live{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.live__cursor{position:absolute;display:flex;align-items:flex-start;gap:.25rem;color:var(--cc);will-change:transform}.live__cursor svg{filter:drop-shadow(0 4px 7px rgba(0,0,0,.3))}.live__cursor span{transform:translateY(.3rem);background:var(--cc);color:#04201b;font-size:.7rem;font-weight:600;padding:.08rem .5rem;border-radius:.5rem;white-space:nowrap}.marquee{position:relative;z-index:2;padding:1.6rem 0;border-block:1px solid var(--line);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee__track{display:flex;width:max-content;gap:2.6rem;will-change:transform}.marquee__item{display:inline-flex;align-items:center;gap:2.6rem;font-family:var(--font-display);font-size:1.05rem;font-weight:500;letter-spacing:-.01em;color:var(--muted);white-space:nowrap}.marquee__item:after{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--teal);opacity:.6}.section{position:relative;padding:clamp(5rem,12vh,9rem) 0}.section__kicker{font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.section__title{font-size:clamp(2rem,5vw,3.4rem);margin:.9rem 0 0;max-width:22ch}.section__lead{margin:1.1rem 0 0;max-width:44ch;font-size:1.1rem;color:var(--muted)}.prim__head{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad);margin-bottom:3rem}.prim__viewport{position:relative;overflow:hidden}.prim__track{display:flex;gap:1.5rem;padding-inline:var(--pad);width:max-content;will-change:transform}.prim-card{position:relative;flex:0 0 auto;width:min(82vw,24rem);padding:2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:inset 0 1px #ffffff0a;overflow:hidden}.prim-card__glow{position:absolute;top:-40%;right:-20%;width:16rem;height:16rem;background:radial-gradient(circle,var(--glow-teal),transparent 65%);opacity:.18;filter:blur(40px);pointer-events:none}.prim-card__icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.85rem;color:var(--teal-bright);background:#5cc7ab1a;border:1px solid var(--line);margin-bottom:1.4rem}.prim-card__icon svg{width:1.55rem;height:1.55rem}.prim-card h3{font-size:1.35rem;font-weight:600}.prim-card p{margin:.6rem 0 0;color:var(--muted);font-size:.98rem;line-height:1.55}.prim-card__idx{position:absolute;top:1.4rem;right:1.6rem;font-family:var(--mono);font-size:.8rem;color:var(--faint)}.code-grid{display:grid;gap:2.8rem;align-items:center;grid-template-columns:1fr}.code-steps{list-style:none;margin:1.8rem 0 0;padding:0;display:grid;gap:.4rem}.code-steps li{display:flex;gap:.8rem;padding:.7rem .9rem;border-radius:var(--radius-sm);color:var(--muted);border:1px solid transparent;transition:color .3s var(--ease),background-color .3s var(--ease),border-color .3s var(--ease)}.code-steps li[data-active=true]{color:var(--text);background:var(--card);border-color:var(--line)}.code-steps b{font-family:var(--mono);color:var(--teal);font-weight:600}.code-window{position:relative;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--code-bg);box-shadow:var(--shadow);overflow:hidden}.code-window__bar{display:flex;align-items:center;gap:.45rem;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.code-window__bar i{width:.7rem;height:.7rem;border-radius:999px;background:#ffffff29}.code-window__bar span{margin-left:.5rem;font-family:var(--mono);font-size:.76rem;color:#cdeee48c}.code-window__body{position:relative}.code-window__hl{position:absolute;left:0;right:0;top:0;height:1.5rem;background:linear-gradient(90deg,rgba(92,199,171,.14),transparent);border-left:2px solid var(--teal);pointer-events:none;opacity:0}.code-window :global(pre){margin:0;padding:1.3rem 1.4rem;font-size:.85rem;line-height:1.7;overflow-x:auto}.framework-list{list-style:none;padding:0;margin:1.8rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem}.framework-list li{display:inline-flex;flex-direction:column;gap:.1rem;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .85rem;background:var(--card)}.framework-list b{font-family:var(--mono);font-size:.86rem;color:var(--teal)}.framework-list small{color:var(--faint);font-size:.74rem}.transports-grid{display:grid;gap:1.3rem;grid-template-columns:1fr;margin-top:3rem}.transport{position:relative;padding:1.9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);transition:border-color .3s var(--ease),transform .3s var(--ease)}.transport:hover{border-color:var(--line-strong)}.transport .tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);margin-bottom:.7rem}.transport h3{font-size:1.25rem}.transport p{color:var(--muted);margin:.55rem 0 0;font-size:.97rem;line-height:1.55}.stats-grid{display:grid;gap:1px;grid-template-columns:repeat(2,1fr);background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stat{padding:2rem 1.6rem;background:var(--bg-1)}.stat__num{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.6rem);font-weight:600;letter-spacing:-.04em;line-height:1;background:linear-gradient(120deg,var(--teal-bright),var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}.stat__label{margin-top:.6rem;color:var(--muted);font-size:.95rem}.cta__card{position:relative;overflow:hidden;text-align:center;padding:clamp(3rem,8vw,5.5rem) 1.5rem;border-radius:2rem;border:1px solid var(--line-strong);background:radial-gradient(circle at 50% 130%,rgba(245,158,11,.22),transparent 58%),radial-gradient(circle at 50% -20%,rgba(92,199,171,.22),transparent 55%),var(--bg-1)}.cta__card h2{font-size:clamp(2.2rem,6vw,4rem)}.cta__card p{margin:1.1rem auto 0;max-width:34rem;color:var(--muted);font-size:1.12rem}.cta__card .cta-row{justify-content:center}.footer{position:relative;z-index:2;border-top:1px solid var(--line);padding:3rem 0}.footer__inner{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center;justify-content:space-between}.footer__links{display:flex;flex-wrap:wrap;gap:1.4rem}.footer__links a{color:var(--muted);font-size:.9rem;transition:color .2s var(--ease)}.footer__links a:hover{color:var(--text)}.footer__meta{color:var(--faint);font-size:.85rem}@keyframes hero-line-rise{0%{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes hero-el-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.js .reveal-line>span{animation:hero-line-rise 1.05s var(--ease) var(--d, .2s) both}.js [data-hero-el]{animation:hero-el-in .8s var(--ease) var(--d, .5s) both}@media(min-width:640px){.transports-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.nav__links{display:flex}.code-grid{grid-template-columns:.85fr 1.15fr}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:899px){.prim__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.prim__viewport::-webkit-scrollbar{display:none}.prim-card{scroll-snap-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.eyebrow .dot{animation:none}.marquee__track{transform:none!important;flex-wrap:wrap;white-space:normal}.reveal-line>span,[data-hero-el]{animation:none!important;opacity:1!important;transform:none!important}}