@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101522;--bg2:#171d2d;--ink:#f6f4f1;--muted:#a6adbc;--accent:#d7ff85;--line:#32394a;--light:#f6f5f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg)}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:800;font-size:15px;letter-spacing:.11em;text-decoration:none;color:inherit}.brand small{display:block;color:#9ba4b8;font-size:9px;letter-spacing:.22em;margin-top:3px}.brandmark{width:38px;height:38px;border:1px solid #6c7769;display:grid;place-items:center;border-radius:10px;font-size:24px;position:relative;letter-spacing:-.08em}.brandmark span{color:var(--accent);font-size:10px;position:absolute;right:4px;top:2px}.navlink{font-size:13px;color:#d3d6dc;text-decoration:none}.navlink span{margin-left:8px;color:var(--accent)}.hero{min-height:635px;display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center;padding:52px 0 110px}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--accent)}.eyebrow{display:flex;align-items:center;gap:9px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px #d7ff8577}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{font-size:clamp(48px,5.1vw,75px);letter-spacing:-.065em;line-height:1.08;margin:26px 0}h1 em,h2 em{font-style:normal;color:var(--accent)}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:525px}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{border:0;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:22px;font:700 13px 'DM Sans',sans-serif;border-radius:9px;padding:16px 21px;transition:transform .2s,background .2s}.btn:hover,.provider:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#111827}.primary:hover{background:#e4ffa9}.secondary{color:#f5f5f4;border:1px solid #454b59;background:transparent}.trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:29px;color:#aeb6c4;font-size:12px}.preview{border:1px solid #394153;background:linear-gradient(150deg,#252e40,#171d2c);border-radius:20px;box-shadow:0 40px 90px #0005;overflow:hidden;transform:rotate(1.5deg)}.preview-top{height:57px;border-bottom:1px solid #3a4253;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:9px;font-weight:800;letter-spacing:.17em;color:#adb5c3}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;background:#636b7b;border-radius:50%}.preview-star{font-size:21px;color:var(--accent)}.preview-body{padding:28px 25px 38px}.assistant-label{font-size:12px;color:#e8e9ed;display:flex;align-items:center;gap:9px;margin-bottom:19px}.avatar{background:#d7ff85;color:#141b24;border-radius:9px;width:29px;height:29px;display:grid;place-items:center}.bubble{font-size:13px;line-height:1.7;padding:15px 17px;max-width:88%;margin-bottom:14px;border-radius:13px}.bot{background:#30394c;color:#e4e8ed;border-top-left-radius:3px}.human{background:#d7ff85;color:#18201c;margin-left:auto;border-top-right-radius:3px;max-width:70%}.typing{display:flex;align-items:center;gap:5px;margin-top:26px}.typing b{height:5px;width:5px;border-radius:50%;background:var(--accent)}.typing span{font-size:10px;color:#a3adbf;margin-left:9px}.preview-foot{border-top:1px solid #3a4253;display:flex;justify-content:space-between;padding:17px 22px;font-size:10px;color:#a6adba}.preview-foot span:last-child{color:var(--accent)}.section{padding:105px 0}.steps{background:var(--light);color:#141a25}.steps .section-kicker,.faq .section-kicker{color:#667c42}h2{font-size:clamp(33px,3.4vw,49px);letter-spacing:-.055em;line-height:1.18;margin:18px 0}.section-intro{color:#727b89;font-size:15px;line-height:1.75;max-width:540px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:50px}.step{border:1px solid #e0e2df;background:white;border-radius:15px;padding:29px;min-height:280px}.number{font-size:11px;color:#929ca7;font-weight:800;letter-spacing:.13em}.step-icon{font-size:33px;color:#718e4b;margin:26px 0 17px}.step h3{font-size:18px;letter-spacing:-.03em}.step p{font-size:13px;color:#737d89;line-height:1.75}.start{background:radial-gradient(ellipse at 15% 35%,#263246 0%,#101522 62%)}.start-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.start .section-intro{color:#aab3c1}.notice{display:flex;gap:14px;margin-top:33px;max-width:470px}.notice>span{color:var(--accent);font-size:23px}.notice p{font-size:13px;color:#b0b8c6;line-height:1.7}.notice strong{color:#f2f4f5}.launch-card{background:#fff;color:#18202d;padding:32px;border-radius:18px;box-shadow:0 24px 60px #0003}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{font-size:10px;letter-spacing:.1em;font-weight:800;background:#e8f4d7;padding:8px 10px;border-radius:6px;color:#47612a}.tiny{font-size:9px;color:#89929c;font-weight:700;letter-spacing:.05em}.launch-card h3{font-size:24px;letter-spacing:-.05em;margin:29px 0 10px}.launch-card p{color:#77808d;font-size:13px;line-height:1.7}.full{width:100%;margin-top:17px}.status{font-size:11px;color:#647058;text-align:center;min-height:17px;margin:12px 0}.separator{position:relative;text-align:center;margin:22px 0;color:#9da5ae;font-size:10px;letter-spacing:.1em}.separator:before{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid #e3e5e7}.separator span{background:#fff;padding:0 14px;position:relative}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.provider{display:flex;align-items:center;gap:12px;border:1px solid #e2e4e7;border-radius:10px;padding:15px 13px;color:#222b35;text-decoration:none;font-weight:700;font-size:14px;transition:transform .2s}.provider-icon{font-size:25px}.provider-icon.claude{color:#bd795b}.provider small{display:block;font-size:10px;color:#8b949f;font-weight:500;margin-top:4px}.download{display:block;text-align:center;color:#6e7886;font-size:12px;margin-top:23px;text-underline-offset:4px}.faq{background:#f6f5f1;color:#151b26}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-items details{border-bottom:1px solid #dadddc;padding:20px 0}.faq-items summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between}.faq-items summary:after{content:'+';font-size:23px;font-weight:400;color:#7a8869}.faq-items details[open] summary:after{content:'−'}.faq-items p{color:#6f7985;font-size:13px;line-height:1.8;margin:14px 0 0}footer{padding:30px 0;background:#0b101b}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#8b94a5;font-size:11px}.footer-brand{color:white}@media(max-width:850px){.hero,.start-grid,.faq-grid{grid-template-columns:1fr;gap:50px}.hero{padding-top:40px}.preview{max-width:560px;transform:none}.step-grid{grid-template-columns:1fr}.step{min-height:unset}.section{padding:75px 0}}@media(max-width:520px){.wrap{width:min(100% - 32px,1160px)}.nav{height:75px}.navlink{font-size:11px}.brand{font-size:12px}.hero{padding-bottom:70px}.hero-actions{flex-direction:column}.trust{gap:9px}.preview-body{padding:22px 16px}.launch-card{padding:23px}.provider-grid{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}}
.brand-logo{height:20px;width:auto;display:block}.brand-tag{font-family:Manrope,sans-serif;font-weight:800;font-size:10px;letter-spacing:.14em;color:var(--accent);border-left:1px solid var(--line);padding-left:12px}
.nav-links{display:flex;gap:22px;align-items:center}
.built-by{background:var(--bg);color:var(--ink)}.built-by-inner{display:flex;justify-content:space-between;align-items:center;gap:32px}.built-by-actions{display:flex;gap:12px;flex-wrap:wrap}
footer a.brand{color:inherit}
@media(max-width:850px){.built-by-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.brand-logo{height:15px}.brand-tag{display:none}.nav-links{gap:14px}.nav-links .navlink:first-child{display:none}}
.launch-card .btn.secondary{color:#18202d;border-color:#cfd4dc}.launch-card .provider-grid{margin-top:22px}.launch-card .status{margin:14px 0 4px;line-height:1.6}