/* Interactive hero portal */
.side-mark{overflow:hidden;padding:0;background:#fff;border:1px solid rgba(255,255,255,.25)}
.side-mark img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.hero-portal{--tilt-x:0deg;--tilt-y:0deg;transform:rotate(-1deg) perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .18s ease,box-shadow .25s ease}
.hero-portal:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--spot-x,-300px) var(--spot-y,-300px),rgba(230,43,40,.12),transparent 70%);opacity:0;transition:opacity .25s}
.hero-portal:hover{box-shadow:0 40px 90px rgba(7,16,32,.2)}
.hero-portal:hover:after{opacity:1}
.hero-portal:hover .side-mark img{transform:scale(1.1) rotate(3deg)}
.mini-metrics>div,.chart-panel,.activity-row{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.mini-metrics>div:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(7,16,32,.1);background:#fff}
.chart-panel:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(7,16,32,.1)}
.bars i{transform-origin:bottom;transition:filter .2s,transform .2s}
.bars i:hover{filter:brightness(1.18);transform:scaleY(1.06)}
.activity-row:hover{background:#fff5f5;transform:translateX(4px)}

/* Location-style region reveal */
.region-panel{position:relative;overflow:hidden;isolation:isolate}
.region-panel:after{content:attr(data-code);position:absolute;right:-.04em;bottom:-.22em;z-index:-1;font:800 clamp(8rem,19vw,17rem)/1 Manrope;color:rgba(230,43,40,.045)}
.region-enter{animation:regionReveal .5s cubic-bezier(.2,.8,.2,1)}
@keyframes regionReveal{from{opacity:.25;transform:translateY(14px)}to{opacity:1;transform:none}}
.country-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.country-list span{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border:1px solid #d7dce4;border-radius:999px;background:#fff;color:#18233a!important;font-weight:700;font-size:.82rem;opacity:0;animation:countryIn .45s ease forwards;animation-delay:var(--delay)}
.country-list span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:9px;box-shadow:0 0 0 4px rgba(230,43,40,.1)}
@keyframes countryIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.region-tab{position:relative;overflow:hidden}
.region-tab:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--red);transition:width .3s ease}
.region-tab:hover:after,.region-tab.active:after{width:100%}

