/* PatrolCore Marketing v3 — unified blue/violet control-room identity + scroll journey */
:root{
  --pc3-bg:#020711;--pc3-bg2:#06101c;--pc3-panel:rgba(7,17,29,.84);--pc3-panel2:rgba(9,21,36,.74);
  --pc3-blue:#1688ff;--pc3-cyan:#5ec8ff;--pc3-violet:#5badff;--pc3-text:#f5f9ff;--pc3-muted:#8fa4bb;
  --purple:#1688ff;--purple2:#69b4ff;--blue:#5ec8ff;--panel:var(--pc3-panel);--panel2:var(--pc3-panel2);--text:var(--pc3-text);--muted:var(--pc3-muted);
}
body.pc3{background:linear-gradient(180deg,#020711 0%,#04101d 48%,#020812 100%);color:var(--pc3-text)}
body.pc3:before{background:radial-gradient(circle at 76% 12%,rgba(79,167,255,.16),transparent 25%),radial-gradient(circle at 13% 31%,rgba(22,136,255,.10),transparent 24%),radial-gradient(circle at 52% 78%,rgba(0,164,255,.055),transparent 29%),#020711!important;animation:none!important;filter:none!important;transform:none!important}
body.pc3:after{background-image:linear-gradient(rgba(58,124,196,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(58,124,196,.055) 1px,transparent 1px)!important;background-size:64px 64px!important;opacity:.85!important;animation:pc3GridDrift 28s linear infinite!important;mask-image:linear-gradient(to bottom,#000 0,#000 78%,transparent 100%)}
body.pc3::selection{background:#167cf0;color:#fff}
@keyframes pc3GridDrift{to{background-position:64px 64px}}
body.pc3 .nav{background:rgba(2,7,17,.78);border-color:rgba(95,159,225,.14);box-shadow:0 12px 45px rgba(0,0,0,.28)}
.pc3BrandMark{width:37px;height:37px;display:inline-grid;place-items:center;filter:drop-shadow(0 0 14px rgba(22,136,255,.22));position:relative}.pc3BrandMark svg{width:100%;height:100%}.pc3Hex{fill:#071526;stroke:#1688ff;stroke-width:3.2}.pc3P{fill:#eef7ff}.pc3Dot{fill:#5badff}.pc3BrandText{font-size:21px;font-weight:900;letter-spacing:-.035em;color:#f4f8ff;text-transform:none}.pc3BrandText>span{color:#2694ff}.brand{gap:9px!important;letter-spacing:0!important}
body.pc3 .navlinks a:hover,body.pc3 .navlinks a.active{background:rgba(22,136,255,.08);color:#fff}.btn.primary{background:linear-gradient(135deg,#1688ff,#65b2ff)!important;border-color:rgba(94,173,255,.52)!important;box-shadow:0 10px 34px rgba(22,136,255,.18)!important}.btn.ghost-purple{border-color:rgba(69,155,255,.36)!important;color:#9fd1ff!important}.btn.green{background:linear-gradient(135deg,rgba(18,125,244,.17),rgba(91,173,255,.12))!important;border-color:rgba(72,158,255,.32)!important;color:#9cd0ff!important}
body.pc3 .eyebrow{color:#73b9ff}.eyebrow:before{background:#1688ff;box-shadow:0 0 14px #1688ff}.sectionHead h2 span,.heroCopyV8 h1 span{background:linear-gradient(90deg,#67c4ff,#74baff 78%)!important;-webkit-background-clip:text!important;color:transparent!important;filter:drop-shadow(0 0 18px rgba(40,132,255,.12))}
.section{position:relative}.section.alt{background:linear-gradient(180deg,rgba(13,31,51,.42),rgba(4,11,20,.28));border-color:rgba(87,145,205,.13)}
.section:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(48,142,255,.16),rgba(91,173,255,.12),transparent);pointer-events:none}
.tickCard,.glassV8,.freeBanner,.cta,.plan,.card,.legalCard,.pricingCard,.featureCard,.formCard{border-color:rgba(91,153,216,.15)!important;background:linear-gradient(145deg,rgba(8,22,38,.86),rgba(5,13,23,.78))!important;box-shadow:0 22px 65px rgba(0,0,0,.19)}
.tickCard:hover,.glassV8:hover{border-color:rgba(54,148,255,.34)!important;box-shadow:0 24px 66px rgba(0,0,0,.24),0 0 36px rgba(22,136,255,.06)!important}
.tickIcon{background:linear-gradient(145deg,rgba(22,136,255,.17),rgba(91,173,255,.12))!important;color:#6ebdff!important;border:1px solid rgba(62,155,255,.2)}
input,select,textarea{background:#071321!important;border-color:rgba(96,153,211,.18)!important;color:#edf6ff!important}input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(47,151,255,.55)!important;box-shadow:0 0 0 3px rgba(22,136,255,.09)}
.footer{border-color:rgba(91,153,216,.13)!important;background:linear-gradient(180deg,rgba(2,8,16,.45),rgba(2,6,12,.94))!important}

/* Preferred earlier hero, recoloured and refined */
.pc3JourneyHero{padding-top:92px!important;overflow:hidden!important;isolation:isolate}.pc3JourneyHero:before{content:"";position:absolute;inset:-25% -20%;z-index:-2;background:radial-gradient(circle at 76% 35%,rgba(91,173,255,.16),transparent 25%),radial-gradient(circle at 23% 30%,rgba(13,123,255,.11),transparent 24%);pointer-events:none}.pc3JourneyHero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(50,156,255,.055) 49%,rgba(90,173,255,.045) 53%,transparent 66%);transform:translateX(-65%);animation:pc3HeroShine 10s ease-in-out infinite;pointer-events:none;will-change:transform}@keyframes pc3HeroShine{0%,35%{transform:translateX(-65%)}75%,100%{transform:translateX(65%)}}
.heroCopyV8{max-width:900px!important;text-align:center!important;margin:0 auto 48px!important}.heroCopyV8 h1{font-size:clamp(54px,7vw,94px)!important;line-height:.95!important}.heroCopyV8>p{margin-left:auto!important;margin-right:auto!important;max-width:810px!important;color:#a8b8ca!important}.heroActions,.heroProof{justify-content:center}.heroProof{color:#8ea3ba!important}.commandHeroV8{max-width:1180px;margin:0 auto}.browserShellV8{border-color:rgba(73,153,239,.22)!important;background:linear-gradient(155deg,#0a1727,#030812 75%)!important;box-shadow:0 42px 110px rgba(0,0,0,.52),0 0 70px rgba(22,136,255,.08)!important}.browserTopV8,.sideV8{background:#06101d!important;border-color:rgba(82,145,208,.12)!important}.sideBrandV8 span{background:linear-gradient(145deg,#1688ff,#66b3ff)!important;box-shadow:0 0 18px rgba(22,136,255,.18)!important}.sideV8 button.active{background:linear-gradient(90deg,rgba(22,136,255,.24),rgba(102,179,255,.09))!important;border-color:rgba(72,158,255,.22)!important}.mainV8,.bodyV8{background:radial-gradient(circle at 70% 0,rgba(34,103,255,.07),transparent 31%),#07101b!important}.connectedRailV8 span{background:rgba(5,17,29,.78)!important;border-color:rgba(73,147,221,.14)!important}
.meterRowV8 i em,.sparkV10 i{background:linear-gradient(90deg,#1789ff,#69b4ff)!important}.purpleDot,.blueDot{background:#2f9cff!important}.mapPopV8{border-color:rgba(52,153,255,.24)!important;background:rgba(4,15,27,.9)!important}.miniMapV8>i,.eventMapV8>i{background:#1c8dff!important;border-color:#8dc7ff!important;box-shadow:0 0 0 5px rgba(28,141,255,.12),0 0 18px rgba(28,141,255,.55)!important}
.marquee{border-color:rgba(74,145,215,.13)!important;background:rgba(3,10,18,.72)!important}.chip{background:rgba(7,20,33,.82)!important;border-color:rgba(80,146,212,.15)!important}.chip i{color:#58b7ff!important}

/* New story bridge — preserves the cleaner app mockup character from v2 */
.pc3Bridge{padding-top:118px;padding-bottom:118px;overflow:hidden}.pc3Bridge:after{content:"";position:absolute;width:760px;height:480px;left:50%;top:52%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(23,124,255,.09),rgba(90,173,255,.05) 38%,transparent 68%);pointer-events:none}.pc3BridgeHead{max-width:820px;margin:0 auto 46px;text-align:center;position:relative;z-index:2}.pc3BridgeHead h2{font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.045em;margin:13px 0 18px}.pc3BridgeHead h2 span{background:linear-gradient(90deg,#5fc0ff,#74baff);-webkit-background-clip:text;color:transparent}.pc3BridgeHead p{font-size:17px;line-height:1.7;color:#93a8be}.pc3FlowStage{display:grid;grid-template-columns:minmax(0,1.45fr) 80px 300px;align-items:center;gap:22px;position:relative;z-index:2}.pc3FlowCard{min-height:445px;border:1px solid rgba(70,151,235,.24);border-radius:24px;background:linear-gradient(145deg,rgba(7,22,38,.96),rgba(4,11,20,.96));box-shadow:0 34px 90px rgba(0,0,0,.4),0 0 60px rgba(22,136,255,.06);padding:22px;position:relative;overflow:hidden}.pc3FlowCard:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 34%,rgba(75,166,255,.07) 48%,transparent 62%);transform:translateX(-70%);animation:pc3CardSheen 7s ease-in-out infinite}@keyframes pc3CardSheen{0%,45%{transform:translateX(-70%)}85%,100%{transform:translateX(70%)}}.pc3FlowTop{height:43px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(93,149,205,.1);position:relative}.pc3MiniBrand{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#1688ff,#65b2ff);font-size:9px;font-weight:900}.pc3FlowTop b{font-size:13px}.pc3FlowTop em{font-style:normal;color:#5c7c9c;font-size:8px;letter-spacing:.12em;margin-left:auto}.pc3FlowAlert{display:flex;gap:14px;margin-top:18px;padding:15px;border-radius:14px;border:1px solid rgba(255,91,105,.16);background:linear-gradient(90deg,rgba(115,21,34,.28),rgba(13,22,34,.8))}.pc3FlowAlert>i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,76,91,.13);color:#ff6b79;font-style:normal;font-weight:900}.pc3FlowAlert div{display:grid;gap:3px}.pc3FlowAlert small{font-size:8px;color:#ff8f99}.pc3FlowAlert b{font-size:14px}.pc3FlowAlert span{font-size:10px;color:#91a4b8}.pc3FlowMap{height:220px;margin-top:14px;border-radius:16px;position:relative;overflow:hidden;background:radial-gradient(circle at 44% 55%,rgba(16,94,163,.17),transparent 26%),linear-gradient(rgba(65,120,170,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(65,120,170,.08) 1px,transparent 1px),#06111d;background-size:auto,26px 26px,26px 26px}.pc3FlowMap:before,.pc3FlowMap:after{content:"";position:absolute;width:135%;height:2px;background:rgba(70,118,165,.23);left:-15%;top:36%;transform:rotate(14deg)}.pc3FlowMap:after{top:66%;transform:rotate(-10deg)}.pc3Route{position:absolute;left:29%;top:28%;width:47%;height:48%;border:2px dashed rgba(56,167,255,.48);border-left:0;border-bottom:0;border-radius:0 50% 0 0;transform:rotate(8deg)}.pc3FlowMap>i{position:absolute;width:13px;height:13px;border-radius:50%;background:#1688ff;border:2px solid #a5d5ff;box-shadow:0 0 0 6px rgba(22,136,255,.1),0 0 18px rgba(22,136,255,.5);animation:pc3Pin 2.8s ease-in-out infinite}.pc3FlowMap>i.a{left:24%;top:62%}.pc3FlowMap>i.b{left:58%;top:40%;animation-delay:-1s}.pc3FlowMap>i.c{left:78%;top:22%;background:#5bdb7b;border-color:#c7ffd3;animation-delay:-1.8s}.pc3FlowMap>div{position:absolute;left:18px;bottom:16px;padding:9px 12px;border:1px solid rgba(65,148,230,.18);border-radius:10px;background:rgba(3,12,21,.86);display:grid;gap:2px}.pc3FlowMap small{color:#5aaeff;font-size:7px}.pc3FlowMap b{font-size:10px}.pc3FlowMap span{font-size:8px;color:#7f94a9}.pc3FlowStats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.pc3FlowStats span{padding:10px;border:1px solid rgba(83,145,205,.11);border-radius:10px;background:#081523}.pc3FlowStats small{display:block;font-size:7px;color:#67839e}.pc3FlowStats b{font-size:13px}.pc3Signal{display:grid;justify-items:center;gap:9px;color:#54afff;font-size:8px;font-weight:900;letter-spacing:.15em}.pc3Signal i{width:1px;height:105px;background:linear-gradient(transparent,#1688ff,#5badff,transparent);position:relative}.pc3Signal i:first-child:after{content:"";position:absolute;left:-3px;top:15%;width:7px;height:7px;border-radius:50%;background:#69baff;box-shadow:0 0 18px #1688ff;animation:pc3Signal 2.8s ease-in-out infinite}.pc3Device{width:278px;height:550px;border:1px solid rgba(101,164,227,.42);border-radius:42px;background:linear-gradient(160deg,#091522,#03070c);box-shadow:0 36px 80px rgba(0,0,0,.55),0 0 40px rgba(22,136,255,.08);padding:42px 17px 60px;position:relative;overflow:hidden}.pc3Device:after{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.04);border-radius:34px;pointer-events:none}.pc3DeviceIsland{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:82px;height:20px;border-radius:18px;background:#000}.pc3DeviceHead{display:flex;justify-content:space-between;align-items:center;color:#a9bacb;font-size:9px;margin-bottom:30px}.pc3Device>small{font-size:8px;color:#ff7e87;letter-spacing:.12em}.pc3Device h3{font-size:25px;margin:5px 0 3px}.pc3Device>p{font-size:11px;color:#7f93a8;margin:0}.pc3DeviceStatus{margin-top:24px;border:1px solid rgba(88,152,215,.15);border-radius:16px;padding:18px;background:#081523;display:grid;grid-template-columns:1fr auto;align-items:end}.pc3DeviceStatus span{font-size:8px;color:#72e890}.pc3DeviceStatus b{font-size:28px;grid-column:2;grid-row:1/3}.pc3DeviceStatus small{font-size:7px;color:#647b92}.pc3Device>button{width:100%;height:46px;border:0;border-radius:12px;background:linear-gradient(135deg,#1688ff,#65b2ff);color:#fff;font-weight:850;margin-top:16px;box-shadow:0 12px 26px rgba(22,136,255,.19)}.pc3DeviceNote{margin-top:15px;padding:13px;border:1px solid rgba(78,145,211,.12);border-radius:12px;background:#07111d;display:flex;gap:10px}.pc3DeviceNote>i{color:#58e27b;font-style:normal}.pc3DeviceNote span{display:grid}.pc3DeviceNote b{font-size:9px}.pc3DeviceNote small{font-size:7px;color:#72879c}.pc3Device nav{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-around;color:#657b91}.pc3Device nav>*{display:grid;justify-items:center;font-size:11px}.pc3Device nav small{font-size:6px}.pc3Device nav b{color:#2c9aff}.pc3OutcomeRail{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:38px;color:#8398ad;font-size:10px;position:relative;z-index:2}.pc3OutcomeRail span{display:flex;align-items:center;gap:7px}.pc3OutcomeRail b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(22,136,255,.1);color:#68baff;font-size:7px}.pc3OutcomeRail i{width:42px;height:1px;background:linear-gradient(90deg,rgba(22,136,255,.18),rgba(91,173,255,.26))}@keyframes pc3Pin{50%{transform:translateY(-3px);box-shadow:0 0 0 10px rgba(22,136,255,0),0 0 22px rgba(22,136,255,.7)}}@keyframes pc3Signal{0%{top:5%}100%{top:88%}}

/* Existing product story recolour */
.phoneV8{border-color:rgba(85,158,230,.34)!important;background:linear-gradient(160deg,#091725,#03070d)!important;box-shadow:0 34px 80px rgba(0,0,0,.5),0 0 45px rgba(22,136,255,.07)!important}.phoneTopV8 i,.gxBadgeV10,.sideBrandV8 span{color:#fff!important}.phoneTopV8 i,.gxBadgeV10{background:linear-gradient(145deg,#1688ff,#65b2ff)!important;border-color:rgba(103,176,255,.34)!important}.phoneActionV8{background:linear-gradient(135deg,#1688ff,#65b2ff)!important}.guardTourV12 button.active,.wallTourRailV12 button.active,.moduleNavV12 button.active,.responseStepsV12 button.active{border-color:rgba(62,154,255,.4)!important;background:linear-gradient(135deg,rgba(22,136,255,.14),rgba(97,176,255,.1))!important;color:#fff!important}.wallFrameV8{border-color:rgba(70,148,226,.23)!important;box-shadow:0 35px 90px rgba(0,0,0,.42),0 0 65px rgba(22,136,255,.06)!important}.wallCardV10,.wallHeadV10,.wallWeatherV10{border-color:rgba(82,145,205,.12)!important}.lifeCardV11a{border-color:rgba(65,150,236,.34)!important;box-shadow:0 28px 70px rgba(0,0,0,.35),0 0 55px rgba(22,136,255,.07)!important}.lifeIconV11a,.lifecycleTabsV11a button.active i{background:linear-gradient(145deg,#1688ff,#65b2ff)!important}.lifeProgressV11a i{background:linear-gradient(90deg,#1688ff,#65b2ff)!important}.uspCardV11.is-usp-active{border-color:rgba(56,153,255,.38)!important;box-shadow:0 22px 60px rgba(0,0,0,.25),0 0 35px rgba(22,136,255,.07)!important}

/* Scroll story motion: transform/opacity only for smoothness */
.pc3RevealUp,.pc3RevealLeft,.pc3RevealRight,.pc3 .reveal{opacity:0;transition:opacity .78s ease,transform .86s cubic-bezier(.18,.72,.2,1)}.pc3 .reveal{transform:translate3d(0,34px,0)}.pc3RevealUp{transform:translate3d(0,46px,0)}.pc3RevealLeft{transform:translate3d(-56px,20px,0)}.pc3RevealRight{transform:translate3d(56px,20px,0)}.pc3 .reveal.in,.pc3RevealUp.pc3In,.pc3RevealLeft.pc3In,.pc3RevealRight.pc3In{opacity:1;transform:translate3d(0,0,0)}
.pc3Stagger>*{opacity:0;transform:translateY(24px);transition:opacity .62s ease,transform .7s cubic-bezier(.18,.72,.2,1)}.pc3Stagger.pc3In>*{opacity:1;transform:none}.pc3Stagger.pc3In>*:nth-child(2){transition-delay:.08s}.pc3Stagger.pc3In>*:nth-child(3){transition-delay:.16s}.pc3Stagger.pc3In>*:nth-child(4){transition-delay:.24s}.pc3Stagger.pc3In>*:nth-child(5){transition-delay:.32s}.pc3Stagger.pc3In>*:nth-child(6){transition-delay:.40s}
.pc3JourneyNav{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:45;display:grid;gap:8px;padding:10px 8px;border:1px solid rgba(75,144,211,.12);border-radius:18px;background:rgba(3,11,20,.66);backdrop-filter:blur(12px);box-shadow:0 14px 45px rgba(0,0,0,.24)}.pc3JourneyNav button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#274057;box-shadow:none;position:relative;cursor:pointer;transition:.25s}.pc3JourneyNav button:after{content:attr(aria-label);position:absolute;right:18px;top:50%;transform:translate(8px,-50%);white-space:nowrap;padding:6px 8px;border-radius:8px;background:#071321;border:1px solid rgba(73,146,216,.18);color:#9eb3c9;font-size:9px;opacity:0;pointer-events:none;transition:.2s}.pc3JourneyNav button:hover:after{opacity:1;transform:translate(0,-50%)}.pc3JourneyNav button.active{background:#2b99ff;box-shadow:0 0 0 5px rgba(43,153,255,.10),0 0 16px rgba(43,153,255,.56)}

/* Generic inner pages: bring everything into the same product world */
body.pc3 .hero:not(.heroV8){position:relative;background:radial-gradient(circle at 75% 30%,rgba(85,170,255,.10),transparent 26%)}body.pc3 .hero:not(.heroV8):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(32,139,255,.24),transparent)}
body.pc3 h1 span,body.pc3 h2 span{background:linear-gradient(90deg,#62c1ff,#78bbff);-webkit-background-clip:text;color:transparent}.plan.featured{border-color:rgba(47,151,255,.42)!important;box-shadow:0 25px 70px rgba(0,0,0,.28),0 0 38px rgba(22,136,255,.07)!important}.planBadge{background:linear-gradient(135deg,#1688ff,#65b2ff)!important}.statusDot,.good{color:#62df8a!important}

@media(max-width:1100px){.pc3FlowStage{grid-template-columns:1fr}.pc3Signal{display:none}.pc3Device{margin:auto}.pc3OutcomeRail{flex-wrap:wrap}.pc3OutcomeRail i{width:24px}.pc3JourneyNav{display:none}}
@media(max-width:720px){.pc3JourneyHero{padding-top:64px!important}.heroCopyV8{margin-bottom:28px!important}.heroCopyV8 h1{font-size:clamp(48px,15vw,68px)!important}.pc3Bridge{padding:82px 0}.pc3BridgeHead{text-align:left}.pc3FlowCard{min-height:410px;padding:15px}.pc3Device{width:250px;height:515px}.pc3OutcomeRail{justify-content:flex-start}.pc3OutcomeRail i{display:none}}
@media(prefers-reduced-motion:reduce){body.pc3:after,.pc3JourneyHero:after,.pc3FlowCard:before,.pc3FlowMap>i,.pc3Signal i:first-child{animation:none!important}.pc3RevealUp,.pc3RevealLeft,.pc3RevealRight,.pc3 .reveal,.pc3Stagger>*{transition:none!important;transform:none!important;opacity:1!important}}