/* November content and layout refinements. */
.platform-overview{padding-bottom:56px}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;margin:32px 0 0;padding:0}.overview-grid li{min-height:280px;padding:28px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:36px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel-2)}.overview-number{color:var(--accent);font-size:14px;font-weight:600;letter-spacing:.12em}.overview-grid h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin:0;color:var(--txt)}.white-label-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.white-label-copy .body{margin-top:24px;max-width:510px}.white-label .pv{width:100%;min-width:0}.contact-copy .btn{margin-top:28px}.liveops .h2{max-width:900px;margin-inline:auto}
@media(max-width:980px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid li{min-height:230px}.white-label-grid{gap:32px}}
@media(max-width:600px){.overview-grid{grid-template-columns:1fr;gap:16px}.overview-grid li{min-height:180px;padding:24px}.overview-grid h3{font-size:21px}.white-label-grid{grid-template-columns:1fr}.platform-overview{padding-bottom:40px}}
/* Nested panels use smaller corners than their containing cards. */
:root{--r:10px;--r-sm:8px;--r-lg:16px;--r-xl:20px}.ops{border-radius:20px;padding:12px}.feed{border-radius:8px}.btn{border-radius:10px}.contact-card,.foot-card,.use-grid,.ev,.shift-card{border-radius:20px}.capability-card,.overview-grid li,.pv{border-radius:16px}.capability-icon{border-radius:8px}.pv-portal{border-radius:10px}.pv-portal>span{border-radius:6px}.app{border-radius:20px}.map{border-radius:10px}

