:root{color-scheme:dark;--bg: #0d0d12;--bg-raise: #13131a;--surface: #17171f;--surface-2: #1e1e29;--line: rgb(255 255 255 / 0.08);--line-strong: rgb(255 255 255 / 0.16);--text: #f2f1ee;--muted: #a6a6b3;--faint: #7f7f8c;--accent: #4d7cff;--accent-text: #7c9dff;--accent-strong: #3a63e8;--violet: #8b6bff;--violet-strong: #5b3fe8;--accent-glow: rgb(77 124 255 / 0.35);--grad: linear-gradient(120deg, var(--accent-text) 0%, var(--violet) 100%);--grad-btn: linear-gradient(120deg, var(--accent-strong) 0%, var(--violet-strong) 100%);--font-display: "Fraunces", "Fraunces Fallback", Georgia, serif;--font-sans: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-hero: clamp(2.4rem, 1.4rem + 4.4vw, 4.5rem);--fs-h2: clamp(2rem, 1.3rem + 2.8vw, 3.4rem);--fs-lead: clamp(1.05rem, 0.98rem + 0.35vw, 1.2rem);--radius: 22px;--radius-sm: 14px;--gutter: 16px;--container: 1180px;--header-h: 68px;--ease-out: cubic-bezier(0.22, 1, 0.36, 1);--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--shadow-card: 0 1px 0 rgb(255 255 255 / 0.05) inset, 0 24px 60px -28px rgb(0 0 0 / 0.9)}@media(min-width: 860px){:root{--gutter: 32px;--header-h: 76px}}@font-face{font-family:"Fraunces";font-style:normal;font-display:swap;font-weight:100 900;src:url("../fonts/fraunces-latin-wght-normal.woff2") format("woff2");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:"Fraunces";font-style:normal;font-display:swap;font-weight:100 900;src:url("../fonts/fraunces-latin-ext-wght-normal.woff2") format("woff2");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:"Fraunces";font-style:italic;font-display:swap;font-weight:100 900;src:url("../fonts/fraunces-latin-wght-italic.woff2") format("woff2");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:"Fraunces";font-style:italic;font-display:swap;font-weight:100 900;src:url("../fonts/fraunces-latin-ext-wght-italic.woff2") format("woff2");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:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url("../fonts/inter-latin-wght-normal.woff2") format("woff2");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:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2");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:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:100 800;src:url("../fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");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:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:100 800;src:url("../fonts/jetbrains-mono-latin-ext-wght-normal.woff2") format("woff2");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:"Fraunces Fallback";src:local("Georgia");size-adjust:104%;ascent-override:92%;descent-override:24%}@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:107%;ascent-override:90%;descent-override:22%}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}@media(prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1rem;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}main{flex:1;display:block}img,svg,canvas{display:block;max-width:100%}img{height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul[role=list],ol[role=list]{list-style:none}h1,h2,h3{font-family:var(--font-display);font-weight:350;font-variation-settings:"opsz" 96,"SOFT" 30;line-height:1.05;letter-spacing:-0.025em;text-wrap:balance}h1 em,h2 em,h3 em{font-style:italic;font-weight:300;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);padding-right:.06em;margin-right:-0.06em}p{text-wrap:pretty}::selection{background:var(--accent-strong);color:#fff}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:6px}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:.7rem 1.1rem;border-radius:999px;background:var(--text);color:var(--bg);font-size:.875rem;font-weight:600;transform:translateY(-160%);transition:transform .2s var(--ease-out)}.skip-link:focus-visible{transform:none}.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.container{width:100%;max-width:calc(var(--container) + 2*var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}@media(min-width: 600px){.eyebrow{letter-spacing:.14em}}.eyebrow::before{content:"";display:inline-block;width:.55em;height:.55em;margin-right:.7em;vertical-align:.08em;border-radius:2px;background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:var(--header-h);border-bottom:1px solid rgba(0,0,0,0);transition:background-color .35s var(--ease-out),border-color .35s var(--ease-out),backdrop-filter .35s}.site-header.is-scrolled,.site-header.is-open{background:rgba(13,13,18,.78);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.site-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{font-family:var(--font-display);font-size:1.35rem;font-weight:350;letter-spacing:-0.015em;background:linear-gradient(120deg, #6f97ff 0%, #4d7cff 50%, #8b6bff 100%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);white-space:nowrap;transition:filter .3s}.logo:hover{filter:brightness(1.2) drop-shadow(0 0 14px var(--accent-glow))}@media(min-width: 860px){.logo{font-size:1.5rem}}.site-nav{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;gap:.25rem}.nav-links a{position:relative;display:block;padding:.5rem .85rem;font-size:.875rem;font-weight:450;color:var(--muted);border-radius:999px;transition:color .2s,background-color .2s}.nav-links a:hover{color:var(--text);background:hsla(0,0%,100%,.05)}.nav-links a[aria-current=page]{color:var(--text)}.nav-links a[aria-current=page]::after{content:"";position:absolute;left:50%;bottom:.15rem;width:4px;height:4px;border-radius:50%;background:var(--accent);transform:translateX(-50%)}.nav-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.15rem;font-size:.875rem;font-weight:500;color:var(--text);border:1px solid var(--line-strong);border-radius:999px;transition:border-color .2s,background-color .2s,box-shadow .3s}.nav-cta::before{content:"";width:7px;height:7px;border-radius:50%;background:#4dd98c;box-shadow:0 0 10px rgba(77,217,140,.7)}.nav-cta:hover{border-color:var(--accent);background:rgba(77,124,255,.1);box-shadow:0 0 24px -6px var(--accent-glow)}.nav-toggle{display:none;position:relative;width:44px;height:44px;margin-right:-10px;border-radius:12px}.nav-toggle span:not(.sr-only),.nav-toggle span:not(.sr-only)::before,.nav-toggle span:not(.sr-only)::after{position:absolute;left:12px;width:20px;height:1.5px;border-radius:2px;background:var(--text);transition:transform .3s var(--ease-out),opacity .2s}.nav-toggle span:not(.sr-only){top:21px}.nav-toggle span:not(.sr-only)::before,.nav-toggle span:not(.sr-only)::after{content:"";left:0}.nav-toggle span:not(.sr-only)::before{transform:translateY(-6px)}.nav-toggle span:not(.sr-only)::after{transform:translateY(6px)}.nav-toggle[aria-expanded=true] span:not(.sr-only){background:rgba(0,0,0,0)}.nav-toggle[aria-expanded=true] span:not(.sr-only)::before{transform:rotate(45deg)}.nav-toggle[aria-expanded=true] span:not(.sr-only)::after{transform:rotate(-45deg)}@media(max-width: 859.98px){html:not(.js) .site-header{position:absolute}html:not(.js) .nav-cta{display:none}html:not(.js) .nav-links a{padding-inline:.5rem}.js .nav-toggle{display:block}.js .site-nav{position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:1.25rem;padding:1rem var(--gutter) 1.75rem;background:rgba(13,13,18,.98);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s var(--ease-out),transform .25s var(--ease-out),visibility 0s .25s}.js .site-header.is-open .site-nav{visibility:visible;opacity:1;transform:none;transition-delay:0s}.js .nav-links{flex-direction:column}.js .nav-links a{padding:.85rem 0;font-family:var(--font-display);font-size:1.75rem;font-weight:350;color:var(--text);border-radius:0;border-bottom:1px solid var(--line)}.js .nav-links a:hover{background:none;color:var(--accent-text)}.js .nav-links a[aria-current=page]::after{left:auto;right:0;bottom:50%;width:8px;height:8px}.js .nav-cta{align-self:flex-start;padding:.75rem 1.4rem;font-size:1rem}}.section{padding-block:clamp(4.5rem,3rem + 7vw,9rem)}.section--flush-top{padding-top:0}.section-head{display:grid;gap:1rem;margin-bottom:clamp(2.5rem,2rem + 2vw,4rem)}.section-head h2{font-size:var(--fs-h2)}.section-head--center{justify-items:center;text-align:center}.site-footer{border-top:1px solid var(--line);padding-block:2.25rem}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}@media(max-width: 599.98px){.site-footer__inner{flex-direction:column;align-items:flex-start}}.footer-copy{font-family:var(--font-mono);font-size:.75rem;color:var(--faint)}.footer-nav{display:flex;gap:1.75rem}.footer-nav a{font-size:.875rem;color:var(--muted);transition:color .2s}.footer-nav a:hover{color:var(--text)}.footer-social{display:flex;gap:.75rem}.social-link{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);color:var(--muted);transition:color .2s,border-color .2s,background-color .2s,transform .3s var(--ease-spring)}.social-link svg{width:17px;height:17px}.social-link:hover{color:var(--text);border-color:var(--accent);background:rgba(77,124,255,.1);transform:rotate(-8deg) scale(1.06)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.9em 1.75em;font-size:.9375rem;font-weight:500;line-height:1.2;border-radius:999px;white-space:nowrap;overflow:hidden;isolation:isolate;transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-out),background-color .2s}.btn .btn__arrow{display:inline-block;transition:transform .35s var(--ease-spring)}.btn:hover .btn__arrow{transform:translateX(4px)}.btn:active{transform:scale(0.97)}.btn--primary{color:#fff;background:var(--grad-btn);box-shadow:0 1px 0 hsla(0,0%,100%,.25) inset,0 12px 32px -12px rgba(77,124,255,.7)}.btn--primary::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, 0.28) 50%, transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease-out)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 1px 0 hsla(0,0%,100%,.25) inset,0 18px 40px -12px rgba(77,124,255,.85)}.btn--primary:hover::after{transform:translateX(120%)}.btn--ghost{color:var(--text);border:1px solid var(--line-strong)}.btn--ghost:hover{border-color:var(--accent);background:rgba(77,124,255,.08)}.app-card{display:flex;align-items:center;gap:1.1rem;padding:1rem 1.4rem 1rem 1rem;text-align:left;background:linear-gradient(160deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));border:1px solid var(--line-strong);border-radius:20px;transition:border-color .3s,transform .35s var(--ease-spring),box-shadow .35s}.app-card:hover{border-color:rgba(245,197,24,.45);transform:translateY(-3px);box-shadow:0 18px 40px -20px rgba(245,197,24,.35)}.app-card:hover .app-card__icon{transform:rotate(-12deg) scale(1.05)}.app-card__icon{flex-shrink:0;width:60px;height:60px;border-radius:15px;background:#1a1408;display:grid;place-items:center;transition:transform .5s var(--ease-spring)}.app-card__icon svg{width:100%;height:100%}.app-card__name{display:block;font-size:1rem;font-weight:600;color:var(--text)}.app-card__desc{display:block;margin:.15rem 0 .4rem;font-size:.8125rem;line-height:1.45;color:var(--muted)}.app-card__badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.02em;color:#f5c518}.app-card__badge svg{width:12px;height:12px}.chip{display:inline-flex;align-items:center;padding:.3rem .75rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;color:var(--muted);background:hsla(0,0%,100%,.05);border:1px solid var(--line);border-radius:999px}@media(prefers-reduced-motion: no-preference){.js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease-out),transform .9s var(--ease-out);transition-delay:calc(var(--i, 0)*70ms)}.js [data-reveal].is-visible{opacity:1;transform:none}}.grid-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px),linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:64px 64px;background-position:center top;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%, #000 10%, transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%, #000 10%, transparent 75%);opacity:.55}body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.035;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero{position:relative;isolation:isolate;overflow:clip}.hero__pin{position:relative;isolation:isolate;padding:calc(var(--header-h) + 2rem) var(--gutter) 3.5rem}.hero__bg{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(55% 45% at 50% 42%, rgba(77, 124, 255, 0.22), transparent 70%),radial-gradient(35% 30% at 72% 30%, rgba(139, 107, 255, 0.14), transparent 70%),radial-gradient(30% 25% at 25% 70%, rgba(77, 124, 255, 0.08), transparent 70%)}.hero__canvas{display:none}.hero__stage,.hero__cam{position:relative}.screen{position:relative;width:100%;max-width:980px;margin-inline:auto;padding:9px}@media(prefers-reduced-motion: no-preference){.screen{animation:screen-in 1s var(--ease-out) both}}@keyframes screen-in{from{transform:translateY(24px) scale(0.97)}}.screen__bezel{position:absolute;inset:0;border-radius:22px;background:#050507;box-shadow:0 0 0 1.5px #3a3c44,0 0 0 2.5px #1b1c21,0 40px 80px -30px rgba(0,0,0,.9),0 0 120px -40px var(--accent-glow);transition:opacity .6s var(--ease-out)}.screen__display{position:relative;overflow:hidden;transform-origin:50% 50%;border-radius:13px;background:radial-gradient(70% 55% at 50% 0%, rgba(77, 124, 255, 0.2), transparent 70%),radial-gradient(40% 40% at 90% 100%, rgba(139, 107, 255, 0.12), transparent 70%),#0e0f16}.screen__display::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:var(--off-color, #000);opacity:var(--off, 0)}.screen__base{position:absolute;left:-3%;right:-3%;top:100%;height:13px;border-radius:2px 2px 14px 14px/2px 2px 13px 13px;background:linear-gradient(#b7bac2 0%, #7d8089 35%, #3d3f46 100%);box-shadow:0 18px 30px -10px rgba(0,0,0,.8);transition:opacity .6s var(--ease-out)}.screen__base::before{content:"";position:absolute;top:0;left:50%;width:16%;height:5px;border-radius:0 0 8px 8px;background:#55575f;transform:translateX(-50%)}.browser-bar{display:flex;align-items:center;gap:1rem;height:38px;padding-inline:14px;border-bottom:1px solid var(--line);background:hsla(0,0%,100%,.025)}.browser-bar__dots{display:flex;gap:7px}.browser-bar__dots i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.browser-bar__dots i:nth-child(2){background:#febc2e}.browser-bar__dots i:nth-child(3){background:#28c840}.browser-bar__url{display:inline-flex;align-items:center;gap:.45em;margin-inline:auto;padding:.25em 1.2em;font-family:var(--font-mono);font-size:.6875rem;color:var(--muted);background:hsla(0,0%,100%,.05);border-radius:7px;transform:translateX(-28px)}.browser-bar__url svg{width:.9em;height:.9em}.screen__status{display:none;position:relative;flex-shrink:0;order:1;align-items:center;justify-content:space-between;height:50px;padding:6px 30px 0 34px;font-size:14px;font-weight:600;color:var(--text)}.screen__island{position:absolute;top:11px;left:50%;width:96px;height:28px;border-radius:20px;background:#000;transform:translateX(-50%)}.screen__battery{position:relative;width:24px;height:11px;border:1.5px solid rgba(242,241,238,.55);border-radius:3.5px}.screen__battery::before{content:"";position:absolute;inset:1.5px;right:5px;border-radius:1.5px;background:var(--text)}.screen__battery::after{content:"";position:absolute;top:2.5px;right:-4px;width:2px;height:4px;border-radius:0 1px 1px 0;background:rgba(242,241,238,.55)}.screen__body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.75rem 1.25rem 2.25rem}.hero__title{max-width:14ch;margin-top:1.25rem;font-size:var(--fs-hero)}.hero__sub{max-width:36ch;margin-top:1.1rem;font-size:var(--fs-lead);line-height:1.6;color:var(--muted)}.hero__actions{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin-top:2.25rem}@media(min-width: 600px){.hero__actions{flex-direction:row;gap:1.5rem}}.hero__hint{display:none}.browser-bar__caret{display:inline-block;width:1px;height:1.1em;margin-left:-0.2em;background:var(--accent-text)}@media(prefers-reduced-motion: no-preference){.browser-bar__caret{animation:caret 1.1s steps(1) infinite}}@keyframes caret{50%{opacity:0}}.stage .hero{height:100vh;height:100svh;min-height:520px}@media(prefers-reduced-motion: no-preference){.stage .hero{height:175vh;height:175svh}}.stage .hero__pin{position:sticky;top:0;height:100vh;height:100svh;min-height:520px;padding:0}.stage .hero__canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1s var(--ease-out)}.stage .hero__stage{position:absolute;inset:0;overflow:hidden;pointer-events:none}.stage .hero__cam{position:absolute;inset:0;transform-style:preserve-3d}.stage .screen{position:absolute;left:50%;top:50%;max-width:none;margin:0;padding:0;pointer-events:auto;transform:translate(-50%, -50%) scale(var(--fit, 0.75));-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:none}.stage .screen__display{position:absolute;inset:0;display:flex;flex-direction:column}.stage .browser-bar{flex-shrink:0}.stage .screen__body{flex:1;justify-content:center}.stage .hero.is-3d .hero__canvas{opacity:1}.stage .hero.is-3d .screen__bezel,.stage .hero.is-3d .screen__base{opacity:0}.stage--laptop .hero__pin{min-height:600px}.stage--laptop .screen{width:1200px;height:750px}.stage--laptop .screen__bezel{inset:-24px -24px -30px;border-radius:34px}.stage--laptop .screen__display{border-radius:10px}.stage--laptop .screen__base{left:-80px;right:-80px;top:calc(100% + 30px);height:26px}.stage--laptop .screen__base::before{height:9px}.stage--laptop .browser-bar{height:54px;padding-inline:22px}.stage--laptop .browser-bar__dots{gap:10px}.stage--laptop .browser-bar__dots i{width:15px;height:15px}.stage--laptop .browser-bar__url{font-size:16px;padding:7px 26px;border-radius:10px;transform:translateX(-36px)}.stage--laptop .screen__body{padding:0 110px 20px}.stage--laptop .screen__body .eyebrow{font-size:17px}.stage--laptop .hero__title{max-width:16ch;margin-top:26px;font-size:92px}.stage--laptop .hero__sub{max-width:34ch;margin-top:24px;font-size:26px}.stage--laptop .hero__actions{flex-direction:row;gap:30px;margin-top:46px}.stage--laptop .app-card{gap:20px;padding:16px 26px 16px 16px;border-radius:24px}.stage--laptop .app-card__icon{width:78px;height:78px;border-radius:19px}.stage--laptop .app-card__name{font-size:21px}.stage--laptop .app-card__desc{font-size:16px}.stage--laptop .app-card__badge{font-size:14px}.stage--laptop .app-card__badge svg{width:15px;height:15px}.stage--laptop .btn{font-size:21px}.stage--laptop .hero__hint{display:flex;align-items:center;gap:.6em;position:absolute;left:50%;bottom:26px;font-family:var(--font-mono);font-size:.75rem;color:var(--faint);transform:translateX(-50%);opacity:0;transition:opacity .8s 1.6s var(--ease-out)}.stage--laptop .hero__hint kbd{display:inline-grid;place-items:center;min-width:1.9em;height:1.9em;padding-inline:.4em;font-family:inherit;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:6px;color:var(--muted)}.stage--laptop .hero.is-3d.is-interactive .hero__hint{opacity:1}.stage--laptop .hero.is-3d.is-interactive.is-scrolled .hero__hint{opacity:0;transition-delay:0s;transition-duration:.3s}.stage--tablet .hero,.stage--phone .hero{--off-color: #e4eaff}.stage--tablet .screen{width:768px;height:1024px}.stage--tablet .screen__bezel{inset:-34px;border-radius:46px}.stage--tablet .screen__display{border-radius:16px}.stage--tablet .screen__base{display:none}.stage--tablet .browser-bar{height:52px;padding-inline:20px}.stage--tablet .browser-bar__dots{display:none}.stage--tablet .browser-bar__url{font-size:15px;padding:7px 28px;border-radius:10px;transform:none}.stage--tablet .screen__body{padding:0 56px 52px}.stage--tablet .screen__body .eyebrow{font-size:17px}.stage--tablet .hero__title{max-width:11ch;margin-top:30px;font-size:80px}.stage--tablet .hero__sub{max-width:28ch;margin-top:28px;font-size:27px}.stage--tablet .hero__actions{flex-direction:column;gap:30px;margin-top:56px}.stage--tablet .app-card{gap:22px;padding:18px 30px 18px 18px;border-radius:26px}.stage--tablet .app-card__icon{width:86px;height:86px;border-radius:21px}.stage--tablet .app-card__name{font-size:23px}.stage--tablet .app-card__desc{font-size:18px}.stage--tablet .app-card__badge{font-size:15px}.stage--tablet .app-card__badge svg{width:16px;height:16px}.stage--tablet .btn{font-size:23px}.stage--phone .screen{width:340px;height:736px}.stage--phone .screen__bezel{inset:-11px;border-radius:56px}.stage--phone .screen__display{border-radius:45px}.stage--phone .screen__base{display:none}.stage--phone .screen__status{display:flex}.stage--phone .browser-bar{order:3;height:62px;padding:0 18px 12px;border-bottom:0;border-top:1px solid var(--line)}.stage--phone .browser-bar__dots{display:none}.stage--phone .browser-bar__url{width:100%;justify-content:center;font-size:13px;padding:9px 16px;border-radius:12px;transform:none}.stage--phone .screen__body{order:2;padding:0 22px 8px}.stage--phone .screen__body .eyebrow{font-size:10px;letter-spacing:.1em}.stage--phone .hero__title{max-width:none;margin-top:14px;font-size:40px}.stage--phone .hero__sub{max-width:26ch;margin-top:14px;font-size:15px}.stage--phone .hero__actions{flex-direction:column;gap:14px;margin-top:24px}.stage--phone .app-card{gap:12px;padding:10px 14px 10px 10px;border-radius:18px}.stage--phone .app-card__icon{width:50px;height:50px;border-radius:13px}.stage--phone .app-card__name{font-size:15px}.stage--phone .app-card__desc{font-size:11.5px}.stage--phone .app-card__badge{font-size:10px}.stage--phone .btn{font-size:15px}.section-lead{max-width:58ch;margin-top:.5rem;font-size:var(--fs-lead);line-height:1.65;color:var(--muted)}.stack__layout{display:grid;gap:1.25rem}@media(min-width: 1024px){.stack__layout{grid-template-columns:300px minmax(0, 1fr);gap:2rem;align-items:start}}html:not(.js) .stack__list,html:not(.js) .demo{display:none}.stack__list{display:flex;gap:.5rem;margin-inline:calc(var(--gutter)*-1);padding:.25rem var(--gutter) .5rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.stack__list::-webkit-scrollbar{display:none}@media(min-width: 1024px){.stack__list{flex-direction:column;gap:.35rem;margin:0;padding:0;overflow:visible}}.stack__tab{position:relative;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.85rem;flex:0 0 auto;padding:.7rem 1rem .7rem .85rem;text-align:left;color:var(--muted);border:1px solid var(--line);border-radius:14px;overflow:hidden;scroll-snap-align:start;transition:color .25s,background-color .25s,border-color .25s}.stack__tab:hover{color:var(--text);background:hsla(0,0%,100%,.03)}.stack__tab[aria-selected=true]{color:var(--text);border-color:var(--line-strong);background:radial-gradient(120% 140% at 0% 0%, rgba(77, 124, 255, 0.16), transparent 60%),linear-gradient(160deg, var(--surface-2), var(--bg-raise));box-shadow:var(--shadow-card)}.stack__tab[aria-selected=true] .stack__icon{transform:scale(1.08) rotate(-6deg)}.stack__tab[aria-selected=true] .stack__num{color:var(--accent-text)}@media(min-width: 1024px){.stack__tab{padding:.85rem 1rem;border-color:rgba(0,0,0,0)}}.stack__num{font-family:var(--font-mono);font-size:.6875rem;color:var(--faint);transition:color .25s}@media(max-width: 1023.98px){.stack__num{display:none}}.stack__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:hsla(0,0%,100%,.05);transition:transform .5s var(--ease-spring)}.stack__icon svg{width:20px;height:20px}.stack__tab-text{display:grid}.stack__tab-name{font-size:.9375rem;font-weight:500;white-space:nowrap}.stack__tab-role{font-family:var(--font-mono);font-size:.6875rem;color:var(--faint)}.stack__progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left}.stack__layout.is-autoplay .stack__tab[aria-selected=true] .stack__progress{animation:stack-progress var(--stack-duration, 7s) linear forwards}.stack__layout.is-paused .stack__progress{animation-play-state:paused !important}@keyframes stack-progress{to{transform:scaleX(1)}}.stack__stage{display:grid;gap:1.75rem;padding:clamp(1rem,.6rem + 1.6vw,1.75rem);border:1px solid var(--line-strong);border-radius:calc(var(--radius) + 4px);background:radial-gradient(70% 60% at 100% 0%, rgba(139, 107, 255, 0.1), transparent 70%),linear-gradient(170deg, var(--surface), var(--bg-raise) 70%);box-shadow:var(--shadow-card)}@media(min-width: 1180px){.stack__stage{grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr);align-items:center}}.stack__panels{display:grid;gap:2.5rem}.js .stack__panels{gap:0}.js .stack__panel{grid-area:1/1;visibility:hidden;opacity:0;transform:translateY(10px);transition:opacity .4s var(--ease-out),transform .5s var(--ease-out),visibility 0s .4s}.js .stack__panel.is-active{visibility:visible;opacity:1;transform:none;transition-delay:0s}.stack__panel:focus-visible{outline-offset:6px}.stack__kicker{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}.stack__title{margin-top:.4rem;font-size:clamp(1.9rem,1.5rem + 1.4vw,2.6rem)}.stack__facts{display:grid;gap:1.1rem;margin-top:1.25rem}.stack__facts dt{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.stack__facts dd{margin-top:.3rem;font-size:1rem;line-height:1.65;color:var(--text)}.stack__facts div:last-child dd{color:var(--muted)}.stack__dev{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.75rem;line-height:1.6;color:var(--faint)}.stack__dev span{display:inline-block;margin-right:.6em;padding:.1em .55em;border-radius:6px;background:hsla(0,0%,100%,.06);color:var(--muted)}.demo{position:relative;container-type:inline-size;aspect-ratio:16/11;border:1px solid var(--line-strong);border-radius:16px;background:#0b0c12;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.9),0 0 0 1px hsla(0,0%,100%,.03) inset}.demo__bar{display:flex;align-items:center;height:7cqw;max-height:34px;padding-inline:3cqw;border-bottom:1px solid var(--line);background:hsla(0,0%,100%,.03)}.demo__dots{display:flex;gap:1.2cqw}.demo__dots i{width:1.8cqw;height:1.8cqw;max-width:10px;max-height:10px;border-radius:50%;background:#ff5f57}.demo__dots i:nth-child(2){background:#febc2e}.demo__dots i:nth-child(3){background:#28c840}.demo__url{margin-inline:auto;padding:.6cqw 4cqw;font-family:var(--font-mono);font-size:max(9px,1.8cqw);color:var(--faint);background:hsla(0,0%,100%,.05);border-radius:1.4cqw;transform:translateX(-4cqw)}.demo__viewport{position:absolute;inset:min(7cqw,34px) 0 0}.demo-site,.demo-figma,.demo-code,.demo-chat{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .5s var(--ease-out),visibility 0s .5s}.demo:is([data-view=html],[data-view=css],[data-view=js],[data-view=php]) .demo-site,.demo[data-view=figma] .demo-figma,.demo[data-view=code] .demo-code,.demo[data-view=chat] .demo-chat{visibility:visible;opacity:1;transition-delay:0s}.demo-site{display:flex;flex-direction:column;gap:3.2cqw;padding:3.5cqw 5cqw}.demo-site [data-tag]{position:relative;transition:background .6s var(--ease-out),outline-color .4s,border-radius .6s,color .4s,box-shadow .6s;outline:1px dashed rgba(0,0,0,0);outline-offset:.4cqw}.demo-site [data-tag]::before{content:attr(data-tag);position:absolute;top:-0.3cqw;left:.4cqw;z-index:2;font-family:var(--font-mono);font-size:max(7px,1.35cqw);line-height:1;color:var(--accent-text);opacity:0;transform:translateY(-100%);transition:opacity .3s;pointer-events:none}.ds-nav{display:flex;align-items:center;gap:2.4cqw;height:4.6cqw;padding-inline:1cqw;border-radius:1cqw}.ds-logo{width:12cqw;height:2.4cqw;margin-right:auto;border-radius:1cqw}.ds-link{width:7cqw;height:1.3cqw;border-radius:1cqw}.ds-hero{display:flex;flex-direction:column;align-items:flex-start;gap:1.5cqw;padding:4cqw 4.5cqw;border-radius:2.4cqw}.ds-h1{width:62%;height:4.2cqw;border-radius:1cqw}.ds-p{width:82%;height:1.4cqw;border-radius:1cqw}.ds-p--short{width:56%}.ds-btn{margin-top:1.2cqw;padding:1.3cqw 2.6cqw;font-size:max(7px,1.7cqw);font-weight:600;line-height:1;white-space:nowrap;border-radius:99px}.ds-cards{display:grid;grid-template-columns:repeat(3, 1fr);gap:2.4cqw}.ds-card{aspect-ratio:4/3;border-radius:1.8cqw}.ds-cursor,.ds-toast,.ds-server{position:absolute;opacity:0;pointer-events:none}.demo[data-view=html] .demo-site [data-tag]{outline-color:hsla(0,0%,100%,.28)}.demo[data-view=html] .demo-site [data-tag]::before{opacity:1}.demo[data-view=html] .demo-site .ds-logo,.demo[data-view=html] .demo-site .ds-link,.demo[data-view=html] .demo-site .ds-h1,.demo[data-view=html] .demo-site .ds-p{background:hsla(0,0%,100%,.12)}.demo[data-view=html] .demo-site .ds-btn{color:var(--muted);background:rgba(0,0,0,0)}.demo[data-view=html] .demo-site .ds-card{background:linear-gradient(to top right, transparent calc(50% - 0.5px), rgba(255, 255, 255, 0.18) 50%, transparent calc(50% + 0.5px)),linear-gradient(to bottom right, transparent calc(50% - 0.5px), rgba(255, 255, 255, 0.18) 50%, transparent calc(50% + 0.5px))}.demo:is([data-view=css],[data-view=js],[data-view=php]) .demo-site .ds-nav{background:hsla(0,0%,100%,.03)}.demo:is([data-view=css],[data-view=js],[data-view=php]) .demo-site .ds-logo{background:linear-gradient(120deg, #6f97ff, #8b6bff)}.demo:is([data-view=css],[data-view=js],[data-view=php]) .demo-site .ds-link{background:hsla(0,0%,100%,.22)}.demo:is([data-view=css],[data-view=js],[data-view=php]) .demo-site .ds-hero{background:radial-gradient(80% 120% at 100% 0%, rgba(139, 107, 255, 0.45), transparent 60%),linear-gradient(135deg, #1f3a8a, #3a63e8);box-shadow:0 2cqw 5cqw -2cqw rgba(77,124,255,.6)}.demo:is([data-view=css],[data-view=js],[data-view=php]) .demo-site .ds-h1{background:#fff}.demo:is([data-view=css],[data-view=js],[data-view=php]) .demo-site .ds-p{background:hsla(0,0%,100%,.55)}.demo:is([data-view=css],[data-view=js],[data-view=php]) .demo-site .ds-btn{color:#0d0d12;background:#fff;box-shadow:0 1cqw 2.4cqw -1cqw rgba(0,0,0,.6)}.demo:is([data-view=css],[data-view=js],[data-view=php]) .demo-site .ds-card:nth-child(1){background:linear-gradient(135deg, #f5c518, #f28c1a)}.demo:is([data-view=css],[data-view=js],[data-view=php]) .demo-site .ds-card:nth-child(2){background:linear-gradient(135deg, #4dd98c, #1f9e7a)}.demo:is([data-view=css],[data-view=js],[data-view=php]) .demo-site .ds-card:nth-child(3){background:linear-gradient(135deg, #ff7eb6, #8b6bff)}.demo[data-view=js] .demo-site .ds-cursor{top:0;left:0;width:3.4cqw;opacity:1;animation:ds-cursor 3.6s var(--ease-out) infinite}.demo[data-view=js] .demo-site .ds-cursor svg{width:100%;height:auto}.demo[data-view=js] .demo-site .ds-btn{animation:ds-press 3.6s infinite}.demo[data-view=js] .demo-site .ds-toast{top:3cqw;right:4cqw;padding:1.2cqw 2.2cqw;font-size:max(7px,1.6cqw);font-weight:600;color:#0d0d12;background:#4dd98c;border-radius:99px;animation:ds-toast 3.6s infinite}.demo[data-view=js] .demo-site .ds-card:nth-child(2){animation:ds-lift 3.6s infinite}@keyframes ds-cursor{0%{transform:translate(70cqw, 52cqw)}38%,52%{transform:translate(16cqw, 30cqw)}100%{transform:translate(70cqw, 52cqw)}}@keyframes ds-press{0%,40%,50%,100%{transform:none}44%{transform:scale(0.92)}}@keyframes ds-toast{0%,46%{opacity:0;transform:translateY(-1cqw)}52%,86%{opacity:1;transform:none}100%{opacity:0}}@keyframes ds-lift{0%,60%,100%{transform:none}72%,86%{transform:translateY(-1.4cqw)}}.demo[data-view=php] .demo-site .ds-server{right:4cqw;bottom:4cqw;display:grid;gap:1cqw;width:40cqw;padding:2.2cqw;font-size:max(7px,1.6cqw);color:var(--text);background:rgba(13,13,18,.92);border:1px solid var(--line-strong);border-radius:2cqw;box-shadow:0 2cqw 5cqw -1cqw rgba(0,0,0,.8);opacity:1;animation:ds-slide .6s var(--ease-out) both}.demo[data-view=php] .demo-site .ds-row{display:flex;align-items:center;gap:1cqw;padding:1cqw 1.4cqw;border-radius:1.2cqw;background:hsla(0,0%,100%,.05);animation:ds-row 4.5s infinite both}.demo[data-view=php] .demo-site .ds-row::before{content:"✓";color:#4dd98c;font-weight:700}.demo[data-view=php] .demo-site .ds-row:nth-of-type(2){animation-delay:.6s}.demo[data-view=php] .demo-site .ds-row:nth-of-type(3){animation-delay:1.2s}.ds-server__head{display:flex;align-items:center;gap:1cqw;font-family:var(--font-mono);color:var(--accent-text)}.ds-server__head svg{width:2.6cqw;height:2.6cqw}@keyframes ds-slide{from{opacity:0;transform:translateX(6cqw)}}@keyframes ds-row{0%,8%{opacity:0;transform:translateY(1cqw)}16%,88%{opacity:1;transform:none}100%{opacity:0}}.demo-figma{background:radial-gradient(circle, rgba(255, 255, 255, 0.09) 1px, transparent 1.2px) 0 0/2.6cqw 2.6cqw,#1c1d24}.df-frame{position:absolute;left:9%;top:14%;width:58%;height:70%;padding:3cqw;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:1.4fr 1fr;gap:2.4cqw;background:#0e0f16;border-radius:.6cqw;box-shadow:0 2cqw 5cqw -2cqw rgba(0,0,0,.8)}.df-label{position:absolute;top:-3cqw;left:0;font-size:max(7px,1.5cqw);color:var(--faint)}.df-block{border-radius:1.2cqw}.df-block--hero{grid-column:1/-1;background:linear-gradient(135deg, #1f3a8a, #3a63e8)}.df-block--a{background:linear-gradient(135deg, #f5c518, #f28c1a)}.df-block--b{background:linear-gradient(135deg, #4dd98c, #1f9e7a)}.df-block--c{background:linear-gradient(135deg, #ff7eb6, #8b6bff)}.df-select{position:absolute;left:3cqw;right:3cqw;top:3cqw;height:calc((100% - 8.4cqw)*1.4/2.4);outline:1.5px solid #4d7cff;animation:df-select 6s var(--ease-out) infinite}.df-select i{position:absolute;width:1.2cqw;height:1.2cqw;background:#fff;border:1.5px solid #4d7cff}.df-select i:nth-child(1){left:-0.6cqw;top:-0.6cqw}.df-select i:nth-child(2){right:-0.6cqw;top:-0.6cqw}.df-select i:nth-child(3){left:-0.6cqw;bottom:-0.6cqw}.df-select i:nth-child(4){right:-0.6cqw;bottom:-0.6cqw}@keyframes df-select{0%,40%{opacity:1}45%,95%{opacity:0}100%{opacity:1}}.df-measure{position:absolute;left:50%;top:calc(3cqw + (100% - 8.4cqw)*1.4/2.4);height:2.4cqw;border-left:1px solid #f24e1e;font-size:max(7px,1.4cqw);font-weight:600;line-height:2.4cqw;color:#f24e1e;padding-left:.8cqw;animation:df-measure 6s infinite}@keyframes df-measure{0%,45%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}.df-swatches{position:absolute;left:74%;top:14%;display:grid;gap:1.6cqw}.df-swatches i{width:6cqw;height:6cqw;border-radius:50%;border:1px solid hsla(0,0%,100%,.15)}.df-swatches i:nth-child(1){background:#4d7cff}.df-swatches i:nth-child(2){background:#8b6bff}.df-swatches i:nth-child(3){background:#f2f1ee}.df-swatches i:nth-child(4){background:#0d0d12}.df-cursor{position:absolute;top:0;left:0;display:flex;align-items:flex-start;animation:df-cursor 6s var(--ease-out) infinite}.df-cursor svg{width:3cqw}.df-cursor b{margin:2.2cqw 0 0 -0.6cqw;padding:.4cqw 1cqw;font-size:max(7px,1.4cqw);font-weight:600;color:#fff;background:#8b6bff;border-radius:.6cqw}@keyframes df-cursor{0%{transform:translate(52cqw, 22cqw)}40%{transform:translate(30cqw, 16cqw)}55%{transform:translate(35cqw, 33cqw)}80%{transform:translate(77cqw, 30cqw)}100%{transform:translate(52cqw, 22cqw)}}.demo-code{background:#0f1117;font-family:var(--font-mono)}.dc-tabs{display:flex;border-bottom:1px solid var(--line);background:#0b0c11}.dc-tab{padding:1.4cqw 2.6cqw;font-size:max(8px,1.6cqw);color:var(--text);border-bottom:2px solid var(--accent);background:#0f1117}.dc-tab--off{color:var(--faint);border-bottom-color:rgba(0,0,0,0);background:none}.dc-lines{margin:0;padding:4cqw 3cqw 0 0;font-family:inherit;font-size:max(8px,2.5cqw);line-height:1.8;color:#c8cbe0;counter-reset:line;white-space:normal;overflow:hidden}.dc-lines code{font-family:inherit}.dc-lines .l{display:block;white-space:pre;counter-increment:line;animation:dc-type 9s steps(28) infinite both}.dc-lines .l::before{content:counter(line);display:inline-block;width:6cqw;margin-right:2cqw;text-align:right;color:#4a4f66}.dc-lines .l:nth-child(2){animation-delay:0.55s}.dc-lines .l:nth-child(3){animation-delay:1.1s}.dc-lines .l:nth-child(4){animation-delay:1.65s}.dc-lines .l:nth-child(5){animation-delay:2.2s}.dc-lines .l:nth-child(6){animation-delay:2.75s}.dc-lines .l:nth-child(7){animation-delay:3.3s}.dc-lines i,.dc-lines b{font-style:normal;font-weight:inherit}.dc-lines .k{color:#b18cff}.dc-lines .v{color:#7c9dff}.dc-lines .f{color:#7fd4ff}.dc-lines .s{color:#b6e3a0}.dc-lines .c{color:#f7a26b}.dc-lines .m{color:#6b7084;font-style:italic}@keyframes dc-type{0%{clip-path:inset(0 100% 0 0)}8%,92%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 0);opacity:0}}.demo-chat{display:flex;flex-direction:column;justify-content:center;gap:2cqw;padding:4cqw 6cqw;background:radial-gradient(60% 50% at 50% 0%, rgba(217, 119, 87, 0.1), transparent 70%),#0f1016}.dch{max-width:76%;padding:1.8cqw 2.4cqw;font-size:max(8px,1.9cqw);line-height:1.5;border-radius:2.4cqw;animation:dch-in 8s infinite both}.dch code{font-family:var(--font-mono);font-size:.92em;color:#f7a26b}.dch--me{align-self:flex-end;color:#fff;background:var(--accent-strong);border-bottom-right-radius:.6cqw}.dch--ai{align-self:flex-start;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-bottom-left-radius:.6cqw;animation-delay:1.4s}.dch:nth-child(3){animation-delay:2.8s}.dch__name{display:block;margin-bottom:.6cqw;font-size:.8em;font-weight:600;color:#d97757}.dch-typing{display:flex;gap:.8cqw;align-self:flex-start;padding:1.6cqw 2.2cqw;border-radius:2cqw;background:var(--surface-2);animation:dch-typing 8s infinite both}.dch-typing i{width:1.1cqw;height:1.1cqw;border-radius:50%;background:var(--muted);animation:dch-dot 1s infinite}.dch-typing i:nth-child(2){animation-delay:.15s}.dch-typing i:nth-child(3){animation-delay:.3s}@keyframes dch-in{0%,4%{opacity:0;transform:translateY(1.5cqw)}10%,90%{opacity:1;transform:none}100%{opacity:0}}@keyframes dch-typing{0%,45%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}@keyframes dch-dot{0%,100%{opacity:.3;transform:none}50%{opacity:1;transform:translateY(-0.5cqw)}}@media(prefers-reduced-motion: reduce){.demo *{animation:none !important}.demo[data-view=js] .ds-cursor{transform:translate(16cqw, 30cqw)}.demo[data-view=js] .ds-toast{opacity:1}.dch-typing{display:none}}.scene{position:relative}.scene__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s var(--ease-out)}.scene__fallback{transition:opacity .6s var(--ease-out)}.scene.is-ready .scene__canvas{opacity:1}.scene.is-ready .scene__fallback{opacity:0}@keyframes float{0%,100%{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-12px) rotate(calc(var(--rot, 0deg) + 3deg))}}.page-hero{position:relative;isolation:isolate;padding-top:calc(var(--header-h) + clamp(3rem,2rem + 5vw,6.5rem));padding-bottom:clamp(2.5rem,2rem + 3vw,4.5rem);overflow:clip}.page-hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(45% 60% at 80% 30%, rgba(77, 124, 255, 0.14), transparent 70%),radial-gradient(30% 40% at 15% 10%, rgba(139, 107, 255, 0.08), transparent 70%)}.page-title{margin-top:1.25rem;font-size:clamp(2.6rem,1.6rem + 4.6vw,5.25rem)}.page-sub{max-width:40ch;margin-top:1.25rem;font-size:var(--fs-lead);line-height:1.65;color:var(--muted)}@media(prefers-reduced-motion: no-preference){.js .page-hero .eyebrow,.js .page-hero .page-title,.js .page-hero .page-sub{animation:rise .9s var(--ease-out) both}.js .page-hero .page-title{animation-delay:.08s}.js .page-hero .page-sub{animation-delay:.16s}}@keyframes rise{from{transform:translateY(22px);opacity:.001}}.cta-band--spaced{margin-top:clamp(4rem,3rem + 4vw,7rem)}.cta-band{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 2rem;padding:clamp(2rem,1.5rem + 2.5vw,3.25rem);border:1px solid var(--line-strong);border-radius:var(--radius);background:radial-gradient(60% 120% at 100% 0%, rgba(77, 124, 255, 0.22), transparent 60%),linear-gradient(160deg, var(--surface-2), var(--bg-raise));overflow:hidden}.cta-band p{max-width:30ch;font-family:var(--font-display);font-size:clamp(1.5rem,1.1rem + 1.6vw,2.25rem);font-weight:350;line-height:1.15;letter-spacing:-0.02em}.work-hero__inner{display:grid;align-items:center;gap:1rem}@media(min-width: 860px){.work-hero__inner{grid-template-columns:1fr minmax(320px, 440px)}}.coin-scene{position:relative;width:min(100%,440px);aspect-ratio:1;justify-self:center;cursor:pointer}@media(max-width: 859.98px){.coin-scene{order:-1;justify-self:start;width:88px;margin-bottom:.5rem;cursor:default}}.coin-scene .scene__fallback{position:absolute;inset:22%;--rot: -10deg;filter:drop-shadow(0 24px 40px rgba(245, 197, 24, 0.25));transform:rotate(var(--rot))}@media(prefers-reduced-motion: no-preference){.coin-scene .scene__fallback{animation:float 5s ease-in-out infinite}}.coin-scene .scene__fallback img{width:100%;height:100%}@media(max-width: 859.98px){.coin-scene .scene__fallback{inset:0}}.project{border:1px solid var(--line-strong);border-radius:calc(var(--radius) + 6px);background:linear-gradient(170deg, var(--surface), var(--bg-raise) 60%);box-shadow:var(--shadow-card);overflow:hidden}.project__header{display:grid;gap:1.5rem;padding:clamp(1.5rem,1rem + 2.5vw,3rem)}@media(min-width: 860px){.project__header{grid-template-columns:auto 1fr;gap:2rem}}.project__icon{width:76px;height:76px;border-radius:20px;overflow:hidden;background:#1a1408;box-shadow:0 16px 40px -16px rgba(245,197,24,.45);transition:transform .6s var(--ease-spring)}.project__icon img{width:100%;height:100%}.project:hover .project__icon{transform:rotate(-10deg) scale(1.04)}.project__tag{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.project__name{margin-top:.4rem;font-size:clamp(2.2rem,1.6rem + 2.4vw,3.4rem)}.project__desc{max-width:54ch;margin-top:.9rem;font-size:1.0625rem;line-height:1.7;color:var(--muted)}.project__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}.project__actions{margin-top:1.75rem}.btn--light{color:var(--bg);background:var(--text)}.btn--light svg{width:1.05em;height:1.05em}.btn--light:hover{transform:translateY(-2px);box-shadow:0 14px 34px -14px rgba(242,241,238,.5)}.project__shots{display:flex;gap:clamp(1rem,.5rem + 2vw,2rem);padding:clamp(2rem,1rem + 3vw,3.5rem) clamp(1.5rem,1rem + 2.5vw,3rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-top:1px solid var(--line);background:radial-gradient(60% 80% at 50% 100%, rgba(245, 197, 24, 0.08), transparent 70%),hsla(0,0%,100%,.015)}.project__shots::-webkit-scrollbar{display:none}.project__shots:focus-visible{outline-offset:-4px}@media(min-width: 1024px){.project__shots{justify-content:center;overflow:visible;perspective:1400px}}.phone{flex:0 0 auto;width:clamp(170px,42vw,230px);padding:7px;border-radius:34px;background:linear-gradient(160deg, #2a2b31, #0b0b0e);box-shadow:0 0 0 1px hsla(0,0%,100%,.08) inset,0 30px 60px -24px rgba(0,0,0,.9);scroll-snap-align:center;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--lift, 0px));transition:transform .6s var(--ease-spring),box-shadow .4s}.phone img{display:block;width:100%;height:auto;border-radius:27px}@media(min-width: 1024px){.phone:nth-child(even){--lift: 28px}}.phone:hover{--lift: -8px;box-shadow:0 0 0 1px hsla(0,0%,100%,.12) inset,0 40px 70px -24px rgba(245,197,24,.3)}.agency{margin-top:1.5rem}.agency__label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.agency h2{margin-top:.5rem;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem)}.agency__text{max-width:48ch;margin-top:.75rem;font-family:var(--font-sans);font-size:1rem;line-height:1.7;color:var(--muted)}.about-hero{min-height:clamp(420px,62vh,640px);display:flex;align-items:flex-end}.about-hero .scene__canvas,.about-hero .scene__fallback{position:absolute;inset:0;z-index:-1}.galaxy-fallback{background:radial-gradient(closest-side, rgba(228, 233, 255, 0.55), rgba(124, 157, 255, 0.25) 18%, transparent 60%) 72% 42%/520px 160px no-repeat,radial-gradient(closest-side, rgba(77, 124, 255, 0.28), transparent 75%) 72% 42%/900px 300px no-repeat,radial-gradient(closest-side, rgba(139, 107, 255, 0.2), transparent 80%) 70% 44%/1200px 420px no-repeat}@media(max-width: 859.98px){.galaxy-fallback{background-position:60% 32%}}.timeline{position:relative;display:grid;gap:clamp(3rem,2rem + 4vw,5.5rem);list-style:none;--progress: 0}.timeline::before,.timeline::after{content:"";position:absolute;top:.6rem;bottom:0;left:5px;width:2px;border-radius:2px;background:var(--line)}.timeline::after{background:linear-gradient(var(--accent-text), var(--violet));transform-origin:top;transform:scaleY(var(--progress));box-shadow:0 0 16px var(--accent-glow)}@media(min-width: 860px){.timeline::before,.timeline::after{left:calc(200px + 1.75rem + 5px)}}.timeline__item{position:relative;display:grid;gap:1rem;padding-left:2.25rem}.timeline__item::before{content:"";position:absolute;top:.55rem;left:0;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 0 5px var(--bg),0 0 18px var(--accent-glow);z-index:1}@media(min-width: 860px){.timeline__item{grid-template-columns:200px 1fr;gap:3.5rem;padding-left:0}.timeline__item::before{left:calc(200px + 1.75rem)}}.timeline__mark{font-family:var(--font-display);font-size:clamp(3.2rem,2rem + 5vw,5.5rem);font-weight:300;line-height:.9;letter-spacing:-0.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}@media(min-width: 860px){.timeline__mark{text-align:right}}.timeline__mark--text{font-style:italic}.timeline__body{display:grid;gap:1.25rem}.timeline__body p{max-width:60ch;font-size:1.0625rem;line-height:1.85;color:var(--muted)}.timeline__body strong{font-weight:600;color:var(--text)}.values-grid{display:grid;gap:1rem;list-style:none}@media(min-width: 600px){.values-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 1024px){.values-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}.value{position:relative;height:100%;padding:1.75rem 1.5rem 1.6rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:radial-gradient(160px circle at var(--mx, 50%) var(--my, 0%), rgba(77, 124, 255, 0.14), transparent 70%),linear-gradient(170deg, var(--surface-2), var(--bg-raise));box-shadow:var(--shadow-card);transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .6s var(--ease-spring),border-color .3s}.value:hover{border-color:rgba(124,157,255,.35)}.value__num{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-text)}.value__label{margin-top:1.5rem;font-family:var(--font-display);font-size:1.5rem;font-weight:350;letter-spacing:-0.02em}.value__text{margin-top:.5rem;font-size:.9375rem;line-height:1.65;color:var(--muted)}.contact{min-height:calc(100svh - 110px);display:flex;align-items:center;text-align:center}.contact .scene__canvas{z-index:-1;pointer-events:none}.contact .scene__fallback{position:absolute;top:calc(var(--header-h) + 2rem);right:6%;z-index:-1;width:clamp(72px,14vw,140px);color:var(--accent-text);--rot: -12deg;transform:rotate(var(--rot))}@media(prefers-reduced-motion: no-preference){.contact .scene__fallback{animation:float 4.5s ease-in-out infinite}}.contact .scene__fallback svg{width:100%;height:auto}.contact__inner{display:flex;flex-direction:column;align-items:center}.contact__inner .page-sub{max-width:42ch}.email{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;margin-top:clamp(2.5rem,2rem + 2vw,3.5rem)}.email-card{display:inline-flex;align-items:center;gap:1.1rem;padding:1.1rem 1.75rem 1.1rem 1.1rem;text-align:left;border:1px solid var(--line-strong);border-radius:20px;background:radial-gradient(100% 140% at 0% 0%, rgba(77, 124, 255, 0.18), transparent 60%),linear-gradient(160deg, var(--surface-2), var(--bg-raise));box-shadow:var(--shadow-card);transition:transform .4s var(--ease-spring),border-color .3s,box-shadow .4s}.email-card:hover{transform:translateY(-3px);border-color:rgba(124,157,255,.5);box-shadow:0 24px 50px -22px rgba(77,124,255,.6)}.email-card:hover .email-card__icon{transform:rotate(-8deg) scale(1.06)}.email-card__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--grad-btn);box-shadow:0 10px 24px -10px rgba(77,124,255,.8);transition:transform .5s var(--ease-spring)}.email-card__icon svg{width:22px;height:22px}.email-card__label{display:block;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.email-card__address{display:block;margin-top:.15rem;font-size:clamp(1.15rem,1rem + .8vw,1.5rem);font-weight:500;letter-spacing:-0.01em;color:var(--text)}.email-copy{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;transition:color .2s,border-color .2s,background-color .2s}.email-copy svg{width:16px;height:16px}.email-copy:hover{color:var(--text);border-color:var(--accent)}.email-copy.is-done{color:#4dd98c;border-color:rgba(77,217,140,.5);background:rgba(77,217,140,.08)}html:not(.js) .email-copy{display:none}.udaje{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 3.5rem;margin-top:clamp(3rem,2.5rem + 2vw,4.5rem);padding-top:2rem;border-top:1px solid var(--line);text-align:left}.udaje dt{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}@media(max-width: 599.98px){.udaje{flex-direction:column;align-items:center;gap:1.25rem;text-align:center}}.udaje dd{margin-top:.3rem;font-size:.9375rem;color:var(--muted)}