:root{--bg:#fff;--surface:#f6f6f7;--surface-strong:#ececee;--ink:#111;--muted:#666;--soft:#8a8a8a;--border:#e5e5e5;--border-strong:#d4d4d4;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-wash:#eef3ff;--dark:#181818;--dark-soft:#9b9b9b;--dark-border:#272727;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 8px 24px #1111110f;--shadow-panel:0 24px 64px #11111114;--ease:cubic-bezier(.32, .72, 0, 1);--font-sans:"Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.5}#root{min-height:100svh}h1,h2,h3,p{margin:0}a{color:inherit}button{font:inherit}svg{display:block}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.tagline-word{opacity:1!important;filter:none!important;transform:none!important}}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:24px}.section{padding-block:96px}.section-surface{background:var(--surface)}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--ink);color:#fff;transition:transform .3s var(--ease);padding:8px 12px;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;position:fixed;top:16px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.eyebrow{letter-spacing:.01em;color:var(--accent);margin:0 0 16px;font-size:14px;font-weight:600;line-height:20px}.eyebrow-dark{color:var(--dark-soft)}.button{border-radius:var(--radius-sm);white-space:nowrap;transition:background-color .3s var(--ease), color .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:16px;font-weight:600;line-height:24px;text-decoration:none;display:inline-flex}.button:active{transform:scale(.98)}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-hover)}.site-header{inset-inline:0;z-index:60;pointer-events:none;padding-top:24px;position:fixed;top:0}.nav{z-index:60;pointer-events:auto;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffc;border:1px solid #11111114;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 48px);margin-inline:auto;padding:8px;display:flex;position:relative;box-shadow:0 8px 32px #11111114}.brand{border-radius:var(--radius-full);align-items:center;gap:8px;padding:4px 8px 4px 4px;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius-sm);background:var(--accent);color:#fff;letter-spacing:-.02em;place-items:center;width:32px;height:32px;font-size:14px;font-weight:600;line-height:20px;display:grid}.brand-name{letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:24px}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--radius-full);color:var(--muted);transition:color .3s var(--ease), background-color .3s var(--ease), transform .3s var(--ease);padding:8px 12px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none}.nav-link:hover{color:var(--ink);background:var(--surface)}.nav-link:active{transform:translateY(1px)}.nav-cta{border-radius:var(--radius-full);font-size:14px;line-height:20px}.nav-toggle{border-radius:var(--radius-full);width:40px;height:40px;color:var(--ink);cursor:pointer;transition:background-color .3s var(--ease);background:0 0;border:0;padding:0;display:none;position:relative}.nav-toggle:hover{background:var(--surface)}.nav-toggle-line{width:16px;height:1.5px;transition:transform .5s var(--ease);background:currentColor;border-radius:2px;position:absolute;top:50%;left:calc(50% - 8px)}.nav-toggle-line:first-child{transform:translateY(-4px)}.nav-toggle-line:last-child{transform:translateY(4px)}.nav-toggle.is-open .nav-toggle-line:first-child{transform:translateY(0)rotate(45deg)}.nav-toggle.is-open .nav-toggle-line:last-child{transform:translateY(0)rotate(-45deg)}.menu{z-index:50;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);opacity:0;visibility:hidden;transition:opacity .5s var(--ease), visibility .5s var(--ease);background:#fffc;position:fixed;inset:0}.menu.is-open{opacity:1;visibility:visible}.menu-inner{flex-direction:column;width:100%;max-width:1120px;min-height:100%;margin-inline:auto;padding:96px 24px 40px;display:flex}.menu-eyebrow{color:var(--soft);margin:0 0 16px;font-size:14px;line-height:20px}.menu-links{flex-direction:column;gap:8px;display:flex}.menu-links a{letter-spacing:-.02em;opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);justify-content:space-between;align-items:baseline;padding:8px 0;font-size:30px;font-weight:600;line-height:36px;text-decoration:none;display:flex;transform:translateY(48px)}.menu.is-open .menu-links a{opacity:1;transform:translateY(0)}.menu-index{font-family:var(--font-mono);color:var(--soft);font-size:12px;line-height:16px}.menu-footer{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);flex-direction:column;align-items:flex-start;gap:16px;margin-top:auto;padding-top:40px;display:flex;transform:translateY(24px)}.menu.is-open .menu-footer{opacity:1;transform:translateY(0)}.menu-cta{margin-bottom:8px}.menu-contact,.menu-location{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:14px;line-height:20px;text-decoration:none;display:flex}.menu-contact:hover{color:var(--ink)}.hero{padding-top:144px;padding-bottom:64px}.hero-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.hero .eyebrow{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg);color:var(--muted);align-items:center;gap:8px;margin-bottom:24px;padding:8px 12px;font-weight:500;display:inline-flex}.eyebrow-dot{border-radius:var(--radius-full);background:var(--accent);width:8px;height:8px}.hero-heading{letter-spacing:-.04em;text-wrap:balance;max-width:680px;color:var(--ink);font-size:36px;font-weight:600;line-height:1.1}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero-heading{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#000,#666);-webkit-background-clip:text;background-clip:text}}.hero-sub{max-width:680px;color:var(--muted);text-wrap:pretty;margin-top:24px;font-size:18px;line-height:28px}.hero-actions{margin-top:32px}.hero-proof{max-width:680px;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:16px;font-size:14px;line-height:20px;display:flex}.hero-proof span{text-align:left;align-items:center;gap:8px;display:inline-flex}.hero-proof svg{color:var(--accent);flex-shrink:0}.hero-visual{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:1.4fr 1fr;gap:24px;width:100%;margin-top:64px;padding:32px;display:grid}.mock-browser{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.mock-chrome{background:var(--surface);align-items:center;gap:12px;padding:8px 16px;display:flex}.mock-dots{gap:4px;display:flex}.mock-dot{border-radius:var(--radius-full);background:var(--border-strong);width:8px;height:8px}.mock-dot:first-child{background:var(--accent)}.mock-chrome-label{font-family:var(--font-mono);color:var(--soft);font-size:12px;line-height:16px}.mock-pill{border-radius:var(--radius-full);background:var(--accent-wash);color:var(--accent);margin-left:auto;padding:4px 8px;font-size:12px;font-weight:600;line-height:16px}.mock-body{padding:24px}.mock-kicker{letter-spacing:.04em;color:var(--soft);font-size:12px;font-weight:600;line-height:16px}.mock-title{letter-spacing:-.02em;margin-top:8px;font-size:24px;font-weight:600;line-height:32px}.mock-progress{border-radius:var(--radius-full);background:var(--surface-strong);height:8px;margin-top:16px;overflow:hidden}.mock-progress span{border-radius:var(--radius-full);background:var(--accent);width:64%;height:100%;display:block}.mock-tasks{flex-direction:column;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:flex}.mock-tasks li{align-items:center;gap:12px;font-size:14px;line-height:20px;display:flex}.mock-check{border:1px solid var(--border-strong);border-radius:var(--radius-full);color:#fff;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.mock-check.is-done{background:var(--accent);border-color:var(--accent)}.mock-check-dot{border-radius:var(--radius-full);background:var(--border-strong);width:4px;height:4px}.mock-demo{border-radius:var(--radius-md);background:var(--surface);color:var(--soft);align-items:center;gap:12px;margin-top:24px;padding:12px 16px;display:flex}.mock-demo-icon{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:32px;height:32px;color:var(--accent);flex-shrink:0;place-items:center;display:grid}.mock-demo-copy{flex:1}.mock-demo-copy p{color:var(--ink);font-size:14px;font-weight:600;line-height:20px}.mock-demo-copy span{color:var(--muted);font-size:12px;line-height:16px;display:block}.mock-side{flex-direction:column;gap:16px;display:flex}.mock-tokens{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px}.mock-swatches{gap:8px;margin-top:16px;display:flex}.mock-swatch{border:1px solid var(--border);border-radius:var(--radius-full);width:32px;height:32px}.mock-swatch-accent{background:var(--accent);border-color:var(--accent)}.mock-swatch-ink{background:var(--ink);border-color:var(--ink)}.mock-swatch-line{background:var(--surface)}.mock-type-row{align-items:center;gap:12px;margin-top:24px;display:flex}.mock-aa{letter-spacing:-.03em;font-size:30px;font-weight:600;line-height:36px}.mock-type-row span:last-child{color:var(--muted);font-size:12px;line-height:16px}.mock-ship{border-radius:var(--radius-lg);background:var(--accent);color:#fff;box-shadow:var(--shadow-card);flex-direction:column;flex:1;justify-content:flex-end;padding:24px;display:flex}.mock-ship-icon{border-radius:var(--radius-full);background:#ffffff29;place-items:center;width:32px;height:32px;display:grid}.mock-ship p{margin-top:8px;font-size:18px;font-weight:600;line-height:28px}.mock-ship>span:last-child{color:#fffc;font-size:14px;line-height:20px}.proof-section{padding-bottom:64px}.proof-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);gap:32px;padding:32px;display:grid}.proof-item{align-items:flex-start;gap:12px;display:flex}.proof-icon{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:40px;height:40px;color:var(--accent);flex-shrink:0;place-items:center;display:grid}.proof-title{font-size:14px;font-weight:600;line-height:20px}.proof-copy{color:var(--muted);margin-top:4px;font-size:14px;line-height:20px}.section-head{max-width:680px;margin-bottom:48px}.section-head h2,.handover-copy h2,.faq-head h2{letter-spacing:-.03em;text-wrap:balance;font-size:30px;font-weight:600;line-height:36px}.section-intro{color:var(--muted);text-wrap:pretty;margin-top:16px;font-size:18px;line-height:28px}.section-intro a{color:var(--ink);text-underline-offset:2px}.section-intro a:hover{color:var(--accent)}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.benefit-cell{height:100%}.benefit-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);height:100%;transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease);padding:32px}.benefit-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card);transform:translateY(-4px)}.benefit-icon{border-radius:var(--radius-md);background:var(--accent-wash);width:40px;height:40px;color:var(--accent);place-items:center;display:grid}.benefit-card h3{letter-spacing:-.01em;text-wrap:balance;margin-top:24px;font-size:20px;font-weight:600;line-height:28px}.benefit-card p{color:var(--muted);text-wrap:pretty;margin-top:8px;font-size:16px;line-height:24px}.tagline-section{background:var(--dark);padding-block:96px}.tagline-reveal{letter-spacing:-.04em;color:#fff;text-wrap:balance;max-width:680px;font-size:36px;font-weight:600;line-height:1.1}.tagline-word{opacity:.3;transition:opacity .7s var(--ease)}.tagline-word.is-on{opacity:1}.step-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step-cell{height:100%}.step-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);height:100%;padding:32px}.step-number{font-family:var(--font-mono);color:var(--accent);font-size:14px;line-height:20px;display:inline-block}.step-card h3{letter-spacing:-.02em;text-wrap:balance;margin-top:24px;font-size:24px;font-weight:600;line-height:32px}.step-card p{color:var(--muted);text-wrap:pretty;margin-top:8px;font-size:16px;line-height:24px}.handover-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.handover-lead{color:var(--muted);text-wrap:pretty;margin-top:16px;font-size:18px;line-height:28px}.check-list{flex-direction:column;gap:12px;margin:32px 0 0;padding:0;list-style:none;display:flex}.check-list li{align-items:center;gap:12px;font-size:16px;line-height:24px;display:flex}.check-list-icon{border-radius:var(--radius-full);background:var(--accent-wash);width:24px;height:24px;color:var(--accent);flex-shrink:0;place-items:center;display:grid}.handover-art{min-width:0}.file-window{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);overflow:hidden}.file-chrome{background:var(--surface);align-items:center;gap:12px;padding:12px 16px;display:flex}.file-title{font-family:var(--font-mono);color:var(--soft);font-size:12px;line-height:16px}.file-badge{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg);color:var(--muted);white-space:nowrap;margin-left:auto;padding:4px 8px;font-size:12px;line-height:16px}.file-tree{font-family:var(--font-mono);color:var(--ink);margin:0;padding:24px;font-size:14px;line-height:20px;overflow-x:auto}.faq-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:64px;display:grid}.faq-head{position:sticky;top:96px}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .3s var(--ease);padding:0 24px}.faq-item:hover{border-color:var(--border-strong)}.faq-item summary{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:24px 0;font-size:18px;font-weight:600;line-height:28px;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-icon{flex-shrink:0;width:16px;height:16px;position:relative}.faq-icon span{background:var(--muted);width:16px;height:2px;transition:transform .5s var(--ease);border-radius:2px;position:absolute;top:7px;left:0}.faq-icon span:last-child{transform:rotate(90deg)}.faq-item[open] .faq-icon span:last-child{transform:rotate(0)}.faq-item p{max-width:600px;color:var(--muted);text-wrap:pretty;animation:faq-in .5s var(--ease);padding-bottom:24px;font-size:16px;line-height:24px}@keyframes faq-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cta-panel{text-align:center;background:var(--dark);border:1px solid var(--dark-border);border-radius:var(--radius-xl);flex-direction:column;align-items:center;padding:64px;display:flex}.cta-panel h2{letter-spacing:-.04em;color:#fff;text-wrap:balance;max-width:680px;font-size:36px;font-weight:600;line-height:40px}.cta-copy{color:#b3b3b3;text-wrap:pretty;max-width:680px;margin-top:16px;font-size:18px;line-height:28px}.cta-actions{margin-top:32px}.cta-alt{color:#b3b3b3;margin-top:24px;font-size:16px;line-height:24px}.cta-alt a{color:#fff;text-underline-offset:2px}.cta-alt a:hover{color:var(--accent-wash)}.cta-meta{color:var(--dark-soft);margin-top:8px;font-size:14px;line-height:20px}.cta-panel :focus-visible{outline-color:#fff}.site-footer{background:var(--surface);padding-block:64px 40px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr;gap:48px;display:grid}.footer-brand .brand{padding:0}.footer-brand p{max-width:320px;color:var(--muted);margin-top:16px;font-size:14px;line-height:20px}.footer-label{color:var(--ink);margin-bottom:16px;font-size:14px;font-weight:600;line-height:20px}.footer-col{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer-col a,.footer-col>p:not(.footer-label){color:var(--muted);transition:color .3s var(--ease);align-items:center;gap:8px;margin:0;font-size:14px;line-height:20px;text-decoration:none;display:inline-flex}.footer-col a:hover{color:var(--ink)}.footer-bottom{justify-content:space-between;align-items:center;gap:16px;margin-top:64px;display:flex}.footer-bottom p,.footer-bottom a{color:var(--soft);margin:0;font-size:14px;line-height:20px;text-decoration:none}.footer-bottom a{transition:color .3s var(--ease)}.footer-bottom a:hover{color:var(--ink)}.reveal{opacity:0;filter:blur(8px);transition:opacity .8s var(--ease), transform .8s var(--ease), filter .8s var(--ease);transform:translateY(64px)}.reveal.is-visible{opacity:1;filter:blur();transform:translateY(0)}@media (width>=768px){.hero-heading{letter-spacing:-.05em;font-size:60px;line-height:1}.hero-sub{font-size:20px}.section-head h2,.handover-copy h2,.faq-head h2{font-size:36px;line-height:40px}.tagline-reveal{letter-spacing:-.05em;font-size:60px;line-height:1}.cta-panel h2{font-size:48px;line-height:1}}@media (width<=900px){.nav-links,.nav-cta{display:none}.nav-toggle{display:block}.hero-visual{grid-template-columns:1fr}.mock-side{grid-template-columns:1fr 1fr;display:grid}.proof-panel{grid-template-columns:1fr;gap:24px}.step-grid{grid-template-columns:1fr}.handover-grid,.faq-grid{grid-template-columns:1fr;gap:40px}.faq-head{position:static}}@media (width<=700px){.section,.tagline-section{padding-block:64px}.hero{padding-top:120px}.proof-section{padding-bottom:64px}.benefit-grid{grid-template-columns:1fr}.cta-panel{padding:40px 24px}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (width<=600px){.hero-visual{padding:16px}.mock-side{grid-template-columns:1fr}.section-head{margin-bottom:40px}.benefit-card,.step-card,.proof-panel{padding:24px}.tagline-reveal{font-size:36px;line-height:1.1}.cta-panel{padding:32px 24px}.cta-panel h2{font-size:36px;line-height:40px}}