/* Overview follows the same heading / graphic / copy composition. */
.overview-grid{gap:20px}.overview-grid li{min-height:0;justify-content:flex-start;padding:22px;gap:22px;background:var(--panel)}.overview-grid h3{font-size:26px;line-height:1.15;min-height:90px;letter-spacing:-.04em}.overview-grid p{font-size:15px;line-height:1.6;color:var(--txt-2);margin:0}.overview-grid .cap-visual{width:100%;aspect-ratio:1;flex:none}.overview-grid .visual-label{font-size:8px;left:10px}.overview-grid .visual-status{font-size:10px;left:8px;right:8px;bottom:8px;padding:8px}.overview-grid .dispatch-flow{inset:34px 12px 12px}.overview-grid .dispatch-flow>span{font-size:10px;padding:7px}.camera-nodes{display:flex;justify-content:space-between;gap:6px;position:absolute;top:46px;left:14px;right:14px}.camera-nodes span{border:1px solid #adbaff80;padding:9px 5px;font:8px monospace;background:#ffffff0b}.connect-lines{position:absolute;left:25%;right:25%;top:78px;height:25px;border:1px solid #8e9de6;border-top:0}.connect-console{position:absolute;left:20%;right:20%;top:102px;padding:10px;background:#ffffff15;border:1px solid #aab9ff}.connect-console>b{display:block;font:7px monospace;letter-spacing:.08em;margin-bottom:9px}.connect-console>div{display:grid;grid-template-columns:1fr 1fr;gap:4px}.connect-console i{height:19px;background:#b4beff40;border:1px solid #b4beff60}.revenue-chart{position:absolute;top:48px;bottom:67px;left:22px;right:22px;display:flex;gap:9px;align-items:flex-end;border-bottom:1px solid #ffffff50}.revenue-chart i{flex:1;background:#bac5ff;height:25%}.revenue-chart i:nth-child(2){height:40%}.revenue-chart i:nth-child(3){height:58%}.revenue-chart i:nth-child(4){height:76%}.revenue-chart i:nth-child(5){height:98%;background:#c6ffd6}.revenue-axis{position:absolute;left:22px;right:22px;bottom:51px;font:7px monospace;display:flex;justify-content:space-between;color:#bec9ff}
@media(max-width:1100px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid h3{min-height:60px}.overview-grid .cap-visual{aspect-ratio:1.35}.connect-console{top:43%;}.connect-lines{top:29%;height:18%}.camera-nodes{top:20%}}
@media(max-width:600px){.overview-grid{grid-template-columns:1fr}.overview-grid h3{font-size:28px;min-height:0}.overview-grid p{font-size:16px}.overview-grid li{padding:22px}}

/* Connected, numbered editorial sequence inspired by the supplied reference. */
.platform-overview{background:var(--accent);padding-block:72px 80px;color:#fff;--overview-panel:#ffffff05;scroll-margin-top:90px}.platform-overview>.wrap{width:min(1440px,calc(100% - 64px));max-width:none}.platform-overview .h2{color:#fff;font-size:clamp(36px,4vw,56px);margin:0 0 40px}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border:1px solid #ffffff30;isolation:isolate}.overview-grid li{position:relative;display:flex;flex-direction:column;min-width:0;gap:0;padding:28px 24px 30px;border:0;border-right:1px solid #ffffff30;border-radius:0;background:var(--overview-panel);transition:background .25s}.overview-grid li:last-child{border-right:0}.overview-grid li:hover{background:#ffffff0d}.overview-step{height:28px;margin-bottom:8px;font:600 12px monospace;letter-spacing:.1em;color:#fff}.step-arrow{position:absolute;z-index:5;right:-15px;top:25px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #ffffff70;background:var(--accent);font:24px Arial;transition:transform .25s,background .25s}.overview-grid li:hover .step-arrow{transform:translateX(3px);background:var(--accent-hover)}.overview-grid h3{color:#fff!important;font-size:clamp(23px,2vw,30px);letter-spacing:-.045em;line-height:1.13;min-height:110px;margin:0 0 24px}.overview-grid .cap-visual{aspect-ratio:auto;height:260px;border-radius:0;border-color:#ffffff30;background:#101c6455;margin-bottom:24px}.overview-grid p{color:#eff1ff;font-size:16px;line-height:1.6;margin:0}.overview-grid .visual-label{left:12px;top:14px;font-size:8px}.overview-grid .visual-status{left:10px;right:10px;bottom:12px;background:#ffffff12;border-color:#ffffff35}.overview-grid .camera-nodes{top:52px;left:13px;right:13px}.overview-grid .camera-nodes span{padding:12px 7px;font-size:8px}.overview-grid .connect-lines{top:92px;height:34px}.overview-grid .connect-console{top:126px;left:13%;right:13%;padding:12px}.overview-grid .connect-console i{height:24px}.overview-grid .connect-console>b{font-size:8px;margin-bottom:10px}.overview-grid .dispatch-flow{inset:44px 15px 20px;gap:6px}.overview-grid .dispatch-flow>span{font-size:11px;padding:10px}.overview-grid .scan-line{animation:overview-scan 4s ease-in-out infinite alternate}.overview-grid .revenue-chart i{transform-origin:bottom;animation:overview-grow 1.5s ease-out both}.overview-grid .revenue-chart i:nth-child(2){animation-delay:.1s}.overview-grid .revenue-chart i:nth-child(3){animation-delay:.2s}.overview-grid .revenue-chart i:nth-child(4){animation-delay:.3s}.overview-grid .revenue-chart i:nth-child(5){animation-delay:.4s}.haven .overview-grid{border-radius:16px}.haven .overview-grid li:first-child{border-radius:16px 0 0 16px}.haven .overview-grid li:last-child{border-radius:0 16px 16px 0}.haven .overview-grid .cap-visual{border-radius:8px;background:#24216c66}
@keyframes overview-scan{from{top:25%}to{top:70%}}@keyframes overview-grow{from{transform:scaleY(.15)}to{transform:scaleY(1)}}
@media(max-width:1100px){.platform-overview>.wrap{width:calc(100% - 48px)}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid li{padding:28px}.overview-grid li:nth-child(2){border-right:0}.overview-grid li:nth-child(-n+2){border-bottom:1px solid #ffffff30}.overview-grid h3{min-height:68px;font-size:28px}.overview-grid .cap-visual{height:280px}.overview-grid li:nth-child(2) .step-arrow{top:auto;bottom:-15px;right:calc(50% - 15px);transform:rotate(90deg)}.haven .overview-grid li{border-radius:0!important}}
@media(max-width:600px){.platform-overview{padding-block:48px}.platform-overview>.wrap{width:calc(100% - 32px)}.platform-overview .h2{margin-bottom:28px}.overview-grid{grid-template-columns:1fr}.overview-grid li{padding:26px 22px 32px;border-right:0;border-bottom:1px solid #ffffff30}.overview-grid li:last-child{border-bottom:0}.overview-grid h3{min-height:0;font-size:29px;margin-bottom:24px}.overview-grid .cap-visual{height:280px}.step-arrow,.overview-grid li:nth-child(2) .step-arrow{top:auto;bottom:-15px;right:calc(50% - 15px);transform:rotate(90deg)}.overview-grid li:hover .step-arrow{transform:rotate(90deg) translateX(3px)}}
@media(prefers-reduced-motion:reduce){.overview-grid *{animation:none!important;transition:none!important}}

/* Revenue comparison: restrained typography and a continuous two-part panel. */
.shift{padding-block:100px;background:var(--bg)}.shift .sec-head{max-width:none;margin:0 0 42px}.shift .h2{text-align:left!important;max-width:940px;margin:0;font-size:clamp(36px,4.3vw,58px);line-height:1.08;letter-spacing:-.055em}.shift-grid{grid-template-columns:1fr 1fr;gap:0;max-width:none;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.shift-card{padding:40px;border:0;border-radius:0!important;background:var(--panel-2);box-shadow:none}.shift-card.after{border:0;border-left:1px solid var(--line);background:var(--panel);box-shadow:none}.shift-k{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;color:var(--txt-2)}.shift-card h3{font-size:clamp(24px,2.4vw,32px);line-height:1.18;font-weight:550;letter-spacing:-.035em;max-width:360px;min-height:76px;margin:0}.shift-card.after h3{color:var(--accent)}.revenue-pattern{margin:28px 0 30px}.pattern-bars{height:116px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--line);padding:0 3px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,var(--line) 38px,transparent 39px)}.pattern-bars i{position:relative;flex:1;height:var(--height);background:#bcc0ce;min-height:3px}.recurring .pattern-bars i{background:var(--accent);opacity:.75}.recurring .pattern-bars i:nth-last-child(-n+3){opacity:1}.pattern-caption{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:var(--txt-2);font-size:11px;letter-spacing:.01em}.shift-card ul{gap:0}.shift-card li{padding:15px 0 15px 23px;border-top:1px solid var(--line);font-size:15px;line-height:1.5;color:var(--txt-2)}.shift-card li::before{top:24px;width:5px;height:5px;border-radius:50%;background:#a9adbc}.shift-card.after li{color:var(--txt)}.shift-card.after li::before{content:'✓';top:14px;width:auto;height:auto;background:none;color:var(--accent);font-size:13px}.shift-card li:last-child{padding-bottom:0}
@media(max-width:800px){.shift{padding-block:64px}.shift-grid{grid-template-columns:1fr}.shift-card{padding:28px}.shift-card.after{border-left:0;border-top:1px solid var(--line)}.shift-card h3{min-height:0;max-width:none}.shift .h2{font-size:38px}.pattern-bars{height:100px}}
/* Site cards share the capability hover and keyboard-focus treatment. */
.use{position:relative;isolation:isolate;overflow:hidden;outline:none;transition:background .22s,box-shadow .22s}.use:is(:hover,:focus-visible){background:var(--accent-hover);box-shadow:inset 0 0 0 1px var(--accent)}.use:is(:hover,:focus-visible) h3,.use:is(:hover,:focus-visible) .cap-ico{color:#fff}.use:is(:hover,:focus-visible) p,.use:is(:hover,:focus-visible) p:last-child{color:#edf0ff}.use:is(:hover,:focus-visible) .use-threat{color:#fff}.use:is(:hover,:focus-visible) .cap-ico{background:#ffffff18}
.use::before,.use::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background-repeat:no-repeat;transition:opacity .2s;border-radius:inherit}
.use::before{background-image:linear-gradient(90deg,transparent,#b8b5ff,#fff),linear-gradient(270deg,transparent,#b8b5ff,#fff);background-size:55% 2px,55% 2px;background-position:-125% 0,225% 100%}
.use::after{background-image:linear-gradient(180deg,transparent,#d6d3ff,#fff),linear-gradient(0deg,transparent,#d6d3ff,#fff);background-size:2px 75%,2px 75%;background-position:100% -250%,0 350%}
.use:is(:hover,:focus-visible)::before{opacity:1;animation:cap-edge-x 1.5s linear infinite}
.use:is(:hover,:focus-visible)::after{opacity:1;animation:cap-edge-y 1.5s linear infinite}
@media(prefers-reduced-motion:reduce){.use,.use::before,.use::after{animation:none!important;transition:none!important}}

.overview-grid .protocol-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;top:45px;left:14px;right:14px}.overview-grid .protocol-nodes span{display:grid;place-items:center;min-width:0;padding:11px 3px;font:500 11px var(--sans);letter-spacing:.02em;background:#ffffff0b;border:1px solid #ffffff55}.overview-grid .connect-graphic:has(.protocol-nodes) .connect-lines{top:131px;height:26px}.overview-grid .connect-graphic:has(.protocol-nodes) .connect-console{top:157px;padding:10px}.overview-grid .connect-graphic:has(.protocol-nodes) .connect-console i{height:18px}

.billing-cycle{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:136px;height:136px;border:1px solid #ffffff35;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 9px #ffffff04}.billing-cycle>div{text-align:center}.billing-cycle strong{display:block;font-size:21px;font-weight:500;letter-spacing:-.04em;color:white}.billing-cycle div>span{display:block;margin-top:5px;font-size:9px;color:#dee3ff}.cycle-arrow{position:absolute;right:-12px;top:43px;background:var(--accent);font-size:31px;color:#d1ffdf;width:26px;text-align:center;line-height:32px}.protected-sites{position:absolute;top:190px;left:13px;right:13px;display:flex;justify-content:center;gap:7px}.protected-sites>span{display:flex;align-items:center;gap:5px;font:9px var(--sans);color:#e9eeff}.protected-sites i{width:4px;height:4px;border-radius:50%;background:#b4ffce;box-shadow:0 0 0 3px #b4ffce10}.overview-grid .billing-graphic .visual-status{text-align:center;font-size:10px;padding:8px}

.overview-grid h3{min-height:110px}@media(max-width:1100px){.overview-grid h3{min-height:120px}}@media(max-width:600px){.overview-grid h3{min-height:0}}