:root{--bg:#070912;--panel:#101522;--panel2:#151b2b;--text:#f7fbff;--muted:#9ca8ba;--cyan:#38e8ff;--mag:#ff2dd6;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,rgba(56,232,255,.16),transparent 28%),radial-gradient(circle at 80% 10%,rgba(255,45,214,.16),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.nav{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:22px 0;justify-content:space-between}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.03em}.mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--mag));display:grid;place-items:center;color:#061018;box-shadow:0 0 28px rgba(56,232,255,.32)}.brandIcon{width:38px;height:38px;border-radius:14px;box-shadow:0 0 26px rgba(56,232,255,.28),0 0 34px rgba(255,45,214,.18)}.links{display:flex;gap:24px;color:var(--muted);font-size:14px}.links a{text-decoration:none}.links a:hover{color:var(--text)}.hero{width:min(1120px,calc(100% - 32px));min-height:680px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}.hero h1{font-size:clamp(46px,7vw,86px);line-height:.9;letter-spacing:-.075em;margin:12px 0 20px}.lead{font-size:20px;line-height:1.6;color:#c4cedd;max-width:620px}.ctaRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{padding:14px 18px;border-radius:16px;text-decoration:none;font-weight:800;border:1px solid var(--line)}.primary{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--cyan),var(--mag),var(--cyan));background-size:220% 220%;color:#050812;border:0;box-shadow:0 14px 38px rgba(56,232,255,.18),0 10px 34px rgba(255,45,214,.14);animation:premiumGradientShift 8.5s ease-in-out infinite}.primary:before{content:"";position:absolute;inset:1px;border-radius:15px;background:linear-gradient(120deg,rgba(255,255,255,.24),transparent 42%,rgba(255,255,255,.16));opacity:.55;pointer-events:none}.primary:hover{transform:translateY(-1px);box-shadow:0 18px 46px rgba(56,232,255,.24),0 14px 42px rgba(255,45,214,.2)}.primary:active{transform:translateY(0)}@keyframes premiumGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.primary{animation:none}}.secondary{background:rgba(255,255,255,.05)}.fine{color:var(--muted);font-size:13px}.phoneStage{position:relative;height:560px}.glow{inset:12% 8%;background:linear-gradient(135deg,rgba(56,232,255,.22),rgba(255,45,214,.2));filter:blur(60px);border-radius:999px}.glow,.phone{position:absolute}.phone{width:242px;height:470px;border-radius:40px;background:linear-gradient(180deg,#111a29,#070a12);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 0 0 8px #03050a;padding:20px;overflow:hidden}.phone:after{content:"";position:absolute;inset:8px;border-radius:32px;border:1px solid rgba(255,255,255,.06);pointer-events:none}.old{left:32px;top:24px;transform:rotate(-7deg)}.viewer{right:20px;bottom:12px;transform:rotate(6deg);height:430px}.deviceNotch{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:58px;height:6px;border-radius:99px;background:rgba(255,255,255,.08);z-index:2}.appTop{position:relative;z-index:1;margin-top:12px;height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#f8fbff}.appTop.compact{font-size:13px}.hamb{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:rgba(255,255,255,.06);color:var(--cyan)}.miniDot{width:9px;height:9px;border-radius:99px;background:var(--mag);box-shadow:0 0 16px var(--mag)}.liveBadge,.recPill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em}.liveBadge{padding:7px 8px;background:rgba(56,232,255,.12);border:1px solid rgba(56,232,255,.4);color:#d9fbff}.liveBadge i,.recPill span{width:7px;height:7px;border-radius:99px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.livePreview{position:relative;margin-top:8px;height:270px;border-radius:28px;background:linear-gradient(180deg,rgba(20,28,42,.16),rgba(7,10,18,.54)),url(/assets/sender-driver.jpg) center 66%/175% auto;overflow:hidden;border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 -60px 80px rgba(0,0,0,.34)}.recPill{position:absolute;z-index:2;left:12px;top:12px;padding:8px 10px;background:rgba(255,45,214,.15);border:1px solid rgba(255,45,214,.45);color:#ffd7f8}.recPill span{background:var(--mag);box-shadow:0 0 16px var(--mag)}.road{overflow:hidden}.road,.road:before{position:absolute;inset:0}.road:before{content:"";background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 42%,rgba(0,0,0,.28));opacity:1;transform:none}.road i{display:none}.telemetry{position:absolute;z-index:2;left:12px;right:12px;top:50px;padding:9px 11px;border-radius:16px;background:rgba(7,10,18,.5);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:2px}.controlRow small,.senderCard span,.telemetry span{color:var(--muted);font-size:10px}.actionGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:10px}.action{height:38px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:800;color:#dfe8f5}.action.mag{background:linear-gradient(135deg,rgba(255,45,214,.24),rgba(255,45,214,.06));border-color:rgba(255,45,214,.34);color:#ffd7f8}.action.cyan{background:linear-gradient(135deg,rgba(56,232,255,.22),rgba(56,232,255,.055));border-color:rgba(56,232,255,.34);color:#d9fbff}.senderCard{margin-top:18px;border-radius:22px;background:linear-gradient(135deg,rgba(56,232,255,.16),rgba(255,255,255,.06));border:1px solid rgba(56,232,255,.18);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.senderCard div{display:flex;flex-direction:column;gap:4px}.senderCard em{font-style:normal;font-size:10px;font-weight:900;color:#052029;background:var(--cyan);padding:6px 8px;border-radius:999px;box-shadow:0 0 18px rgba(56,232,255,.32)}.controlRow{height:56px;margin-top:10px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px;padding:0 12px}.controlRow span{width:31px;height:31px;border-radius:12px;display:grid;place-items:center;background:rgba(56,232,255,.13);color:var(--cyan);font-weight:900}.controlRow div{display:flex;flex-direction:column;gap:2px}.primaryRow{background:linear-gradient(135deg,rgba(255,45,214,.17),rgba(255,255,255,.045));border-color:rgba(255,45,214,.25)}.primaryRow span{background:rgba(255,45,214,.16);color:var(--mag)}.viewerLiveVideo{position:relative;margin-top:14px;height:252px;border-radius:26px;overflow:hidden;border:1px solid rgba(56,232,255,.26);background:linear-gradient(180deg,rgba(22,30,46,.08),rgba(7,10,18,.38)),url(/assets/viewer-road.jpg) center 58%/cover;box-shadow:0 18px 42px rgba(0,0,0,.36),0 0 30px rgba(56,232,255,.12),inset 0 -78px 95px rgba(0,0,0,.46)}.viewerLiveVideo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 24% 18%,rgba(56,232,255,.18),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.18),transparent 30%,rgba(0,0,0,.28));z-index:1;pointer-events:none}.liveBadge.floating{position:absolute;z-index:3;left:12px;top:12px;background:rgba(7,10,18,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dashRoad{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 48%,rgba(0,0,0,.16))}.dashRoad:after{content:"";position:absolute;left:-20%;right:-20%;bottom:-12%;height:42%;background:linear-gradient(180deg,transparent,rgba(3,5,10,.76))}.dashRoad i{display:none}.videoHud{position:absolute;z-index:3;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;color:#dfe8f5;font-size:10px;font-weight:800}.topHud{top:50px;padding:7px 9px;border-radius:13px;background:rgba(4,7,13,.46);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottomHud{bottom:12px;padding:10px 11px;border-radius:15px;background:rgba(4,7,13,.78);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.videoHud span{color:#e3edf8}.videoHud b,.videoHud span{text-shadow:0 1px 8px rgba(0,0,0,.75)}.videoHud b{color:#fff}.viewerControls{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:7px;gap:7px;margin-top:9px}.viewerControls .action{height:36px;font-size:10px}.miniTimeline{margin-top:8px;height:39px;border-radius:16px;padding:8px 11px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;gap:2px}.miniTimeline b{font-size:11px}.miniTimeline span{font-size:10px;color:var(--muted)}.bottomNav{position:absolute;z-index:3;left:20px;right:20px;bottom:18px;height:50px;border-radius:18px;background:rgba(4,6,12,.86);border:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -10px 30px rgba(0,0,0,.22)}.bottomNav b,.bottomNav span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px;color:#7f8ca0}.bottomNav b{color:var(--cyan);text-shadow:0 0 18px rgba(56,232,255,.34)}.bottomNav small{font-size:9px;font-weight:800}.senderPhone .bottomNav{bottom:16px}.viewerPhone{padding-bottom:78px}.strip{width:min(1120px,calc(100% - 32px));margin:0 auto 22px;padding:18px 22px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.05);display:flex;gap:12px;color:#c5cfdd}.strip strong{color:#fff}.grid{width:min(1120px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:28px;padding:28px;min-height:220px}.card h2,.how h2{letter-spacing:-.04em;font-size:30px;margin:0 0 14px}.card p,.how li{color:#bbc6d6;line-height:1.6}.how{width:min(1120px,calc(100% - 32px));margin:90px auto;display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:42px;gap:42px;align-items:start}.how ol{margin:0;padding:0;counter-reset:item;display:grid;grid-gap:14px;gap:14px}.how li{list-style:none;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:20px;padding:18px 20px}.doc{width:min(760px,calc(100% - 32px));margin:0 auto;padding:54px 0 90px}.doc h1{font-size:52px;letter-spacing:-.06em}.doc h2{margin-top:34px}.doc li,.doc p{color:#c3ccda;line-height:1.75}.doc a{color:#9ef6ff}.back{display:inline-block;color:var(--muted)!important;text-decoration:none;margin-bottom:32px}footer{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:30px 0 44px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:14px}footer div{display:flex;gap:16px}@media(max-width:820px){.links{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:32px 0}.phoneStage{height:500px}.grid,.how{grid-template-columns:1fr}.strip,footer{flex-direction:column}.old{left:0}.viewer{right:0}.phone{width:214px}.viewer{height:410px}.hero h1{font-size:52px}.senderCard{padding:12px}.controlRow{height:52px}}