*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #ffffff;--surface: #f7f7f8;--border: #e4e4e7;--text: #0a0a0b;--text-2: #52525b;--text-3: #71717a;--accent: #635bff;--accent-light: #7a73ff;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--space-8: 96px;--space-9: 128px;--content-max: 1120px;--page-x: 48px}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 48px;height:64px;display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.logo{font-size:22px;font-weight:800;letter-spacing:-.5px}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{color:var(--text-2);text-decoration:none;font-size:14px;font-weight:500;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-links a.btn-primary,.nav-links a.btn-primary:hover{color:#fff}.btn{display:inline-flex;align-items:center;padding:8px 20px;font-size:14px;font-weight:600;font-family:inherit;border:none;cursor:pointer;transition:all .15s;text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-light)}.btn-ghost{background:none;color:var(--text);padding:8px 0;border-bottom:1px solid rgba(10,10,11,.2);border-radius:0}.btn-ghost:hover{color:var(--accent);border-bottom-color:var(--accent)}.btn-ghost span{margin-left:6px;transition:margin-left .15s}.btn-ghost:hover span{margin-left:10px}.btn:focus-visible,.nav-links a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.first-screen{min-height:100svh;display:grid;grid-template-rows:minmax(0,1fr) auto;padding-top:64px;box-sizing:border-box}.hero{position:relative;max-width:var(--content-max);width:100%;margin:0 auto;padding:56px var(--page-x) 28px;overflow:visible;display:flex;flex-direction:column;justify-content:center}.hero>:not(.hero-art){position:relative;z-index:1}.hero-art{position:absolute;top:-96px;right:-214px;width:min(66vw,940px);opacity:.78;pointer-events:none;z-index:0;transform:rotate(9deg);transform-origin:50% 50%}.hero-art img{display:block;width:100%;height:auto;-webkit-mask-image:radial-gradient(circle at 42% 46%,#000 0,#000 54%,rgba(0,0,0,.7) 72%,transparent 100%);mask-image:radial-gradient(circle at 42% 46%,#000 0,#000 54%,rgba(0,0,0,.7) 72%,transparent 100%)}.hero-eyebrow{display:inline-flex;align-self:flex-start;width:fit-content;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(99,91,255,.25);background:#635bff14;border-radius:999px;font-size:13px;font-weight:600;color:var(--accent);margin-bottom:var(--space-4)}.hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:hero-eyebrow-pulse 2s ease-in-out infinite}@keyframes hero-eyebrow-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}h1{font-size:clamp(44px,6vw,76px);font-weight:800;line-height:1.05;letter-spacing:-2.5px;max-width:780px}h1 .muted{color:#6b7280}.headline-line{display:block}.headline-line:first-child{white-space:nowrap}.hero-rotator{display:inline-flex;align-items:baseline;position:relative;vertical-align:baseline;color:var(--accent)}.hero-rotator-track{display:inline-grid;perspective:720px}.hero-rotator-sizer,.hero-rotator-text{grid-area:1 / 1}.hero-rotator-sizer{visibility:hidden;white-space:nowrap;padding-right:.04em}.hero-rotator-text{white-space:nowrap;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity}.hero-rotator-text.is-flipping-in{animation:hero-flip-in .46s cubic-bezier(.22,.9,.32,1) both}.hero-rotator-text.is-flipping-out{animation:hero-flip-out .46s cubic-bezier(.55,.06,.68,.19) both}@keyframes hero-flip-in{0%{transform:rotateX(90deg);opacity:0}60%{opacity:1}to{transform:rotateX(0);opacity:1}}@keyframes hero-flip-out{0%{transform:rotateX(0);opacity:1}40%{opacity:1}to{transform:rotateX(-90deg);opacity:0}}@media(prefers-reduced-motion:reduce){.hero-rotator-text.is-flipping-in,.hero-rotator-text.is-flipping-out{animation:none}}.hero-sub{font-size:18px;line-height:1.65;color:var(--text-2);max-width:520px;margin:var(--space-4) 0 var(--space-5)}.hero-actions{display:flex;gap:var(--space-4);align-items:center}.hero-actions .btn-primary{padding:12px 28px;font-size:15px}.logos-section{max-width:var(--content-max);margin:0 auto;padding:0;width:100%}.logos-shell{position:relative;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff}.logos-shell:after,.logos-shell:before{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.logos-shell:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.logos-shell:after{right:0;background:linear-gradient(-90deg,#fff,transparent)}.logos-eyebrow{padding:28px var(--page-x) 20px;font-size:14px;font-weight:700;color:var(--text-3);letter-spacing:1.6px;text-align:center}.logos-rail{position:relative;padding:0 0 var(--space-5)}.marquee{display:flex;width:max-content;align-items:center;gap:64px;padding:0 var(--page-x);animation:marquee-forward 34s linear infinite}.marquee:hover{animation-play-state:paused}@keyframes marquee-forward{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee,.hero-eyebrow-dot,.terminal-rotator-caret{animation:none}}.logo-item{display:flex;align-items:center;min-width:max-content;padding:0;flex-shrink:0}.logo-item span{font-size:17px;font-weight:700;color:var(--text-2);letter-spacing:-.02em;white-space:nowrap}.section{max-width:var(--content-max);margin:0 auto;padding:96px var(--page-x) 88px}.section-eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:var(--space-2)}.section-title{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:var(--space-3)}.section-sub{font-size:16px;color:var(--text-2);line-height:1.6;max-width:480px;margin-bottom:44px}#how.section{padding-top:88px;padding-bottom:72px}#features.section{padding-top:84px;padding-bottom:104px}#features .section-sub{margin-bottom:40px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.grid-card{background:var(--bg);padding:36px}.grid-card .num{font-size:12px;font-weight:700;color:var(--text-3);letter-spacing:1px;margin-bottom:20px}.grid-card h3{font-size:17px;font-weight:700;letter-spacing:-.3px;margin-bottom:12px}.grid-card p{font-size:14px;line-height:1.65;color:var(--text-2)}.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.bento-card{background:var(--bg);padding:40px}.bento-card.full{grid-column:span 2}.bento-card h3{font-size:20px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.bento-card p{font-size:14px;line-height:1.65;color:var(--text-2);max-width:400px}.terminal{margin-top:28px;background:var(--text);padding:24px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:2;color:#a1a1aa;overflow-x:auto}.terminal .g{color:#4ade80}.terminal .y{color:#facc15}.terminal .d{opacity:.35}.terminal-rotator{display:inline-flex;align-items:baseline;vertical-align:baseline;color:#e4e4e7}.terminal-rotator-track{display:inline}.terminal-rotator-text{white-space:nowrap}.terminal-rotator-sizer{display:none}.terminal-rotator-caret{width:1px;height:1.2em;margin-left:1px;background:currentColor;animation:terminal-caret .9s steps(1) infinite}@keyframes terminal-caret{0%,49%{opacity:1}50%,to{opacity:0}}.cta{max-width:var(--content-max);margin:0 auto;padding:120px var(--page-x) 104px;text-align:center}.cta h2{font-size:clamp(32px,4.5vw,52px);font-weight:800;letter-spacing:-1.5px;margin-bottom:var(--space-3)}.cta p{color:var(--text-2);font-size:16px;margin-bottom:40px}.email-row{display:inline-flex;align-items:stretch;gap:0;border:1px solid var(--border)}.email-row input{padding:12px 20px;width:280px;border:none;font-size:14px;font-family:inherit;outline:none;background:transparent}.email-row input::placeholder{color:var(--text-3)}.email-row input:disabled{color:var(--text-2);cursor:wait}.email-row .btn-primary{padding:12px 24px}.email-row .btn-primary:disabled{opacity:.72;cursor:wait}.email-row:focus-within{outline:2px solid var(--accent);outline-offset:2px}.email-honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.email-status{min-height:24px;margin-top:16px;font-size:14px;font-weight:600}.email-status.is-success{color:#0f766e}.email-status.is-error{color:#b91c1c}footer{border-top:1px solid var(--border);max-width:var(--content-max);margin:0 auto;padding:44px var(--page-x) 40px;display:flex;justify-content:space-between;align-items:center}footer .logo{font-size:15px}footer p{font-size:12px;color:var(--text-3)}footer .f-right{display:flex;align-items:center;gap:24px}footer .f-links{display:flex;gap:24px}footer .f-links a{font-size:12px;color:var(--text-3);text-decoration:none}footer .f-links a:hover{color:var(--text)}@media(max-width:768px){:root{--page-x: 20px;--space-7: 56px;--space-8: 72px;--space-9: 88px}nav{padding:0 20px}.nav-links a:not(.btn){display:none}.first-screen{min-height:auto;display:block;padding-top:0}.hero{padding-top:132px;padding-bottom:28px;display:block}.hero-art{top:42px;right:-208px;width:112vw;opacity:.42}.hero-sub{margin-bottom:var(--space-4)}.hero-actions{gap:var(--space-3)}.headline-line:first-child{white-space:normal}.grid-3,.bento{grid-template-columns:1fr}.bento-card.full{grid-column:span 1}.section,#how.section,#features.section{padding:80px var(--page-x)}.section-sub,#features .section-sub{margin-bottom:32px}.grid-card,.bento-card{padding:32px 28px}.cta{padding:104px var(--page-x) 96px}.cta p{margin-bottom:32px}footer{flex-direction:column;gap:16px;padding:24px 20px}.email-row{flex-direction:column;width:100%}.email-row input{width:100%}.email-row .btn-primary{width:100%;justify-content:center}.logos-shell:after,.logos-shell:before{width:48px}.logos-eyebrow{padding-top:20px;padding-bottom:14px}.logos-rail{padding:0 0 20px}.marquee{gap:40px}.logo-item span{font-size:14px}}
