
:root{
  --bg:#030712;
  --bg2:#06101f;
  --panel:#081523;
  --panel2:#0b1b2d;
  --line:rgba(125, 211, 252, .18);
  --line2:rgba(148, 163, 184, .16);
  --text:#eaf4ff;
  --muted:#91a8c2;
  --soft:#c6d8ec;
  --blue:#1684ff;
  --blue2:#38bdf8;
  --cyan:#2dd4bf;
  --danger:#ff4d6d;
  --success:#27e7a0;
  --white:#ffffff;
  --shadow:0 26px 80px rgba(0,0,0,.44);
  --radius:24px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(1000px 520px at 8% 0%, rgba(22,132,255,.22), transparent 55%),
    radial-gradient(850px 500px at 83% 3%, rgba(45,212,191,.12), transparent 60%),
    linear-gradient(180deg,#030712 0%,#06101f 42%,#030712 100%);
  color:var(--text);
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.browser-frame{background:#101217;border-bottom:1px solid rgba(255,255,255,.1);height:34px;display:flex;align-items:center;gap:10px;padding:0 16px;color:#9ca3af;font-size:12px;position:sticky;top:0;z-index:80}
.window-dots{display:flex;gap:7px}.dot{width:10px;height:10px;border-radius:50%}.red{background:#ff5f57}.yellow{background:#ffbd2e}.green{background:#28c840}
.urlbar{height:22px;border-radius:8px;background:#22252b;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex:1;max-width:620px;margin:0 auto;color:#d1d5db}
.site-header{position:sticky;top:34px;z-index:70;background:rgba(3,7,18,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.14)}
.header-inner{max-width:var(--max);margin:0 auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:12px;min-width:160px}.logo img{height:43px;width:auto;object-fit:contain}.logo.small img{height:36px}.desktop-nav{display:flex;align-items:center;gap:28px;color:#c7d2e2;font-size:14px}.desktop-nav a{transition:.2s color}.desktop-nav a:hover{color:white}.header-actions{display:flex;align-items:center;gap:12px}.link-muted{color:#b8c7da;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;border:1px solid transparent;font-weight:700;letter-spacing:-.01em;transition:.18s ease;cursor:pointer;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#1677ff,#0e63ec);color:white;box-shadow:0 14px 34px rgba(22,132,255,.32)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(22,132,255,.42)}.btn-outline{border-color:rgba(203,213,225,.24);background:rgba(15,23,42,.42);color:#f8fafc}.btn-outline:hover{background:rgba(30,41,59,.7);border-color:rgba(56,189,248,.4)}.btn-sm{padding:11px 15px;font-size:14px}.btn-lg{padding:15px 22px;font-size:15px}.btn-full{width:100%}.mobile-menu-button{display:none;background:rgba(15,23,42,.65);border:1px solid rgba(148,163,184,.24);color:white;border-radius:12px;padding:10px 13px}.mobile-nav{display:none;border-top:1px solid rgba(148,163,184,.14);padding:16px 22px;background:#050b16}.mobile-nav a{display:block;padding:11px 0;color:#dbeafe}.mobile-nav .btn{margin-top:12px}
.section{max-width:var(--max);margin:0 auto;padding:78px 22px}.hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(148,163,184,.1)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 85%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,1.15fr);gap:42px;align-items:center;padding-top:62px;padding-bottom:46px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(22,132,255,.12);border:1px solid rgba(56,189,248,.26);color:#79d6ff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:22px 0 22px;max-width:700px}.hero p{color:#b7c7d9;font-size:18px;line-height:1.7;max-width:590px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:31px}.fineprint{margin-top:16px;color:#6f86a1;font-size:12px}.hero-visual{position:relative;min-height:500px}.glow-orb{position:absolute;width:280px;height:280px;filter:blur(60px);border-radius:50%;opacity:.28}.orb-a{right:12%;top:2%;background:#1684ff}.orb-b{right:42%;bottom:6%;background:#2dd4bf}.ui-card{position:absolute;background:linear-gradient(180deg,rgba(12,28,48,.92),rgba(6,14,28,.88));border:1px solid rgba(125,211,252,.18);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.ui-card h3,.ui-title{margin:0;color:#eff6ff;font-size:13px;font-weight:800}.ui-sub{color:#7e98b4;font-size:11px;margin-top:3px}.workflow-card{left:0;top:36px;width:250px;padding:16px}.workflow-step{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;background:rgba(15,33,56,.88);border:1px solid rgba(125,211,252,.11);border-radius:11px;padding:9px;margin-top:10px}.num{width:26px;height:26px;border-radius:9px;background:rgba(22,132,255,.22);border:1px solid rgba(56,189,248,.25);display:grid;place-items:center;color:#92d9ff;font-weight:800;font-size:12px}.dashboard-card{right:0;top:0;width:394px;padding:18px}.dash-grid{display:grid;grid-template-columns:125px 1fr;gap:14px;margin-top:14px}.gauge{width:112px;height:112px;border-radius:50%;background:conic-gradient(from -90deg,#2dd4bf 0 76%,rgba(37,99,235,.14) 76%);display:grid;place-items:center;box-shadow:0 0 42px rgba(45,212,191,.16)}.gauge-inner{width:82px;height:82px;border-radius:50%;background:#071222;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;text-align:center}.gauge strong{display:block;font-size:33px;letter-spacing:-.05em}.gauge span{display:block;color:#69f5ce;font-size:10px;margin-top:-4px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.statbox{background:rgba(8,19,35,.72);border:1px solid rgba(148,163,184,.12);border-radius:12px;padding:10px}.statbox span{display:block;color:#8398b2;font-size:10px}.statbox strong{display:block;font-size:20px;margin-top:3px}.trend{grid-column:1/3;height:88px;border-radius:12px;background:linear-gradient(180deg,rgba(22,132,255,.13),rgba(22,132,255,.02));border:1px solid rgba(56,189,248,.12);position:relative;overflow:hidden}.trend svg{position:absolute;inset:0}.activity{margin-top:12px;display:grid;gap:8px}.activity-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(8,19,35,.72);border:1px solid rgba(148,163,184,.11);border-radius:11px;padding:8px 10px}.tag{font-size:10px;border-radius:999px;padding:3px 7px}.tag.ok{background:rgba(39,231,160,.12);color:#6cf3c6}.tag.risk{background:rgba(255,77,109,.12);color:#ff8aa0}.evidence-mini{left:24px;bottom:105px;width:270px;padding:16px}.evidence-mini .list{margin-top:12px;display:grid;gap:8px}.mini-line{display:flex;justify-content:space-between;gap:10px;color:#b9c7d9;font-size:11px}.mini-line span:first-child{color:#7dd3fc}.doc-card{right:54px;bottom:48px;width:295px;transform:rotate(4deg);padding:18px;background:linear-gradient(180deg,#edf6ff,#cedff2);color:#0f172a;border-radius:18px;border:1px solid rgba(255,255,255,.5);box-shadow:0 28px 90px rgba(22,132,255,.22)}.doc-card:after{content:"VERIFICATION REQUIRED";position:absolute;right:-20px;top:22px;background:#0e63ec;color:#fff;padding:7px 28px;border-radius:7px;font-size:10px;font-weight:900;transform:rotate(45deg)}.doc-title{font-size:13px;font-weight:900;color:#0b1220}.doc-sub{font-size:11px;color:#475569;margin-top:6px}.fake-line{height:7px;background:#94a3b8;border-radius:999px;margin-top:12px;opacity:.55}.fake-line.short{width:62%}.connector{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#1684ff,transparent);box-shadow:0 0 14px #1684ff}.con-a{left:245px;top:202px;width:120px}.con-b{right:300px;top:352px;width:132px;transform:rotate(-18deg)}.feature-strip{max-width:var(--max);margin:0 auto 22px;padding:0 22px;position:relative;z-index:4}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(180deg,rgba(13,29,49,.88),rgba(8,18,32,.92));border:1px solid rgba(125,211,252,.18);border-radius:18px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.25)}.strip-item{padding:22px;display:grid;grid-template-columns:42px 1fr;gap:14px;border-right:1px solid rgba(148,163,184,.14)}.strip-item:last-child{border-right:0}.icon-box{width:42px;height:42px;border-radius:14px;background:rgba(22,132,255,.12);border:1px solid rgba(56,189,248,.25);display:grid;place-items:center;color:#5fd4ff}.strip-item strong{display:block;font-size:14px}.strip-item span{display:block;margin-top:4px;font-size:12px;color:#98abc0;line-height:1.45}.split{display:grid;grid-template-columns:250px 1fr;gap:46px;align-items:start}.section-kicker{color:#7dd3fc;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-bottom:12px}.section h2{font-size:clamp(30px,4vw,46px);line-height:1.06;letter-spacing:-.04em;margin:0 0 18px}.section-lead{color:#a8bad0;font-size:17px;line-height:1.7;margin:0}.deliverables{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.deliver-card{background:linear-gradient(180deg,rgba(12,28,48,.92),rgba(6,14,28,.86));border:1px solid rgba(125,211,252,.15);border-radius:20px;padding:17px;min-height:214px;box-shadow:0 16px 52px rgba(0,0,0,.22);position:relative;overflow:hidden}.deliver-card:before{content:"";position:absolute;inset:auto 0 0 0;height:54px;background:linear-gradient(0deg,rgba(22,132,255,.10),transparent)}.thumb{height:88px;border-radius:12px;background:linear-gradient(180deg,#eef7ff,#cbddee);padding:14px;margin-bottom:14px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}.thumb .line{height:7px;border-radius:99px;background:#8ba2b8;margin-bottom:8px}.thumb .line:nth-child(2){width:84%}.thumb .line:nth-child(3){width:64%}.thumb.matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.thumb.matrix div{background:#93a8be;border-radius:5px;opacity:.75}.thumb.checks{display:grid;gap:6px}.check-row{display:grid;grid-template-columns:12px 1fr;gap:8px;align-items:center}.tick{width:12px;height:12px;border-radius:3px;background:#38bdf8}.thumb.chart{position:relative}.thumb.chart:after{content:"85";position:absolute;left:14px;bottom:10px;color:#0e63ec;font-weight:900;font-size:22px}.thumb.sign{display:grid;gap:7px}.signature{height:8px;border-radius:99px;background:#64748b;opacity:.5}.deliver-card h3{font-size:16px;margin:0 0 7px}.deliver-card p{font-size:13px;color:#97abc2;line-height:1.45;margin:0}.pricing-preview{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));border-top:1px solid rgba(148,163,184,.1);border-bottom:1px solid rgba(148,163,184,.1)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{position:relative;background:linear-gradient(180deg,rgba(12,28,48,.96),rgba(5,13,26,.95));border:1px solid rgba(148,163,184,.16);border-radius:22px;padding:24px;box-shadow:0 20px 70px rgba(0,0,0,.22)}.price-card.featured{border-color:rgba(22,132,255,.75);box-shadow:0 0 0 1px rgba(22,132,255,.25),0 0 55px rgba(22,132,255,.18)}.badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#1684ff,#0e63ec);border-radius:999px;padding:6px 18px;font-size:11px;font-weight:900;letter-spacing:.08em}.price-card h3{margin:0 0 14px}.price{font-size:36px;font-weight:900;letter-spacing:-.05em}.price small{font-size:14px;color:#91a8c2;font-weight:700}.price-note{color:#8196ad;font-size:12px;margin-top:2px}.checklist{list-style:none;margin:22px 0;padding:0;display:grid;gap:12px;color:#c6d8ec;font-size:14px}.checklist li{display:flex;gap:10px;align-items:flex-start}.checklist li:before{content:"✓";width:18px;height:18px;border-radius:50%;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.28);display:grid;place-items:center;color:#6ed6ff;font-size:12px;font-weight:900;flex:0 0 18px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}.timeline:before{content:"";position:absolute;top:28px;left:9%;right:9%;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.55),transparent)}.step{position:relative;text-align:center;padding:0 12px}.step-num{width:56px;height:56px;border-radius:50%;margin:0 auto 16px;background:#0b1b2d;border:1px solid rgba(56,189,248,.42);box-shadow:0 0 24px rgba(22,132,255,.22);display:grid;place-items:center;color:#9be6ff;font-weight:900;font-size:20px}.step h3{font-size:16px;margin:0 0 8px}.step p{font-size:13px;color:#92a8c1;line-height:1.5;margin:0}.cta-panel{display:grid;grid-template-columns:280px 1fr 1.1fr;gap:34px;align-items:center;background:linear-gradient(135deg,rgba(12,28,48,.96),rgba(4,12,26,.96));border:1px solid rgba(125,211,252,.2);border-radius:26px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.32);overflow:hidden;position:relative}.shield-art{height:164px;border-radius:20px;background:radial-gradient(circle at 42% 42%,rgba(56,189,248,.55),transparent 28%),linear-gradient(135deg,rgba(22,132,255,.25),rgba(45,212,191,.07));border:1px solid rgba(56,189,248,.19);display:grid;place-items:center;position:relative;overflow:hidden}.shield-art svg{filter:drop-shadow(0 0 24px rgba(56,189,248,.55))}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{width:100%;background:rgba(3,7,18,.64);border:1px solid rgba(148,163,184,.22);border-radius:11px;color:white;padding:13px 14px;outline:none}.field:focus{border-color:rgba(56,189,248,.8);box-shadow:0 0 0 3px rgba(56,189,248,.12)}.textarea{min-height:126px;resize:vertical}.form-grid .wide{grid-column:1/3}.footer{border-top:1px solid rgba(148,163,184,.12);padding:34px 22px 42px;background:rgba(2,6,23,.55)}.footer-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#879ab2;font-size:13px}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.subpage-hero{max-width:var(--max);margin:0 auto;padding:84px 22px 48px}.subpage-hero h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.055em;line-height:1;margin:18px 0}.subpage-hero p{max-width:780px;color:#aec0d4;font-size:18px;line-height:1.7}.content-grid{max-width:var(--max);margin:0 auto;padding:28px 22px 90px;display:grid;gap:22px}.content-card{background:linear-gradient(180deg,rgba(12,28,48,.92),rgba(6,14,28,.86));border:1px solid rgba(125,211,252,.15);border-radius:22px;padding:28px;box-shadow:0 16px 52px rgba(0,0,0,.22)}.content-card h2{margin:0 0 14px;font-size:28px;letter-spacing:-.03em}.content-card h3{margin:24px 0 10px;font-size:18px}.content-card p,.content-card li{color:#a8bad0;line-height:1.7}.content-card ul,.content-card ol{padding-left:22px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.faq-item{border-top:1px solid rgba(148,163,184,.14);padding:20px 0}.faq-item:first-child{border-top:0}.faq-item strong{font-size:17px}.legal-note{font-size:13px;color:#8298b2}.table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:16px;border:1px solid rgba(148,163,184,.18)}.table th,.table td{padding:14px;border-bottom:1px solid rgba(148,163,184,.12);text-align:left;color:#c3d6ea}.table th{background:rgba(22,132,255,.09);color:white}.table tr:last-child td{border-bottom:0}.download-box{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:rgba(22,132,255,.08);border:1px solid rgba(56,189,248,.22);border-radius:20px;padding:22px}.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:24px}.disclaimer{color:#7f94ad;font-size:12px;line-height:1.6;margin-top:14px}.mobile-only{display:none}
@media (max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:560px;max-width:720px}.deliverables{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr}.pricing-grid,.timeline{grid-template-columns:1fr}.timeline:before{display:none}.step{padding:18px 0}.cta-panel{grid-template-columns:1fr}.strip-grid{grid-template-columns:repeat(2,1fr)}.strip-item:nth-child(2){border-right:0}.strip-item{border-bottom:1px solid rgba(148,163,184,.14)}}
@media (max-width:760px){.browser-frame{display:none}.site-header{top:0}.desktop-nav,.header-actions{display:none}.mobile-menu-button{display:inline-flex}.mobile-nav.open{display:block}.header-inner{padding:15px 16px}.logo img{height:36px}.hero-grid{padding-top:42px}.hero h1{font-size:44px}.hero p{font-size:16px}.hero-visual{min-height:auto;display:grid;gap:14px}.ui-card,.workflow-card,.dashboard-card,.evidence-mini,.doc-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;transform:none}.connector,.glow-orb{display:none}.doc-card:after{display:none}.strip-grid{grid-template-columns:1fr}.strip-item{border-right:0}.deliverables{grid-template-columns:1fr}.section{padding:58px 16px}.feature-strip{padding:0 16px}.form-grid,.two-col,.contact-layout{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.footer-inner{align-items:flex-start;flex-direction:column}.subpage-hero{padding:58px 16px 28px}.content-grid{padding:20px 16px 68px}.download-box{grid-template-columns:1fr}.mobile-only{display:block}}


/* CTA mockup upgrade */
.cta-mockup{height:164px;border-radius:20px;background:linear-gradient(180deg,rgba(12,35,61,.96),rgba(5,18,35,.98));border:1px solid rgba(56,189,248,.18);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(148,163,184,.06),0 14px 48px rgba(0,0,0,.2)}
.cta-mockup img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:1050px){.cta-mockup{max-width:420px}}

.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;width:0!important;pointer-events:none!important}

/* Stronger form + thank-you page fixes */
input.field, textarea.field {
  appearance: none;
  -webkit-appearance: none;
  background: rgba(3,7,18,.64) !important;
  color: #ffffff !important;
  border: 1px solid rgba(148,163,184,.22) !important;
}
input.field::placeholder, textarea.field::placeholder { color: rgba(203,213,225,.58); }
input.field:-webkit-autofill,
input.field:-webkit-autofill:hover,
input.field:-webkit-autofill:focus,
textarea.field:-webkit-autofill,
textarea.field:-webkit-autofill:hover,
textarea.field:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0 1000px #030712 inset;
  transition: background-color 9999s ease-in-out 0s;
  caret-color: #ffffff;
}
.thanks-page { min-height: calc(100vh - 92px); display: grid; align-items: center; padding: 64px 22px 88px; }
.thanks-shell { max-width: var(--max); width: 100%; margin: 0 auto; display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); gap: 42px; align-items: center; padding: 42px; border: 1px solid rgba(125,211,252,.18); border-radius: 30px; background: radial-gradient(circle at 75% 25%, rgba(22,132,255,.14), transparent 36%), linear-gradient(135deg, rgba(12,28,48,.86), rgba(3,10,23,.94)); box-shadow: 0 28px 90px rgba(0,0,0,.36); overflow: hidden; }
.thanks-copy h1 { margin: 22px 0 18px; font-size: clamp(44px, 5.2vw, 78px); line-height: .98; letter-spacing: -.055em; }
.thanks-copy p { color: #b4c7dd; font-size: 18px; line-height: 1.7; max-width: 680px; }
.thanks-status { margin-top: 26px; display: inline-grid; grid-template-columns: 12px auto; gap: 7px 12px; align-items: center; padding: 14px 16px; border-radius: 18px; border: 1px solid rgba(45,212,191,.22); background: rgba(45,212,191,.06); color: #dffef4; }
.thanks-status span { width: 10px; height: 10px; border-radius: 999px; background: #2dd4bf; box-shadow: 0 0 18px rgba(45,212,191,.8); }
.thanks-status strong { font-size: 14px; }
.thanks-status small { grid-column: 2; color: #95b8c9; line-height: 1.5; }
.thanks-actions { margin-top: 30px; }
.thanks-visual .mockup-frame { max-width: 760px; margin-left: auto; }
@media (max-width: 1050px) { .thanks-shell { grid-template-columns: 1fr; padding: 30px; } .thanks-visual .mockup-frame { margin-left: 0; } }
@media (max-width: 640px) { .thanks-page { padding: 38px 16px 64px; } .thanks-shell { padding: 24px; border-radius: 24px; } .thanks-copy h1 { font-size: 42px; } }
