/* V5: four legible, borderless holograms around the chrome symbol. */
.hero-pillars .pillar-holo{border:0;background:transparent;box-shadow:none;backdrop-filter:none;color:#e2f6ff;padding:15px 12px 18px;isolation:isolate;pointer-events:auto;text-decoration:none;max-width:280px;animation:pillar-arrive .7s calc(var(--pillar-order)*.09s) both;overflow:visible;transition:color .25s,filter .25s}.hero-pillars .pillar-holo::before{content:'';position:absolute;inset:-22px -25px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 40% 45%,#1689ff40,transparent 72%);filter:blur(16px);opacity:.85}.hero-pillars .pillar-holo::after{content:'';position:absolute;inset:4px 0;pointer-events:none;background:repeating-linear-gradient(0deg,#a6e8ff12 0 1px,transparent 1px 5px);opacity:.35;mask-image:linear-gradient(90deg,#000,transparent);border-left:1px solid #83d8ff88}.hero-pillars .radar-index{font:10px monospace;letter-spacing:.14em;line-height:1.6;color:#88d2ff;text-shadow:0 0 12px #2585ff;margin-bottom:12px}.hero-pillars .pillar-title{position:relative;font-size:clamp(19px,1.65vw,28px);font-weight:500;line-height:1.12;letter-spacing:-.025em;text-shadow:0 0 10px #89d8ff88,0 0 25px #008cff77,0 0 55px #0072ff44}.hero-pillars .pillar-title::before,.hero-pillars .pillar-title::after{content:attr(data-glitch);position:absolute;inset:0;pointer-events:none;opacity:0;color:#a7eaff;clip-path:inset(20% 0 60%);animation:pillar-glitch 8s calc(var(--pillar-order)*.35s) steps(1,end) infinite}.hero-pillars .pillar-title::after{color:#eefbff;animation-name:pillar-glitch-alt}.hero-pillars .radar-description{font-size:12px;line-height:1.55;letter-spacing:0;color:#b2dcf5;max-width:250px;margin-top:14px;text-shadow:0 0 15px #087ce566}.hero-pillars .radar-description>span{color:#dff8ff;font-size:16px}.hero-pillars .pillar-holo:hover,.hero-pillars .pillar-holo:focus-visible{filter:drop-shadow(0 0 15px #36a8ff77);color:#fff}.hero-pillars .pillar-holo:hover::after{opacity:.6}.hero-pillars .pillar-holo:focus-visible{outline:1px solid #c6eeff;outline-offset:6px;border-radius:3px}.hero-sales .hero-pillars .radar-social{left:53%;top:8%;width:41%}.hero-sales .hero-pillars .radar-web{left:63%;top:43%;width:35%}.hero-sales .hero-pillars .radar-brand{left:48%;top:78%;width:45%}.hero-sales .hero-pillars .radar-sites{left:1%;top:14%;width:42%;max-width:310px}.hero-pillars .pillar-number{display:block;font-size:clamp(76px,7vw,116px);font-weight:600;letter-spacing:-.08em;line-height:.94;margin-top:14px;color:#e9faff;text-shadow:0 0 10px #73ceff99,0 0 32px #1d91ff88,0 0 75px #0b66ff66}.hero-pillars .pillar-number>span{font-size:.62em;letter-spacing:-.04em}.hero-pillars .radar-sites .pillar-title{font-size:clamp(21px,1.8vw,29px)}.hero-pillars .pillar-projection{z-index:0}.hero-pillars .pillar-projection .projection-beam{left:10%;top:20%;width:30%;height:35%;opacity:.35}.hero-pillars .radar-lines{opacity:.7;filter:drop-shadow(0 0 5px #269dff66)}.hero-pillars .radar-web[aria-expanded=true]{background:transparent;border:0;filter:drop-shadow(0 0 15px #36a8ff77)}.hero-pillars .automation-branch{right:1%;top:65%;z-index:30}
@keyframes pillar-arrive{0%{opacity:0;translate:-8px 4px;filter:blur(4px)}24%{opacity:.65;translate:4px 0;filter:blur(1px)}48%{opacity:.8;translate:-2px 0}100%{opacity:1;translate:0;filter:none}}
@keyframes pillar-glitch{0%,4%,100%{opacity:0;transform:none}1%{opacity:.7;clip-path:inset(17% 0 63%);transform:translateX(-4px)}2%{opacity:.5;clip-path:inset(58% 0 17%);transform:translateX(3px)}3%{opacity:.3;clip-path:inset(39% 0 41%);transform:translateX(-2px)}}
@keyframes pillar-glitch-alt{0%,4%,100%{opacity:0;transform:none}1%{opacity:.5;clip-path:inset(42% 0 38%);transform:translateX(4px)}2%{opacity:.35;clip-path:inset(70% 0 10%);transform:translateX(-3px)}3%{opacity:0}}
@media(min-width:761px) and (max-width:1100px){.hero-pillars .pillar-title{font-size:19px}.hero-pillars .radar-description{font-size:11px}.hero-pillars .radar-index{font-size:9px;letter-spacing:.05em}.hero-pillars .pillar-holo{padding:12px 8px}.hero-pillars .pillar-number{font-size:78px}}
@media(max-width:760px){.hero-sales .chrome-stage{height:580px}.hero-pillars .pillar-holo{padding:12px 9px;max-width:none}.hero-pillars .radar-index{font-size:9px;letter-spacing:.06em;margin-bottom:8px}.hero-pillars .pillar-title{font-size:clamp(17px,4.7vw,23px)}.hero-pillars .radar-description{font-size:11px;margin-top:9px}.hero-sales .hero-pillars .radar-social{left:52%;top:5%;width:47%}.hero-sales .hero-pillars .radar-web{left:52%;top:43%;width:47%}.hero-sales .hero-pillars .radar-brand{left:4%;top:76%;width:92%;max-width:330px}.hero-sales .hero-pillars .radar-sites{left:1%;top:8%;width:48%;max-width:none}.hero-pillars .radar-sites .pillar-title{font-size:20px}.hero-pillars .pillar-number{font-size:clamp(66px,19vw,92px)}.hero-pillars .automation-branch{right:1%;top:61%;width:95%;max-width:390px}.hero-pillars .pillar-projection .projection-beam{top:15%;height:35%;width:38%}}
@media(prefers-reduced-motion:reduce){.hero-pillars .pillar-holo,.hero-pillars .pillar-title::before,.hero-pillars .pillar-title::after{animation:none;transition:none}.hero-pillars .pillar-title::before,.hero-pillars .pillar-title::after{display:none}}
.motion-off .hero-pillars .pillar-holo,.motion-off .hero-pillars .pillar-title::before,.motion-off .hero-pillars .pillar-title::after{animation:none;transition:none}.motion-off .hero-pillars .pillar-title::before,.motion-off .hero-pillars .pillar-title::after{display:none}

/* V5 refinement: large sales messages and an opaque dark support over chrome. */
.hero-sales .chrome-stage{right:0;width:56%}.hero-ready .chrome-stage .chrome-trigger img{opacity:.48;filter:brightness(.7) saturate(.9)}
.hero-pillars .pillar-holo{max-width:none;padding:20px 16px;background:linear-gradient(110deg,#060d16f5 0%,#071322ef 68%,#071322a8 100%);border-radius:3px;backdrop-filter:blur(12px);box-shadow:0 8px 35px #0006}
.hero-pillars .pillar-holo::before{inset:-15px -12px;background:radial-gradient(ellipse at 30% 35%,#167eff38,transparent 72%);opacity:1;filter:blur(14px)}
.hero-pillars .pillar-holo::after{opacity:.52;border-left:2px solid #9ae4ff;background:repeating-linear-gradient(0deg,#8ddcff12 0 1px,transparent 1px 5px)}
.hero-pillars .pillar-title,.hero-pillars .radar-sites .pillar-title{font-size:clamp(28px,3vw,51px);font-weight:600;line-height:1.02;letter-spacing:-.055em;white-space:pre-line;color:#ecfaff;text-shadow:0 0 7px #75caffaa,0 0 20px #168fff88,0 0 45px #086cff55}
.hero-pillars .pillar-title::before,.hero-pillars .pillar-title::after{white-space:pre-line;animation-duration:3.8s;animation-delay:calc(var(--pillar-order)*.22s)}
.hero-pillars .radar-index{font-size:10px;letter-spacing:.07em;color:#a6dcff;margin-bottom:16px}
.hero-pillars .radar-description{font-size:13px;line-height:1.55;color:#d0eaff;max-width:none;text-shadow:none;margin-top:18px}
.hero-pillars .pillar-holo:hover,.hero-pillars .pillar-holo:focus-visible,.hero-pillars .radar-web[aria-expanded=true]{background:linear-gradient(110deg,#08172bfa,#09203af5 72%,#09172acf);filter:drop-shadow(0 0 14px #168dff88)}
.hero-sales .hero-pillars .radar-sites{left:5%;top:6%;width:43%;max-width:none}.hero-sales .hero-pillars .radar-social{left:53%;top:6%;width:45%}.hero-sales .hero-pillars .radar-web{left:53%;top:59%;width:45%}.hero-sales .hero-pillars .radar-brand{left:5%;top:59%;width:43%;max-width:none}
.hero-pillars .pillar-number{font-size:clamp(76px,7vw,112px);margin-top:15px}.hero-pillars .automation-branch{right:2%;top:25%;width:47%;background:#071321fc;box-shadow:0 10px 40px #000b,0 0 25px #168dff33}
@keyframes pillar-glitch{0%,5%,100%{opacity:0;transform:none}1%{opacity:.95;clip-path:inset(15% 0 59%);transform:translateX(-8px);text-shadow:-5px 0 #169bff}2%{opacity:.75;clip-path:inset(57% 0 16%);transform:translateX(7px);text-shadow:5px 0 #7de6ff}3%{opacity:.9;clip-path:inset(36% 0 43%);transform:translateX(-5px)}4%{opacity:.5;clip-path:inset(73% 0 9%);transform:translateX(4px)}}
@keyframes pillar-glitch-alt{0%,5%,100%{opacity:0;transform:none}1%{opacity:.7;clip-path:inset(43% 0 32%);transform:translateX(8px)}2%{opacity:.8;clip-path:inset(71% 0 8%);transform:translateX(-7px)}3%{opacity:.55;clip-path:inset(20% 0 64%);transform:translateX(5px)}4%{opacity:0}}
@media(min-width:761px) and (max-width:1100px){.hero-sales .chrome-stage{width:55%}.hero-pillars .pillar-holo{padding:17px 10px}.hero-pillars .pillar-title,.hero-pillars .radar-sites .pillar-title{font-size:29px}.hero-pillars .radar-index{font-size:8px}.hero-pillars .radar-description{font-size:11px}.hero-pillars .pillar-number{font-size:76px}}
@media(max-width:760px){.hero-sales .chrome-stage{width:100%;right:auto;height:690px;min-height:690px;margin-top:25px}.hero-pillars .pillar-holo{padding:18px 11px}.hero-pillars .pillar-title,.hero-pillars .radar-sites .pillar-title{font-size:clamp(25px,7.3vw,39px)}.hero-pillars .radar-index{font-size:8px;letter-spacing:.03em;line-height:1.5;min-height:24px;margin-bottom:10px}.hero-pillars .radar-description{font-size:11px;margin-top:14px}.hero-sales .hero-pillars .radar-sites,.hero-sales .hero-pillars .radar-brand{left:1%;width:47%}.hero-sales .hero-pillars .radar-social,.hero-sales .hero-pillars .radar-web{left:51%;width:48%}.hero-sales .hero-pillars .radar-web,.hero-sales .hero-pillars .radar-brand{top:59%}.hero-pillars .pillar-number{font-size:clamp(65px,19vw,98px)}.hero-pillars .automation-branch{top:30%;right:1%;width:98%;max-width:none}}

/* Keep the chrome logo present while retaining dark support behind the words. */
.hero-ready .chrome-stage .chrome-trigger img{opacity:.95;filter:brightness(.98) saturate(1)}
.hero-pillars .pillar-holo{background:linear-gradient(110deg,#060d16d9 0%,#071322b8 68%,#07132226 100%);backdrop-filter:blur(3px);box-shadow:0 8px 28px #0003}
.hero-pillars .pillar-holo:hover,.hero-pillars .pillar-holo:focus-visible,.hero-pillars .radar-web[aria-expanded=true]{background:linear-gradient(110deg,#08172be0,#09203ac4 72%,#09172a45)}
.hero-pillars .radar-social .pillar-title{font-size:clamp(32px,3.35vw,56px)}
.hero-pillars .radar-web .pillar-title{font-size:clamp(32px,3.3vw,58px);font-weight:650}
@media(min-width:761px) and (max-width:1100px){.hero-pillars .radar-social .pillar-title{font-size:32px}.hero-pillars .radar-web .pillar-title{font-size:28px}}
@media(max-width:760px){.hero-pillars .radar-social .pillar-title{font-size:clamp(29px,8.2vw,43px)}.hero-pillars .radar-web .pillar-title{font-size:clamp(23px,6.4vw,34px)}}
/* Mobile: lead with the chrome symbol, keep desktop composition unchanged. */
@media(max-width:760px){
 .hero-sales .hero-body{display:flex;flex-direction:column;align-items:stretch}
 .hero-sales .chrome-stage{order:-1;position:relative;top:auto;right:auto;width:100%;margin-top:8px}
 .hero-sales .hero-copy{order:0;width:100%;padding-top:24px}

}
/* A short chromatic pulse, without slicing or shifting the symbol. */
.hero-sales .chrome-trigger{animation:symbol-entry-glitch .65s ease-out 1, symbol-repeat-glitch 4.8s .65s ease-in-out infinite;will-change:filter}
@keyframes symbol-chromatic-pulse{
 0%,70%,100%{filter:drop-shadow(0 0 0 #86caff00) drop-shadow(0 0 0 #a59aff00)}
 76%{filter:drop-shadow(2px 0 2px #78c8ff88) drop-shadow(-2px 0 2px #a59aff77)}
 80%{filter:drop-shadow(-3px 0 3px #78c8ffaa) drop-shadow(3px 0 3px #b7a6ff99)}
 84%{filter:drop-shadow(3px 0 3px #9cddffaa) drop-shadow(-3px 0 3px #a59aff99)}
 89%{filter:drop-shadow(0 0 9px #86caff66) drop-shadow(0 0 15px #a59aff44)}
}
.motion-off .chrome-trigger{animation:none!important}
@media(prefers-reduced-motion:reduce){.hero-sales .chrome-trigger{animation:none!important}}



/* A single chromatic greeting from the first rendered frame. */
@keyframes symbol-entry-glitch{
 0%{filter:drop-shadow(4px 0 2px #78c8ffaa) drop-shadow(-4px 0 2px #b7a6ff99)}
 22%{filter:drop-shadow(-3px 0 3px #78c8ffaa) drop-shadow(3px 0 3px #b7a6ff99)}
 48%{filter:drop-shadow(2px 0 3px #9cddff99) drop-shadow(-2px 0 3px #a59aff88)}
 72%{filter:drop-shadow(0 0 9px #86caff66) drop-shadow(0 0 14px #a59aff44)}
 100%{filter:drop-shadow(0 0 0 #86caff00) drop-shadow(0 0 0 #a59aff00)}
}

/* Repeat the brief color separation, with calm intervals like the headings. */
@keyframes symbol-repeat-glitch{
 0%,79%,100%{filter:drop-shadow(0 0 0 #86caff00) drop-shadow(0 0 0 #a59aff00)}
 82%{filter:drop-shadow(4px 0 2px #78c8ffaa) drop-shadow(-4px 0 2px #b7a6ff99)}
 85%{filter:drop-shadow(-3px 0 3px #78c8ffaa) drop-shadow(3px 0 3px #b7a6ff99)}
 88%{filter:drop-shadow(2px 0 3px #9cddff99) drop-shadow(-2px 0 3px #a59aff88)}
 93%{filter:drop-shadow(0 0 9px #86caff66) drop-shadow(0 0 14px #a59aff44)}
}

/* Digital-screen layers cut the actual symbol into chromatic scan bands. */
.hero-sales .chrome-trigger{animation:none;isolation:isolate}
.hero-sales .chrome-trigger>img{grid-area:1 / 1}
.hero-sales .chrome-trigger .logo-screen-layer{pointer-events:none;opacity:0;z-index:2;mix-blend-mode:screen;animation:logo-screen-entry .75s steps(1,end) 1,logo-screen-burst 5s .75s steps(1,end) infinite}
.hero-sales .chrome-trigger .logo-screen-blue{filter:sepia(1) saturate(3) hue-rotate(165deg);--screen-shift:7px}
.hero-sales .chrome-trigger .logo-screen-violet{filter:sepia(1) saturate(3) hue-rotate(210deg);--screen-shift:-7px;animation-direction:normal,reverse}
@keyframes logo-screen-entry{
 0%,28%{opacity:.65;transform:translateX(var(--screen-shift));clip-path:polygon(0 18%,100% 18%,100% 25%,0 25%,0 52%,100% 52%,100% 58%,0 58%)}
 14%,42%{opacity:.5;transform:translateX(calc(var(--screen-shift)*-1));clip-path:polygon(0 32%,100% 32%,100% 36%,0 36%,0 70%,100% 70%,100% 76%,0 76%)}
 60%{opacity:.3;transform:translateX(2px);clip-path:inset(42% 0 53%)}
 80%,100%{opacity:0;transform:none;clip-path:inset(0)}
}
@keyframes logo-screen-burst{
 0%,76%,94%,100%{opacity:0;transform:none;clip-path:inset(0)}
 78%,84%{opacity:.65;transform:translateX(var(--screen-shift));clip-path:polygon(0 18%,100% 18%,100% 25%,0 25%,0 52%,100% 52%,100% 58%,0 58%)}
 81%,87%{opacity:.5;transform:translateX(calc(var(--screen-shift)*-1));clip-path:polygon(0 32%,100% 32%,100% 36%,0 36%,0 70%,100% 70%,100% 76%,0 76%)}
 90%{opacity:.3;transform:translateX(2px);clip-path:inset(42% 0 53%)}
}
.motion-off .chrome-trigger .logo-screen-layer{display:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.hero-sales .chrome-trigger .logo-screen-layer{display:none!important;animation:none!important}}

/* Brighter fragments separate briefly, then return to the complete symbol. */
.hero-sales .chrome-trigger .logo-screen-blue{--screen-shift:18px;filter:sepia(1) saturate(4) hue-rotate(165deg) brightness(1.6) drop-shadow(0 0 9px #7bcaff)}
.hero-sales .chrome-trigger .logo-screen-violet{--screen-shift:-16px;filter:sepia(1) saturate(4) hue-rotate(210deg) brightness(1.5) drop-shadow(0 0 9px #b4a3ff);animation-direction:normal}
.hero-sales .chrome-trigger .logo-screen-layer{animation:logo-light-break .8s ease-out 1,logo-light-repeat 4.8s .8s ease-out infinite}
.hero-sales .chrome-trigger>#chrome{animation:logo-core-break .8s ease-out 1,logo-core-repeat 4.8s .8s ease-out infinite}
@keyframes logo-light-break{
 0%,18%,38%{opacity:.95;transform:translate(var(--screen-shift),-3px) skewX(3deg);clip-path:polygon(0 12%,100% 12%,100% 25%,0 25%,0 42%,100% 42%,100% 53%,0 53%,0 73%,100% 73%,100% 85%,0 85%)}
 9%,28%{opacity:.85;transform:translate(calc(var(--screen-shift)*-.7),4px) skewX(-3deg);clip-path:polygon(0 26%,100% 26%,100% 38%,0 38%,0 57%,100% 57%,100% 69%,0 69%)}
 60%{opacity:.6;transform:translateX(calc(var(--screen-shift)*.3));clip-path:inset(30% 0 40%)}
 100%{opacity:0;transform:none;clip-path:inset(0)}
}
@keyframes logo-light-repeat{
 0%,76%,100%{opacity:0;transform:none;clip-path:inset(0)}
 78%,83%{opacity:.95;transform:translate(var(--screen-shift),-3px) skewX(3deg);clip-path:polygon(0 12%,100% 12%,100% 25%,0 25%,0 42%,100% 42%,100% 53%,0 53%,0 73%,100% 73%,100% 85%,0 85%)}
 80%,86%{opacity:.85;transform:translate(calc(var(--screen-shift)*-.7),4px) skewX(-3deg);clip-path:polygon(0 26%,100% 26%,100% 38%,0 38%,0 57%,100% 57%,100% 69%,0 69%)}
 90%{opacity:.6;transform:translateX(calc(var(--screen-shift)*.3));clip-path:inset(30% 0 40%)}
}
@keyframes logo-core-break{0%,38%{clip-path:polygon(0 0,100% 0,100% 12%,0 12%,0 25%,100% 25%,100% 42%,0 42%,0 53%,100% 53%,100% 73%,0 73%,0 85%,100% 85%,100% 100%,0 100%);filter:drop-shadow(0 0 14px #93caff)}60%,100%{clip-path:inset(0);filter:none}}
@keyframes logo-core-repeat{0%,76%,94%,100%{clip-path:inset(0);filter:none}78%,83%{clip-path:polygon(0 0,100% 0,100% 12%,0 12%,0 25%,100% 25%,100% 42%,0 42%,0 53%,100% 53%,100% 73%,0 73%,0 85%,100% 85%,100% 100%,0 100%);filter:drop-shadow(0 0 14px #93caff)}90%{clip-path:inset(0);filter:drop-shadow(0 0 8px #93caff)}}
.motion-off .chrome-trigger>#chrome{animation:none!important;clip-path:none!important;filter:none!important}
@media(prefers-reduced-motion:reduce){.hero-sales .chrome-trigger>#chrome{animation:none!important;clip-path:none!important;filter:none!important}}

/* Irregular TV fragments: distort only the symbol, preserving its colours. */
.hero-sales .chrome-trigger .logo-screen-layer{mix-blend-mode:normal;filter:none;animation:logo-shape-entry .65s steps(1,end) 1,logo-shape-repeat 4.8s .65s steps(1,end) infinite}
.hero-sales .chrome-trigger .logo-screen-blue{--screen-shift:13px}
.hero-sales .chrome-trigger .logo-screen-violet{--screen-shift:-9px;animation-delay:.045s,.695s}
.hero-sales .chrome-trigger>#chrome{animation:none;filter:none;clip-path:none}
@keyframes logo-shape-entry{
 0%,22%{opacity:1;transform:translate(var(--screen-shift),-2px);clip-path:polygon(0 15%,100% 15%,100% 19%,0 19%,0 43%,100% 43%,100% 54%,0 54%,0 81%,100% 81%,100% 84%,0 84%)}
 9%,35%{opacity:1;transform:translate(calc(var(--screen-shift)*-.6),3px);clip-path:polygon(0 28%,100% 28%,100% 37%,0 37%,0 68%,100% 68%,100% 72%,0 72%)}
 48%{opacity:1;transform:translate(calc(var(--screen-shift)*1.3),0);clip-path:inset(56% 0 39%)}
 62%{opacity:1;transform:translateX(-3px);clip-path:inset(23% 0 74%)}
 78%,100%{opacity:0;transform:none;clip-path:inset(0)}
}
@keyframes logo-shape-repeat{
 0%,75%,95%,100%{opacity:0;transform:none;clip-path:inset(0)}
 77%,83%{opacity:1;transform:translate(var(--screen-shift),-2px);clip-path:polygon(0 15%,100% 15%,100% 19%,0 19%,0 43%,100% 43%,100% 54%,0 54%,0 81%,100% 81%,100% 84%,0 84%)}
 79%,86%{opacity:1;transform:translate(calc(var(--screen-shift)*-.6),3px);clip-path:polygon(0 28%,100% 28%,100% 37%,0 37%,0 68%,100% 68%,100% 72%,0 72%)}
 89%{opacity:1;transform:translate(calc(var(--screen-shift)*1.3),0);clip-path:inset(56% 0 39%)}
 92%{opacity:1;transform:translateX(-3px);clip-path:inset(23% 0 74%)}
}