:root{ --bg:#05060a;--bg2:#090b12;--panel:rgba(17,18,28,.82);--panel2:rgba(11,12,19,.78); --text:#f7f5ff;--muted:#9c9aae;--line:rgba(255,255,255,.09);--purple:#5badff;--purple2:#3d9eff; --green:#55e6a5;--amber:#ffbd59;--red:#ff5e73;--blue:#58c8ff;--shadow:0 30px 80px rgba(0,0,0,.45); } *{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;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.muted{color:var(--muted)} body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at 70% 12%,rgba(77,166,255,.16),transparent 25%),radial-gradient(circle at 20% 32%,rgba(68,145,255,.07),transparent 22%),#05060a} body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black 0%,black 60%,transparent 100%);animation:gridDrift 22s linear infinite}@keyframes gridDrift{to{background-position:56px 56px}} .nav{position:sticky;top:0;z-index:60;border-bottom:1px solid var(--line);background:rgba(5,6,10,.72);backdrop-filter:blur(24px)}.navin{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.1em;font-size:20px}.mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#73b9ff,#3d9eff);box-shadow:0 0 34px rgba(91,173,255,.35);font-size:13px}.navlinks{display:flex;gap:6px;margin-left:auto}.navlinks a{padding:11px 13px;border-radius:12px;color:#c6c3d1;font-weight:650;font-size:14px}.navlinks a:hover,.navlinks a.active{background:rgba(255,255,255,.05);color:#fff}.navactions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#fff;font-weight:760;cursor:pointer;transition:.22s ease}.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.05)}.btn.primary{background:linear-gradient(135deg,#5badff,#3d9eff);border-color:rgba(136,196,255,.65);box-shadow:0 8px 34px rgba(65,160,255,.24)}.btn.ghost-purple{border-color:rgba(91,173,255,.4);color:#c3e1ff}.btn.green{background:rgba(85,230,165,.12);border-color:rgba(85,230,165,.3);color:#8df0c3}.menuBtn{display:none} .hero{padding:82px 0 44px}.heroGrid{display:grid;grid-template-columns:.88fr 1.35fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#93c9ff;font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 14px var(--purple)}h1{font-size:clamp(48px,6vw,84px);line-height:.96;letter-spacing:-.055em;margin:18px 0 24px}h1 span{background:linear-gradient(90deg,#fff,#93c9ff 80%);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.65;color:#aaa7b8;max-width:620px}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 22px}.heroProof{display:flex;gap:16px;flex-wrap:wrap;color:#aaa7b8;font-size:13px}.heroProof span:before{content:"✓";color:var(--green);margin-right:7px;font-weight:900} .stage{position:relative;min-width:0}.stageGlow{position:absolute;inset:15% 5% 8% 15%;background:radial-gradient(circle,rgba(83,169,255,.35),transparent 60%);filter:blur(44px);z-index:-1}.laptop{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:10px;background:linear-gradient(150deg,#171722,#08090f 75%);box-shadow:var(--shadow);transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);transition:.35s}.laptop:hover{transform:perspective(1200px) rotateY(-1deg) translateY(-4px)}.laptop:before{content:"";position:absolute;top:5px;left:50%;transform:translateX(-50%);width:58px;height:5px;border-radius:99px;background:#2a2b33}.screen{overflow:hidden;border-radius:14px;background:#070910;aspect-ratio:16/10;border:1px solid rgba(255,255,255,.06)}.base{width:108%;height:14px;margin-left:-4%;background:linear-gradient(#24242e,#0e0f14);border-radius:0 0 50% 50%;box-shadow:0 18px 30px rgba(0,0,0,.35)} .command{display:grid;grid-template-columns:128px 1fr;height:100%;font-size:8px}.cmdSide{padding:11px;background:#0c0e15;border-right:1px solid rgba(255,255,255,.06)}.cmdBrand{font-weight:900;font-size:11px;letter-spacing:.08em;margin-bottom:16px}.cmdBrand i{color:#75baff;font-style:normal}.cmdNav{display:grid;gap:5px}.cmdNav button{border:0;background:transparent;color:#858a98;text-align:left;border-radius:7px;padding:7px 8px;font-size:8px;cursor:pointer}.cmdNav button.active{background:linear-gradient(90deg,rgba(86,170,255,.22),rgba(86,170,255,.06));color:#fff;border:1px solid rgba(86,170,255,.18)}.cmdFoot{margin-top:auto;color:#67e4ad}.cmdMain{padding:10px;background:radial-gradient(circle at 70% 0,rgba(66,161,255,.08),transparent 30%),#090b12;overflow:hidden}.cmdTop{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#7c8190;margin-bottom:8px}.cmdSearch{padding:6px 8px;border:1px solid rgba(255,255,255,.07);border-radius:7px;width:48%;background:#0c0e15}.cmdTitle{font-size:12px;font-weight:900;margin:3px 0 8px}.cmdKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.kpi{padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#0d1018}.kpi small{display:block;color:#777e8e;font-size:6px}.kpi strong{display:block;font-size:13px;margin:2px 0}.cmdGrid{display:grid;grid-template-columns:1.35fr .85fr;gap:6px;margin-top:6px}.panel{border:1px solid rgba(255,255,255,.07);background:#0c0f17;border-radius:8px;padding:7px;min-width:0}.panelHead{display:flex;justify-content:space-between;color:#858b98;font-size:6px;margin-bottom:5px}.map{height:132px;position:relative;border-radius:7px;overflow:hidden;background:radial-gradient(circle at 40% 35%,rgba(73,122,170,.15),transparent 28%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),#080b10;background-size:auto,18px 18px,18px 18px}.map:before,.map:after{content:"";position:absolute;background:rgba(255,255,255,.07);height:1px;width:170%;transform:rotate(25deg);left:-35%;top:48%}.map:after{transform:rotate(-18deg);top:65%}.pin{position:absolute;width:12px;height:12px;border-radius:50%;background:#5aadff;border:2px solid #bddeff;box-shadow:0 0 0 5px rgba(90,173,255,.13),0 0 14px #4ca5ff;transition:left 1.8s ease,top 1.8s ease}.pin.green{background:#43d89b;border-color:#b5f9d8;box-shadow:0 0 0 5px rgba(67,216,155,.12),0 0 14px rgba(67,216,155,.8)}.feed{display:grid;gap:5px}.feed div{padding:6px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:#0b0e15}.feed b{display:block;font-size:7px}.feed span{display:block;color:#747a89;font-size:6px;margin-top:2px}.sparkline{height:30px;margin-top:4px}.sparkline svg{width:100%;height:100%}.screenFlash{animation:flash .65s ease 2}@keyframes flash{50%{box-shadow:inset 0 0 0 1px rgba(255,189,89,.8),0 0 20px rgba(255,189,89,.18)}} .phone{position:absolute;right:-18px;bottom:-22px;width:160px;border-radius:31px;padding:7px;background:linear-gradient(150deg,#272731,#090a0e);border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 65px rgba(0,0,0,.5);transform:rotate(3deg);transition:.3s}.phone:hover{transform:rotate(1deg) translateY(-4px)}.phoneInner{min-height:330px;border-radius:25px;background:#080a10;border:1px solid rgba(255,255,255,.06);padding:11px;position:relative;overflow:hidden;font-size:7px}.phoneIsland{width:48px;height:11px;border-radius:99px;background:#000;margin:0 auto 9px}.pBrand{font-size:9px;font-weight:900}.pBrand i{color:#6ab4ff;font-style:normal}.pStatus{float:right;color:#7a7f8e}.pHello{font-size:14px;font-weight:850;margin:13px 0 2px}.pSub{color:#868b98}.duty{border:1px solid rgba(92,174,255,.22);background:linear-gradient(145deg,rgba(92,174,255,.13),rgba(255,255,255,.02));border-radius:10px;padding:9px;margin-top:10px}.duty b{display:block;font-size:8px;margin:4px 0}.phoneBtn{width:100%;border:0;border-radius:9px;background:linear-gradient(135deg,#5badff,#3d9eff);color:#fff;padding:8px;margin-top:8px;font-size:7px;font-weight:900;cursor:pointer}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.quick button{background:#0d1017;color:#b8bdc8;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:7px 2px;font-size:6px;cursor:pointer}.quick .danger{color:#ff8896}.phoneToast{position:absolute;left:9px;right:9px;bottom:12px;border:1px solid rgba(85,230,165,.26);background:rgba(16,39,31,.96);border-radius:10px;padding:8px;transform:translateY(130%);transition:.25s;color:#c9ffe7}.phoneToast.show{transform:none} .section{padding:92px 0}.section.alt{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.008))}.sectionHead{max-width:740px;margin-bottom:34px}.sectionHead.center{text-align:center;margin:0 auto 40px}.sectionHead h2{font-size:clamp(36px,5vw,62px);line-height:1.02;letter-spacing:-.04em;margin:12px 0 16px}.sectionHead p{font-size:17px;line-height:1.7;color:#a6a3b2}.ticks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tickCard{padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012));transition:.25s}.tickCard:hover{transform:translateY(-3px);border-color:rgba(91,173,255,.28)}.tickIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(91,173,255,.13);border:1px solid rgba(91,173,255,.22);color:#abd5ff;font-size:18px}.tickCard h3{margin:16px 0 8px;font-size:18px}.tickCard p{color:#9693a3;line-height:1.6;margin:0;font-size:14px}.checkList{display:grid;gap:9px;margin-top:18px}.checkList span{display:flex;gap:10px;color:#c7c4d0;font-size:14px}.checkList span:before{content:"✓";color:var(--green);font-weight:900} .marquee{overflow:hidden;border-block:1px solid var(--line);background:#090b11}.marqueeTrack{display:flex;width:max-content;gap:12px;padding:16px 0;animation:marquee 34s linear infinite}.marquee:hover .marqueeTrack{animation-play-state:paused}.chip{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#0d1018;color:#ccc9d6;font-size:13px;white-space:nowrap}.chip i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:rgba(91,173,255,.13);font-style:normal;color:#aad5ff}@keyframes marquee{to{transform:translateX(-50%)}} .split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.miniCommand,.miniWall{border:1px solid var(--line);border-radius:22px;background:#090b12;box-shadow:var(--shadow);overflow:hidden}.miniTop{height:40px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 14px}.miniTop i{width:8px;height:8px;border-radius:50%;background:#262936}.miniBody{padding:16px}.miniNav{display:flex;gap:8px;margin-bottom:12px}.miniNav button{border:1px solid var(--line);background:#0e1118;color:#858b97;border-radius:8px;padding:7px 9px;font-size:10px;cursor:pointer}.miniNav button.active{background:rgba(91,173,255,.15);color:#fff;border-color:rgba(91,173,255,.3)}.miniStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.miniStat{padding:12px;border:1px solid var(--line);border-radius:10px;background:#0c0f16}.miniStat small{color:#7c8290}.miniStat strong{display:block;font-size:22px;margin-top:4px}.miniRows{display:grid;gap:7px;margin-top:10px}.miniRow{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:9px;background:#0b0e15;font-size:12px}.status{display:inline-flex;align-items:center;gap:6px}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(85,230,165,.65)} .flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden}.flow div{padding:24px 18px;background:rgba(255,255,255,.018);border-right:1px solid var(--line)}.flow div:last-child{border:0}.flow b{display:block;font-size:11px;color:#95caff;letter-spacing:.12em}.flow strong{display:block;font-size:18px;margin:10px 0 6px}.flow span{color:#8f8c9a;font-size:13px;line-height:1.5} .planGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.plan{position:relative;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.038),rgba(255,255,255,.012))}.plan.featured{border-color:rgba(91,173,255,.65);box-shadow:0 0 50px rgba(59,157,255,.12)}.planBadge{position:absolute;top:14px;right:14px;color:#b4daff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.plan h3{font-size:24px;margin:10px 0 4px}.plan .guards{color:#9996a6}.price{font-size:40px;font-weight:900;letter-spacing:-.04em;margin:20px 0 3px}.price small{font-size:13px;color:#8e8b9b;font-weight:600}.plan ul{padding:0;list-style:none;display:grid;gap:10px;margin:20px 0 0}.plan li{font-size:13px;color:#c5c2cf;display:flex;gap:8px}.plan li:before{content:"✓";color:var(--green);font-weight:900}.freeBanner{padding:26px;border:1px solid rgba(85,230,165,.28);border-radius:20px;background:linear-gradient(135deg,rgba(85,230,165,.08),rgba(91,173,255,.05));display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.freeBanner h3{font-size:28px;margin:0 0 6px}.freeBanner p{margin:0;color:#a7a5b3} .cta{padding:40px;border:1px solid rgba(91,173,255,.3);border-radius:28px;background:radial-gradient(circle at 80% 0,rgba(91,173,255,.2),transparent 30%),linear-gradient(145deg,#10111a,#08090f);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.cta h2{font-size:40px;letter-spacing:-.04em;margin:0 0 10px}.cta p{margin:0;color:#a5a2b2}.footer{border-top:1px solid var(--line);padding:48px 0 26px;background:#07080d}.footerGrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.footer h4{margin:0 0 12px}.footer a{display:block;color:#92909f;margin:8px 0;font-size:13px}.footBottom{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;color:#777482;font-size:12px;display:flex;justify-content:space-between;gap:20px} .pageHero{padding:82px 0 52px;text-align:center}.pageHero h1{font-size:clamp(44px,6vw,74px);margin-bottom:18px}.pageHero p{max-width:760px;margin:auto;font-size:18px;color:#aaa7b8;line-height:1.7}.featureGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}.featureIcon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(91,173,255,.11);border:1px solid rgba(91,173,255,.18);font-size:22px}.feature h3{margin:0 0 6px}.feature p{margin:0;color:#9693a1;line-height:1.55}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;background:#0b0e15;border:1px solid var(--line);border-radius:12px;color:#fff;padding:13px 14px;outline:none}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(91,173,255,.55);box-shadow:0 0 0 3px rgba(91,173,255,.09)}.formCard{max-width:820px;margin:auto;padding:28px;border:1px solid var(--line);border-radius:22px;background:rgba(12,14,22,.86)}.result{margin-top:12px;color:#9a97a6}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none} @media(max-width:980px){.heroGrid,.split{grid-template-columns:1fr}.hero{padding-top:58px}.stage{max-width:760px;margin:auto}.phone{right:5px}.ticks,.planGrid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:1fr 1fr}.flow div{border-bottom:1px solid var(--line)}.navlinks{display:none}.menuBtn{display:inline-flex}.navactions .btn:first-child{display:none}.footerGrid{grid-template-columns:1.3fr 1fr 1fr}.footerGrid>div:last-child{display:none}}@media(max-width:640px){.wrap{width:min(100% - 24px,1180px)}.navin{height:68px}.brand{font-size:17px}.navactions .btn{padding:0 12px}.hero{padding:48px 0 24px}.heroGrid{gap:26px}.hero h1{font-size:48px}.hero p{font-size:16px}.laptop{transform:none}.phone{position:relative;width:190px;right:auto;bottom:auto;margin:-20px auto 0;transform:none}.ticks,.planGrid,.featureGrid,.formGrid,.footerGrid{grid-template-columns:1fr}.section{padding:68px 0}.flow{grid-template-columns:1fr}.freeBanner,.cta{grid-template-columns:1fr;display:grid}.footerGrid>div:last-child{display:block}.footBottom{display:block}.command{grid-template-columns:92px 1fr}.cmdSide{padding:7px}.cmdKpis{grid-template-columns:repeat(2,1fr)}.cmdGrid{grid-template-columns:1fr}.map{height:100px}.phone{display:block}.marqueeTrack{animation-duration:26s}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.marqueeTrack,body:after{animation:none!important}.pin{transition:none}.laptop,.phone{transform:none}} /* PatrolCore Marketing v8 — returns to the cleaner v5 visual language with a single-product hero */ .big{min-height:50px;padding-inline:20px}.heroV8{padding:76px 0 38px}.heroCopyV8{text-align:center;max-width:900px;margin:0 auto 42px}.heroCopyV8 h1{font-size:clamp(54px,7vw,94px);max-width:980px;margin:18px auto 22px}.heroCopyV8 p{max-width:760px;margin:0 auto;font-size:19px}.heroCopyV8 .heroActions,.heroCopyV8 .heroProof{justify-content:center}.heroGlowV8{position:absolute;inset:5% 10% 0;background:radial-gradient(ellipse at center,rgba(73,164,255,.23),transparent 62%);filter:blur(30px);pointer-events:none}.commandHeroV8{position:relative;max-width:1160px;margin:auto}.browserShellV8{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(155deg,#151722,#07080d 82%);padding:9px;box-shadow:0 38px 110px rgba(0,0,0,.62),0 0 80px rgba(72,163,255,.08);overflow:hidden}.browserTopV8{height:35px;display:flex;align-items:center;gap:6px;padding:0 10px;color:#777b89;font-size:9px;border-bottom:1px solid rgba(255,255,255,.06)}.browserTopV8 i{width:7px;height:7px;border-radius:99px;background:#282b35}.browserTopV8 span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browserTopV8 b{margin-left:auto;color:#55e6a5;letter-spacing:.08em}.commandV8{display:grid;grid-template-columns:142px 1fr;min-height:620px;background:#08090e;border-radius:0 0 15px 15px;overflow:hidden}.sideV8{display:flex;flex-direction:column;padding:15px 9px 10px;border-right:1px solid rgba(255,255,255,.07);background:#07080b}.sideBrandV8{display:flex;align-items:center;gap:8px;padding:0 4px 15px;border-bottom:1px solid rgba(255,255,255,.06);font-size:8px;letter-spacing:.2em}.sideBrandV8 span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#7ebfff,#5caeff);font-size:9px;letter-spacing:0}.sideV8 nav{display:grid;gap:5px;padding-top:10px}.sideV8 button{border:1px solid transparent;background:transparent;color:#9396a1;min-height:40px;border-radius:10px;text-align:left;padding:0 9px;font-size:10px;font-weight:750;display:flex;align-items:center;gap:9px;cursor:pointer;transition:.2s}.sideV8 button i{width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.035);display:grid;place-items:center;font-style:normal}.sideV8 button:hover{background:rgba(255,255,255,.035);color:#fff}.sideV8 button.active{background:linear-gradient(135deg,rgba(104,180,255,.17),rgba(255,255,255,.03));border-color:rgba(108,181,255,.35);color:#fff}.sideLiveV8{margin-top:auto;padding:10px 7px;border-top:1px solid rgba(255,255,255,.06);font-size:8px;color:#8f94a0}.sideLiveV8 span{display:inline-block;width:7px;height:7px;border-radius:99px;background:#55e6a5;box-shadow:0 0 12px rgba(85,230,165,.8);margin-right:6px}.mainV8{min-width:0;padding:0!important;margin:0!important;max-width:none!important;background:radial-gradient(circle at 70% 12%,rgba(64,95,126,.12),transparent 28%),#0a0b10}.topV8{height:62px;border-bottom:1px solid rgba(255,255,255,.065);padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topV8 small{display:block;color:#848996;font-size:7px;letter-spacing:.15em}.topV8 b{font-size:13px}.topUserV8{text-align:right}.topUserV8 span{display:block;font-size:10px;font-weight:800}.bodyV8{padding:15px}.overviewV8{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.kpiV8{min-width:0;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014))}.kpiV8 small{display:block;color:#808693;font-size:7px;letter-spacing:.07em}.kpiV8 strong{display:block;font-size:24px;letter-spacing:-.04em;margin:7px 0 3px}.kpiV8 span{font-size:7px;color:#8b909c}.good{color:#55e6a5!important}.warn{color:#ffbd59!important}.estateGridV8{display:grid;grid-template-columns:1.08fr .92fr;gap:8px;margin-top:8px}.lowerGridV8{display:grid;grid-template-columns:1.25fr .8fr .85fr;gap:8px;margin-top:8px}.glassV8{border:1px solid rgba(255,255,255,.07);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.037),rgba(255,255,255,.012));padding:13px;min-width:0;overflow:hidden}.glassV8 header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-bottom:10px}.glassV8 header small{display:block;color:#787e8c;font-size:7px;letter-spacing:.1em}.glassV8 header b{display:block;font-size:11px;margin-top:3px}.glassV8 header>span{font-size:7px;color:#858b97}.meterRowV8{display:grid;grid-template-columns:82px 1fr 30px;align-items:center;gap:8px;margin-top:9px;font-size:8px}.meterRowV8 span{color:#a3a7b1}.meterRowV8 i{height:6px;border-radius:99px;background:#171a22;overflow:hidden}.meterRowV8 em{display:block;height:100%;background:linear-gradient(90deg,#5eaeff,#6bb5ff);border-radius:99px}.meterRowV8 b{text-align:right;font-size:8px}.attentionRowV8{display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.05)}.attentionRowV8 i{width:7px;height:7px;border-radius:50%}.attentionRowV8 i.amber{background:#ffbd59}.attentionRowV8 i.red{background:#ff5e73}.attentionRowV8 i.purple{background:#5badff}.attentionRowV8 b{display:block;font-size:8px}.attentionRowV8 span{display:block;color:#818691;font-size:7px;margin-top:2px}.attentionRowV8 em{font-style:normal;font-size:7px;color:#a6cbef;border:1px solid rgba(91,173,255,.18);padding:4px 6px;border-radius:6px}.miniMapV8,.eventMapV8{position:relative;min-height:137px;border:1px solid rgba(255,255,255,.05);border-radius:9px;overflow:hidden;background:radial-gradient(circle at 55% 55%,rgba(79,122,165,.22),transparent 18%),linear-gradient(135deg,#10131a,#0d1116)}.mapGridV8{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:28px 28px;transform:rotate(-6deg) scale(1.2)}.miniMapV8>i,.eventMapV8>i{position:absolute;width:10px;height:10px;border-radius:50%;background:#5badff;border:2px solid #d9c2ff;box-shadow:0 0 0 5px rgba(91,173,255,.11),0 0 18px rgba(91,173,255,.5);transition:1.2s ease}.miniMapV8 .g1{left:18%;top:26%}.miniMapV8 .g2{left:36%;top:62%;background:#55e6a5}.miniMapV8 .g3{left:61%;top:35%}.miniMapV8 .g4{left:74%;top:67%;background:#55e6a5}.miniMapV8 .g5{left:52%;top:76%}.mapPopV8{position:absolute;left:42%;top:35%;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(8,9,14,.87);backdrop-filter:blur(10px)}.mapPopV8 small{display:block;color:#978fa8;font-size:6px}.mapPopV8 b{display:block;font-size:9px;margin:2px 0}.mapPopV8 span{font-size:6px;color:#818692}.activityRowsV8{display:grid}.activityRowsV8>div{display:grid;grid-template-columns:22px 1fr;gap:7px;align-items:center;padding:7px 0;border-top:1px solid rgba(255,255,255,.05)}.activityRowsV8 i{width:20px;height:20px;border-radius:7px;background:rgba(91,173,255,.1);display:grid;place-items:center;font-style:normal;font-size:8px;color:#9dceff}.activityRowsV8 p{margin:0}.activityRowsV8 b{font-size:7px;display:block}.activityRowsV8 span{font-size:6px;color:#808591}.businessStatsV8{display:grid;grid-template-columns:1fr 1fr;gap:6px}.businessStatsV8 div{padding:7px;border:1px solid rgba(255,255,255,.05);border-radius:8px}.businessStatsV8 strong{display:block;font-size:14px}.businessStatsV8 span{font-size:6px;color:#818692}.tinyBarsV8{height:50px;display:flex;align-items:flex-end;gap:4px;margin-top:8px}.tinyBarsV8 i{flex:1;min-height:10%;border-radius:3px 3px 0 0;background:linear-gradient(#6bb5ff,#3d9eff);opacity:.7}.connectedRailV8{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}.connectedRailV8 span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.07);background:rgba(13,14,21,.78);padding:8px 11px;border-radius:999px;color:#999eaa;font-size:10px}.connectedRailV8 i{width:7px;height:7px;border-radius:50%}.greenDot{background:#55e6a5;box-shadow:0 0 10px rgba(85,230,165,.65)}.purpleDot{background:#5badff;box-shadow:0 0 10px rgba(91,173,255,.65)}.blueDot{background:#58c8ff}.altViewV8{min-height:558px}.altShellV8{display:grid;grid-template-columns:1.15fr .85fr;gap:8px}.altBigV8,.altSmallV8{border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.02);padding:14px}.altBigV8 h4,.altSmallV8 h4{font-size:12px;margin:0 0 4px}.altBigV8 p,.altSmallV8 p{font-size:8px;color:#858a96;margin:0 0 12px}.altRowsV8{display:grid;gap:6px}.altRowsV8 div{padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#0c0e14;display:flex;justify-content:space-between;gap:12px;font-size:8px}.altRowsV8 span{color:#848995}.v8Ticks .tickCard{min-height:245px}.v8Split{align-items:center}.bigChecksV8{grid-template-columns:1fr 1fr;display:grid;gap:12px}.bigChecksV8 span{font-size:15px}.phoneShowcaseV8{display:grid;place-items:center;min-height:620px;position:relative}.phoneShowcaseV8:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(77,166,255,.24),transparent 65%);filter:blur(20px)}.phoneV8{position:relative;width:min(330px,78vw);border-radius:45px;padding:18px 17px 13px;background:linear-gradient(145deg,#171922,#05060a 75%);border:1px solid rgba(255,255,255,.15);box-shadow:0 40px 100px rgba(0,0,0,.6);min-height:610px}.notchV8{width:105px;height:25px;border-radius:99px;background:#000;margin:0 auto 16px}.phoneTopV8{display:flex;justify-content:space-between;align-items:center;font-size:11px}.phoneV8>small{display:block;color:#767b87;font-size:9px;margin-top:25px;letter-spacing:.12em}.phoneV8 h3{font-size:28px;margin:5px 0}.gpsV8{color:#55e6a5;font-size:10px}.dutyV8{padding:16px;border-radius:15px;margin-top:18px;border:1px solid rgba(91,173,255,.28);background:linear-gradient(145deg,rgba(91,173,255,.14),rgba(255,255,255,.02))}.dutyV8 small,.dutyV8 span,.dutyV8 em{display:block}.dutyV8 small{font-size:9px;color:#898e9a}.dutyV8 b{display:block;font-size:16px;margin:7px 0 3px}.dutyV8 span,.dutyV8 em{font-size:10px;color:#9a9fac;font-style:normal;margin-top:3px}.phoneActionV8{width:100%;border:1px solid rgba(129,192,255,.45);background:linear-gradient(135deg,#5badff,#42a1ff);color:white;border-radius:13px;padding:13px;margin-top:13px;font-weight:900;cursor:pointer}.phoneTilesV8{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.phoneTilesV8 button{min-height:68px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#0d1017;color:#b8bdc8;cursor:pointer}.phoneTilesV8 b{display:block;font-size:9px;margin-top:4px}.phoneTilesV8 .sosV8{color:#ff7e90;background:rgba(255,94,115,.06);border-color:rgba(255,94,115,.15)}.guardUpdateV8{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#0b0e14;margin-top:10px}.guardUpdateV8 small,.guardUpdateV8 span{display:block;color:#848995;font-size:8px}.guardUpdateV8 b{display:block;font-size:10px;margin:5px 0}.phoneV8 nav{position:absolute;bottom:12px;left:17px;right:17px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;border-top:1px solid rgba(255,255,255,.06);padding-top:11px;text-align:center;font-size:12px}.phoneV8 nav span,.phoneV8 nav b{font-weight:600;color:#777c88}.phoneV8 nav b{color:#93c9ff}.phoneV8 nav small,.phoneV8 nav span span{display:block;font-size:7px;margin-top:3px}.phoneToastV8{position:absolute;left:17px;right:17px;bottom:62px;padding:10px;border-radius:10px;background:rgba(15,38,30,.96);border:1px solid rgba(85,230,165,.28);font-size:9px;transform:translateY(170%);opacity:0;transition:.28s}.phoneToastV8.show{transform:none;opacity:1}.wallStoryV8{overflow:hidden}.wallFrameV8{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#07080c;padding:12px;box-shadow:0 40px 110px rgba(0,0,0,.56),0 0 80px rgba(73,164,255,.06)}.wallTopV8{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wallTopV8>div{padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0d0f15}.wallTopV8 small,.wallHeadV8 small,.wallKpisV8 small,.wallBottomV8 small{display:block;color:#7f8490;font-size:8px;letter-spacing:.09em}.wallTopV8 b{font-size:12px}.wallTopV8>div:first-child b{color:#ffbd59}.wallHeadV8{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px 5px}.wallHeadV8 h3{margin:3px 0 0;font-size:24px}.phaseV8{padding:8px 11px;border-radius:999px;background:rgba(85,230,165,.1);border:1px solid rgba(85,230,165,.22);color:#78edb8;font-size:10px;font-weight:900}.wallClockV8{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.wallKpisV8{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.wallKpisV8>div{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012))}.wallKpisV8 strong{display:block;font-size:22px;margin-top:5px}.wallMainV8{display:grid;grid-template-columns:1.1fr .8fr 1.05fr;gap:7px;margin-top:7px}.wallMainV8>section{min-height:235px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0b0d13;padding:12px;overflow:hidden}.wallMainV8 header{font-size:9px;font-weight:850;display:flex;justify-content:space-between}.wallMainV8 header span{font-size:8px;color:#838895}.occupancyV8{display:grid;grid-template-columns:130px 1fr;gap:15px;align-items:center;margin-top:18px}.ringV8{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#5badff 0 70%,#171922 70% 100%);position:relative}.ringV8:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#0b0d13}.ringV8 b,.ringV8 small{position:relative;z-index:1}.ringV8 b{font-size:28px}.ringV8 small{font-size:7px;color:#858a96}.wallNumbersV8{display:grid;gap:9px}.wallNumbersV8 div{padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.05)}.wallNumbersV8 small{display:block;font-size:7px;color:#7d828e}.wallNumbersV8 b{font-size:16px}.flowGraphV8{height:48px;margin-top:8px}.flowGraphV8 svg{width:100%;height:100%}.timelineV8{position:relative;margin-top:20px;display:grid;gap:15px}.timelineV8:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:#252833}.timelineV8 div{display:grid;grid-template-columns:13px 42px 1fr;gap:8px;align-items:center;position:relative}.timelineV8 i{width:13px;height:13px;border-radius:50%;border:2px solid #323541;background:#0b0d13;z-index:1}.timelineV8 .done i{border-color:#55e6a5;background:#55e6a5}.timelineV8 .active i{border-color:#5badff;background:#5badff;box-shadow:0 0 15px rgba(91,173,255,.7)}.timelineV8 b{font-size:9px}.timelineV8 span{font-size:9px;color:#8c919c}.eventMapV8{height:185px;margin-top:14px}.eventMapV8 .e1{left:18%;top:28%}.eventMapV8 .e2{left:38%;top:55%;background:#55e6a5}.eventMapV8 .e3{left:67%;top:32%}.eventMapV8 .e4{left:76%;top:66%;background:#55e6a5}.eventMapV8 .e5{left:52%;top:73%}.eventMapV8>span{position:absolute;left:9px;bottom:8px;font-size:8px;color:#999eaa;background:rgba(5,6,10,.76);padding:5px 7px;border-radius:6px}.wallBottomV8{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:7px}.wallBottomV8>div{padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0b0d13}.wallBottomV8 b,.wallBottomV8 span{display:block}.wallBottomV8 b{font-size:10px;margin:4px 0}.wallBottomV8 span{font-size:8px;color:#858a96}.freeTicksV8{grid-template-columns:repeat(3,1fr)} @keyframes softFloatV8{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.browserShellV8{animation:softFloatV8 8s ease-in-out infinite}.wallFrameV8{animation:softFloatV8 9s ease-in-out infinite}.phoneV8{animation:softFloatV8 7s ease-in-out infinite}.attentionRowV8:nth-child(2){animation:v8Attention 3.8s ease-in-out infinite}@keyframes v8Attention{0%,100%{background:transparent}50%{background:rgba(255,189,89,.035)}} @media(max-width:980px){.commandV8{grid-template-columns:112px 1fr;min-height:560px}.overviewV8{grid-template-columns:repeat(3,1fr)}.overviewV8 .kpiV8:nth-child(4),.overviewV8 .kpiV8:nth-child(5){display:none}.estateGridV8,.lowerGridV8{grid-template-columns:1fr 1fr}.businessV8{display:none}.wallKpisV8{grid-template-columns:repeat(3,1fr)}.wallMainV8{grid-template-columns:1fr 1fr}.wallMainV8>section:last-child{grid-column:1/-1}.wallBottomV8{grid-template-columns:1fr 1fr}.wallBottomV8>div:last-child{grid-column:1/-1}} @media(max-width:640px){.heroCopyV8{text-align:left}.heroCopyV8 .heroActions,.heroCopyV8 .heroProof{justify-content:flex-start}.heroCopyV8 h1{font-size:52px}.commandHeroV8{width:100%}.browserShellV8{padding:5px;border-radius:16px;animation:none}.browserTopV8{height:27px}.commandV8{grid-template-columns:58px 1fr;min-height:430px}.sideBrandV8 strong{display:none}.sideBrandV8{justify-content:center}.sideV8 button{padding:0;justify-content:center;min-height:36px}.sideV8 button:not(.active){font-size:0}.sideV8 button.active{font-size:0}.sideV8 button i{font-size:11px}.sideLiveV8{font-size:0;text-align:center}.topV8{height:48px;padding:0 10px}.topV8 b{font-size:9px}.topUserV8{display:none}.bodyV8{padding:8px}.overviewV8{grid-template-columns:repeat(2,1fr)}.overviewV8 .kpiV8:nth-child(n+5){display:none}.kpiV8{padding:8px}.kpiV8 strong{font-size:18px}.estateGridV8,.lowerGridV8{grid-template-columns:1fr}.attentionV8,.activityV8,.businessV8{display:none}.miniMapV8{min-height:110px}.connectedRailV8 span:nth-child(n+3){display:none}.bigChecksV8{grid-template-columns:1fr}.wallTopV8,.wallBottomV8{grid-template-columns:1fr}.wallHeadV8{grid-template-columns:1fr auto}.wallClockV8{display:none}.wallKpisV8{grid-template-columns:repeat(2,1fr)}.wallMainV8{grid-template-columns:1fr}.wallMainV8>section{min-height:auto}.wallBottomV8>div:last-child{grid-column:auto}.freeTicksV8{grid-template-columns:1fr}.browserShellV8,.wallFrameV8,.phoneV8{animation:none}} @media(prefers-reduced-motion:reduce){.browserShellV8,.wallFrameV8,.phoneV8,.attentionRowV8{animation:none!important}} /* PatrolCore v9 motion + glow layer */ :root{--gx-cursor-x:72%;--gx-cursor-y:18%} body.v8{background: radial-gradient(circle at var(--gx-cursor-x) var(--gx-cursor-y),rgba(91,173,255,.10),transparent 20%), linear-gradient(180deg,#05060a 0%,#06070b 44%,#05060a 100%); } body.v8:before{ background: radial-gradient(circle at 72% 10%,rgba(87,171,255,.22),transparent 24%), radial-gradient(circle at 12% 34%,rgba(88,200,255,.08),transparent 20%), radial-gradient(circle at 84% 72%,rgba(85,230,165,.05),transparent 19%), #05060a; animation:gxAuroraShift 18s ease-in-out infinite alternate; transform:scale(1.08); } body.v8:after{opacity:.92;animation:gxGridDrift 18s linear infinite,gxGridPulse 8s ease-in-out infinite} @keyframes gxAuroraShift{0%{background-position:0 0,0 0,0 0;filter:saturate(1)}50%{background-position:5vw 3vh,-2vw 4vh,-3vw -2vh;filter:saturate(1.14)}100%{background-position:-3vw 5vh,4vw -2vh,3vw 4vh;filter:saturate(1.05)}} @keyframes gxGridDrift{to{background-position:112px 56px}} @keyframes gxGridPulse{0%,100%{opacity:.52}50%{opacity:.88}} body.v8 .nav{box-shadow:0 16px 70px rgba(0,0,0,.18)} body.v8 .mark{position:relative;overflow:hidden;animation:gxMarkGlow 3.8s ease-in-out infinite} body.v8 .mark:after{content:"";position:absolute;inset:-70%;background:linear-gradient(110deg,transparent 34%,rgba(255,255,255,.58) 48%,transparent 62%);transform:translateX(-54%) rotate(15deg);animation:gxSheen 5.5s ease-in-out infinite} @keyframes gxSheen{0%,68%{transform:translateX(-58%) rotate(15deg)}88%,100%{transform:translateX(58%) rotate(15deg)}} @keyframes gxMarkGlow{0%,100%{box-shadow:0 0 25px rgba(91,173,255,.28)}50%{box-shadow:0 0 48px rgba(91,173,255,.52)}} .heroV8{position:relative;isolation:isolate;overflow:hidden} .heroV8:before,.heroV8:after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(18px)} .heroV8:before{width:580px;height:580px;right:-160px;top:-210px;background:radial-gradient(circle,rgba(91,173,255,.17),rgba(61,158,255,.035) 52%,transparent 70%);animation:gxOrbOne 11s ease-in-out infinite alternate} .heroV8:after{width:460px;height:460px;left:-180px;bottom:-220px;background:radial-gradient(circle,rgba(88,200,255,.08),transparent 68%);animation:gxOrbTwo 13s ease-in-out infinite alternate} @keyframes gxOrbOne{to{transform:translate(-90px,68px) scale(1.15)}} @keyframes gxOrbTwo{to{transform:translate(120px,-38px) scale(.9)}} .heroCopyV8 h1 span{background-size:220% 100%;animation:gxTitleShimmer 7s ease-in-out infinite} @keyframes gxTitleShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} .heroProof span{transition:.25s ease}.heroProof span:hover{color:#fff;transform:translateY(-1px)} .commandHeroV8{position:relative;transform-style:preserve-3d;transition:transform .18s ease-out} .heroGlowV8{animation:gxHeroGlow 5.5s ease-in-out infinite alternate} @keyframes gxHeroGlow{from{opacity:.62;transform:scale(.96)}to{opacity:1;transform:scale(1.08)}} .browserShellV8{position:relative;overflow:visible;box-shadow:0 36px 95px rgba(0,0,0,.5),0 0 70px rgba(69,162,255,.12);animation:gxHeroFloat 7s ease-in-out infinite} .browserShellV8:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(255,255,255,.16),rgba(91,173,255,.5),rgba(88,200,255,.14),rgba(255,255,255,.05));background-size:250% 250%;animation:gxBorderFlow 7s linear infinite;pointer-events:none;z-index:3;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude} @keyframes gxHeroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}} @keyframes gxBorderFlow{to{background-position:200% 50%}} .connectedRailV8 span{transition:.25s ease}.connectedRailV8 span:hover{background:rgba(255,255,255,.045);border-color:rgba(91,173,255,.25);transform:translateY(-2px)} .greenDot,.purpleDot,.blueDot{box-shadow:0 0 0 0 currentColor;animation:gxStatusPulse 2.6s ease-out infinite} @keyframes gxStatusPulse{0%{box-shadow:0 0 0 0 rgba(85,230,165,.28)}70%{box-shadow:0 0 0 7px rgba(85,230,165,0)}100%{box-shadow:0 0 0 0 rgba(85,230,165,0)}} .glassV8,.tickCard,.freeBanner,.cta,.wallFrameV8,.phoneV8{position:relative;overflow:hidden} .glassV8:after,.tickCard:after,.freeBanner:after,.cta:after{content:"";position:absolute;left:-55%;top:-140%;width:42%;height:360%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);transform:rotate(18deg);transition:transform .85s ease;pointer-events:none} .glassV8:hover:after,.tickCard:hover:after,.freeBanner:hover:after,.cta:hover:after{transform:translateX(390%) rotate(18deg)} .glassV8:hover,.tickCard:hover{box-shadow:0 24px 55px rgba(0,0,0,.22),0 0 34px rgba(91,173,255,.06)} .kpiV8{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.kpiV8:hover{transform:translateY(-3px);border-color:rgba(91,173,255,.25);box-shadow:0 12px 30px rgba(0,0,0,.22)} .meterRowV8 i em{position:relative;overflow:hidden}.meterRowV8 i em:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-110%);animation:gxMeterSweep 4.8s ease-in-out infinite} @keyframes gxMeterSweep{0%,55%{transform:translateX(-110%)}85%,100%{transform:translateX(130%)}} .miniMapV8>i,.eventMapV8>i{animation:gxMapPing 2.4s ease-in-out infinite, gxPinFloat 3.8s ease-in-out infinite alternate} .miniMapV8>i:nth-of-type(2),.eventMapV8>i:nth-of-type(2){animation-delay:.35s}.miniMapV8>i:nth-of-type(3),.eventMapV8>i:nth-of-type(3){animation-delay:.7s}.miniMapV8>i:nth-of-type(4),.eventMapV8>i:nth-of-type(4){animation-delay:1.05s}.miniMapV8>i:nth-of-type(5),.eventMapV8>i:nth-of-type(5){animation-delay:1.4s} @keyframes gxMapPing{0%,100%{box-shadow:0 0 0 0 rgba(91,173,255,.32),0 0 16px rgba(91,173,255,.6)}55%{box-shadow:0 0 0 9px rgba(91,173,255,0),0 0 24px rgba(91,173,255,.8)}} @keyframes gxPinFloat{to{transform:translate(2px,-3px)}} .mapGridV8{animation:gxMapGrid 16s linear infinite}@keyframes gxMapGrid{to{background-position:32px 20px}} .marquee{position:relative}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:110px;z-index:2;pointer-events:none}.marquee:before{left:0;background:linear-gradient(90deg,#05060a,transparent)}.marquee:after{right:0;background:linear-gradient(-90deg,#05060a,transparent)} .marqueeTrack{animation-duration:30s}.chip{transition:.25s ease}.chip:hover{transform:translateY(-2px) scale(1.02);border-color:rgba(91,173,255,.3);box-shadow:0 0 24px rgba(91,173,255,.08)} .wallFrameV8{box-shadow:0 35px 90px rgba(0,0,0,.4),0 0 65px rgba(61,158,255,.08);animation:gxWallGlow 8s ease-in-out infinite} @keyframes gxWallGlow{0%,100%{box-shadow:0 35px 90px rgba(0,0,0,.4),0 0 45px rgba(61,158,255,.06)}50%{box-shadow:0 35px 95px rgba(0,0,0,.45),0 0 80px rgba(61,158,255,.13)}} .phoneV8{box-shadow:0 34px 80px rgba(0,0,0,.48),0 0 50px rgba(91,173,255,.1);animation:gxPhoneFloat 6.5s ease-in-out infinite} @keyframes gxPhoneFloat{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-8px) rotate(.5deg)}} .wallClockV8,.sideLiveV8,.gpsV8{animation:gxLiveText 2.4s ease-in-out infinite}@keyframes gxLiveText{50%{text-shadow:0 0 14px currentColor}} .flowGraphV8 svg polyline:first-child{stroke-dasharray:620;stroke-dashoffset:620;animation:gxDrawLine 4.8s ease-in-out infinite alternate}.flowGraphV8 svg polyline:last-child{stroke-dasharray:620;stroke-dashoffset:620;animation:gxDrawLine 5.8s ease-in-out .5s infinite alternate}@keyframes gxDrawLine{to{stroke-dashoffset:0}} .reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)} .sectionHead h2 span{filter:drop-shadow(0 0 20px rgba(91,173,255,.16))} .btn.primary{position:relative;overflow:hidden}.btn.primary:after{content:"";position:absolute;inset:-100% -40%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-70%) rotate(10deg);animation:gxButtonSheen 4.8s ease-in-out infinite;pointer-events:none}@keyframes gxButtonSheen{0%,62%{transform:translateX(-70%) rotate(10deg)}90%,100%{transform:translateX(70%) rotate(10deg)}} .gx-particle-field{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.gx-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(156,205,255,.48);box-shadow:0 0 12px rgba(91,173,255,.65);animation:gxParticleRise linear infinite}.gx-particle:nth-child(3n){background:rgba(88,200,255,.32);box-shadow:0 0 10px rgba(88,200,255,.45)} @keyframes gxParticleRise{0%{transform:translate3d(0,20px,0);opacity:0}14%{opacity:.7}82%{opacity:.26}100%{transform:translate3d(26px,-110px,0);opacity:0}} @media (prefers-reduced-motion:reduce){body.v8:before,body.v8:after,.heroV8:before,.heroV8:after,.mark,.mark:after,.heroCopyV8 h1 span,.heroGlowV8,.browserShellV8,.browserShellV8:before,.greenDot,.purpleDot,.blueDot,.meterRowV8 i em:after,.miniMapV8>i,.eventMapV8>i,.mapGridV8,.marqueeTrack,.wallFrameV8,.phoneV8,.wallClockV8,.sideLiveV8,.gpsV8,.flowGraphV8 svg polyline,.btn.primary:after,.gx-particle{animation:none!important}.commandHeroV8{transform:none!important}} /* PatrolCore v9a — performance-tuned motion layer Preserve premium movement while avoiding continuous expensive paint work. */ body.v8{background:linear-gradient(180deg,#05060a 0%,#06070b 44%,#05060a 100%)} body.v8:before{ background:radial-gradient(circle at 72% 10%,rgba(87,171,255,.18),transparent 25%),radial-gradient(circle at 14% 34%,rgba(88,200,255,.055),transparent 21%),#05060a; animation:gxAuroraLite 22s ease-in-out infinite alternate; filter:none; transform:translateZ(0); will-change:transform,opacity; } @keyframes gxAuroraLite{0%{transform:translate3d(0,0,0) scale(1.04);opacity:.88}100%{transform:translate3d(-2%,1.5%,0) scale(1.075);opacity:1}} body.v8:after{animation:gxGridDriftLite 32s linear infinite;opacity:.55;will-change:background-position} @keyframes gxGridDriftLite{to{background-position:56px 56px}} .heroV8:before{filter:none;opacity:.7;animation:gxOrbLite 14s ease-in-out infinite alternate;will-change:transform,opacity} .heroV8:after{display:none} @keyframes gxOrbLite{to{transform:translate3d(-45px,28px,0) scale(1.06);opacity:.9}} .commandHeroV8{transform:none!important;transition:none!important} .browserShellV8{animation:gxHeroFloatLite 9s ease-in-out infinite;will-change:transform;box-shadow:0 30px 72px rgba(0,0,0,.44),0 0 42px rgba(69,162,255,.08)} @keyframes gxHeroFloatLite{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-4px,0)}} .browserShellV8:before{animation:none;background:linear-gradient(120deg,rgba(255,255,255,.13),rgba(91,173,255,.34),rgba(88,200,255,.08),rgba(255,255,255,.04));background-size:100% 100%} body.v8 .mark{animation:none;box-shadow:0 0 30px rgba(91,173,255,.32)} body.v8 .mark:after{animation:gxSheenLite 8s ease-in-out infinite;will-change:transform} @keyframes gxSheenLite{0%,76%{transform:translate3d(-58%,0,0) rotate(15deg)}92%,100%{transform:translate3d(58%,0,0) rotate(15deg)}} .heroGlowV8{animation:gxHeroGlowLite 8s ease-in-out infinite alternate;will-change:transform,opacity} @keyframes gxHeroGlowLite{from{opacity:.52;transform:translateZ(0) scale(.98)}to{opacity:.78;transform:translateZ(0) scale(1.035)}} .greenDot,.purpleDot,.blueDot{animation:gxDotLite 3.4s ease-in-out infinite;will-change:opacity,transform;box-shadow:none} @keyframes gxDotLite{0%,100%{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}} .meterRowV8 i em:after{animation:none} .miniMapV8>i,.eventMapV8>i{animation:gxPinLite 3.8s ease-in-out infinite alternate;box-shadow:0 0 14px rgba(91,173,255,.5);will-change:transform,opacity} @keyframes gxPinLite{from{transform:translate3d(0,0,0);opacity:.78}to{transform:translate3d(1px,-2px,0);opacity:1}} .mapGridV8{animation:gxMapGridLite 28s linear infinite;will-change:background-position} @keyframes gxMapGridLite{to{background-position:24px 18px}} .wallFrameV8{animation:gxWallFloatLite 10s ease-in-out infinite;box-shadow:0 30px 72px rgba(0,0,0,.38),0 0 36px rgba(61,158,255,.055);will-change:transform} @keyframes gxWallFloatLite{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-3px,0)}} .phoneV8{animation:gxPhoneFloatLite 8s ease-in-out infinite;box-shadow:0 28px 68px rgba(0,0,0,.44),0 0 30px rgba(91,173,255,.065);will-change:transform} @keyframes gxPhoneFloatLite{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-4px,0)}} .wallClockV8,.sideLiveV8,.gpsV8{animation:none;text-shadow:none} .flowGraphV8 svg polyline:first-child,.flowGraphV8 svg polyline:last-child{animation:none;stroke-dasharray:none;stroke-dashoffset:0} .sectionHead h2 span{filter:none;text-shadow:0 0 24px rgba(91,173,255,.12)} .btn.primary:after{animation:gxButtonSheenLite 8s ease-in-out infinite;will-change:transform} @keyframes gxButtonSheenLite{0%,76%{transform:translate3d(-70%,0,0) rotate(10deg)}94%,100%{transform:translate3d(70%,0,0) rotate(10deg)}} .gx-particle-field{display:none!important} /* Avoid blur-heavy sticky-nav repaints during scroll on lower-power browsers. */ body.v8 .nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} @media(max-width:900px){ body.v8:before,body.v8:after,.heroV8:before,.browserShellV8,.wallFrameV8,.phoneV8,.mapGridV8{animation:none!important} body.v8 .nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(5,6,10,.96)} } /* PatrolCore Marketing v10 — high-fidelity product previews, lightweight motion */ .commandV10{min-height:690px}.commandShellV10{max-width:1220px;margin:auto}.topV10{gap:12px}.topSearchV10{flex:1;max-width:330px;border:1px solid rgba(255,255,255,.07);background:#0d0f15;border-radius:9px;color:#737987;font-size:8px;padding:8px 10px}.topSearchV10 kbd{float:right;color:#9a9eaa;background:#151820;border:1px solid rgba(255,255,255,.08);padding:1px 5px;border-radius:5px}.bodyV10{padding:12px}.overviewV10{grid-template-columns:repeat(6,1fr)}.overviewV10 .kpiV8{padding:10px 11px}.overviewV10 .kpiV8 strong{font-size:20px}.commandGridV10{display:grid;grid-template-columns:1.05fr .92fr 1.15fr;grid-template-areas:"ready attention map" "activity pulse map";gap:8px;margin-top:8px}.commandPanelV10{min-height:0}.commandPanelV10.readinessV8{grid-area:ready}.commandPanelV10.attentionV8{grid-area:attention}.commandPanelV10.liveEstateV8{grid-area:map}.estateActivityV10{grid-area:activity}.estatePulseV10{grid-area:pulse}.readinessSplitV10{display:grid;grid-template-columns:74px 1fr;gap:10px;align-items:center}.readinessRingV10{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#73b9ff 0 96%,#1a1d26 96%);position:relative}.readinessRingV10:after{content:"";position:absolute;inset:8px;background:#0c0e14;border-radius:50%}.readinessRingV10 b,.readinessRingV10 span{position:relative;z-index:1}.readinessRingV10 b{font-size:15px}.readinessRingV10 span{font-size:5px;color:#8b91a0;letter-spacing:.12em}.attentionRowV8 i.green{background:#55e6a5}.miniMapV10{height:288px;min-height:288px}.miniMapV10 .g6,.eventMapV10 .e6{left:29%;top:76%;background:#55e6a5}.mapRoadV10{position:absolute;height:3px;background:rgba(255,255,255,.06);border-radius:99px;transform-origin:left}.mapRoadV10.r1{width:80%;left:6%;top:42%;transform:rotate(14deg)}.mapRoadV10.r2{width:70%;left:16%;top:68%;transform:rotate(-19deg)}.mapRiverV10{position:absolute;left:58%;top:-10%;width:19%;height:125%;border-left:16px solid rgba(58,121,146,.15);border-right:5px solid rgba(88,200,255,.12);transform:rotate(11deg);border-radius:45%}.mapLegendV10{position:absolute;left:8px;right:8px;bottom:7px;display:flex;gap:8px;align-items:center;font-size:6px;color:#838a97;background:rgba(6,7,11,.72);border:1px solid rgba(255,255,255,.06);padding:6px 7px;border-radius:7px}.mapLegendV10>span:last-child{margin-left:auto}.mapLegendV10 i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#55e6a5;margin-right:4px}.businessStatsV10{display:grid;grid-template-columns:1fr 1fr;gap:5px}.businessStatsV10 div{padding:7px;border:1px solid rgba(255,255,255,.05);border-radius:7px}.businessStatsV10 strong{font-size:13px;display:block}.businessStatsV10 span{font-size:6px;color:#858b97}.sparkV10{height:38px;display:flex;align-items:flex-end;gap:3px;margin-top:7px}.sparkV10 i{flex:1;background:linear-gradient(#75baff,#3e8bd9);border-radius:2px 2px 0 0;opacity:.8}.quickJobsV10{margin-top:8px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));padding:10px}.quickJobsHeadV10{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:end}.quickJobsHeadV10 span{font-size:6px;letter-spacing:.16em;color:#80c0ff}.quickJobsHeadV10 b{font-size:10px}.quickJobsHeadV10 small{font-size:6px;color:#777d89}.quickJobGridV10{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.quickJobGridV10 button{min-width:0;text-align:left;border:1px solid rgba(255,255,255,.06);background:#0c0e14;color:#fff;border-radius:8px;padding:8px;cursor:pointer}.quickJobGridV10 button:hover{border-color:rgba(107,181,255,.32);background:#10121a}.quickJobGridV10 i{float:left;width:22px;height:22px;margin-right:6px;border-radius:7px;background:#151821;display:grid;place-items:center;font-style:normal}.quickJobGridV10 b{display:block;font-size:7px}.quickJobGridV10 span{display:block;font-size:6px;color:#777e8b;margin-top:2px}.phoneV10{min-height:690px}.phoneTopV8 b i{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:linear-gradient(135deg,#80c0ff,#509ce7);font-style:normal;margin-right:5px}.guardIdentityV10{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;margin-top:20px}.avatarV10{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#232634,#11131b);border:1px solid rgba(255,255,255,.08);font-weight:900}.guardIdentityV10 small{font-size:8px;color:#7e8491}.guardIdentityV10 h3{font-size:21px;margin:2px 0}.guardIdentityV10 button{border:0;background:#141720;color:#8b919c;border-radius:9px;width:34px;height:34px}.dutyV10{margin-top:14px}.dutyV10>div:first-child b{font-size:15px}.dutyV10>em{display:inline-flex!important;margin:10px 0 0;padding:5px 7px;border-radius:7px;background:rgba(91,173,255,.12);border:1px solid rgba(91,173,255,.2);font-size:8px;color:#a9d4ff}.dutyMetaV10{display:grid;gap:3px;margin-top:9px}.dutyMetaV10 span{font-size:8px;color:#868c99}.guardStatusV10{display:flex;justify-content:space-between;gap:8px;margin:8px 0;font-size:8px;color:#858c98}.goodDotV10{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55e6a5;margin-right:4px}.guardPrimaryV10{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.guardPrimaryV10 button{position:relative;text-align:left;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#0e1017;color:#fff}.guardPrimaryV10 button i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(91,173,255,.12);color:#a0d0ff;font-style:normal;margin-bottom:8px}.guardPrimaryV10 b,.guardPrimaryV10 span{display:block}.guardPrimaryV10 b{font-size:10px}.guardPrimaryV10 span{font-size:7px;color:#7c838f;margin-top:2px}.phoneTilesV10{grid-template-columns:repeat(3,1fr)}.phoneTilesV10 button{position:relative}.badgeV10{position:absolute;right:7px;top:6px;width:14px;height:14px;border-radius:50%;background:#5badff;color:#fff;display:grid;place-items:center;font-size:7px}.guardUpdateV10{display:grid;grid-template-columns:1fr auto;grid-template-areas:"copy num" "copy meta";align-items:center}.guardUpdateV10>div{grid-area:copy}.guardUpdateV10>strong{grid-area:num;font-size:20px;text-align:right}.guardUpdateV10>span{grid-area:meta;text-align:right;font-size:7px}.wallFrameV10{padding:8px;border-radius:16px}.wallThreatV10{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid rgba(255,133,58,.28);border-radius:8px;background:linear-gradient(90deg,rgba(255,133,58,.09),rgba(255,133,58,.02));font-size:7px}.wallThreatV10 span,.wallThreatV10 em{color:#a58d84;font-style:normal;letter-spacing:.08em}.wallThreatV10 b{color:#ff9d4d;font-size:15px}.wallThreatV10 strong{font-size:7px}.wallWeatherV10{display:grid;grid-template-columns:1.1fr 2.3fr 1.1fr;gap:7px;margin-top:7px}.wallWeatherNowV10,.wallWeatherHoursV10,.wallWeatherRiskV10{border:1px solid rgba(255,255,255,.06);background:#0d1016;border-radius:8px;min-height:58px}.wallWeatherNowV10{display:flex;align-items:center;gap:8px;padding:8px}.wallWeatherNowV10>span{font-size:18px}.wallWeatherNowV10 small,.wallWeatherNowV10 em{display:block;font-size:6px;color:#818896;font-style:normal}.wallWeatherNowV10 b{font-size:15px}.wallWeatherHoursV10{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px}.wallWeatherHoursV10 span{padding:5px;border-radius:6px;background:#11141b}.wallWeatherHoursV10 small,.wallWeatherHoursV10 b,.wallWeatherHoursV10 em{display:block}.wallWeatherHoursV10 small{font-size:5px;color:#7d8490}.wallWeatherHoursV10 b{font-size:8px;margin:3px 0}.wallWeatherHoursV10 em{font-size:5px;color:#777e8a;font-style:normal}.wallWeatherRiskV10{display:flex;align-items:center;gap:8px;padding:8px}.wallWeatherRiskV10 i{width:7px;height:7px;background:#55e6a5;border-radius:50%;box-shadow:0 0 10px rgba(85,230,165,.5)}.wallWeatherRiskV10 b,.wallWeatherRiskV10 span{display:block}.wallWeatherRiskV10 b{font-size:6px;color:#f0bd64}.wallWeatherRiskV10 span{font-size:5px;color:#777e8a}.wallHeadV10{display:grid;grid-template-columns:1.35fr .72fr .85fr;gap:7px;margin-top:7px}.wallEventIdentityV10,.wallPhaseV10,.wallControlV10{border:1px solid rgba(255,255,255,.06);background:#0d1016;border-radius:9px;padding:9px}.wallEventIdentityV10{display:flex;align-items:center;gap:9px}.gxBadgeV10{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#81c0ff,#4f97df);font-weight:900}.wallEventIdentityV10 small{font-size:6px;color:#87c3ff;letter-spacing:.1em}.wallEventIdentityV10 h3{margin:2px 0;font-size:14px}.wallEventIdentityV10 p{margin:0;font-size:6px;color:#818795}.wallPhaseV10{text-align:center}.wallPhaseV10 small,.wallPhaseV10 span{display:block;font-size:6px;color:#787f8c}.wallPhaseV10 b{display:block;color:#55e6a5;font-size:13px;margin:4px}.wallControlV10{text-align:right}.wallControlV10>b{display:block;font-size:17px;font-variant-numeric:tabular-nums}.wallControlV10>span{font-size:6px}.wallControlV10>em{display:block;margin-top:5px;font-size:6px;color:#858b98;font-style:normal}.wallKpisV10{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:7px}.wallKpisV10>div{display:grid;grid-template-columns:20px 1fr auto;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.06);background:#0d1016;border-radius:8px}.wallKpisV10 i{font-style:normal;color:#78bbff}.wallKpisV10 small{font-size:5px;color:#7f8693;letter-spacing:.08em}.wallKpisV10 strong{font-size:14px}.wallKpisV10 strong em{font-size:6px;font-style:normal;color:#7d8491;margin-left:2px}.wallMainV10{display:grid;grid-template-columns:1.08fr .72fr 1.08fr;gap:6px;margin-top:7px}.wallCardV10{border:1px solid rgba(255,255,255,.06);background:#0b0e14;border-radius:8px;padding:8px;min-height:250px}.wallCardV10>header,.wallBottomV10 header{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.07em}.wallCardV10>header b,.wallBottomV10 header b{color:#90c7ff}.occupancyCoreV10{display:grid;grid-template-columns:125px 1fr;gap:8px;margin-top:8px}.ringV10{width:114px;height:114px}.ringV10:before{inset:11px}.ringV10 div{z-index:2;text-align:center}.ringV10 strong,.ringV10 span,.ringV10 b{display:block;position:relative}.ringV10 strong{font-size:23px}.ringV10 span{font-size:5px;color:#7e8591}.ringV10 b{font-size:8px;color:#86c2ff}.occStatsV10{display:grid;grid-template-columns:1fr 1fr;gap:5px}.occStatsV10 div{border:1px solid rgba(255,255,255,.06);border-radius:7px;padding:6px}.occStatsV10 span{font-size:5px;color:#7f8693;display:block}.occStatsV10 b{font-size:12px}.flowPairV10{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}.flowPairV10>div{border:1px solid rgba(255,255,255,.05);border-radius:7px;padding:6px}.flowPairV10 header{display:flex;justify-content:space-between;font-size:5px}.flowPairV10 header b{color:#55e6a5}.flowPairV10 header small{font-size:4px}.flowPairV10 svg{width:100%;height:34px}.flowPairV10 polyline{fill:none;stroke:#74baff;stroke-width:2}.flowPairV10>div:last-child polyline{stroke:#58c8ff}.countingPointsV10{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:5px}.countingPointsV10>span{color:#7d8490}.countingPointsV10 b{padding:4px 5px;border-radius:5px;background:#10131a}.countingPointsV10 em{font-style:normal;color:#7f8793}.timelineV10{display:grid;gap:7px;margin-top:9px;position:relative}.timelineV10:before{content:"";position:absolute;left:6px;top:7px;bottom:7px;width:1px;background:#242935}.timelineV10 div{display:grid;grid-template-columns:13px 1fr auto;gap:6px;align-items:center;position:relative}.timelineV10 i{width:13px;height:13px;border:1px solid #3a3f4c;border-radius:50%;background:#0b0e14;z-index:2;font-style:normal;font-size:7px;display:grid;place-items:center}.timelineV10 .done i{background:#55e6a5;border-color:#55e6a5;color:#07120d}.timelineV10 .active i{background:#5badff;border-color:#5badff;box-shadow:0 0 12px rgba(91,173,255,.5)}.timelineV10 span,.timelineV10 b{font-size:6px}.opsAlertsV10{border:1px solid rgba(255,255,255,.06);border-radius:7px;padding:7px;margin-top:10px}.opsAlertsV10>span,.opsAlertsV10>b{font-size:5px}.opsAlertsV10>b{float:right;color:#ffbd59}.opsAlertsV10>div{font-size:6px;margin-top:6px;padding:5px;background:#11141b;border-radius:5px}.eventMapV10{height:217px;margin-top:7px}.mapRosterV10{position:absolute;left:7px;right:7px;bottom:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mapRosterV10 b{background:rgba(6,7,11,.86);border:1px solid rgba(255,255,255,.06);padding:5px;border-radius:5px;font-size:5px}.mapRosterV10 b>i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#55e6a5;margin-right:3px}.mapRosterV10 span{display:block;color:#7d8491;margin:2px 0 0 8px;font-weight:400}.wallBottomV10{display:grid;grid-template-columns:1fr 1fr .75fr;gap:6px;margin-top:7px}.wallBottomV10>section{border:1px solid rgba(255,255,255,.06);background:#0b0e14;border-radius:8px;padding:8px;min-height:92px}.boloV10{display:flex;gap:7px;margin-top:7px}.boloV10>i{width:30px;height:30px;border-radius:7px;background:rgba(255,189,89,.1);border:1px solid rgba(255,189,89,.15);display:grid;place-items:center;color:#ffbd59;font-style:normal}.boloV10 small,.boloV10 b,.boloV10 span{display:block}.boloV10 small{font-size:5px;color:#ffbd59}.boloV10 b{font-size:8px;margin:2px 0}.boloV10 span{font-size:5px;color:#7d8491}.incidentRowsV10{display:grid;gap:4px;margin-top:6px}.incidentRowsV10>div{display:grid;grid-template-columns:6px 1fr auto;gap:5px;align-items:center;padding:5px;border-radius:5px;background:#11141b}.incidentRowsV10 i{width:5px;height:5px;border-radius:50%}.incidentRowsV10 i.amber{background:#ffbd59}.incidentRowsV10 i.purple{background:#5badff}.incidentRowsV10 b,.incidentRowsV10 span{font-size:5px}.incidentRowsV10 span{color:#7b8290}.systemV10>div{display:flex;justify-content:space-between;padding:5px 0;border-top:1px solid rgba(255,255,255,.05);font-size:5px}.systemV10>div i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#55e6a5;margin-right:4px}.systemV10>div b{color:#55e6a5}.wallFooterV10{display:flex;justify-content:space-between;gap:12px;padding:6px 2px 0;color:#6f7683;font-size:5px}.wallFooterV10 b{color:#8c929e}.wallFrameV10{animation:gxWallFloatLite 11s ease-in-out infinite}.phoneV10{animation:gxPhoneFloatLite 9s ease-in-out infinite} @media(max-width:980px){.overviewV10{grid-template-columns:repeat(3,1fr)}.commandGridV10{grid-template-columns:1fr 1fr;grid-template-areas:"ready attention" "map map" "activity pulse"}.quickJobGridV10{grid-template-columns:1fr 1fr}.wallWeatherV10{grid-template-columns:1fr}.wallMainV10{grid-template-columns:1fr 1fr}.liveMapCardV10{grid-column:1/-1}.wallBottomV10{grid-template-columns:1fr 1fr}.systemV10{grid-column:1/-1}} @media(max-width:640px){.topSearchV10{display:none}.overviewV10{grid-template-columns:1fr 1fr}.overviewV10 .kpiV8:nth-child(n+5){display:none}.commandGridV10{grid-template-columns:1fr;grid-template-areas:"ready" "map"}.commandPanelV10.attentionV8,.estateActivityV10,.estatePulseV10,.quickJobsV10{display:none}.miniMapV10{height:220px;min-height:220px}.wallThreatV10{grid-template-columns:1fr auto}.wallThreatV10 strong,.wallThreatV10 em{display:none}.wallWeatherHoursV10{grid-template-columns:repeat(3,1fr)}.wallWeatherHoursV10 span:nth-child(n+4){display:none}.wallHeadV10{grid-template-columns:1fr}.wallKpisV10{grid-template-columns:repeat(2,1fr)}.wallMainV10,.wallBottomV10{grid-template-columns:1fr}.liveMapCardV10,.systemV10{grid-column:auto}.wallFooterV10{display:none}.phoneV10{min-height:660px}} /* v11 product fidelity + sales sections */ .responseTicksV11{grid-template-columns:repeat(4,1fr)} .uspGridV11{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px} .uspCardV11{position:relative;padding:24px;border:1px solid rgba(148,163,184,.14);border-radius:22px;background:linear-gradient(145deg,rgba(15,18,31,.84),rgba(8,10,18,.72));box-shadow:inset 0 1px rgba(255,255,255,.035);min-height:210px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease} .uspCardV11:hover{transform:translateY(-4px);border-color:rgba(104,180,255,.38);box-shadow:0 16px 40px rgba(51,116,180,.12)} .uspCardV11>b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(104,175,246,.12);color:#a4d1ff;font-size:12px;margin-bottom:18px} .uspCardV11 h3{font-size:18px;margin:0 0 10px}.uspCardV11 p{font-size:14px;line-height:1.65;margin:0;color:var(--muted)} .responseSectionV11 .tickCard{min-height:330px} @media(max-width:1050px){.responseTicksV11,.uspGridV11{grid-template-columns:repeat(2,1fr)}} @media(max-width:650px){.responseTicksV11,.uspGridV11{grid-template-columns:1fr}} /* PatrolCore v11a — animated lifecycle showcase */ .lifecycleSectionV11a{position:relative;overflow:hidden}.lifecycleSectionV11a:before{content:"";position:absolute;left:50%;top:52%;width:780px;height:420px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(86,170,255,.13),transparent 66%);pointer-events:none}.lifecycleHeadV11a{margin-bottom:30px}.lifecycleHeadV11a h2{max-width:900px;margin-inline:auto}.lifecycleV11a{position:relative;max-width:1120px;margin:auto;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(145deg,rgba(16,18,27,.90),rgba(5,6,10,.96));box-shadow:0 35px 100px rgba(0,0,0,.48),0 0 70px rgba(82,169,255,.08);padding:18px;overflow:hidden;isolation:isolate}.lifecycleGlowV11a{position:absolute;width:420px;height:420px;left:50%;top:58%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(89,172,255,.20),transparent 65%);filter:blur(20px);opacity:.85;pointer-events:none;z-index:-1}.lifecycleTabsV11a{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:5px}.lifecycleTabsV11a button{appearance:none;border:1px solid transparent;background:transparent;color:#737887;border-radius:14px;min-height:50px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:800;cursor:pointer;transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease}.lifecycleTabsV11a button i{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.035);font-style:normal;font-size:12px}.lifecycleTabsV11a button:hover{color:#d8d6e0;background:rgba(255,255,255,.025)}.lifecycleTabsV11a button.active{color:#fff;background:linear-gradient(135deg,rgba(88,171,255,.16),rgba(255,255,255,.025));border-color:rgba(106,180,255,.30);box-shadow:inset 0 0 24px rgba(82,169,255,.08)}.lifecycleStageV11a{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:12px;align-items:center;margin-top:10px}.lifeArrowV11a{appearance:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(102,179,255,.34);background:rgba(10,11,17,.88);color:#fff;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 0 22px rgba(82,169,255,.14);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.lifeArrowV11a:hover{transform:scale(1.06);border-color:rgba(130,192,255,.68);box-shadow:0 0 28px rgba(82,169,255,.28)}.lifeCardV11a{position:relative;min-height:330px;display:grid;grid-template-columns:80px 1.15fr .9fr;gap:26px;align-items:center;padding:38px;border:1px solid rgba(106,180,255,.34);border-radius:24px;background:radial-gradient(circle at 76% 28%,rgba(76,128,180,.16),transparent 26%),linear-gradient(145deg,rgba(21,23,34,.98),rgba(9,10,16,.96));box-shadow:0 22px 60px rgba(0,0,0,.42),0 0 38px rgba(85,170,255,.12),inset 0 1px rgba(255,255,255,.04);overflow:hidden;transform:translateZ(0)}.lifeCardV11a.is-leaving{animation:lifeOutV11a .22s ease both}.lifeCardV11a.is-entering{animation:lifeInV11a .42s cubic-bezier(.2,.75,.2,1) both}.lifeCardSheenV11a{position:absolute;inset:-70% -20%;background:linear-gradient(105deg,transparent 42%,rgba(157,206,255,.07) 50%,transparent 58%);transform:translateX(-55%) rotate(8deg);animation:lifeSheenV11a 6.5s ease-in-out infinite;pointer-events:none}.lifeIconV11a{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;font-size:27px;background:linear-gradient(145deg,rgba(105,180,255,.22),rgba(255,255,255,.035));border:1px solid rgba(119,187,255,.28);box-shadow:inset 0 0 32px rgba(89,172,255,.08),0 0 24px rgba(74,164,255,.12)}.lifeKickerV11a{font-size:11px;letter-spacing:.16em;font-weight:900;color:#92c8ff;margin-bottom:8px}.lifeCopyV11a h3{font-size:clamp(34px,4vw,54px);line-height:.95;margin:0 0 14px;letter-spacing:-.045em}.lifeCopyV11a p{max-width:570px;color:#9a98a7;font-size:16px;line-height:1.6;margin:0 0 20px}.lifeChecksV11a{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.lifeChecksV11a span{position:relative;padding-left:24px;color:#c4c1ce;font-size:13px}.lifeChecksV11a span:before{content:"✓";position:absolute;left:0;top:-1px;width:17px;height:17px;border:1px solid rgba(110,182,255,.45);border-radius:50%;display:grid;place-items:center;color:#95caff;font-size:9px}.lifeVisualV11a{position:relative;height:230px;border:1px solid rgba(255,255,255,.065);border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(87,171,255,.22),transparent 30%),#0a0b11;box-shadow:inset 0 0 50px rgba(0,0,0,.4)}.lifeVisualGridV11a{position:absolute;inset:-30%;background-image:linear-gradient(rgba(140,197,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(140,197,255,.05) 1px,transparent 1px);background-size:27px 27px;transform:perspective(420px) rotateX(58deg) rotateZ(-8deg);animation:lifeGridV11a 12s linear infinite}.lifeVisualCoreV11a{position:absolute;left:50%;top:50%;width:108px;height:108px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(103,179,255,.35),rgba(44,85,126,.14) 55%,transparent 58%);border:1px solid rgba(132,193,255,.38);box-shadow:0 0 0 18px rgba(86,170,255,.035),0 0 45px rgba(86,170,255,.25);z-index:2}.lifeVisualCoreV11a b{font-size:22px}.lifeVisualCoreV11a span{font-size:8px;letter-spacing:.16em;color:#b7b1c5;margin-top:3px}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(121,188,255,.16);border-radius:50%;transform:translate(-50%,-50%)}.orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#73b9ff;box-shadow:0 0 16px rgba(115,185,255,.75)}.orbit.a{width:150px;height:94px;animation:lifeOrbitV11a 7s linear infinite}.orbit.a:after{left:22px;top:7px}.orbit.b{width:190px;height:128px;animation:lifeOrbitV11a 10s linear infinite reverse}.orbit.b:after{right:18px;bottom:18px}.orbit.c{width:220px;height:165px;animation:lifeOrbitV11a 13s linear infinite}.orbit.c:after{right:32px;top:18px}.lifeProgressV11a{height:3px;background:rgba(255,255,255,.055);border-radius:99px;overflow:hidden;margin:16px 60px 0}.lifeProgressV11a i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5eaeff,#7ebfff);box-shadow:0 0 15px rgba(91,173,255,.65);animation:lifeProgressRunV11a 4.8s linear infinite}.lifeDotsV11a{display:flex;justify-content:center;gap:7px;margin-top:12px}.lifeDotsV11a i{width:6px;height:6px;border-radius:50%;background:#3f414a;transition:.25s}.lifeDotsV11a i.active{width:22px;border-radius:99px;background:#73b9ff;box-shadow:0 0 12px rgba(115,185,255,.5)} @keyframes lifeInV11a{from{opacity:0;transform:translateX(22px) scale(.986);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes lifeOutV11a{to{opacity:.15;transform:translateX(-16px) scale(.992);filter:blur(2px)}}@keyframes lifeSheenV11a{0%,72%{transform:translateX(-62%) rotate(8deg)}100%{transform:translateX(62%) rotate(8deg)}}@keyframes lifeGridV11a{to{background-position:27px 27px}}@keyframes lifeOrbitV11a{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes lifeProgressRunV11a{from{width:0}to{width:100%}} @media(max-width:900px){.lifeCardV11a{grid-template-columns:64px 1fr;padding:28px}.lifeVisualV11a{grid-column:1/-1;height:170px}.lifeChecksV11a{grid-template-columns:1fr 1fr}.lifecycleTabsV11a button i{display:none}}@media(max-width:640px){.lifecycleV11a{padding:10px;border-radius:20px}.lifecycleTabsV11a{grid-template-columns:repeat(5,1fr);gap:3px}.lifecycleTabsV11a button{font-size:10px;padding:5px;min-height:42px}.lifecycleStageV11a{grid-template-columns:34px minmax(0,1fr) 34px;gap:5px}.lifeArrowV11a{width:34px;height:34px;font-size:24px}.lifeCardV11a{grid-template-columns:1fr;gap:14px;padding:22px;min-height:0}.lifeIconV11a{width:54px;height:54px;border-radius:16px}.lifeCopyV11a h3{font-size:38px}.lifeCopyV11a p{font-size:14px}.lifeChecksV11a{grid-template-columns:1fr}.lifeVisualV11a{grid-column:auto;height:145px}.lifeProgressV11a{margin-inline:38px}}@media(prefers-reduced-motion:reduce){.lifeCardSheenV11a,.lifeVisualGridV11a,.orbit,.lifeProgressV11a i{animation:none!important}.lifeCardV11a{filter:none!important;transform:none!important}} /* PatrolCore Marketing v12 — intuitive motion system */ .environmentsV12,.guardStoryV12,.wallStoryV12,.modulesV12,.responseSectionV12,.uspV12{position:relative;overflow:hidden} .environmentsV12:before,.modulesV12:before,.responseSectionV12:before,.uspV12:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--spot-x,50%) 35%,rgba(92,174,255,.09),transparent 34%);opacity:.9;transition:background-position .7s ease} .v8Ticks .tickCard,.modulesV12 .tickCard,.responseTicksV11 .tickCard,.uspCardV11{transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .5s ease,opacity .4s ease} .v8Ticks .tickCard.is-spotlight,.modulesV12 .tickCard.is-spotlight,.responseTicksV11 .tickCard.is-spotlight{transform:translateY(-8px) scale(1.018);border-color:rgba(116,186,255,.46)!important;box-shadow:0 20px 70px rgba(45,111,177,.18),inset 0 0 0 1px rgba(143,199,255,.10)} .v8Ticks .tickCard:not(.is-spotlight),.modulesV12 .tickCard:not(.is-spotlight){opacity:.72} .v8Ticks:hover .tickCard,.modulesV12:hover .tickCard{opacity:1} .environmentPulseV12{margin:30px auto 0;display:flex;align-items:center;justify-content:center;gap:14px;color:#6f7380;font-size:11px;font-weight:800;letter-spacing:.14em} .environmentPulseV12 i{height:1px;width:68px;background:linear-gradient(90deg,rgba(94,174,255,.12),rgba(94,174,255,.8),rgba(94,174,255,.12));position:relative;overflow:hidden} .environmentPulseV12 i:after{content:"";position:absolute;width:22px;height:1px;background:#bfdfff;animation:v12Rail 2.4s linear infinite} .environmentPulseV12 span.active{color:#a4d1ff;text-shadow:0 0 18px rgba(122,188,255,.42)} @keyframes v12Rail{from{transform:translateX(-25px)}to{transform:translateX(75px)}} .guardTourV12{display:grid;gap:9px;margin:26px 0 24px} .guardTourV12 button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);border-radius:16px;padding:13px 15px;color:#d7d9e4;cursor:pointer;transition:.35s ease} .guardTourV12 button i{font-style:normal;font-size:10px;letter-spacing:.12em;color:#7f8490;border:1px solid rgba(255,255,255,.08);padding:8px;border-radius:10px;min-width:39px;text-align:center} .guardTourV12 button span{display:grid;gap:3px}.guardTourV12 button b{font-size:13px}.guardTourV12 button small{font-size:11px;color:#7f8490;font-weight:600} .guardTourV12 button.active{transform:translateX(9px);border-color:rgba(109,182,255,.42);background:linear-gradient(90deg,rgba(84,164,244,.14),rgba(84,164,244,.025));box-shadow:-10px 0 36px rgba(69,153,236,.12)} .guardTourV12 button.active i{color:#c0dfff;border-color:rgba(122,188,255,.34);background:rgba(92,174,255,.1)} .phoneShowcaseV8{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .45s ease}.guardStoryV12[data-guard-active="1"] .phoneShowcaseV8{transform:translateY(-3px) rotate(.25deg)}.guardStoryV12[data-guard-active="2"] .phoneShowcaseV8{transform:translateY(-6px) rotate(-.35deg)}.guardStoryV12[data-guard-active="3"] .phoneShowcaseV8{transform:translateY(-2px) rotate(.4deg)} .phoneV10 .v12Focus{animation:v12PhonePulse .85s ease;border-color:rgba(123,189,255,.44)!important;box-shadow:0 0 28px rgba(80,168,255,.15)!important} @keyframes v12PhonePulse{0%{transform:scale(.985)}55%{transform:scale(1.018)}100%{transform:scale(1)}} .wallTourRailV12{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 20px}.wallTourRailV12 button{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#7f8490;border-radius:999px;padding:9px 14px;font-weight:800;font-size:10px;letter-spacing:.08em;cursor:pointer;transition:.3s ease}.wallTourRailV12 button i{font-style:normal;margin-right:6px;color:#71b8ff}.wallTourRailV12 button.active{color:#f2eaff;border-color:rgba(91,173,255,.42);background:rgba(81,168,255,.12);box-shadow:0 0 28px rgba(69,153,236,.12)} .wallFrameV10 [data-v12-wall-focus],.wallFrameV10 .wallCardV10,.wallFrameV10 .wallThreatV10,.wallFrameV10 .wallWeatherV10,.wallFrameV10 .wallBottomV10>section{transition:opacity .35s ease,filter .35s ease,box-shadow .45s ease,transform .45s ease} .wallFrameV10.v12-tour .v12WallDim{opacity:.58;filter:saturate(.7)}.wallFrameV10.v12-tour .v12WallFocus{opacity:1!important;filter:none!important;transform:translateY(-2px);box-shadow:0 0 0 1px rgba(113,184,255,.28),0 0 34px rgba(68,145,222,.16)!important;position:relative;z-index:2} .moduleTickerV12{margin-top:26px;border:1px solid rgba(255,255,255,.07);border-radius:16px;display:flex;align-items:center;gap:18px;padding:13px 17px;background:rgba(5,6,10,.5);overflow:hidden}.moduleTickerV12>span{font-size:9px;letter-spacing:.15em;color:#79bcff;font-weight:900;white-space:nowrap}.moduleTickerV12 b{font-size:12px;color:#d7d8e0;flex:1;transition:opacity .25s ease,transform .25s ease}.moduleTickerV12 b.swap{opacity:0;transform:translateY(6px)}.moduleTickerV12 i{width:80px;height:2px;background:#1c1d26;position:relative;overflow:hidden}.moduleTickerV12 i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#4ca5ff,#92c9ff);transform-origin:left;animation:v12Ticker 4.2s linear infinite}@keyframes v12Ticker{from{transform:scaleX(0)}to{transform:scaleX(1)}} .responseFlowV12{max-width:1180px;margin:0 auto 34px;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:25px;background:linear-gradient(145deg,rgba(19,16,31,.74),rgba(8,9,14,.88));box-shadow:0 28px 80px rgba(0,0,0,.28)} .responseTrackV12{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:10px}.responseLineV12{position:absolute;left:8%;right:8%;top:23px;height:2px;background:rgba(255,255,255,.07);overflow:hidden}.responseLineV12:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#53a9ff,#a9d4ff);transform:scaleX(var(--response-progress,.02));transform-origin:left;transition:transform .75s cubic-bezier(.2,.8,.2,1)} .responseTrackV12 button{position:relative;z-index:2;background:none;border:0;color:#7f8490;text-align:center;display:grid;justify-items:center;gap:6px;cursor:pointer}.responseTrackV12 button>i{font-style:normal;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#0e0f15;border:1px solid rgba(255,255,255,.1);font-size:11px;font-weight:900;transition:.35s ease}.responseTrackV12 button b{font-size:11px}.responseTrackV12 button small{font-size:9px;color:#5f6470}.responseTrackV12 button.active{color:#f1e7ff}.responseTrackV12 button.active>i{background:#4f97df;border-color:#95caff;box-shadow:0 0 30px rgba(86,163,240,.35);transform:scale(1.08)} .responseCarV12{position:absolute;top:7px;left:calc(8% - 13px);z-index:3;color:#bddeff;text-shadow:0 0 14px #58abff;transition:left .75s cubic-bezier(.2,.8,.2,1);font-size:16px;transform:rotate(90deg)} .responseLiveV12{margin-top:22px;display:grid;grid-template-columns:150px 1fr 1.4fr;gap:16px;align-items:center;border-top:1px solid rgba(255,255,255,.06);padding-top:18px}.responseLiveV12 span{font-size:9px;color:#78bbff;font-weight:900;letter-spacing:.14em}.responseLiveV12 b{font-size:14px}.responseLiveV12 p{margin:0;color:#898d99;font-size:12px;line-height:1.55} .uspControlV12{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;padding:0 4px}.uspControlV12>span{font-size:9px;letter-spacing:.15em;color:#7e828c;font-weight:900}.uspControlV12>div{display:flex;align-items:center;gap:9px}.uspControlV12 button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#aed7ff;cursor:pointer}.uspControlV12 b{font-size:10px;letter-spacing:.1em;color:#8f939e}.uspGridV11 .uspCardV11.is-usp-active{transform:translateY(-8px) scale(1.015);border-color:rgba(116,186,255,.38);box-shadow:0 22px 70px rgba(55,125,194,.16)}.uspGridV11 .uspCardV11:not(.is-usp-active){opacity:.56}.uspGridV11:hover .uspCardV11{opacity:1} @media(max-width:800px){.responseLiveV12{grid-template-columns:1fr}.responseTrackV12 button b{display:none}.environmentPulseV12 i{width:30px}.guardTourV12 button.active{transform:none}.uspControlV12>span{display:none}} @media(prefers-reduced-motion:reduce){.environmentPulseV12 i:after,.moduleTickerV12 i:after{animation:none!important}.v8Ticks .tickCard,.modulesV12 .tickCard,.uspCardV11,.phoneShowcaseV8{transition:none!important}} /* PatrolCore v4a — occasional title shimmer/glow */ :where(h1,h2).pc-title-shimmer{position:relative;isolation:isolate;text-shadow:0 0 0 rgba(74,166,255,0);transition:text-shadow .5s ease} :where(h1,h2).pc-title-shimmer.pc-shimmer-now{text-shadow:0 0 12px rgba(76,172,255,.28),0 0 34px rgba(58,126,255,.16)} :where(h1,h2).pc-title-shimmer.pc-shimmer-now::after{content:attr(data-pc-title);position:absolute;inset:0;color:transparent;background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,.96) 48%,rgba(109,204,255,.92) 52%,transparent 63%,transparent 100%);background-size:220% 100%;background-position:140% 0;-webkit-background-clip:text;background-clip:text;pointer-events:none;z-index:2;animation:pcTitleSweep 1.45s cubic-bezier(.22,.7,.2,1) 1} @keyframes pcTitleSweep{0%{background-position:145% 0;filter:drop-shadow(0 0 0 rgba(79,174,255,0))}45%{filter:drop-shadow(0 0 8px rgba(79,174,255,.35))}100%{background-position:-55% 0;filter:drop-shadow(0 0 0 rgba(79,174,255,0))}} @media(prefers-reduced-motion:reduce){:where(h1,h2).pc-title-shimmer.pc-shimmer-now::after{animation:none!important;display:none}:where(h1,h2).pc-title-shimmer.pc-shimmer-now{text-shadow:none}}