:root{--ink:#0b1225;--muted:#667085;--line:#e5e7eb;--indigo:#4f46e5;--cyan:#11bde3;--pale:#f6f8ff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff}a{text-decoration:none;color:inherit}header{height:80px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:27px;font-weight:800;letter-spacing:-1.5px}.logo span{color:var(--indigo)}nav{display:flex;gap:34px;font-size:14px;font-weight:600}nav a:hover{color:var(--indigo)}.actions{display:flex;align-items:center;gap:20px}.login{font-size:14px;font-weight:700}.btn{background:linear-gradient(135deg,var(--indigo),#6257ea);color:#fff;border:0;border-radius:12px;padding:17px 24px;font:700 15px inherit;display:inline-flex;align-items:center;justify-content:center;gap:22px;box-shadow:0 12px 30px #4f46e532;cursor:pointer}.btn.small{padding:12px 20px}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:680px;display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:55px;max-width:1240px;margin:auto;padding:62px 24px 90px}.eyebrow,.section-tag{font-size:12px;letter-spacing:1.7px;font-weight:800;color:var(--indigo)}.eyebrow i{display:inline-block;width:8px;height:8px;background:#22c55e;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px #22c55e1b}.hero h1{font-size:64px;line-height:1.02;letter-spacing:-4px;margin:24px 0}.hero h1 em{font-style:normal;color:var(--indigo)}.hero-copy>p{font-size:19px;line-height:1.65;color:var(--muted);max-width:580px}.hero-actions{display:flex;align-items:center;gap:28px;margin:35px 0}.ghost{font-weight:750}.ghost span{display:inline-block;margin-left:7px}.checks{display:flex;gap:20px;color:#64748b;font-size:13px}.checks span::first-letter{color:#22c55e}.dashboard{background:#fff;border:1px solid #e8e9f3;border-radius:25px;box-shadow:0 35px 80px #28316c24;overflow:hidden;transform:perspective(1000px) rotateY(-2deg);position:relative}.dashboard:after{content:"";position:absolute;inset:auto -70px -90px auto;width:200px;height:200px;background:#36d4ef33;filter:blur(50px)}.dash-top{height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:42px;font-size:12px;font-weight:700}.mini-logo{font-size:16px;color:var(--indigo)}.mini-logo span{color:#111827}.avatar{margin-left:auto;width:29px;height:29px;background:#e0e7ff;color:var(--indigo);display:grid;place-items:center;border-radius:50%;font-size:10px}.dash-body{display:grid;grid-template-columns:135px 1fr;min-height:405px}.dash-body aside{padding:22px 10px;background:#fafbff;display:flex;flex-direction:column;gap:7px;border-right:1px solid var(--line)}.dash-body aside span,.dash-body aside b{font-size:10px;padding:10px;border-radius:8px}.dash-body aside .active{background:#edeefe;color:var(--indigo);font-weight:700}.dash-main{padding:28px 24px}.dash-title{display:flex;justify-content:space-between;align-items:center}.dash-title small{font-size:8px;color:#8b93a5}.dash-title h3{margin:5px 0;font-size:20px}.dash-title button{border:0;background:var(--indigo);color:white;border-radius:8px;padding:9px 12px;font-size:9px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.stats article{border:1px solid var(--line);border-radius:11px;padding:13px}.stats small{font-size:7px;color:#8b93a5}.stats strong{display:block;font-size:18px;margin:8px 0}.stats span{font-size:7px;color:#6b7280}.stats .up{color:#16a34a}.chart{border:1px solid var(--line);border-radius:12px;padding:15px}.chart-head{display:flex;justify-content:space-between;font-size:9px}.chart svg{width:100%;height:150px}.problem{background:var(--ink);color:white;padding:80px max(24px,calc((100% - 1192px)/2));display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.problem h2,.modules h2,.config h2{font-size:43px;letter-spacing:-2px;margin:15px 0}.problem p{font-size:18px;line-height:1.7;color:#a9b1c5;margin:0}.problem p strong{color:#fff}.flow{max-width:1192px;margin:-1px auto 100px;background:#131c35;color:white;display:flex;justify-content:space-between;align-items:center;padding:30px;border-radius:0 0 22px 22px}.flow-item{display:flex;flex-direction:column;gap:6px}.flow-item i{font-size:10px;color:#657089;font-style:normal}.flow-item b{font-size:15px}.flow-item span{font-size:10px;color:#929bb0}.flow-item.highlight b{color:#64e2ef}.arrow{color:#536078}.modules{max-width:1192px;margin:0 auto;padding:30px 0 110px}.lead{font-size:18px;color:var(--muted);max-width:620px;line-height:1.6}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.module-grid article{border:1px solid var(--line);border-radius:18px;padding:30px;transition:.25s}.module-grid article:hover{border-color:#c4c7f9;transform:translateY(-4px);box-shadow:0 20px 35px #30366b12}.icon{width:45px;height:45px;background:#eef0ff;color:var(--indigo);display:grid;place-items:center;border-radius:12px;font-weight:800;font-size:20px}.module-grid h3{font-size:19px;margin:22px 0 8px}.module-grid p{font-size:14px;color:var(--muted);line-height:1.6}.implementation{background:linear-gradient(135deg,#3036a3,#5147d5);color:white;padding:90px max(24px,calc((100% - 1192px)/2));display:grid;grid-template-columns:1fr 1fr;gap:100px}.section-tag.light{color:#87e7ff}.impl-copy h2{font-size:45px;letter-spacing:-2px;line-height:1.12;margin:18px 0}.impl-copy p{color:#d8dbfa;line-height:1.7;font-size:17px}.text-link{display:inline-block;margin-top:22px;font-weight:750}.implementation ol{margin:0;padding:0;list-style:none}.implementation li{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #ffffff2e}.implementation li>b{font-size:12px;color:#7ee5f5;margin-top:4px}.implementation li div{display:flex;flex-direction:column;gap:7px}.implementation li span{font-size:13px;color:#c5caef}.config{padding:105px 24px;background:var(--pale)}.config-head{text-align:center}.config-head p{color:var(--muted)}.builder{max-width:1000px;margin:45px auto 0;display:grid;grid-template-columns:1.25fr .75fr;background:white;border:1px solid #e5e7f0;border-radius:24px;box-shadow:0 25px 70px #33415514;overflow:hidden}.choices{padding:42px}.choices h3{font-size:14px;margin:0 0 18px}.choices h3:not(:first-child){margin-top:32px}.option{border:1px solid var(--line);border-radius:13px;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:9px;cursor:pointer}.option.selected{border-color:#8b86ef;background:#f7f7ff}.option input{accent-color:var(--indigo);width:17px;height:17px}.option>span{display:flex;flex-direction:column;flex:1}.option b{font-size:13px}.option small{font-size:11px;color:var(--muted);margin-top:3px}.option>strong{font-size:12px;color:var(--indigo)}.stepper{display:flex;align-items:center;gap:15px}.stepper button{width:38px;height:38px;border:1px solid var(--line);background:white;border-radius:9px;font-size:20px;cursor:pointer}.stepper strong{font-size:22px;min-width:28px;text-align:center}.stepper span{color:var(--muted);font-size:13px}.summary{background:var(--ink);color:white;padding:42px;display:flex;flex-direction:column}.summary>span{font-size:10px;letter-spacing:1.5px;color:#8beaff}.summary h3{font-size:20px;margin:12px 0 24px}.summary-item{display:flex;justify-content:space-between;padding:10px 0;font-size:13px;border-bottom:1px solid #ffffff14}.summary-item i{font-style:normal;color:#79e2ef}.hosting{display:flex;justify-content:space-between;margin-top:14px;padding:13px;background:#ffffff0d;border-radius:9px;font-size:12px}.hosting b{color:#7ee5f5}.estimate{margin-top:auto;padding-top:32px}.estimate small{display:block;color:#9ca5bb}.estimate strong{display:inline-block;font-size:40px;margin:10px 4px 18px 0}.estimate span{font-size:11px;color:#9ca5bb}.summary .full{width:100%;margin-bottom:13px}.summary>small{font-size:9px;color:#8d96aa;text-align:center}.final{text-align:center;color:white;padding:100px 24px;background:radial-gradient(circle at 50% 0,#5059c9,#10182d 65%)}.final>span{font-size:11px;letter-spacing:2px;color:#86e9f5}.final h2{font-size:47px;letter-spacing:-2px;margin:18px 0}.final p{color:#b8c0d4;font-size:17px}.btn.white{background:white;color:var(--indigo);margin-top:20px}footer{padding:55px max(24px,calc((100% - 1192px)/2));display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;background:#090f20;color:#9099ae}footer .inverse{color:white}footer p{font-size:12px}footer div{display:flex;gap:20px;font-size:12px;color:#c0c7d7}footer small{grid-column:1/-1;border-top:1px solid #ffffff15;padding-top:25px;margin-top:15px;font-size:10px}dialog{border:0;border-radius:22px;padding:40px;max-width:570px;width:calc(100% - 32px);box-shadow:0 30px 100px #0b12255e}dialog::backdrop{background:#0b1225a8;backdrop-filter:blur(6px)}dialog h2{font-size:31px;margin:14px 0}dialog>p{color:var(--muted);line-height:1.6}.close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:27px;color:#778095;cursor:pointer}form label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:7px;margin:14px 0}input{font:inherit;padding:14px;border:1px solid var(--line);border-radius:10px;outline:none}input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #4f46e518}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.success{text-align:center;padding:25px}.success div{margin:auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#16a34a;font-size:28px}.success h3{font-size:25px;margin-bottom:8px}.success p{color:var(--muted)}@media(max-width:900px){nav,.actions .login{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:35px}.hero h1{font-size:49px}.dashboard{transform:none}.problem{grid-template-columns:1fr;gap:20px}.flow{margin:0;border-radius:0;overflow:auto;gap:24px}.module-grid{grid-template-columns:1fr 1fr}.modules{padding-left:24px;padding-right:24px}.implementation{grid-template-columns:1fr;gap:40px}.builder{grid-template-columns:1fr}.summary{min-height:470px}footer{grid-template-columns:1fr}footer div{flex-wrap:wrap}}@media(max-width:560px){header{height:68px}.hero h1{font-size:41px;letter-spacing:-2.5px}.hero-copy>p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.checks{flex-wrap:wrap}.dashboard{margin:0 -15px}.dash-body{grid-template-columns:84px 1fr}.dash-body aside{overflow:hidden}.stats{grid-template-columns:1fr}.stats article:nth-child(n+2){display:none}.chart svg{height:105px}.problem h2,.modules h2,.config h2,.impl-copy h2,.final h2{font-size:34px}.module-grid{grid-template-columns:1fr}.implementation{padding-top:70px;padding-bottom:70px}.choices,.summary{padding:28px 22px}.form-row{grid-template-columns:1fr}dialog{padding:32px 22px}footer div{flex-direction:column}}

.lead-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.lead-error{color:#991b1b;background:#fef2f2;border-radius:10px;padding:12px;font-size:14px}.lead-privacy{font-size:14px!important;color:#64748b;margin:8px 0 16px}.btn:disabled{opacity:.65;cursor:wait}form[hidden],.success[hidden],#leadError[hidden]{display:none!important}