:root{--bg:#07060b;--panel:#111019;--line:#272331;--muted:#aaa5b5;--violet:#7c4dff;--lilac:#b99aff}*{box-sizing:border-box}.landing{background:var(--bg);color:#f8f6ff;min-height:100vh;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.landNav{justify-content:space-between;align-items:center;max-width:1240px;height:82px;margin:auto;padding:0 28px;display:flex}.brand{color:#fff;align-items:center;font-size:21px;text-decoration:none;display:flex}.brand em{color:var(--lilac);margin-left:5px;font-style:normal}.brandIcon{background:linear-gradient(135deg,#8c64ff,#5759ed);border-radius:12px;place-items:center;width:39px;height:39px;margin-right:10px;display:grid}.brandIcon svg{width:18px}.navLinks,.navActions,.heroButtons,.trust,.proof{align-items:center;display:flex}.navLinks{gap:32px}.navLinks a,.ghostBtn{color:#bcb8c5;font-size:14px;text-decoration:none}.navActions{gap:18px}.primaryBtn,.lightBtn{border-radius:12px;justify-content:center;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.primaryBtn{color:#fff;background:linear-gradient(135deg,#8c4dff,#565eee);padding:16px 22px;box-shadow:0 12px 36px #6f49ff3b}.primaryBtn.small{padding:12px 17px}.primaryBtn svg,.lightBtn svg,.textBtn svg,.toolCard a svg,.showcaseCard span svg{width:17px}.hero{grid-template-columns:1fr 1.02fr;align-items:center;gap:70px;max-width:1240px;min-height:690px;margin:auto;padding:82px 28px 70px;display:grid}.eyebrow,.kicker{color:#b99aff;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800}.eyebrow{align-items:center;gap:8px;display:flex}.eyebrow svg{width:15px}.hero h1{letter-spacing:-.055em;margin:24px 0;font-size:68px;line-height:.99}.hero h1 span{background:linear-gradient(90deg,#b697ff,#7159ff);color:#0000;-webkit-background-clip:text}.heroCopy>p{color:var(--muted);max-width:600px;font-size:19px;line-height:1.65}.heroButtons{gap:22px;margin:34px 0}.textBtn{color:#eeeaf7;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.trust{color:#898493;gap:22px;font-size:12px}.trust span{align-items:center;gap:6px;display:flex}.trust svg{color:#77e9ad;width:14px}.heroVisual{position:relative}.visualGlow{background:radial-gradient(circle,#6e3bff40,#0000 64%);position:absolute;inset:-80px}.appMock{background:#0e0d14;border:1px solid #383044;border-radius:22px;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-3deg);box-shadow:0 35px 100px #000}.mockTop{background:#17141f;align-items:center;gap:7px;height:48px;padding:0 16px;display:flex}.mockTop span{background:#524c5c;border-radius:50%;width:8px;height:8px}.mockTop b{color:#928b9d;margin-left:auto;font-size:11px}.mockBody{grid-template-columns:1.1fr .9fr;gap:12px;padding:13px;display:grid}.mockImage{border-radius:13px;height:410px;position:relative;overflow:hidden}.mockImage img{object-fit:cover;width:100%;height:100%}.playButton{color:#6f46e8;background:#ffffffdc;border-radius:50%;place-items:center;width:58px;height:58px;margin:auto;display:grid;position:absolute;inset:0}.mockPanel{background:#15131d;border:1px solid #2a2633;border-radius:13px;padding:18px}.mockPanel small{color:#d7d2dd}.prompt{color:#85808c;border:1px solid #36303f;border-radius:9px;height:105px;margin-top:12px;padding:12px;font-size:11px;line-height:1.5}.chips{flex-wrap:wrap;gap:6px;margin:13px 0;display:flex}.chips span{color:#b7a4ef;background:#211c2d;border-radius:7px;padding:7px;font-size:9px}.generate{text-align:center;background:linear-gradient(90deg,#824bff,#5961f2);border-radius:9px;margin-top:80px;padding:12px;font-size:11px;font-weight:700}.floatCard{background:#17151eee;border:1px solid #3a3345;border-radius:13px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;box-shadow:0 12px 35px #0008}.floatCard svg{color:#a27dff;width:23px}.floatCard b,.floatCard small{display:block}.floatCard b{font-size:11px}.floatCard small{color:#898391;margin-top:4px;font-size:9px}.floatCard.left{bottom:55px;left:-35px}.floatCard.right{top:85px;right:-22px}.proof{color:#77717f;border-top:1px solid #18151e;border-bottom:1px solid #18151e;justify-content:center;gap:48px;padding:26px}.proof span{text-transform:uppercase;letter-spacing:.12em;font-size:11px}.proof b{color:#9993a2;font-size:15px}.section{max-width:1240px;margin:auto;padding:115px 28px}.sectionHead{justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px;display:flex}.section h2{letter-spacing:-.04em;margin:12px 0;font-size:45px}.sectionHead p,.centerHead p,.processCopy p{color:var(--muted);max-width:440px;line-height:1.6}.toolGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.toolCard{background:linear-gradient(145deg,#12101a,#0d0c12);border:1px solid #211d29;border-radius:17px;padding:28px;transition:all .2s}.toolCard:hover{border-color:#4d3a68;transform:translateY(-4px)}.toolIcon{color:#a982ff;background:#201731;border-radius:11px;place-items:center;width:43px;height:43px;display:grid}.toolIcon svg{width:21px}.toolCard h3{margin:23px 0 11px;font-size:18px}.toolCard p{color:#908a98;min-height:66px;font-size:14px;line-height:1.55}.toolCard a,.showcaseCard span{color:#ae8cff;align-items:center;gap:7px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.showcaseSection{background:#0b0910;max-width:none}.centerHead{text-align:center;max-width:660px;margin:0 auto 48px}.centerHead p{margin:auto}.showcaseGrid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1184px;margin:auto;display:grid}.showcaseCard{color:#fff;border-radius:18px;height:520px;position:relative;overflow:hidden}.showcaseCard:after{content:"";background:linear-gradient(#0000,#09070ce8);position:absolute;inset:40% 0 0}.showcaseCard img{object-fit:cover;width:100%;height:100%;transition:all .35s}.showcaseCard:hover img{transform:scale(1.04)}.showcaseCard>div{z-index:2;position:absolute;bottom:24px;left:25px;right:25px}.showcaseCard small{color:#c7bfd0}.showcaseCard h3{margin:7px 0 13px;font-size:24px}.process{grid-template-columns:.85fr 1.15fr;align-items:center;gap:100px;display:grid}.processCopy .primaryBtn{margin-top:22px}.steps{border-top:1px solid var(--line)}.step{border-bottom:1px solid var(--line);align-items:center;gap:28px;padding:26px 5px;display:flex}.step b{color:#7754d1;font-size:12px}.step span{font-size:19px}.finalCta{background:linear-gradient(125deg,#7140e9,#4737bb);border-radius:25px;justify-content:space-between;align-items:center;gap:40px;max-width:1184px;margin:20px auto 110px;padding:58px 64px;display:flex;box-shadow:0 30px 80px #5a35d32c}.finalCta .kicker{color:#ded1ff}.finalCta h2{max-width:690px;margin:10px 0;font-size:39px}.finalCta p{color:#ddd4f5}.lightBtn{color:#3c277a;white-space:nowrap;background:#fff;padding:16px 22px}.landing footer{border-top:1px solid #1e1a25;grid-template-columns:auto 1fr auto auto;align-items:center;gap:30px;max-width:1240px;margin:auto;padding:40px 28px 55px;display:grid}.landing footer p,.landing footer small{color:#797380;font-size:12px}.landing footer div{gap:22px;display:flex}.landing footer div a{color:#aaa3b1;font-size:12px;text-decoration:none}@media (max-width:900px){.navLinks{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero h1{font-size:52px}.heroVisual{max-width:640px}.toolGrid,.showcaseGrid{grid-template-columns:repeat(2,1fr)}.showcaseCard:last-child{grid-column:1/-1}.process{grid-template-columns:1fr;gap:45px}.landing footer{grid-template-columns:1fr 1fr}.landing footer p{display:none}}@media (max-width:600px){.landNav{padding:0 18px}.ghostBtn{display:none}.brand{font-size:18px}.hero{padding:45px 18px 60px}.hero h1{font-size:43px}.heroCopy>p{font-size:16px}.heroButtons{flex-direction:column;align-items:stretch}.textBtn{justify-content:center}.trust{flex-direction:column;align-items:flex-start;gap:8px}.mockBody{grid-template-columns:1fr}.mockPanel{display:none}.floatCard.right{right:-8px}.floatCard.left{left:-7px}.proof{flex-wrap:wrap;gap:19px}.proof span{text-align:center;width:100%}.section{padding:78px 18px}.sectionHead{display:block}.section h2{font-size:36px}.toolGrid,.showcaseGrid{grid-template-columns:1fr}.showcaseCard:last-child{grid-column:auto}.process{gap:35px}.finalCta{margin:10px 18px 75px;padding:38px 26px;display:block}.finalCta h2{font-size:33px}.finalCta .lightBtn{margin-top:25px}.landing footer{grid-template-columns:1fr}.landing footer div{flex-wrap:wrap}.navActions .primaryBtn{padding:10px;font-size:11px}.navActions .primaryBtn svg{display:none}.landing{overflow-x:hidden}.landNav{gap:10px;height:70px}.brand{white-space:nowrap;min-width:0}.brandIcon{flex:0 0 36px;width:36px;height:36px;margin-right:8px}.navActions{flex:none;gap:8px}.navActions .primaryBtn{white-space:nowrap;min-height:44px;padding:10px 12px}.hero{gap:40px;min-height:0;padding-top:38px}.hero h1{overflow-wrap:anywhere;font-size:clamp(39px,12vw,50px)}.heroButtons .primaryBtn,.heroButtons .textBtn{width:100%;min-height:50px}.heroVisual{width:100%;min-width:0}.appMock{border-radius:18px;transform:none}.mockImage{height:min(105vw,420px)}.floatCard{max-width:72%;padding:10px}.floatCard.left{bottom:15px;left:7px}.floatCard.right{top:64px;right:7px}.proof{padding-inline:18px}.sectionHead{margin-bottom:28px}.toolCard{padding:23px}.showcaseCard{height:min(125vw,480px)}.finalCta .lightBtn{width:100%;min-height:50px}.landing footer{padding-inline:18px}.landing footer div{gap:14px}}@media (max-width:380px){.landNav{padding-inline:12px}.brand{font-size:16px}.brandIcon{flex-basis:34px;width:34px;height:34px}.navActions .primaryBtn{padding-inline:9px;font-size:10px}.hero,.section{padding-inline:14px}.hero h1{font-size:38px}.floatCard{display:none}.finalCta{margin-inline:14px;padding:32px 20px}}
