:root{--bg: #f7f8f6;--surface: #ffffff;--surface-2: #f1f3ef;--border: #e4e7e2;--text: #1a1d1b;--text-muted: #6b716c;--accent: #3f9142;--accent-strong: #2e7d32;--accent-soft: #e7f3e7;--danger: #c62828;--shadow: 0 1px 3px rgb(0 0 0 / .06);--font-display: "Space Grotesk", Inter, system-ui, sans-serif;--font-body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace}:root[data-theme=dark]{--bg: #101211;--surface: #191c1a;--surface-2: #222623;--border: #2e332f;--text: #eceeec;--text-muted: #9aa09b;--accent: #5fb463;--accent-strong: #3f9142;--accent-soft: #1c2b1d;--danger: #ef6e6e;--shadow: 0 1px 3px rgb(0 0 0 / .4)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;min-height:100vh}body{background:var(--bg);color:var(--text);font:16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}p,.sub{text-wrap:pretty}::selection{background:var(--accent);color:#fff}section[id]{scroll-margin-top:90px}.shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1120px,100% - 48px);margin-inline:auto}main{flex:1}.header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:14px;padding:13px 0}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--text);font-family:var(--font-display);letter-spacing:-.01em}.logo:hover{text-decoration:none}.logo-mark{width:28px;height:28px;border-radius:9px;flex:none;background:radial-gradient(120% 120% at 30% 25%,var(--accent) 0%,var(--accent-strong) 75%);display:grid;place-items:center;color:#fff;font-size:15px;font-weight:800;box-shadow:0 0 18px #3f914259}.header-spacer{flex:1}.nav-links{display:flex;gap:26px;margin-left:20px}.nav-links a{color:var(--text-muted);font-weight:500;font-size:14.5px}.nav-links a:hover{color:var(--text);text-decoration:none}@media(max-width:760px){.nav-links{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 20px;border-radius:999px;font:inherit;font-weight:600;cursor:pointer;transition:filter .15s,background .15s,transform .15s}.btn:hover{background:var(--surface-2);text-decoration:none;transform:translateY(-1px)}.btn.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.btn.primary:hover{filter:brightness(1.08);background:var(--accent-strong)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.block{width:100%}.btn.ink{background:#16191b;border-color:#16191b;color:#fff}.btn.ink:hover{background:#2a2e31}.input{width:100%;padding:11px 16px;border-radius:12px;font:inherit;border:1.5px solid var(--border);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3f914226}.label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin:14px 0 6px}.pw-wrap{position:relative}.pw-wrap .input{padding-right:46px}.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--text-muted);display:grid;place-items:center;cursor:pointer;transition:color .15s,background .15s}.pw-eye:hover{color:var(--text);background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:4px 14px;font-size:13px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:var(--shadow)}.muted{color:var(--text-muted)}.error-box,.ok-box{border-radius:10px;padding:10px 14px;font-size:14px;margin-top:14px}.error-box{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger)}.ok-box{background:var(--accent-soft);color:var(--accent-strong)}.tabs{display:flex;gap:6px;background:var(--surface-2);border-radius:999px;padding:4px;margin:0 0 6px}.tabs button{flex:1;border:0;background:transparent;color:var(--text-muted);padding:8px;border-radius:999px;font:inherit;font-weight:600;cursor:pointer}.tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.narrow{max-width:420px;margin:64px auto}.narrow h2,.auth-card h2{margin:0 0 4px;font-size:24px;letter-spacing:-.01em}.terms-line{font-size:13px;margin:14px 0 0;color:var(--text-muted)}.dl-icon{width:52px;height:52px;border-radius:15px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;font-size:24px;margin-bottom:6px}.scope-dark{--bg: #0a0b0a;--surface: #151815;--surface-2: #1d211d;--border: rgb(255 255 255 / .09);--text: #f2f4f2;--text-muted: #9aa29b;--accent: #6ecf73;--accent-strong: #3f9142;--accent-soft: rgb(110 207 115 / .12);--danger: #ef6e6e;--shadow: 0 1px 3px rgb(0 0 0 / .5);background:var(--bg);color:var(--text)}.scope-dark .theme-toggle{display:none}.scope-dark .header{background:#0a0b0abf}.scope-dark .btn.primary{background:#fff;border-color:#fff;color:#131513}.scope-dark .btn.primary:hover{filter:none;background:#e9ece9}.scope-dark ::selection{background:var(--accent);color:#0a0b0a}.btn.inverse{background:#fff;border-color:#fff;color:#131513;font-weight:600}.btn.inverse:hover{background:#e9ece9}.btn.dark{background:#ffffff0f;border-color:#ffffff1f;color:var(--text)}.btn.dark:hover{background:#ffffff1a}.scope-light{--bg: #f7f8f6;--surface: #ffffff;--surface-2: #f1f3ef;--border: #e4e7e2;--text: #1a1d1b;--text-muted: #6b716c;--accent: #3f9142;--accent-strong: #2e7d32;--accent-soft: #e7f3e7;--danger: #c62828;--shadow: 0 1px 3px rgb(0 0 0 / .06);background:var(--bg);color:var(--text)}.scope-light ::selection{background:var(--accent);color:#fff}.grad-text{background:linear-gradient(92deg,#8fdc95,#4aa650);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch;min-height:calc(100vh - 60px)}.hero-auth{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 36px;position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' font-family='monospace' font-size='13'%3E%3Ctext x='14' y='28'%3EQ Z .%3C/text%3E%3Ctext x='170' y='48'%3E%2BU N%3C/text%3E%3Ctext x='64' y='92'%3E*%40X%26%3C/text%3E%3Ctext x='230' y='118'%3EM U M E%3C/text%3E%3Ctext x='20' y='158'%3EN%2BZ C%2B%3C/text%3E%3Ctext x='150' y='192'%3E. Q0Z W%3C/text%3E%3Ctext x='84' y='238'%3ES %26B R%3C/text%3E%3Ctext x='226' y='262'%3EW C T%3C/text%3E%3Ctext x='40' y='300'%3EF V U%3C/text%3E%3Ctext x='180' y='310'%3E%C2%B5 * -%3C/text%3E%3C/g%3E%3C/svg%3E")}.hero-logo{width:60px;height:60px;font-size:30px;border-radius:18px;margin-bottom:26px;box-shadow:0 0 34px #6ecf7373,inset 0 1px #ffffff59}.hero-auth h1{font-size:clamp(27px,2.9vw,40px);line-height:1.2;letter-spacing:-.02em;margin:0 0 30px;font-weight:600}.cta-stack{width:100%;max-width:360px}.or-divider{display:flex;align-items:center;gap:14px;margin:16px 0;color:var(--text-muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.or-divider:before,.or-divider:after{content:"";flex:1;border-top:1px dashed rgb(255 255 255 / .18)}.hero-auth-card{width:100%;max-width:400px;text-align:left}.hero-auth-card .auth-card{max-width:none}.hero-showcase{margin:16px 16px 16px 0;border-radius:24px;padding:34px 34px 40px;display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;overflow:hidden;border:1px solid rgb(255 255 255 / .14);background:radial-gradient(90% 60% at 80% 0%,rgb(140 220 150 / .35),transparent 55%),radial-gradient(70% 50% at 10% 15%,rgb(60 160 190 / .25),transparent 60%),radial-gradient(120% 120% at 50% 120%,rgb(20 60 30 / .9),transparent 70%),linear-gradient(150deg,#0f2f18,#1d5c2f 55%,#2f8341)}.showcase-badge{align-self:flex-end;background:#ffffff1f;color:#fff;border:1px solid rgb(255 255 255 / .28);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.showcase-head{text-align:center;color:#fff;margin-top:-6px}.showcase-laurel{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#ffffffd9;margin-bottom:12px;font-family:var(--font-mono)}.showcase-title{font-family:var(--font-display);font-size:clamp(24px,2.4vw,33px);font-weight:700;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}.showcase-sub{color:#ffffffd9;max-width:44ch;margin-top:10px;font-size:15px}@media(max-width:980px){.hero-split{grid-template-columns:1fr;min-height:0}.hero-showcase{margin:0 16px 16px}}.shot{width:100%;border-radius:14px;overflow:hidden;font-size:11px;border:1px solid rgb(0 0 0 / .08);box-shadow:0 24px 60px #00000059,0 2px 8px #0003;background:#fbfcfa;color:#1a1d1b;text-align:left}.shot-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#eef1ec;border-bottom:1px solid #e0e4de}.shot .dot{width:9px;height:9px;border-radius:50%}.shot .dot.r{background:#f0605c}.shot .dot.y{background:#f6bd4f}.shot .dot.g{background:#61c455}.shot-url{margin-left:10px;background:#fff;border:1px solid #e0e4de;color:#6b716c;border-radius:999px;padding:3px 12px;font-family:var(--font-mono);font-size:10px}.shot-body{display:grid;grid-template-columns:1.1fr 1.5fr 1.1fr;gap:10px;padding:12px;min-height:250px}.shot-chat{display:flex;flex-direction:column;gap:8px}.shot .msg{border-radius:10px;padding:7px 10px;line-height:1.45;max-width:95%;background:#f1f3ef;color:#3c423d}.shot .msg.user{align-self:flex-end;background:#2e7d32;color:#fff;border-bottom-right-radius:3px}.shot .msg.ai{border-bottom-left-radius:3px}.shot .msg.typing{display:inline-flex;gap:4px;padding:9px 12px;width:fit-content}.shot .msg.typing i{width:5px;height:5px;border-radius:50%;background:#9aa09b;animation:pulse 1.2s infinite}.shot .msg.typing i:nth-child(2){animation-delay:.2s}.shot .msg.typing i:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,60%,to{opacity:.35}30%{opacity:1}}.shot-main{display:flex;flex-direction:column;gap:8px}.shot-tabs{display:flex;gap:4px}.shot-tabs span{padding:4px 12px;border-radius:999px;color:#6b716c;font-weight:600}.shot-tabs span.active{background:#e7f3e7;color:#2e7d32}.shot .sk{border-radius:8px;background:#edf0eb}.shot .sk.hero{height:64px;background:linear-gradient(120deg,#e3efe2,#f0f3ee)}.shot .sk-row{display:flex;gap:8px}.shot .sk.card{height:44px;flex:1}.shot .sk.line{height:9px;border-radius:5px}.shot .sk.line.w60{width:60%}.shot .sk.line.w80{width:80%}.shot-preview{display:flex;flex-direction:column;gap:8px}.pv-chip{align-self:flex-start;font-size:10px;font-weight:700;color:#2e7d32;background:#e7f3e7;border-radius:999px;padding:3px 10px}.pv-window{flex:1;border:1px solid #e0e4de;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;background:#fff}.pv-nav{height:14px;background:#2e7d32}.pv-hero{padding:12px 10px 10px;display:flex;flex-direction:column;gap:6px}.pv-title{height:10px;width:70%;border-radius:5px;background:#d9e4d8}.pv-sub{height:7px;width:88%;border-radius:4px;background:#edf0eb}.pv-btn{height:14px;width:44%;border-radius:999px;background:#3f9142;margin-top:4px}.pv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px 12px}.pv-grid i{display:block;height:26px;border-radius:6px;background:#f1f3ef}@media(max-width:700px){.shot-body{grid-template-columns:1fr}.shot-preview{display:none}}.section-title{text-align:center;font-size:clamp(28px,3.4vw,42px);font-weight:700;letter-spacing:-.02em;margin:0 0 14px}.section-sub{text-align:center;color:var(--text-muted);max-width:58ch;margin:0 auto;font-size:16.5px}.eyebrow{text-align:center;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;font-size:12px;color:var(--accent);margin-bottom:14px}.feature-section{padding:130px 0 60px}.feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;align-items:center;margin-top:64px}.feature-item{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--border);padding:24px 4px;cursor:pointer;color:var(--text);font:inherit}.feature-item h3{margin:0;font-size:19px;font-weight:600;display:flex;align-items:center;gap:12px}.feature-ico{width:22px;height:22px;color:var(--text-muted);flex:none;display:grid}.feature-ico svg{width:100%;height:100%}.feature-item.open h3,.feature-item.open .feature-ico{color:var(--accent)}.feature-item p{margin:12px 0 0 34px;color:var(--text-muted);font-size:15px;line-height:1.6}.feature-visual .shot{box-shadow:0 30px 80px #00000073}@media(max-width:900px){.feature-grid{grid-template-columns:1fr;gap:36px}}.pricing-band{padding:120px 0}.price-card{max-width:480px;margin:52px auto 0;padding:34px;border-radius:20px;box-shadow:0 24px 70px #1a1d1b1f;border-top:3px solid var(--accent)}.price-head{display:flex;align-items:center;justify-content:space-between}.price-head h3{margin:0;font-size:22px}.price{font-size:46px;font-weight:700;margin-top:10px;letter-spacing:-.03em;font-family:var(--font-display)}.price .muted{font-size:15px;font-weight:500;font-family:var(--font-body)}.price-list{list-style:none;padding:0;margin:20px 0 26px}.price-list li{padding:8px 0 8px 30px;font-size:15px;position:relative}.price-list li:before{content:"✓";position:absolute;left:0;top:7px;width:20px;height:20px;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:800;display:grid;place-items:center}.faq-section{padding:110px 0 70px}.faq-list{max-width:860px;margin:56px auto 0}.faq-item{border-bottom:1px solid var(--border)}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:0;color:var(--text);font:inherit;font-size:18.5px;font-weight:600;text-align:left;padding:24px 4px;cursor:pointer}.faq-q:hover,.faq-item.open .faq-q{color:var(--accent)}.faq-chev{color:var(--text-muted);flex:none;transition:transform .2s}.faq-item.open .faq-chev{transform:rotate(180deg)}.faq-a{color:var(--text-muted);margin:0 0 24px;font-size:15.5px;max-width:72ch;line-height:1.65}.footer{border-top:1px solid var(--border);padding:48px 0 0;margin-top:70px;overflow:hidden}.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer-brand p{font-size:14px;max-width:34ch;margin:12px 0 0;color:var(--text-muted)}.footer-cols h4{margin:4px 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-family:var(--font-mono)}.footer-cols a{display:block;color:var(--text);font-size:14.5px;padding:5px 0}.footer-cols a:hover{color:var(--accent);text-decoration:none}.footer-base{display:flex;align-items:center;border-top:1px solid var(--border);margin-top:34px;padding:16px 0;font-size:12.5px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.footer-mark{font-family:var(--font-display);font-weight:700;text-align:center;font-size:clamp(90px,16vw,220px);line-height:.78;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--text) 14%,transparent);-webkit-user-select:none;user-select:none;margin-top:10px}@media(max-width:760px){.footer-cols{grid-template-columns:1fr;gap:22px}}.cursor-glow{position:fixed;left:0;top:0;z-index:0;pointer-events:none;width:720px;height:720px;margin:-360px 0 0 -360px;border-radius:50%;background:radial-gradient(circle,rgb(110 207 115 / .08),transparent 60%);will-change:transform}.scope-dark .header,.scope-dark main,.scope-dark .footer{position:relative;z-index:1}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:none}.feature-list .feature-item{transition:background .25s,transform .25s}.tilt{transition:transform .18s ease-out;will-change:transform;width:100%}.btn{position:relative;overflow:hidden}.btn.primary:hover{box-shadow:0 8px 28px #3f914259}.btn.inverse:hover,.scope-dark .btn.primary:hover{box-shadow:0 8px 30px #ffffff2e}.btn.ink:hover{box-shadow:0 10px 30px #16191b59}.btn.inverse:after,.btn.ink:after,.btn.primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:translate(-130%) skew(-18deg);background:linear-gradient(90deg,transparent,rgb(255 255 255 / .35),transparent);transition:transform .65s ease}.btn.inverse:after{background:linear-gradient(90deg,transparent,rgb(0 0 0 / .07),transparent)}.btn.inverse:hover:after,.btn.ink:hover:after,.btn.primary:hover:after{transform:translate(130%) skew(-18deg)}.btn:active{transform:translateY(0) scale(.98)}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-5px;height:2px;width:100%;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav-links a:hover:after{transform:scaleX(1)}.logo-mark{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.logo:hover .logo-mark,a.logo:hover .logo-mark{transform:rotate(-8deg) scale(1.1);box-shadow:0 0 28px #6ecf7399}.hero-logo:hover{transform:rotate(-8deg) scale(1.08)}.feature-item:hover{background:linear-gradient(90deg,var(--accent-soft),transparent 70%)}.feature-item:hover h3,.feature-item:hover .feature-ico{color:var(--accent)}.faq-q{transition:color .2s,padding-left .25s ease}.faq-q:hover{padding-left:10px}.price-card{transition:transform .3s ease,box-shadow .3s ease}.price-card:hover{transform:translateY(-5px);box-shadow:0 32px 90px #1a1d1b2e}.feature-visual .shot{transition:transform .3s ease}.feature-visual .shot:hover{transform:scale(1.015)}.showcase-badge{animation:badge-float 5s ease-in-out infinite}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.footer-mark{transition:color .6s ease}.footer-mark:hover{color:#3f914238}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.btn:after,.tilt,.logo-mark,.faq-q,.price-card,.showcase-badge{transition:none;animation:none}}