@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-wght-normal-DayYxulF.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-math-wght-normal-Bl4ZGkZl.woff2) format("woff2-variations");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-symbols-wght-normal-DxQzqQfC.woff2) format("woff2-variations");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-vietnamese-wght-normal-BBxOatbv.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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-ext-wght-normal-QAhDxQuo.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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-wght-normal-Dun_Rd-l.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{--ground: #07030f;--ground-2: #0e0519;--ground-3: #160828;--violet-deep: #3b0f9e;--violet: #7b2cff;--violet-soft: #a66bff;--lavender: #e4d4ff;--ink: #f3eeff;--ink-2: #b9a8d9;--ink-3: #8a78ad;--line: rgba(228, 212, 255, .12);--line-strong: rgba(228, 212, 255, .24);--display: "Bricolage Grotesque Variable", "Bricolage Grotesque", sans-serif;--text: "Onest Variable", "Onest", sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--gutter: clamp(16px, 4vw, 56px);--section: clamp(96px, 14vw, 200px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{background:var(--ground);scrollbar-color:var(--violet) var(--ground);scrollbar-width:thin}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--text);font-size:clamp(16px,1.05vw,18px);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;caret-color:var(--violet-soft)}::selection{background:var(--violet);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--ground)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--violet-deep),var(--violet));border-radius:10px;border:2px solid var(--ground)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--violet-soft);outline-offset:4px;border-radius:6px}h1,h2,h3{font-family:var(--display);font-weight:600;margin:0;text-wrap:balance;letter-spacing:-.035em;line-height:.98}h2{font-size:clamp(2.5rem,6vw,5.5rem)}p{margin:0;text-wrap:pretty}.skip{position:fixed;left:16px;top:-60px;z-index:100;background:var(--violet);padding:10px 16px;border-radius:999px;transition:top .3s var(--ease-out)}.skip:focus{top:16px}.btn{--glow: 0;position:relative;display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:999px;border:1px solid rgba(228,212,255,.35);background:radial-gradient(120% 140% at 50% 0%,#e4d4ff73,#a66bff00 55%),linear-gradient(180deg,#8f45ff,#5d1ee6);color:#fff;font:600 1rem/1 var(--text);letter-spacing:-.01em;cursor:pointer;box-shadow:0 10px 30px -8px #7b2cffb3,0 2px 6px #0006,inset 0 1px #ffffff59;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),background-color .3s;-webkit-tap-highlight-color:transparent}.btn:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);background-size:250% 100%;background-position:120% 0;mix-blend-mode:overlay;pointer-events:none;transition:background-position .9s var(--ease-out)}@media(hover:hover){.btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px -10px #7b2cffe6,0 2px 6px #0006,inset 0 1px #ffffff73}.btn:hover:after{background-position:-20% 0}}.btn:active{transform:translateY(0) scale(.97);transition-duration:.12s}.btn-ghost{background:#e4d4ff0a;border-color:var(--line-strong);box-shadow:inset 0 1px #ffffff0f;color:var(--ink)}@media(hover:hover){.btn-ghost:hover{background:#e4d4ff17;box-shadow:0 14px 36px -14px #7b2cff99,inset 0 1px #ffffff1a}}.btn-small{padding:11px 20px;font-size:.92rem}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--violet-soft);box-shadow:0 0 #a66bffb3;animation:pulse 2.2s var(--ease-out) infinite;vertical-align:middle}@keyframes pulse{0%{box-shadow:0 0 #a66bffb3}to{box-shadow:0 0 0 12px #a66bff00}}.nav{position:fixed;inset:14px var(--gutter) auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 10px 10px 16px;border-radius:999px;border:1px solid transparent;transition:background-color .6s var(--ease-out),border-color .6s var(--ease-out),backdrop-filter .6s var(--ease-out)}.nav.is-scrolled{background:#0e05199e;border-color:var(--line);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:1.12rem;letter-spacing:-.02em}.nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}.nav ul a{display:block;padding:9px 16px;border-radius:999px;color:var(--ink-2);font-size:.95rem;transition:color .3s,background-color .3s}@media(hover:hover){.nav ul a:hover{color:var(--ink);background:#e4d4ff12}}@media(max-width:820px){.nav nav{display:none}}.hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:120px var(--gutter) 80px;overflow:hidden;isolation:isolate}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(55% 45% at 0% 0%,rgba(110,30,255,.45),transparent 70%),radial-gradient(50% 40% at 100% 100%,rgba(110,30,255,.35),transparent 70%),radial-gradient(40% 50% at 72% 48%,rgba(90,20,200,.25),transparent 70%)}.hero-ribbon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-2}.hero-copy{max-width:1100px;position:relative}.hero-title{font-size:clamp(4rem,13vw,13rem);line-height:.86;letter-spacing:-.055em;margin-bottom:clamp(20px,2.4vw,32px);display:flex;flex-wrap:wrap;column-gap:.04em}.hero-name{display:inline-block;font-weight:700;color:var(--ink);filter:drop-shadow(0 0 50px rgba(166,107,255,.45))}.hero-name-2{font-weight:300;color:var(--lavender)}.hero-tagline{font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.4rem);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--violet-soft);margin-bottom:18px}.word-mask{display:inline-block;overflow:hidden;margin-right:.24em;padding-bottom:.08em;margin-bottom:-.08em;vertical-align:top}.word{display:inline-block;transform-origin:0 100%;will-change:transform}.hero-sub{max-width:34ch;font-size:clamp(1.08rem,1.5vw,1.35rem);color:var(--ink-2);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(28px,3vw,44px)}.hero-foot{position:absolute;left:var(--gutter);bottom:28px;font-size:.85rem;color:var(--ink-3);display:flex;align-items:center;gap:10px}@media(max-width:820px){.hero{padding-bottom:96px}.hero-title{font-size:clamp(3.6rem,19vw,6rem);flex-direction:column}}.about{position:relative;padding:var(--section) var(--gutter) 0;display:grid;grid-template-columns:1.3fr 1fr;gap:40px clamp(40px,6vw,110px);align-items:end;isolation:isolate}.about-glow{position:absolute;z-index:-1;left:-10%;top:10%;width:70%;aspect-ratio:1.6;background:radial-gradient(closest-side,rgba(123,44,255,.3),transparent);filter:blur(30px);pointer-events:none}.about-title{font-size:clamp(3rem,8.4vw,8.4rem);line-height:.92;letter-spacing:-.05em}.about-hi{display:block;font-weight:400;color:var(--ink-2);font-size:.48em;letter-spacing:-.03em;margin-bottom:.14em}.about-name{display:block;font-weight:700;filter:drop-shadow(0 0 40px rgba(166,107,255,.4))}.about-body{display:grid;gap:18px;max-width:46ch;padding-bottom:.6em}.about-lead{font-family:var(--display);font-size:clamp(1.3rem,2vw,1.8rem);font-weight:500;letter-spacing:-.025em;line-height:1.2;color:var(--lavender)}.about-body p:not(.about-lead){color:var(--ink-2)}@media(max-width:820px){.about{grid-template-columns:1fr}}.build{position:relative;--p: 0}.build-stage{isolation:isolate}.build-pin{overflow-x:clip}.build-pin{min-height:100svh;padding:clamp(100px,13vh,140px) var(--gutter) 56px;display:flex;flex-direction:column;gap:clamp(24px,4vh,48px);position:relative;background:radial-gradient(60% 50% at 70% 60%,rgba(91,31,224,.18),transparent 70%),linear-gradient(180deg,var(--ground) 0%,var(--ground-2) 100%)}.build-head{display:flex;justify-content:space-between;align-items:end;gap:24px 48px;flex-wrap:wrap}.build-head h2{font-size:clamp(2.4rem,5.4vw,5rem)}.build-head p{max-width:36ch;color:var(--ink-2)}.build-grid{flex:1;display:grid;grid-template-columns:minmax(240px,.8fr) 1.6fr;gap:clamp(24px,5vw,80px);align-items:center}.stage-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.stage-list li{position:relative;padding:14px 0 14px 24px;border-left:1px solid var(--line);transition:border-color .6s var(--ease-out)}.stage-list li:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:linear-gradient(var(--lavender),var(--violet));box-shadow:0 0 12px var(--violet);transform:scaleY(0);transform-origin:top;transition:transform .7s var(--ease-out)}.stage-list li.is-active:before,.stage-list li.is-done:before{transform:scaleY(1)}.stage-list li.is-done:before{opacity:.4;box-shadow:none}.stage-title{display:block;font-family:var(--display);font-size:clamp(1.3rem,2vw,1.9rem);font-weight:600;letter-spacing:-.03em;color:var(--ink-3);transition:color .5s var(--ease-out)}.stage-body{display:grid;grid-template-rows:0fr;color:var(--ink-2);font-size:.98rem;max-width:34ch;overflow:hidden;opacity:0;transition:grid-template-rows .7s var(--ease-out),opacity .5s var(--ease-out),margin .7s var(--ease-out)}.stage-body>span{min-height:0;overflow:hidden}.stage-list li.is-active .stage-title{color:var(--ink)}.stage-list li.is-done .stage-title{color:var(--ink-2)}.stage-list li.is-active .stage-body{grid-template-rows:1fr;opacity:1;margin-top:6px}.build-stage{position:relative}.build-halo{position:absolute;top:-12%;right:-8%;bottom:-12%;left:-8%;background:radial-gradient(closest-side,rgba(123,44,255,calc(.15 + var(--p) * .35)),transparent);filter:blur(20px);z-index:0}.demo-note{margin-top:14px;font-size:.82rem;color:var(--ink-3);position:relative}.build-progress{position:absolute;left:var(--gutter);right:var(--gutter);bottom:24px;height:1px;background:var(--line)}.build-progress span{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(var(--p));background:linear-gradient(90deg,var(--violet),var(--lavender));box-shadow:0 0 10px var(--violet)}.browser{position:relative;z-index:1;border-radius:16px;overflow:hidden;border:1px solid var(--line-strong);background:#110720;box-shadow:0 40px 100px -30px #000c,0 30px 80px -40px #7b2cffb3,inset 0 1px #ffffff14;transform:perspective(1400px) rotateY(calc(-10deg + var(--p) * 10deg)) rotateX(calc(6deg - var(--p) * 6deg));transform-origin:30% 50%}.browser-bar{display:flex;align-items:center;gap:14px;padding:11px 14px;background:#1a0d2e;border-bottom:1px solid var(--line)}.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:#e4d4ff2e}.url{flex:1;display:flex;align-items:center;gap:6px;max-width:340px;margin-inline:auto;padding:6px 12px;border-radius:8px;background:#0000004d;color:var(--ink-2);font-size:.78rem}.url-text{display:inline-block;overflow:hidden;white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path 1.2s steps(18)}.url svg{opacity:0;transition:opacity .4s}.live-tag{display:flex;align-items:center;gap:8px;font-size:.74rem;color:#9cf0c0;opacity:0;transform:translate(8px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.live-tag .pulse-dot{background:#5fe39b;animation-name:pulse-green}@keyframes pulse-green{0%{box-shadow:0 0 #5fe39b99}to{box-shadow:0 0 0 10px #5fe39b00}}.browser[data-stage="4"] .url-text{clip-path:inset(0 0 0 0)}.browser[data-stage="4"] .url svg,.browser[data-stage="4"] .live-tag{opacity:1;transform:none}.demo{--d-bg: #140a22;--d-ink: #e9e1f7;--d-ink-2: #a89bbf;--d-accent: #3a2b52;aspect-ratio:16 / 10;padding:clamp(14px,2.4vw,32px);display:grid;grid-template-rows:auto 1fr auto;gap:clamp(10px,2vw,24px);background:var(--d-bg);color:var(--d-ink);transition:background-color .9s var(--ease-out),color .9s var(--ease-out);font-size:clamp(9px,1.05vw,15px)}.demo-nav{display:flex;justify-content:space-between;align-items:center}.demo-links{display:flex;gap:1.6em}.demo-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:2em;align-items:center}.demo-copy{display:grid;gap:1.1em;justify-items:start}.demo-info{display:flex;gap:2em;padding-top:1.2em;border-top:1px solid color-mix(in srgb,var(--d-ink) 12%,transparent);transition:border-color .9s}.sk{position:relative;display:inline-block;border-radius:6px}.sk b{font-weight:inherit;display:inline-flex;align-items:center;gap:.4em;color:transparent;transition:color .6s var(--ease-out),opacity .6s var(--ease-out)}.sk:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px dashed rgba(166,107,255,.55);background:#a66bff14;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.sk-logo{font-family:var(--display);font-weight:700;font-size:1.35em;letter-spacing:-.03em}.sk-h{font-family:var(--display);font-size:3.1em;font-weight:700;line-height:.98;letter-spacing:-.04em}.sk-p{font-size:1.05em;line-height:1.5;max-width:34ch;color:var(--d-ink-2)}.demo-cta{padding:.85em 1.5em;border-radius:999px;font-weight:600;transition:background-color .9s var(--ease-out),box-shadow .9s}.demo-art{display:grid;place-items:center;height:100%}.sk-img{width:100%;height:100%;min-height:8em;border-radius:1.2em;display:grid;place-items:center;transition:background-color .9s var(--ease-out)}.sk-img b{width:100%;height:100%;justify-content:center}.demo-cup{width:74%;height:auto;color:#f4e7d7;opacity:0;transform:translateY(20%) scale(.7) rotate(-8deg);transition:opacity .8s var(--ease-out),transform 1.1s var(--ease-out)}.steam path{stroke-dasharray:60;animation:steam 2.4s ease-in-out infinite}.steam path:nth-child(2){animation-delay:.4s}.steam path:nth-child(3){animation-delay:.8s}@keyframes steam{0%{stroke-dashoffset:60;opacity:0;transform:translateY(6px)}40%{opacity:1}to{stroke-dashoffset:-60;opacity:0;transform:translateY(-10px)}}.browser:not([data-stage="0"]) .sk b{color:inherit}.browser:not([data-stage="0"]) .sk:not(.demo-cta):not(.sk-img):before{opacity:0;transform:scale(1.04)}.browser:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .demo{--d-bg: #10302e;--d-ink: #f4e7d7;--d-ink-2: #c8bba7;--d-accent: #e08a4b}.browser:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .sk-h{font-family:Bricolage Grotesque Variable,serif;font-variation-settings:"wdth" 80}.browser:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .demo-cta{background:var(--d-accent);color:#1d0f05}.browser:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .demo-cta:before,.browser:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .sk-img:before{opacity:0}.browser:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .sk-img{background:radial-gradient(circle at 50% 60%,#1f5a52,#164440 70%)}.browser:not([data-stage="0"]):not([data-stage="2"]):not([data-stage="3"]):not([data-stage="4"]) .demo-cta{border:1px solid currentColor}.browser:not([data-stage="0"]):not([data-stage="2"]):not([data-stage="3"]):not([data-stage="4"]) .demo-cta:before{opacity:0}.browser:is([data-stage="3"],[data-stage="4"]) .demo-cup{opacity:1;transform:none}.browser:is([data-stage="3"],[data-stage="4"]) .demo-cta{box-shadow:0 0 #e08a4b99;animation:cta-pulse 2.4s var(--ease-out) infinite}@keyframes cta-pulse{0%{box-shadow:0 0 #e08a4b8c}to{box-shadow:0 0 0 1.2em #e08a4b00}}@media(max-width:900px){.build-grid{grid-template-columns:1fr;align-content:start}.build-stage{order:-1}.stage-list li:not(.is-active){display:none}.stage-list li{border-left:0;padding-left:0}.stage-list li:before{display:none}.build-head p{display:none}.browser{transform:none}.demo{aspect-ratio:4 / 3.4}.demo-hero{grid-template-columns:1.3fr 1fr}.demo-links .sk:nth-child(n+2){display:none}.demo-info .sk:nth-child(3){display:none}}.services{padding:var(--section) var(--gutter);background:var(--ground-2);position:relative}.svc-head{display:grid;grid-template-columns:2fr 1fr;gap:24px 64px;align-items:end;margin-bottom:clamp(48px,7vw,96px)}.svc-head p{color:var(--ink-2);max-width:38ch}.svc-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.svc{position:relative;border-bottom:1px solid var(--line);overflow:hidden}.svc-trigger{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:16px 40px;padding:clamp(24px,3.2vw,44px) 0;position:relative;z-index:1}.svc-trigger:focus-visible{outline:2px solid var(--violet-soft);outline-offset:-2px}.svc-name{font-family:var(--display);font-size:clamp(2rem,5vw,4.6rem);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--ink-2);transition:color .5s var(--ease-out),transform .7s var(--ease-out)}.svc-lead{color:var(--ink-3);transition:color .5s var(--ease-out)}.svc-icon{width:52px;height:52px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;color:var(--ink-2);transition:transform .7s var(--ease-out),background-color .5s,border-color .5s,color .5s}.svc.is-open .svc-name,.svc-trigger:hover .svc-name{color:var(--ink)}.svc.is-open .svc-name{transform:translate(clamp(0px,1.2vw,16px))}.svc.is-open .svc-lead{color:var(--ink-2)}.svc.is-open .svc-icon{transform:rotate(135deg);background:var(--violet);border-color:var(--violet);color:#fff}.svc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .8s var(--ease-out);position:relative;z-index:1}.svc.is-open .svc-panel{grid-template-rows:1fr}.svc-panel-inner{overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 52px;gap:16px 40px}.svc-panel-inner p{color:var(--ink-2);max-width:46ch;padding-bottom:clamp(28px,3vw,44px);padding-left:clamp(0px,1.2vw,16px);opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease-out) .1s,transform .8s var(--ease-out) .1s}.svc-panel-inner ul{list-style:none;margin:0;padding:0 0 clamp(28px,3vw,44px);display:grid;gap:10px;opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease-out) .18s,transform .8s var(--ease-out) .18s}.svc-panel-inner li{display:flex;gap:10px;align-items:center;color:var(--ink)}.svc-panel-inner li svg{color:var(--violet-soft);flex:none}.svc.is-open .svc-panel-inner p,.svc.is-open .svc-panel-inner ul{opacity:1;transform:none}.svc-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 120% at 20% 50%,rgba(123,44,255,.22),transparent 70%);opacity:0;transition:opacity .8s var(--ease-out);pointer-events:none}.svc.is-open .svc-sheen{opacity:1}@media(hover:hover){.svc:hover .svc-sheen{opacity:.7}}@media(max-width:820px){.svc-head{grid-template-columns:1fr}.svc-trigger{grid-template-columns:1fr auto}.svc-lead{grid-column:1;grid-row:2}.svc-icon{grid-column:2;grid-row:1 / span 2}.svc-panel-inner{grid-template-columns:1fr}.svc-panel-inner p{padding-bottom:0;padding-left:0}}.process{padding:var(--section) var(--gutter);background:linear-gradient(180deg,var(--ground-2),var(--ground))}.proc-head{max-width:900px;margin-bottom:clamp(56px,8vw,110px)}.proc-head p{color:var(--ink-2);margin-top:20px;max-width:44ch}.steps{position:relative;display:grid;grid-template-columns:40px 1fr;gap:0 clamp(20px,4vw,64px);max-width:1000px;margin-left:clamp(0px,12vw,200px)}.thread{width:40px;height:100%;overflow:visible}.thread-path{filter:drop-shadow(0 0 6px rgba(123,44,255,.9))}.steps ol{list-style:none;margin:0;padding:0;display:grid;gap:clamp(56px,9vw,120px)}.step{position:relative;max-width:52ch}.step:before{content:"";position:absolute;left:calc(-1*clamp(20px,4vw,64px) - 27px);top:.55em;width:14px;height:14px;border-radius:50%;background:var(--ground);border:1px solid var(--line-strong);transition:background-color .6s var(--ease-out),box-shadow .6s var(--ease-out),border-color .6s}.step.is-lit:before{background:var(--lavender);border-color:var(--lavender);box-shadow:0 0 0 6px #7b2cff40,0 0 24px var(--violet)}.step-index{display:block;font-size:.85rem;color:var(--violet-soft);margin-bottom:8px;font-variant-numeric:tabular-nums}.step h3{font-size:clamp(2rem,4.2vw,3.6rem);margin-bottom:14px}.step p{color:var(--ink-2);font-size:clamp(1rem,1.3vw,1.2rem)}.manifesto{padding:var(--section) 0 calc(var(--section) * .8);position:relative;overflow:hidden}.manifesto-text{padding:0 var(--gutter);max-width:1320px;font-family:var(--display);font-size:clamp(2rem,4.8vw,4.6rem);font-weight:500;line-height:1.08;letter-spacing:-.035em}.mword{opacity:.14}.mword.is-accent{color:var(--violet-soft);text-shadow:0 0 40px rgba(123,44,255,.6)}.marquee{margin-top:clamp(64px,9vw,130px);border-block:1px solid var(--line);padding:clamp(18px,2vw,28px) 0;overflow:hidden;-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;animation:marquee 32s linear infinite}.marquee-group{display:flex}.marquee-group span{display:inline-flex;align-items:center;gap:clamp(28px,3vw,48px);padding-right:clamp(28px,3vw,48px);font-family:var(--display);font-size:clamp(1.6rem,3vw,2.8rem);font-weight:500;letter-spacing:-.03em;color:var(--ink-3);white-space:nowrap}.spark{width:12px;height:12px;background:var(--violet-soft);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 6px var(--violet))}@keyframes marquee{to{transform:translate(-50%)}}.contact{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:var(--section) var(--gutter) 0;overflow:hidden;isolation:isolate;background:radial-gradient(70% 60% at 50% 100%,rgba(110,30,255,.38),transparent 70%),var(--ground)}.contact-ribbon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;transform:scaleY(-1);opacity:.85}.contact-inner{display:grid;justify-items:start;gap:clamp(20px,2.4vw,32px);max-width:1200px}.contact h2{font-size:clamp(2.8rem,8vw,8rem);line-height:.94;letter-spacing:-.045em}.contact-sub{color:var(--ink-2);font-size:clamp(1.05rem,1.4vw,1.3rem);max-width:40ch}.contact-mail{position:relative;display:inline-flex;align-items:center;gap:.3em;margin-top:8px;font-family:var(--display);font-size:clamp(1.6rem,5vw,4.4rem);font-weight:500;letter-spacing:-.04em;color:var(--lavender);padding-bottom:.12em;overflow-wrap:anywhere}.contact-mail:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--violet),var(--lavender),var(--violet));box-shadow:0 0 16px var(--violet);transform-origin:left;transform:scaleX(.35);transition:transform .9s var(--ease-out)}.contact-arrow{flex:none;width:.8em;height:.8em;transition:transform .7s var(--ease-out)}@media(hover:hover){.contact-mail:hover:after{transform:scaleX(1)}.contact-mail:hover .contact-arrow{transform:translate(.12em,-.12em) rotate(0)}}.contact-actions{display:flex;flex-wrap:wrap;gap:12px}.footer{margin-top:auto;padding:clamp(64px,8vw,120px) 0 28px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--ink-3);font-size:.88rem}.footer a{transition:color .3s}.footer a:hover{color:var(--ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.mword{opacity:1}.marquee-track{animation:none}}