:root{--ink:#15213b;--paper:#f8faff;--accent-soft:#dce7ff;--muted:#5b6780}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #4361ee}.wrap{max-width:1240px;margin:auto;padding:0 42px}nav{border-bottom:1px solid #dbe2ef;justify-content:space-between;align-items:center;height:100px;display:flex}.logo{letter-spacing:-3px;align-items:center;gap:10px;font-size:42px;font-weight:900;display:flex}.mark{background:var(--ink);width:34px;height:34px;color:var(--accent-soft);letter-spacing:0;border-radius:11px;place-items:center;font-size:27px;display:grid}.links{align-items:center;gap:30px;font-size:14px;display:flex}.pill,.button{background:var(--ink);color:var(--paper);border:0;border-radius:30px;padding:15px 23px;font-weight:700;display:inline-block}.pill{padding:12px 20px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:75px 0 70px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:2px;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.dot{background:#4361ee;border-radius:50%;width:7px;height:7px}h1{letter-spacing:-6px;margin:28px 0;font-size:clamp(64px,7vw,94px);line-height:.96}h1 span{font-family:Georgia,serif;font-style:italic;font-weight:400;display:block}p{line-height:1.65}.intro{color:#53617b;max-width:440px;margin-bottom:28px;font-size:18px}.actions{align-items:center;gap:12px;display:flex}.outline{color:var(--ink);background:0 0;border:1px solid #bdc9e0}.small{color:var(--muted);margin-top:16px;font-size:12px}.stage{background:var(--accent-soft);border-radius:26px;min-height:490px;padding:28px;position:relative;overflow:hidden}.stage-top{letter-spacing:1px;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.browser{background:#fff;border:1px solid #334b85;border-radius:14px;max-width:350px;margin:32px 0 0;transform:rotate(-3deg);box-shadow:0 16px #15213b12}.chrome{color:#7987a3;border-bottom:1px solid #e8edf6;padding:12px 15px;font-size:11px}.source .photo{background:#e3eaff;border-radius:8px;align-items:flex-end;gap:8px;height:100px;padding:12px;display:flex}.bar{background:#6877df;border-radius:5px 5px 0 0;width:20%}.source b{margin-bottom:15px;font-size:20px;display:block}.source small{color:var(--muted);font-size:10px}.chat{color:#fff;background:#15213b;border-radius:14px;min-height:188px;margin:-35px 0 0 75px;padding:20px;position:relative;transform:rotate(3deg);box-shadow:0 15px 35px #294c8520}.chat-head{color:#bdc9e3;border-bottom:1px solid #354665;justify-content:space-between;padding-bottom:13px;font-size:11px;display:flex}.chat p{margin:15px 0;font-size:13px}.attachment{border:1px dashed #7c8fae;border-radius:8px;align-items:center;gap:10px;min-height:49px;padding:12px;font-size:12px;transition:background .3s;display:flex}.attachment.ready{color:#15213b;background:#dce7ff;border:1px solid #dce7ff}.stage-foot{justify-content:space-between;align-items:center;margin-top:27px;font-size:11px;display:flex}.demo-btn{background:#fff;border:1px solid #15213b;border-radius:30px;padding:12px 18px;font-size:12px;font-weight:700}.strip{color:var(--muted);border-top:1px solid #dbe2ef;border-bottom:1px solid #dbe2ef;justify-content:space-between;align-items:center;gap:15px;padding:25px 0;font-size:12px;display:flex}.strip strong{color:var(--ink);font-size:14px}.section{padding:85px 0}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px;display:flex}h2{letter-spacing:-2px;max-width:650px;margin:16px 0 0;font-size:48px;line-height:1.05}.section-head p{max-width:330px;color:var(--muted);margin:0;font-size:15px}.steps{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.step{border-top:1px solid #b8c5dd;padding-top:18px}.number{color:var(--muted);font-size:12px}h3{letter-spacing:-.5px;margin:30px 0 10px;font-size:23px}.step p{color:var(--muted);max-width:310px;font-size:15px}.dark{background:var(--ink);color:var(--paper);border-radius:25px;grid-template-columns:1fr 1fr;gap:60px;padding:52px;display:grid}.dark h2{font-size:47px}.dark p{color:#bdc9e3;font-size:16px}.workflow{border:1px solid #435575;border-radius:14px;overflow:hidden}.workflow div{border-bottom:1px solid #435575;align-items:center;gap:15px;padding:20px;font-size:14px;display:flex}.workflow div:last-child{background:var(--accent-soft);color:var(--ink);border:0}.workflow span{opacity:.6;font-size:11px}.usecases{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.usecase{background:#edf1fb;border-radius:14px;padding:28px}.usecase h3{margin-top:20px}.usecase p{color:var(--muted);font-size:14px}.symbol{font-size:32px}.faq{grid-template-columns:1fr 1.25fr;gap:60px;display:grid}details{border-bottom:1px solid #d3dceb;padding:21px 0}summary{cursor:pointer;font-size:16px;font-weight:700}details p{color:var(--muted);font-size:14px}.cta{background:var(--accent-soft);border-radius:25px;justify-content:space-between;align-items:center;gap:30px;padding:55px;display:flex}.cta h2{margin:0;font-size:58px}.cta p{max-width:460px;font-size:15px}.footer{color:var(--muted);justify-content:space-between;gap:20px;padding:40px 0;font-size:12px;display:flex}.footer a{text-decoration:underline}.modal{z-index:10;background:#15213b99;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal-content{background:var(--paper);border-radius:20px;max-width:560px;max-height:85vh;padding:36px;overflow:auto}.modal-content h2{font-size:30px}.modal-content p{font-size:14px}.close{float:right;background:0 0;border:0;font-size:25px}@media (max-width:850px){.wrap{padding:0 24px}.links a:not(.pill){display:none}.hero{grid-template-columns:1fr;padding-top:45px}h1{font-size:72px}.stage{width:100%;max-width:560px;margin:auto}.strip{flex-wrap:wrap}.section{padding:55px 0}.section-head,.cta{display:block}.section-head p{margin-top:20px}.steps,.usecases{grid-template-columns:1fr}.dark,.faq{grid-template-columns:1fr;gap:25px}.dark{padding:30px}h2{font-size:38px}.cta{padding:32px}.cta h2{font-size:45px}.footer{flex-wrap:wrap}.stage-foot{gap:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}:root{--brand:#4361ee;--indigo:#6657d9}.mark,.pill,.button:not(.outline){background:var(--brand);color:#fff}.stage{background:linear-gradient(135deg,#e7edff,#eae6ff)}.cta{background:linear-gradient(110deg,#e4ecff,#ece8ff)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f1f4fc;--paper:#0c1018;--muted:#a4aec2;--accent-soft:#283453;--brand:#82a4ff;--indigo:#b7a2ff}.pill,.button:not(.outline){color:#10182a;background:#82a4ff}.pill:hover,.button:not(.outline):hover{background:#a3bcff}.outline{color:#e7ecf8;background:0 0;border-color:#46516a}h1 span{color:#b7a2ff}.intro,.section-head p,.step p,.usecase p,details p,.small,.footer,.strip{color:#a4aec2}.stage{color:#e2e8fb;background:radial-gradient(at 0 0,#29365e,#0000 65%),linear-gradient(135deg,#151d30,#231d38);border:1px solid #3c4666}.browser{background:#1a2131;border-color:#586587;box-shadow:0 16px #00000030}.chat{color:#f1f4fc;background:#0d1322;border:1px solid #465273;box-shadow:0 15px 35px #00000040}.demo-btn{color:#10182a;background:#82a4ff;border-color:#82a4ff}.dark{color:#f1f4fc;background:#151c2b;border:1px solid #303b52}.workflow,.workflow div{border-color:#3f4b65}.usecase{background:#171e2c;border:1px solid #2b354a}.cta{background:radial-gradient(at 100%,#35274f,#0000 65%),linear-gradient(110deg,#1d2b47,#1b2032);border:1px solid #405070}.modal{background:#000000b3}.modal-content{color:#f1f4fc;background:#171e2c;border:1px solid #46516a}.workflow,.workflow div{border-color:#4b5059}:root{--ink:#f3f6f7;--paper:#15191c;--muted:#a9b6bb;--accent-soft:#203b3c;--brand:#4dd6c3;--indigo:#4dd6c3}body{color:#f3f6f7;background:#15191c}nav,.strip{border-color:#343e42}.mark{color:#122322;background:#4dd6c3}.pill,.button:not(.outline),.demo-btn{color:#122322;background:#4dd6c3;border-color:#4dd6c3}.pill:hover,.button:not(.outline):hover,.demo-btn:hover{background:#79e3d4}.outline{color:#f3f6f7;border-color:#56666b}h1 span,.symbol{color:#4dd6c3}.intro,.section-head p,.step p,.usecase p,details p,.small,.footer,.strip,.source small{color:#a9b6bb}.dot{background:#4dd6c3}.stage{color:#f3f6f7;background:linear-gradient(135deg,#263b3e,#202b30);border-color:#435c61}.browser{background:#263035;border-color:#60767b}.source .photo{background:#304649}.bar{background:linear-gradient(#85dfd2,#36bba9)}.chat{color:#f3f6f7;background:#192226;border-color:#526a70}.chat-head{color:#b9c9cd;border-color:#41565b}.step{border-color:#42565c}.dark{color:#f3f6f7;background:#202b30;border-color:#3a4d53}.dark p{color:#b4c4c9}.workflow,.workflow div{border-color:#486168}.usecase{background:#222e33;border-color:#374c53}details{border-color:#3a4d53}.modal-content{color:#f3f6f7;background:#222e33;border-color:#566b70}.close{color:#f3f6f7}button:focus-visible,a:focus-visible{outline-color:#79e3d4}:root{--paper:#151719;--ink:#f5f6f7;--muted:#b0b5bb;--brand:#5ed6c3;--indigo:#f5f6f7}body{background:#151719}.stage{background:#24272a;border-color:#454a50;min-height:530px;padding:28px}h1{letter-spacing:-4px;font-size:clamp(56px,6vw,80px);line-height:1.02}h1 span{color:#f5f6f7;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:800}.browser{max-width:370px;box-shadow:none;background:#303337;border-color:#63686e;margin-top:25px;transform:none}.chrome{color:#b7bcc4;border-color:#494e54}.source{padding:20px}.source b{margin-top:12px;font-size:21px}.source small{color:#b7bcc4}.screen-label{letter-spacing:1.2px;font-weight:700;font-size:9px!important}.error-screen{background:#202225;border:1px solid #50545a;border-radius:8px;margin-bottom:12px;padding:16px}.error-screen span{color:#e5e7eb;margin-bottom:10px;font-size:10px;font-weight:700;display:block}.error-screen code{color:#f5f6f7;font-size:11px;line-height:1.8}.code-line{color:#989ea7;margin-top:10px;font:10px monospace}.chat{background:#181a1d;border-color:#565c63;min-height:198px;margin:-14px 0 0 55px;transform:none}.chat-head{letter-spacing:.5px;color:#c8cdd2;border-color:#42474d;font-size:9px}.prior-message{color:#a2a8b0;font-size:11px}.draft-message{color:#f5f6f7;margin-top:9px;display:inline-block}.attachment{color:#b5bdc7;border-color:#656e75}.attachment.ready{color:#e9fff9;background:#203c36;border-color:#5ed6c3}.dark,.usecase{background:#232629;border-color:#3e4349}.cta{background:#25292c;border-color:#484e54}.workflow div:last-child{color:#eef8f4;background:#29332f}.dark .eyebrow{color:#c3d2ce}.symbol{color:#c8d4d1}.modal-content{background:#25292c}.stage-foot{margin-top:22px}.actions{flex-wrap:wrap}.capture-fly{color:#151719;z-index:2;pointer-events:none;background:#f5f6f7;border:2px solid #5ed6c3;border-radius:9px;width:115px;padding:12px;font-size:11px;font-weight:700;animation:.65s ease-in-out forwards transfer;position:absolute;top:45%;left:45%;box-shadow:0 8px 20px #0005}@keyframes transfer{0%{opacity:0;transform:translate(-65px,-55px)scale(1)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(70px,145px)scale(.8)}}@media (max-width:850px){h1{font-size:62px}.stage{min-height:520px}.chat{margin-left:30px}}@media (prefers-reduced-motion:reduce){.capture-fly{animation:none;display:none}}.viewport-thumb{color:#f5f6f7;background:#303337;border:1px solid #667078;border-radius:6px;flex-shrink:0;width:136px;height:91px;overflow:hidden;box-shadow:0 4px 12px #0004}.thumb-chrome{color:#d1d5da;background:#42474c;height:13px;padding:4px 6px;font-size:5px}.thumb-page{padding:7px}.thumb-title{margin-bottom:5px;font-size:7px;font-weight:700}.thumb-error{background:#202225;border:1px solid #53585f;border-radius:3px;padding:5px;font:5px/1.6 monospace}.thumb-footer{background:#555b62;border-radius:2px;width:70%;height:4px;margin-top:5px}.capture-fly{width:auto;box-shadow:none;background:0 0;border:0;padding:0;animation:.8s ease-in-out forwards transfer;top:40%;left:40%}.capture-fly .viewport-thumb{width:170px;height:114px}.capture-fly .thumb-chrome{height:16px}.capture-fly .thumb-page{padding:10px}.capture-fly .thumb-title{font-size:9px}.capture-fly .thumb-error{font-size:6px}.attachment.ready{align-items:center;gap:14px;min-height:118px;padding:12px}.attachment-caption{font-size:11px;line-height:1.7}.attachment-caption strong{color:#e7fff9;font-size:12px;display:block}.attachment-caption small{color:#b9d1ca;font-size:10px;display:block}.stage{min-height:590px}.chat{min-height:205px}.source{outline:0 solid #0000}.browser.capturing{outline-offset:4px;outline:2px solid #5ed6c3}@media (max-width:500px){.attachment.ready{flex-wrap:wrap}.chat{margin-left:10px}.stage{padding:20px}}#waitlist{max-width:380px}#waitlist label{margin:12px 0 7px;font-size:13px;display:block}#waitlist input:not([type=checkbox]){color:#fff;width:100%;font:inherit;background:#151719;border:1px solid #647078;border-radius:8px;padding:13px}#waitlist .consent{align-items:start;gap:8px;margin:15px 0;line-height:1.5;display:flex}#waitlist small{font-size:11px;line-height:1.6}#waitlist small button{color:#79e3d4;cursor:pointer;background:0 0;border:0;text-decoration:underline}.trap{position:absolute;left:-9999px}#signup-status{font-size:13px}button:disabled{opacity:.6;cursor:wait}.hero h1{letter-spacing:-2.5px;font-size:clamp(42px,4.6vw,62px);line-height:1.04}.hero h1 span{margin-top:16px;font-size:.8em;line-height:1.12}.hero .eyebrow{letter-spacing:1.4px;line-height:1.6}.hero .dot{flex-shrink:0}.stage-top{gap:16px;line-height:1.5}@media (max-width:850px){.hero h1{letter-spacing:-1.8px;font-size:clamp(36px,8vw,62px)}}.trademark-note{color:var(--muted);max-width:850px;margin:0 0 32px;font-size:12px;line-height:1.6}.analytics-choice{color:#f3f6f7;z-index:20;background:#25292c;border:1px solid #647078;border-radius:14px;max-width:580px;padding:20px;position:fixed;bottom:18px;left:18px;right:18px;box-shadow:0 8px 30px #0008}.analytics-choice[hidden]{display:none}.analytics-choice p{margin:0 0 12px;font-size:14px}.analytics-choice div{flex-wrap:wrap;gap:12px;display:flex}.analytics-choice button{color:#f3f6f7;background:0 0;border:1px solid #79e3d4;border-radius:20px;padding:10px 16px}.analytics-preferences{color:inherit;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}
