* { box-sizing: border-box; }
:root {
  --bg: #08090d;
  --surface: #0e1016;
  --surface-2: #12151d;
  --line: rgba(255,255,255,.09);
  --text: #f4f3ef;
  --muted: #a5a7b0;
  --soft: #737680;
  --accent: #c8ff62;
  --accent-2: #8fe03c;
}
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "DM Sans", system-ui, sans-serif;
  overflow-x: hidden;
}
body:before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: -3;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, black, transparent 75%);
}
.page-glow { position: fixed; width: 520px; height: 520px; border-radius: 50%; filter: blur(100px); opacity: .08; pointer-events:none; z-index:-2; }
.glow-one { background: #b6ff45; top: -260px; left: 25%; }
.glow-two { background: #7b61ff; top: 900px; right: -300px; }
.nav {
  max-width: 1180px; margin: auto; padding: 28px 28px;
  display:flex; justify-content:space-between; align-items:center;
}
.brand { color: var(--text); text-decoration:none; display:flex; gap:10px; align-items:center; font-family:Manrope,sans-serif; font-weight:800; letter-spacing:-.04em; font-size:19px; }
.brand > span:last-child span { color: var(--accent); }
.brand-mark { width:25px; height:25px; display:flex; align-items:flex-end; gap:3px; }
.brand-mark span { width:6px; border-radius:5px; background:var(--accent); display:block; }
.brand-mark span:nth-child(1){height:11px}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:25px}
.nav-cta { text-decoration:none; color:var(--text); border:1px solid var(--line); border-radius:999px; padding:10px 16px; font-size:13px; transition:.2s; }
.nav-cta:hover { border-color:rgba(200,255,98,.45); color:var(--accent); }

.hero { max-width:1080px; margin:0 auto; padding:100px 28px 110px; text-align:center; }
.eyebrow,.section-kicker { color:var(--accent); text-transform:uppercase; letter-spacing:.14em; font-size:11px; font-weight:700; }
.eyebrow { display:inline-flex; gap:8px; align-items:center; border:1px solid rgba(200,255,98,.16); background:rgba(200,255,98,.045); padding:8px 12px; border-radius:999px; }
.pulse { width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent); }
h1,h2,h3 { font-family:Manrope,sans-serif; margin:0; letter-spacing:-.055em; }
h1 { font-size:clamp(48px, 7.2vw, 86px); line-height:.98; max-width:950px; margin:28px auto 25px; }
h1 em,h2 em { color:var(--accent); font-style:normal; }
.hero-copy { max-width:660px; margin:auto; color:var(--muted); font-size:18px; line-height:1.65; }
.hero-form { display:flex; max-width:490px; margin:32px auto 10px; background:#10131a; border:1px solid var(--line); border-radius:14px; padding:5px; }
.hero-form input,.waitlist-form input { flex:1; min-width:0; background:transparent; border:0; outline:0; color:var(--text); padding:14px 15px; font:inherit; }
.hero-form input::placeholder,.waitlist-form input::placeholder { color:#6e727d; }
button { cursor:pointer; border:0; background:var(--accent); color:#0a0c08; font:700 13px "DM Sans",sans-serif; border-radius:10px; padding:13px 17px; white-space:nowrap; }
button:hover { background:#d5ff82; transform:translateY(-1px); }
button span { margin-left:8px; font-size:16px; }
.microcopy,.form-note { color:#686b75; font-size:11px; margin:0; }

.product-preview {
  margin:80px auto 0; max-width:920px; text-align:left; border:1px solid rgba(255,255,255,.11);
  border-radius:20px; overflow:hidden; background:linear-gradient(145deg,#12151b,#0c0e13);
  box-shadow:0 30px 100px rgba(0,0,0,.5);
}
.preview-top { height:47px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:center; position:relative; color:#777b86; font-size:11px; }
.window-dots { position:absolute; left:18px; display:flex; gap:6px; }.window-dots i{width:7px;height:7px;background:#373b44;border-radius:50%}
.online { position:absolute; right:18px; color:#7c808b; }.online b{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:5px}
.preview-body { display:flex; gap:22px; padding:42px 45px 50px; }
.assistant-badge { width:39px;height:39px;border-radius:12px;background:var(--accent);color:#0b0d09;display:grid;place-items:center;font:800 11px Manrope; flex:none; }
.preview-content { flex:1; max-width:620px; }
.mini-label { font-size:9px; color:#656974; letter-spacing:.15em; font-weight:700; }
.preview-content h3 { font-size:26px; margin:9px 0 23px; }
.task-card { border:1px solid var(--line); background:rgba(255,255,255,.025); border-radius:13px; padding:14px; display:flex; align-items:center; gap:13px; margin-top:9px; }
.task-icon { width:31px;height:31px;border-radius:9px;background:rgba(200,255,98,.08);display:grid;place-items:center;color:var(--accent)}
.task-card strong{font-size:12px}.task-card p{margin:4px 0 0;color:#6f737e;font-size:10px}.task-arrow{margin-left:auto;color:#666b76}

.section { max-width:1080px; margin:auto; padding:125px 28px 70px; }
.section h2 { font-size:clamp(42px,5.5vw,65px); line-height:1.02; max-width:780px; margin-top:18px; }
.section h2 span,.difference h2 span { color:#70737d; }
.section-lead { max-width:600px;color:var(--muted);line-height:1.7;font-size:16px;margin-top:24px; }
.steps { max-width:1080px;margin:20px auto 0;padding:0 28px 120px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }
.step { min-height:390px;border:1px solid var(--line);border-radius:18px;padding:27px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));position:relative;overflow:hidden; }
.step:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:var(--accent);filter:blur(80px);opacity:.035;right:-80px;bottom:-80px}
.step-number { color:#565a65;font-size:10px;letter-spacing:.15em; }
.step-icon { margin:62px 0 20px; width:41px;height:41px;border-radius:12px;background:rgba(200,255,98,.09);color:var(--accent);display:grid;place-items:center;font-size:19px; }
.step h3{font-size:25px}.step p{color:#888c97;font-size:13px;line-height:1.65;max-width:260px}
.quote { position:absolute;bottom:26px;left:27px;right:27px;color:#aeb1b9;font-size:11px;line-height:1.5;border-top:1px solid var(--line);padding-top:16px; }

.examples { padding-top:110px; }
.examples-heading { display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px; }
.examples-heading p{max-width:280px;color:#777b86;font-size:13px;line-height:1.6;margin:0 0 4px}
.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.example-card{min-height:155px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#0d1015;transition:.2s}
.example-card:hover{border-color:rgba(200,255,98,.22);transform:translateY(-2px)}
.example-icon{color:var(--accent);font-size:17px}.example-card p{font-size:14px;line-height:1.55;color:#c7c8cc;margin:32px 0 0}.muted-card p{color:#777b85}

.difference { max-width:1080px;margin:70px auto 120px;padding:70px 28px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.difference h2{font-size:clamp(40px,5vw,60px);line-height:1.04;margin-top:18px}.difference-copy>p{color:#858993;line-height:1.7;max-width:510px;font-size:15px;margin:25px 0}
.check-list{display:grid;gap:11px;color:#b8bac1;font-size:13px}.check-list b{color:var(--accent);margin-right:9px}
.orbit-card{height:390px;position:relative;display:grid;place-items:center}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.orbit-outer{width:350px;height:350px}.orbit-mid{width:245px;height:245px}.orbit-inner{width:145px;height:145px;border-color:rgba(200,255,98,.16)}
.core{width:78px;height:78px;border-radius:24px;background:var(--accent);color:#0a0d08;display:grid;place-items:center;font:800 14px Manrope;box-shadow:0 0 60px rgba(200,255,98,.12);z-index:2}
.orbit-chip{position:absolute;background:#151820;border:1px solid var(--line);padding:8px 11px;border-radius:9px;font-size:10px;color:#a8abb4}
.chip-one{top:25px;right:40px}.chip-two{bottom:56px;right:12px}.chip-three{bottom:18px;left:35px}.chip-four{top:88px;left:5px}

.waitlist { padding:140px 28px 150px; text-align:center; }
.waitlist-inner{max-width:720px;margin:auto}
.waitlist h2{font-size:clamp(50px,7vw,76px);line-height:.98;margin:20px 0 23px}
.waitlist p{color:#858994;line-height:1.7;max-width:560px;margin:0 auto}
.waitlist-form{display:flex;max-width:500px;margin:32px auto 12px;background:#10131a;border:1px solid var(--line);border-radius:14px;padding:5px;text-align:left}
.success-message{display:none;color:var(--accent);font-size:13px;margin-top:18px}
.success-message.show{display:block}
footer{max-width:1180px;margin:auto;padding:30px 28px 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#555963;font-size:10px}

@media(max-width:800px){
  .nav{padding:22px 18px}.nav-cta{font-size:11px;padding:9px 12px}
  .hero{padding:75px 18px 75px} h1{font-size:50px}.hero-copy{font-size:15px}
  .hero-form,.waitlist-form{flex-direction:column;background:transparent;border:0;padding:0;gap:8px}.hero-form input,.waitlist-form input{background:#10131a;border:1px solid var(--line);border-radius:11px;padding:14px}.hero-form button,.waitlist-form button{width:100%;padding:14px}
  .product-preview{margin-top:55px}.preview-body{padding:28px 20px 32px}.preview-content h3{font-size:20px}.window-dots{display:none}
  .section{padding:85px 18px 50px}.steps{grid-template-columns:1fr;padding:0 18px 70px}.step{min-height:330px}
  .examples-heading{display:block}.examples-heading p{margin-top:15px}.example-grid{grid-template-columns:1fr 1fr}
  .difference{grid-template-columns:1fr;margin:40px 18px 80px;padding:65px 0;gap:20px}.orbit-card{transform:scale(.78);margin:-25px 0}
  .waitlist{padding:90px 18px 100px} footer{margin:0 18px;padding:25px 0;display:block}footer>span{display:block;margin-top:14px}
}
@media(max-width:500px){h1{font-size:43px}.section h2{font-size:40px}.example-grid{grid-template-columns:1fr}.orbit-card{transform:scale(.68);margin:-55px -70px}.hero-copy{font-size:14px}}