:root{--bg:#05111f;--panel:#091b2c;--text:#f5f8fc;--muted:#a5b8ca;--line:rgba(90,157,214,.22);--blue:#1f95f2;--blue2:#36a8ff;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#69b6f6;font-size:12px;font-weight:800;margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:12px 21px;font-size:12px;font-weight:750;border:1px solid transparent;transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#1682dd,#2ba0ff);color:#fff;box-shadow:0 10px 25px rgba(25,134,225,.2)}.btn-outline{border-color:#2c79b1;color:#d9ebfa;background:rgba(5,17,31,.42)}
.site-header{height:55px;border-bottom:1px solid var(--line);background:rgba(6,19,33,.94);backdrop-filter:blur(18px);position:sticky;top:0;z-index:40}.header-inner{height:55px;display:flex;align-items:center;gap:25px}.logo{font-size:28px;font-weight:800;letter-spacing:.16em;white-space:nowrap}.logo span{color:var(--blue)}.nav{display:flex;gap:33px;margin:auto}.nav a{font-size:12px;color:#a9bbcc;padding:20px 0 15px;border-bottom:2px solid transparent}.nav a:hover{color:#fff;border-color:var(--blue)}.header-cta{padding:10px 20px}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 10%,rgba(33,132,220,.16),transparent 27%),linear-gradient(180deg,#061321,#06111e)}.hero:after{content:"";position:absolute;right:0;bottom:0;width:60%;height:70%;background:radial-gradient(ellipse at 35% 80%,transparent 0 33%,rgba(41,132,220,.18) 34%,transparent 35%),radial-gradient(ellipse at 50% 70%,transparent 0 40%,rgba(41,132,220,.13) 41%,transparent 42%);opacity:.9}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:35px;padding:48px 0 28px}.hero h1{font-size:40px;line-height:1.04;letter-spacing:-.04em;margin:0 0 16px}.hero h1 span{color:var(--blue)}.hero-copy{color:#c2cfdb;font-size:14px;line-height:1.7;max-width:560px}.hero-actions{display:flex;gap:12px;margin:22px 0 28px}.benefits{display:grid;grid-template-columns:repeat(4,1fr)}.benefit{padding:0 20px;border-left:1px solid rgba(255,255,255,.08)}.benefit:first-child{border-left:0;padding-left:0}.icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0c2236;border:1px solid rgba(36,135,218,.16);color:var(--blue2);font-size:20px;margin-bottom:8px}.benefit strong{display:block;font-size:12px;margin-bottom:7px}.benefit small{color:#8fa2b4;font-size:10px;line-height:1.55;display:block}.hero-visual{position:relative;min-height:370px}.phone{width:195px;height:382px;border:4px solid #40576b;border-radius:31px;background:#06121e;box-shadow:0 24px 45px rgba(0,0,0,.45);margin:0 auto;position:relative}.phone-top{font-size:9px;color:#cbd6e0;padding:14px 22px}.phone-content{text-align:center;padding:18px 15px}.voice{width:58px;height:58px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:radial-gradient(circle,#18567f,#0b2740 60%,#071622 62%);color:#45b2ff;font-size:24px;box-shadow:0 0 0 10px rgba(40,140,220,.05)}.phone-title{font-size:11px;font-weight:700}.phone-sub{font-size:9px;color:#8297aa}.phone-bubble{margin-top:18px;background:#1a2e42;border-radius:9px;padding:11px;text-align:left;color:#d4dee7;font-size:9px;line-height:1.55}.controls{display:flex;justify-content:space-around;margin-top:19px}.controls span{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#263746;color:#c2d0dc;font-size:13px}.end{width:45px;height:45px;border-radius:50%;background:#ff4d55;display:grid;place-items:center;margin:12px auto 0}.callcard{position:absolute;right:0;top:38px;width:205px;background:linear-gradient(180deg,#0b2032,#071724);border:1px solid #2877b4;border-radius:13px;padding:16px;box-shadow:0 15px 35px rgba(0,0,0,.28)}.row{display:flex;align-items:center;gap:7px}.live{margin-left:auto;color:#79d7a8;font-size:9px}.number{color:#42a9ff;font-weight:700;font-size:13px;margin:8px 0 13px}.tag{font-size:9px;padding:5px 8px;border-radius:7px;background:#293b4a}.tag.red{background:#f14a50}.detail{display:flex;gap:8px;color:#92a5b7;font-size:9px;margin:10px 0}.detail b{display:block;color:#c9d5df;font-weight:500;margin-top:2px}.card-btn{display:block;text-align:center;border:1px solid #2a79b5;border-radius:8px;padding:9px;font-size:10px;margin-top:10px}.card-btn.primary{background:linear-gradient(135deg,#167dd3,#2ba2ff)}
.section{border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1.05fr 2.2fr;gap:36px;padding:35px 0}.section-title{font-size:30px;line-height:1.12;letter-spacing:-.025em;margin:0 0 12px}.section-copy{font-size:13px;line-height:1.72;color:var(--muted);margin:0 0 20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.card{overflow:hidden;border:1px solid rgba(83,143,192,.26);border-radius:10px;background:#091b2a;position:relative;min-height:214px}.cardimg{height:106px;background:linear-gradient(135deg,#13314a,#0b1a28)}.badgeicon{position:absolute;top:81px;left:13px;width:41px;height:41px;border-radius:50%;background:#10283c;border:1px solid #3a6d96;display:grid;place-items:center}.card h3{font-size:12px;margin:18px 12px 6px}.card p{font-size:9px;color:#91a5b8;line-height:1.55;margin:0 12px}.card .arr{position:absolute;right:13px;bottom:12px;color:#8fc9f7}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{position:relative}.step:not(:last-child):after{content:"›";position:absolute;right:-12px;top:23px;color:#639bc8;font-size:32px}.num{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1178d1,#35a8ff);font-size:11px;font-weight:700}.stepicon{width:47px;height:47px;border-radius:50%;border:1px solid #2b5d82;background:#0a1b2a;display:grid;place-items:center;margin:-3px 0 14px 25px;color:#acd2ef;font-size:20px}.step h3{font-size:13px;margin:0 0 8px}.step p{font-size:10px;line-height:1.6;color:#91a5b8}.cta{padding:27px 0;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 18% 100%,rgba(34,130,214,.18),transparent 40%)}.cta-grid{display:grid;grid-template-columns:1.45fr .7fr 1.2fr;align-items:center;gap:25px}.cta h2{font-size:24px;margin:0 0 8px}.cta p{font-size:11px;color:#9fb0c0;line-height:1.6}.points{display:flex;gap:18px;border-left:1px solid rgba(255,255,255,.08);padding-left:25px}.pt{display:flex;align-items:center;gap:8px;font-size:9px;color:#a7b7c6}.pt span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#10263b}
.page-hero{padding:68px 0 46px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 0,rgba(37,141,230,.14),transparent 29%)}.page-hero h1{font-size:44px;line-height:1.05;letter-spacing:-.045em;margin:0 0 15px;max-width:820px}.page-hero p{font-size:16px;color:#a9bac9;line-height:1.75;max-width:760px}.content-section{padding:58px 0;border-bottom:1px solid var(--line)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.content-card{padding:28px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#0a1d2f,#071624)}.content-card h3{margin:0 0 11px;font-size:19px}.content-card p,.content-card li{color:#9fb2c3;font-size:13px;line-height:1.72}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.metric{padding:24px;border:1px solid var(--line);border-radius:14px;background:#091a2a}.metric strong{display:block;font-size:20px;margin-bottom:6px}.metric span{color:#92a6b8;font-size:12px;line-height:1.5}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}.flow-item{padding:20px 16px;border:1px solid var(--line);border-radius:13px;background:#091a29}.flow-item .flow-num{color:#52b1fa;font-size:11px;font-weight:800}.flow-item h3{font-size:15px;margin:10px 0 8px}.flow-item p{font-size:11px;line-height:1.55;color:#91a5b8}
.contact-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;padding:54px 0 76px}.contact-side,.demo-form{padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#0b2033,#071623)}.contact-side h2,.form-head h2{font-size:25px;margin:0 0 12px}.contact-side p,.form-head p{color:#a7b8c8;font-size:13px;line-height:1.72}.problem-list{display:grid;gap:10px;margin-top:22px}.problem{display:flex;gap:10px;align-items:flex-start;padding:13px;border-radius:11px;background:#0a1a29;border:1px solid rgba(255,255,255,.06)}.problem i{font-style:normal;color:#42a9ff}.problem span{font-size:12px;color:#aec0cf;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:14px}.field.full{grid-column:1/-1}.field label{display:block;font-size:11px;color:#c0d0dd;margin-bottom:6px;font-weight:650}.field input,.field select,.field textarea{width:100%;border:1px solid #214d6d;border-radius:10px;background:#071827;color:#edf5fb;padding:12px 13px}.field textarea{min-height:115px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:5px}.check{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#081a2a}.check span{font-size:11px;color:#aabcca;line-height:1.4}.form-note{font-size:10px;color:#8197aa;line-height:1.55;margin-top:12px}
.site-footer{padding:27px 0 36px;background:#050d17}.footer-grid{display:grid;grid-template-columns:2fr 1.15fr 1.15fr 1.4fr;gap:35px}.footer-grid p,.footer-grid a{font-size:9px;color:#91a4b5;line-height:1.6}.footer-col h4{font-size:10px;color:#d7e2eb;margin:0 0 9px}.footer-col a{display:block;margin:4px 0}.footer-bottom{text-align:right;color:#607486;font-size:8px;margin-top:12px}
@media(max-width:920px){.nav{gap:17px}.hero-grid,.split,.contact-shell{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.cta-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:680px){.container{width:min(100% - 28px,var(--max))}.nav{display:none}.header-inner{justify-content:space-between}.header-cta{display:none}.hero h1{font-size:34px}.benefits{grid-template-columns:1fr 1fr;gap:16px}.callcard{right:-18px;transform:scale(.84);transform-origin:top right}.cards{grid-template-columns:1fr 1fr}.flow,.metric-grid,.form-grid,.checks{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.page-hero h1{font-size:36px}}