/* Compact editorial testimonial carousel */
.results-top{align-items:end!important;margin-bottom:26px!important}
.results-title{text-align:right}
.results-title h2{margin:0!important;font-size:clamp(2.4rem,5vw,5.2rem)!important;line-height:.95!important}
.results-title p{margin:12px 0 0;color:#aeb8c9;font-size:1rem}
.testimonial-experience{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:18px!important;max-width:1180px;margin:0 auto!important}
.testimonial-feature{min-height:330px!important;padding:34px 38px!important;border-radius:18px!important;transition:border-color .25s,box-shadow .25s}
.testimonial-feature:hover{border-color:rgba(230,43,40,.65);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.testimonial-feature .testimonial-mark{font-size:clamp(3rem,5vw,4.5rem)!important;line-height:.6!important}
.testimonial-feature blockquote{margin:18px 0 28px!important;font-size:clamp(1.2rem,1.75vw,1.85rem)!important;line-height:1.38!important}
.testimonial-feature footer{margin-top:auto!important}
.testimonial-avatar{width:58px!important;height:58px!important}
.testimonial-avatar-placeholder{display:grid!important;place-items:center;flex:0 0 58px;border-radius:50%!important;background:#343d4d!important;color:#fff;font:800 1rem Manrope;letter-spacing:.06em}
.testimonial-tabs{display:grid!important;grid-template-columns:1fr!important;gap:0!important;max-height:380px;border:1px solid #30394a;border-radius:16px;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--red) #171d1a;scrollbar-width:thin}
.testimonial-tab{position:relative;display:flex!important;min-height:52px!important;padding:9px 15px!important;border:0!important;border-bottom:1px solid #30394a!important;border-radius:0!important;text-align:left;flex-direction:column;justify-content:center;transform:none!important}
.testimonial-tab:hover,.testimonial-tab.active{transform:none!important;padding-left:19px!important}
.testimonial-tab.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;height:auto;margin:0;background:var(--red);border-radius:0 3px 3px 0}
.testimonial-tab:last-child{border-bottom:0!important}
.testimonial-tab strong{font-size:.84rem!important}
.testimonial-tab span{font-size:.68rem!important}
.testimonial-controls{display:grid;grid-template-columns:48px 1fr 48px;gap:14px;align-items:center;margin-top:20px}
.testimonial-experience .testimonial-controls{grid-column:1/-1;margin-top:0}
.testimonial-controls button{width:48px;height:48px;border-radius:50%;border:1px solid #39413d;background:#171d1a;color:#fff;font-size:1.25rem;cursor:pointer;transition:.2s}
.testimonial-controls button:hover{background:var(--red);border-color:var(--red);transform:scale(1.06)}
.testimonial-controls>span{height:3px;background:#303835;overflow:hidden}
.testimonial-controls i{display:block;height:100%;width:0;background:var(--red)}
.testimonial-controls i.run{animation:testimonialProgress 15s linear forwards}
@keyframes testimonialProgress{to{width:100%}}

/* Transmit-inspired proof strip, expressed in ProspectAware data */
.stats-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:90px 0 28px}
.stats-heading .eyebrow{margin:0}
.stats-heading h3{max-width:650px;margin:0;text-align:right;font:700 clamp(1.6rem,3vw,3rem)/1.08 Manrope}
.stats-strip{grid-template-columns:repeat(5,1fr);gap:clamp(20px,3vw,56px);margin-top:0;padding:34px 0 0;border:0;border-top:1px solid #30394a;border-radius:0;overflow:visible}
.stats-strip>div{position:relative;min-height:150px;padding:0;border:0!important;justify-content:flex-start;gap:18px;background:transparent!important;transform:none!important}
.stats-strip strong{display:block;font-size:clamp(2.45rem,4.5vw,4.9rem);opacity:0;transform:translateY(34px)}
.stats-strip strong.stat-live{animation:statRise .85s cubic-bezier(.16,1,.3,1) forwards}
.stats-strip span{font-size:.86rem;line-height:1.35}
@keyframes statRise{to{opacity:1;transform:translateY(0)}}

/* Consistent interaction feedback across every control */
.interactive-control{transition:transform .2s ease,filter .2s ease,box-shadow .2s ease,color .2s ease,background-color .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}
.interactive-control:hover{filter:brightness(1.06)}
.interactive-control:active{transform:translateY(1px) scale(.975)!important}
.interactive-control:focus-visible{outline:3px solid rgba(230,43,40,.4)!important;outline-offset:4px}
.interactive-control span[aria-hidden="true"],.interactive-control>span:last-child{transition:transform .2s ease}
.interactive-control:hover span[aria-hidden="true"],.interactive-control:hover>span:last-child{transform:translateX(3px)}
.case-stats{overflow:hidden}

/* Floating circular navigation and clean calls to action */
.site-header{top:14px;width:calc(100% - 28px);max-width:1500px;margin:0 auto;border:1px solid rgba(7,16,32,.08);border-radius:999px;box-shadow:0 16px 48px rgba(7,16,32,.08);transition:height .3s ease,top .3s ease,box-shadow .3s ease,background .3s ease}
.site-header.header-scrolled{top:8px;height:72px;background:rgba(255,255,255,.91);box-shadow:0 18px 56px rgba(7,16,32,.16)}
.site-header nav a:not(.nav-cta){padding:9px 5px;border-radius:999px}
.site-header nav a:not(.nav-cta):after{display:none}
.site-header nav a:not(.nav-cta):hover{color:var(--red)}
.nav-cta,.button{border-radius:999px!important;padding-left:24px!important;padding-right:24px!important;gap:0!important;overflow:hidden;position:relative;isolation:isolate}
.nav-cta:before,.button:before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.14);transform:scale(0);transition:transform .38s cubic-bezier(.2,.8,.2,1);z-index:-1}
.nav-cta:hover:before,.button:hover:before{transform:scale(1)}
.menu-toggle{width:auto;height:auto;padding:8px 0;border:0;border-radius:0;background:transparent;color:var(--ink);font-weight:700;letter-spacing:.02em}
.services-intro{align-self:end}.services-intro>p{margin:0 0 14px;color:var(--muted);font-size:1.05rem}
.calculator-mini-link{display:inline-flex;padding:10px 16px;border:1px solid var(--ink);border-radius:999px;font-size:.82rem;font-weight:700;transition:.25s}
.calculator-mini-link:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}

/* Original continuous motion system inspired by connected pipeline signals */
.statement,.mission-statement,.difference,.socials-hero{position:relative;overflow:hidden;isolation:isolate}
.statement:after,.difference:after,.socials-hero:after{content:"";position:absolute;width:560px;height:560px;left:var(--motion-x,78%);top:var(--motion-y,35%);border:1px solid rgba(230,43,40,.2);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 70px rgba(230,43,40,.025),0 0 0 140px rgba(230,43,40,.018);animation:signalOrbit 16s linear infinite;pointer-events:none;z-index:-1}
.statement:before,.difference:before,.socials-hero:before{content:"";position:absolute;width:10px;height:10px;border:2px solid var(--red);border-radius:50%;left:var(--motion-x,78%);top:var(--motion-y,35%);animation:signalPulse 2.6s ease-in-out infinite;pointer-events:none}
@keyframes signalOrbit{50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.08)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes signalPulse{50%{box-shadow:0 0 0 24px rgba(230,43,40,0);transform:scale(1.8)}}
.process-stage{position:relative;isolation:isolate}
.stage-identity{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.stage-motion{position:relative;width:100%;height:130px;margin-bottom:30px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.14);pointer-events:none}
.stage-motion:before,.stage-motion:after{content:"";position:absolute;border:1px solid rgba(230,43,40,.38);border-radius:50%;animation:stageOrbit 8s linear infinite}
.stage-motion:before{width:94px;height:94px;left:50%;top:14px;margin-left:-47px}
.stage-motion:after{width:54px;height:54px;left:50%;top:34px;margin-left:-27px;animation-direction:reverse;animation-duration:5.5s}
.stage-orbit{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;left:calc(50% - 4px);top:7px;box-shadow:0 0 0 8px rgba(255,255,255,.06);transform-origin:4px 58px;animation:stageOrbit 4.8s linear infinite}
.stage-motion i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--red);bottom:24px;left:-16px;box-shadow:0 0 18px rgba(230,43,40,.75);animation:stageSignal 5.6s linear infinite;animation-delay:var(--delay)}
.stage-motion i:after{content:"";position:absolute;right:5px;top:3px;width:74px;height:1px;background:linear-gradient(90deg,transparent,rgba(230,43,40,.65))}
@keyframes stageOrbit{to{transform:rotate(360deg)}}
@keyframes stageSignal{0%{left:-16px;transform:translateY(0) scale(.65)}35%{transform:translateY(-34px) scale(1)}70%{transform:translateY(8px) scale(.8)}100%{left:calc(100% + 16px);transform:translateY(-20px) scale(.65)}}
.process-step:after{content:"";width:9px;height:9px;margin-left:auto;border-radius:50%;border:1px solid #bbc2cc;transition:.3s}
.process-step.active:after{background:var(--red);border-color:var(--red);box-shadow:0 0 0 7px rgba(230,43,40,.12)}

/* Pipeline investment calculator */
.roi-hero{min-height:500px;padding:100px clamp(24px,8vw,120px);display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;background:radial-gradient(circle at 78% 28%,rgba(230,43,40,.28),transparent 32%),var(--ink)}
.roi-hero h1{margin:0;font:800 clamp(3.3rem,6.5vw,6.8rem)/.96 Manrope;letter-spacing:-.06em}.roi-hero h1 em{color:var(--red);font-style:normal}.roi-hero p:last-child{color:#b9c1cf;font-size:1.12rem;max-width:630px}.roi-hero-note{border-left:1px solid #364157;padding-left:32px;color:#d7dce5}.roi-hero-note strong{display:block;font:800 2.6rem Manrope;color:#fff}.roi-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start;background:var(--mist)}
.roi-form,.roi-results{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,4vw,44px);box-shadow:0 24px 70px rgba(7,16,32,.08)}
.roi-form h2,.roi-results h2{font:750 clamp(2rem,3vw,3.2rem)/1.05 Manrope;margin:0 0 12px;letter-spacing:-.04em}.roi-form>p,.roi-results>p{color:var(--muted)}
.roi-group{border:0;padding:0;margin:34px 0}.roi-group legend{width:100%;padding:0 0 12px;border-bottom:1px solid var(--line);font:700 .78rem Manrope;text-transform:uppercase;letter-spacing:.11em;color:var(--red)}
.roi-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;align-items:start}.roi-field{display:grid;grid-template-rows:minmax(2.6em,auto) 50px auto;gap:7px;min-width:0;font-size:.8rem;font-weight:700}.roi-field small{min-height:2.7em;color:var(--muted);font-weight:400;line-height:1.35}.roi-field input,.roi-field select{width:100%;height:50px;border:1px solid #d9dde4;border-radius:10px;background:#fff;padding:13px;font-size:16px}.roi-field input:focus,.roi-field select:focus{outline:3px solid rgba(230,43,40,.12);border-color:var(--red)}
.roi-results{position:sticky;top:105px;background:var(--ink);color:#fff}.roi-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.roi-result{border:1px solid #303b50;border-radius:14px;padding:18px}.roi-result.wide{grid-column:1/-1}.roi-result span{display:block;color:#9da8ba;font-size:.76rem}.roi-result strong{display:block;margin-top:4px;font:750 clamp(1.7rem,3vw,2.7rem) Manrope;color:#fff}.roi-result.accent strong{color:#ff5a56}
.roi-breakdown{border-top:1px solid #303b50;margin-top:24px;padding-top:20px;display:grid;gap:10px}.roi-breakdown div{display:flex;justify-content:space-between;color:#aeb7c7;font-size:.85rem}.roi-disclaimer{font-size:.75rem!important;line-height:1.5}.roi-results .button{margin-top:18px;background:var(--red);color:#fff}

/* More tactile surfaces site-wide */
.footer-column a,.feature-list li,.contact-details a,.contact-details span,.hero-proof div{transition:transform .22s ease,color .22s ease,background .22s ease}
.footer-column a:hover{transform:translateX(5px)}.feature-list li:hover{transform:translateX(7px)}.hero-proof div:hover{transform:translateY(-4px)}
@media(max-width:1050px){.site-header{top:8px}.roi-hero,.roi-layout{grid-template-columns:1fr}.roi-results{position:static}.stage-motion{max-width:220px}}
@media(max-width:760px){.site-header{width:calc(100% - 16px);height:68px}.site-header.header-scrolled{height:64px}.menu-toggle{display:block}.services-intro{margin-top:4px}.roi-hero{padding:88px 24px 70px;min-height:560px}.roi-hero h1{font-size:3.3rem}.roi-layout{padding-left:16px;padding-right:16px}.roi-fields,.roi-result-grid{grid-template-columns:1fr}.roi-result.wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.statement:after,.difference:after,.socials-hero:after,.statement:before,.difference:before,.socials-hero:before,.stage-motion i,.stage-motion:before,.stage-motion:after,.stage-orbit{animation:none}}

/* Socials page */
.socials-hero{min-height:520px;padding:100px clamp(24px,7vw,110px);display:flex;align-items:end;justify-content:space-between;gap:64px;background:radial-gradient(circle at 78% 28%,rgba(230,43,40,.28),transparent 30%),var(--ink)}
.socials-hero>div{max-width:880px}
.socials-hero h1{margin:0;font:800 clamp(3.4rem,7vw,7.2rem)/.95 Manrope,sans-serif;letter-spacing:-.06em}
.socials-hero h1 em{color:var(--red);font-style:normal}
.socials-hero p:last-child{max-width:690px;margin:26px 0 0;color:#b9c1cf;font-size:1.12rem}
.socials-link{flex:0 0 auto;background:#fff;color:var(--ink);margin-bottom:8px}
.socials-link:hover{background:var(--red);color:#fff}
.social-feed-section{background:#f4f6f9}
.social-feed-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;margin-bottom:46px}
.social-feed-heading h2{margin:0;font:750 clamp(2.5rem,5vw,5rem)/1 Manrope,sans-serif;letter-spacing:-.05em}
.social-feed-heading>p{margin:0 0 8px;color:var(--muted);font-size:1.05rem;max-width:480px}
.social-feed-shell{min-height:560px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 80px rgba(7,16,32,.09)}
.social-feed-shell noscript p{margin:0;padding:28px;color:var(--muted)}
.social-feed-shell noscript a{color:var(--red);font-weight:700}
@media(max-width:900px){.socials-hero{align-items:flex-start;flex-direction:column;justify-content:flex-end}.social-feed-heading{grid-template-columns:1fr}.socials-link{margin-top:10px}}
@media(max-width:620px){.socials-hero{min-height:580px;padding:78px 24px 66px;gap:34px}.socials-hero h1{font-size:3.4rem}.socials-link{width:100%;gap:14px;text-align:center}.social-feed-section{padding-left:16px;padding-right:16px}.social-feed-shell{min-height:500px;padding:8px;border-radius:14px}}

/* High-resolution client films */
.video-frame{transition:transform .3s ease,box-shadow .3s ease}
.video-frame:hover{transform:translateY(-7px);box-shadow:0 42px 100px rgba(0,0,0,.52)}
.video-frame video,.packetfabric-videos video{filter:saturate(1.03) contrast(1.02)}
.packetfabric-story{grid-template-columns:.55fr 1.45fr}
.packetfabric-videos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.packetfabric-videos figure{margin:0;background:#050a13;border:1px solid #313b4e;border-radius:14px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.packetfabric-videos figure:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(0,0,0,.35)}
.packetfabric-videos video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}
.packetfabric-videos figcaption{display:grid;padding:14px 16px}
.packetfabric-videos figcaption span{color:#9ca7b9;font-size:.78rem}

@media(max-width:1050px){
  .testimonial-experience{grid-template-columns:1fr}
  .testimonial-tabs{grid-template-columns:repeat(3,1fr)!important}
  .stats-strip{grid-template-columns:repeat(3,1fr)}
  .packetfabric-story{grid-template-columns:1fr}
}
@media(max-width:760px){
  .hero-portal{transform:none}
  .results-top{display:block!important}
  .results-title{text-align:left;margin-top:18px}
  .testimonial-feature{min-height:300px!important;padding:28px 24px!important}
  .testimonial-tabs{grid-template-columns:1fr 1fr!important}
  .stats-heading{display:block}
  .stats-heading h3{text-align:left;margin-top:20px}
  .stats-strip{grid-template-columns:1fr 1fr;gap:28px 20px}
  .stats-strip>div,.stats-strip>div:nth-child(2n){min-height:130px}
  .packetfabric-videos{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .hero-portal,.mini-metrics>div,.chart-panel,.activity-row,.video-frame,.packetfabric-videos figure{transform:none!important}
  .testimonial-controls i.run,.region-enter,.country-list span,.stats-strip strong.stat-live{animation:none;width:100%;opacity:1;transform:none}
}

/* Four core services: balanced two-by-two layout on larger screens. */
@media(min-width:1051px){
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.roi-benchmark{margin:24px 0;padding:18px;border-left:3px solid #e62b28;background:rgba(255,255,255,.06);color:#d7dde7;font-weight:600}