@font-face{font-family:Space;src:url('/assets/space.a0d054c4.woff2') format('woff2');font-weight:300 700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:clip;background:var(--bg);color:var(--ink);font-family:Space,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1440px,100%);padding-inline:clamp(22px,5.5vw,84px);margin:auto}.skip{position:fixed;left:20px;top:-70px;padding:14px;background:var(--ink);color:var(--bg);z-index:99}.skip:focus{top:15px}.nav{height:100px;display:flex;justify-content:space-between;align-items:center;gap:28px;position:relative;z-index:4}.logo{font-size:27px;font-weight:600;letter-spacing:-.06em;display:flex;align-items:center;gap:10px}.logo b{font-weight:400;color:var(--accent)}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px}.nav-links a:hover{color:var(--accent)}.nav-login{border:1px solid var(--line);padding:12px 17px;border-radius:5px}.eyebrow{font-family:monospace;font-size:12px;letter-spacing:.13em;line-height:1.5;text-transform:uppercase}.accent{color:var(--accent)}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;gap:30px;justify-content:space-between;background:var(--accent);color:var(--button-ink);padding:17px 23px;border:1px solid var(--accent);border-radius:5px;font-size:15px;font-weight:600;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-3px);filter:brightness(1.08)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.arrow{display:inline-block;font-size:22px;transition:transform .2s}a:hover .arrow{transform:translate(3px,-3px)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,7.7vw,114px);line-height:.96;letter-spacing:-.075em;font-weight:500;margin-bottom:30px}h2{font-size:clamp(38px,4.7vw,70px);font-weight:400;line-height:1.07;letter-spacing:-.06em;margin-bottom:25px}h3{font-size:24px;letter-spacing:-.04em;font-weight:500;line-height:1.15}.lede{font-size:18px;line-height:1.7;max-width:480px;color:var(--muted)}.hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding-block:55px 85px}.hero-copy{z-index:2;position:relative}.hero-copy>.eyebrow{margin-bottom:27px}.hero-art{position:relative;min-width:0}.hero-art img{display:block;width:125%;margin-left:-10%;max-width:none;animation:float 9s ease-in-out infinite}.hero-foot{display:flex;gap:16px;justify-content:space-between;margin-top:45px;font-size:12px;color:var(--muted)}.band{background:var(--surface);padding:26px 0}.band-inner{display:flex;gap:28px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:14px}.band strong{font-size:18px;font-weight:500;letter-spacing:-.025em}.section{padding-block:100px}.section-heading{display:grid;grid-template-columns:1.1fr .7fr;align-items:end;gap:80px;margin-bottom:50px}.section-heading .lede{font-size:17px;margin-bottom:27px}.section-heading .eyebrow{color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:35px 30px;background:var(--surface);border:1px solid var(--line);border-radius:7px}.card .number{font:13px monospace;color:var(--accent);display:block;margin-bottom:40px}.card p{font-size:16px;line-height:1.65;color:var(--muted);margin-bottom:0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.feature p{font-size:17px;line-height:1.75;color:var(--muted)}.example{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 30px 70px #00000018}.example-top{padding:20px 25px;border-bottom:1px solid var(--line);font:12px monospace;display:flex;justify-content:space-between;gap:15px;color:var(--muted)}.example-body{padding:28px}.message{padding:18px 21px;border-radius:12px;max-width:85%;background:var(--bg);margin:0 0 15px;line-height:1.6;font-size:15px}.message.customer{margin-left:auto;background:var(--accent);color:var(--button-ink)}.message small{display:block;margin-bottom:7px;font:11px monospace;opacity:.7}.demo-buttons{display:flex;gap:8px;flex-wrap:wrap}.demo-buttons button{background:transparent;color:var(--ink);border:1px solid var(--line);padding:10px 13px;border-radius:5px;font-size:13px}.demo-buttons button[aria-pressed=true]{background:var(--accent);color:var(--button-ink);border-color:var(--accent)}.demo-status{font:12px monospace;color:var(--accent);padding-top:18px;min-height:40px}.pricing{background:var(--surface);border-radius:14px;padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.price{font-size:72px;font-weight:400;letter-spacing:-.06em;margin-bottom:15px}.price small{font-size:16px;letter-spacing:0}.pricing p{font-size:17px;line-height:1.65;color:var(--muted)}.pricing .eyebrow{color:var(--accent)}.pricing ul{list-style:none;padding:0;margin:25px 0 30px}.pricing li{padding:12px 0;font-size:16px}.pricing li::before{content:'↗';color:var(--accent);padding-right:15px}.faq{display:grid;grid-template-columns:.7fr 1fr;gap:90px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:23px 0;font-size:18px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';color:var(--accent);font-size:23px}.faq details[open] summary::after{content:'−'}.faq details p{font-size:16px;line-height:1.7;color:var(--muted);padding:0 25px 18px 0}.end{padding-block:90px 75px}.end-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.end h2{max-width:700px}.footer{padding-block:30px;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;color:var(--muted);font-size:12px}.footer-links{display:flex;gap:20px}.footer a:hover{color:var(--accent)}.motion{background:none;border:1px solid var(--line);border-radius:4px;padding:6px 10px;color:var(--muted);font-size:12px}.motion-paused *{animation-play-state:paused!important}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.motion-ready .reveal.visible,.motion-paused .reveal{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(1deg)}}
@media(max-width:1000px){.hero{gap:10px;min-height:650px}.hero h1{font-size:clamp(56px,8vw,80px)}.section-heading,.feature{gap:35px}.pricing{padding:40px;gap:35px}.faq{gap:40px}.cards{gap:12px}.card{padding:27px 22px}}
@media(max-width:680px){.nav{height:82px;gap:12px}.logo{font-size:24px}.nav-links{gap:16px;font-size:13px}.nav-links>a:not(.nav-login){display:none}.nav-login{padding:9px 13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:34px 0 50px;gap:15px;min-height:0}.hero-art{order:-1;height:260px;overflow:hidden;margin:0 -22px}.hero-art img{width:100%;height:100%;object-fit:contain;margin:0}.hero h1{font-size:clamp(53px,12vw,77px)}.hero-copy>.eyebrow{margin-bottom:20px}.lede{font-size:17px}.hero-foot{margin-top:28px;line-height:1.6}.band-inner{gap:17px;font-size:13px}.band strong{font-size:16px}.section{padding-block:65px}.section-heading,.feature,.faq,.pricing{grid-template-columns:1fr;gap:25px}.section-heading{margin-bottom:25px}.section-heading .lede{margin-bottom:10px}.cards{grid-template-columns:1fr;gap:16px}.card .number{margin-bottom:25px}.pricing{padding:30px 24px}.price{font-size:58px}.faq summary{font-size:17px}.end{padding-block:60px 40px}.end-inner{display:block}.end h2{font-size:42px}.footer{font-size:12px;line-height:1.7}.footer-links{flex-wrap:wrap}.example-body{padding:20px}.message{font-size:14px}.feature{gap:35px}.feature .example{order:2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion{display:none}.motion-ready .reveal{opacity:1;transform:none}}

:root{--bg:#f1f6fb;--ink:#142839;--muted:#536577;--surface:#e5edf5;--line:#19385924;--accent:#1659ed;--button-ink:#fff}.customatic .hero-art img{border-radius:50%;width:120%;mix-blend-mode:multiply}.customatic .hero{grid-template-columns:1.05fr .95fr}.customatic h1{font-size:clamp(56px,6.7vw,99px)}.customatic .band{background:#152d43;color:#f2f7fb}.customatic .pricing{background:#dce9fc}.customatic .example{transform:rotate(-1deg)}