.nds-svc{--hot:#ff4a21;--orange:#ff7f18;background:#050505;color:#f5f5f6;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden}.nds-svc *{box-sizing:border-box}.shell{width:min(1480px,calc(100% - 72px));margin:auto;position:relative;z-index:3}.svc-hero{min-height:900px;position:relative;display:flex;align-items:center;isolation:isolate;border-bottom:1px solid rgba(255,90,28,.16)}.svc-canvas,.svc-mini{position:absolute;inset:0;width:100%;height:100%}.grid{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(#000 0 72%,transparent)}.shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(5,5,5,.98),rgba(5,5,5,.8) 43%,rgba(5,5,5,.15) 73%,rgba(5,5,5,.5)),linear-gradient(0deg,#050505,transparent 25%)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center;padding:130px 0 150px}.eye{font-size:10px;letter-spacing:.18em;color:#ff682d;font-weight:800;text-transform:uppercase}.eye i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff5423;box-shadow:0 0 14px #ff5423;margin-right:9px}.copy h1{font-size:clamp(66px,7vw,120px);line-height:.88;letter-spacing:-.065em;margin:28px 0 30px}.copy h1 em,.final h2 em{font-style:normal;background:linear-gradient(100deg,#ff3f22,#ff8416);-webkit-background-clip:text;color:transparent}.copy>p{max-width:690px;color:#a1a5ac;font-size:18px;line-height:1.75}.actions{display:flex;gap:12px;margin-top:36px}.actions a,.feature-copy a,.final a{padding:15px 20px;border-radius:8px;background:linear-gradient(100deg,#ff3f22,#ff8117);color:#060606;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.08em}.actions .ghost{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.12);color:#ddd}.machine{height:520px;border:1px solid rgba(255,93,30,.22);background:rgba(6,6,7,.55);position:relative;clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,6% 100%,0 92%)}.mtop,.mfoot{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);font-size:8px;letter-spacing:.16em;color:#777b81}.mtop b,.mfoot b{color:#ff6529}.screen{position:absolute;inset:48px 0;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,76,20,.09),transparent 55%)}.mfoot{position:absolute;bottom:0;width:100%;border-top:1px solid rgba(255,255,255,.06);border-bottom:0;justify-content:flex-start;gap:12px}.ticker{position:absolute;bottom:0;left:0;right:0;height:58px;background:rgba(4,4,4,.82);border-top:1px solid rgba(255,255,255,.07);z-index:5;overflow:hidden;display:flex;align-items:center}.ticker>div{display:flex;width:max-content;animation:marquee 34s linear infinite}.ticker span{padding:0 34px;white-space:nowrap;color:#858990;font-size:9px;letter-spacing:.18em}.ticker span:before{content:"◆";color:#ff5d27;font-size:7px;margin-right:27px}.blueprint{width:72%;height:62%;border:1px solid rgba(255,92,28,.22);position:relative;background:repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.025) 35px),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.025) 35px)}.blueprint:before,.blueprint:after{content:"";position:absolute;border:1px solid rgba(255,92,28,.25)}.blueprint:before{inset:18% 12%}.blueprint:after{inset:32% 27%}.blueprint b,.blueprint span{position:absolute;left:18px;bottom:18px;font-size:9px;letter-spacing:.14em}.blueprint span{bottom:6px;color:#70747a;font-size:7px}.blueprint i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ff6028;box-shadow:0 0 15px #ff6028}.blueprint i:nth-of-type(1){left:12%;top:18%}.blueprint i:nth-of-type(2){right:12%;top:58%}.blueprint i:nth-of-type(3){left:48%;bottom:10%}.monitor{text-align:center}.monitor strong{display:block;font-size:88px;letter-spacing:-.06em}.monitor small{font-size:8px;letter-spacing:.18em;color:#ff6529}.monitor>div{height:85px;display:flex;gap:8px;align-items:end;justify-content:center;margin:30px 0}.monitor i{display:block;width:22px;background:linear-gradient(#ff7920,#ff3f22);animation:bars 2.4s ease-in-out infinite}.monitor i:nth-child(1){height:35%}.monitor i:nth-child(2){height:70%}.monitor i:nth-child(3){height:48%}.monitor i:nth-child(4){height:90%}.monitor i:nth-child(5){height:60%}.monitor i:nth-child(6){height:78%}.monitor span{font-size:7px;letter-spacing:.18em;color:#777}.health{width:300px;height:300px;border:1px solid rgba(255,91,27,.28);border-radius:50%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.health:before,.health:after{content:"";position:absolute;border:1px dashed rgba(255,92,29,.2);border-radius:50%;animation:spin 14s linear infinite}.health:before{inset:28px}.health:after{inset:62px;animation-direction:reverse}.health b{font-size:9px;color:#777}.health strong{font-size:40px;color:#ff6529;margin:7px}.health span{font-size:7px;letter-spacing:.16em;color:#777}.flow{width:86%;display:grid;grid-template-columns:1fr .7fr 1fr .7fr 1fr .7fr 1fr;align-items:center}.flow b{height:74px;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;font-size:8px;letter-spacing:.12em}.flow i{height:1px;background:linear-gradient(90deg,#ff4c21,#ff8118);position:relative}.flow i:after{content:"";position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#ff682a;animation:packet 2s linear infinite}.system{padding:120px 0 130px;background:linear-gradient(#050505,#080706)}.intro{display:grid;grid-template-columns:170px 1.1fr .8fr;gap:40px}.intro h2,.feature-copy h2{font-size:clamp(45px,5vw,76px);line-height:.98;letter-spacing:-.05em;margin:0}.intro p,.feature-copy p{color:#969aa1;line-height:1.8;font-size:16px;margin:0}.sequence{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px}.sequence article{min-height:390px;border:1px solid rgba(255,255,255,.08);margin-left:-1px;padding:26px;background:linear-gradient(160deg,rgba(255,255,255,.026),rgba(255,74,20,.015))}.sequence article>small{color:#ff6429;letter-spacing:.15em}.signal{height:115px;margin:28px -26px;border-block:1px solid rgba(255,255,255,.05);position:relative}.signal:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,255,255,.06)}.signal i{position:absolute;left:12%;right:12%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#ff5b25,transparent)}.signal b{position:absolute;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#ff6328;box-shadow:0 0 15px #ff6328;animation:packet 3s linear infinite}.sequence h3{font-size:25px;margin:0 0 14px}.sequence p{font-size:14px;line-height:1.7;color:#8f9399}.feature{padding:130px 0;background:#050505}.feature-grid{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid rgba(255,255,255,.08);min-height:620px}.feature-copy{padding:70px;display:flex;flex-direction:column;justify-content:center}.feature-copy h2{margin:25px 0}.feature-copy p{margin-bottom:36px}.feature-copy a{align-self:flex-start}.viz{position:relative;min-height:620px;border-left:1px solid rgba(255,255,255,.07);background:radial-gradient(circle,rgba(255,73,20,.08),transparent 58%)}.hud{position:absolute;left:24px;right:24px;bottom:24px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;font-size:8px;letter-spacing:.15em;color:#74787e}.hud b{float:right;color:#ff6529}.hud small{display:block;margin-top:7px}.state{padding:100px 0;background:#080706}.states{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-block:1px solid rgba(255,255,255,.08)}.states div{padding:26px 22px;border-right:1px solid rgba(255,255,255,.07);color:#ff6529;font-size:9px}.states strong{display:block;color:#eee;font-size:19px;margin-top:10px}.states i{display:block;height:2px;background:linear-gradient(90deg,#ff4022 0 70%,rgba(255,255,255,.06) 70%);margin-top:22px}.final{padding:130px 0 140px;background:radial-gradient(circle at 75% 50%,rgba(255,75,20,.12),transparent 35%),#050505}.final h2{font-size:clamp(62px,8vw,128px);line-height:.86;letter-spacing:-.065em;margin:24px 0 48px}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes packet{from{left:0}to{left:100%}}@keyframes bars{50%{transform:scaleY(.55)}}@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.intro{grid-template-columns:1fr}.sequence{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}}@media(max-width:700px){.shell{width:calc(100% - 34px)}.svc-hero{min-height:auto}.hero-grid{padding:100px 0 120px}.copy h1{font-size:52px}.machine{height:380px}.actions{flex-direction:column}.sequence{grid-template-columns:1fr}.feature-copy{padding:38px 24px}.states{grid-template-columns:1fr}.flow{grid-template-columns:1fr;gap:7px}.flow i{height:25px;width:1px;margin:auto}}

/* NetDataSec scroll-scrub enhancement */
.nds-scroll-engine > section{--nds-scroll-p:0;--nds-scroll-y:0px}
.nds-scroll-engine .copy,.nds-scroll-engine .hero-copy,.nds-scroll-engine .section-intro,.nds-scroll-engine .intro,.nds-scroll-engine .feature-copy,.nds-scroll-engine .ops-copy,.nds-scroll-engine .wireless-copy,.nds-scroll-engine .platform-copy,.nds-scroll-engine .ndsv-intro,.nds-scroll-engine .ndsv-section-title,.nds-scroll-engine article,.nds-scroll-engine .route-row,.nds-scroll-engine .workflow-line,.nds-scroll-engine .states>div,.nds-scroll-engine .outcome-grid>div,.nds-scroll-engine .about-stats>div,.nds-scroll-engine .matrix>b{will-change:translate,opacity;transition:opacity .06s linear}
@media (prefers-reduced-motion:reduce){.nds-scroll-engine *{translate:none!important;opacity:1!important}}


/* v2.0.1 — Support & Maintenance approved hero */
.nds-svc .support-hero-reference{min-height:760px;align-items:stretch;background:#020202;border-bottom:1px solid rgba(255,92,28,.14)}
.nds-svc .support-hero-reference .grid{z-index:0;background-image:linear-gradient(rgba(255,86,24,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,86,24,.026) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000 0 94%,transparent);-webkit-mask-image:linear-gradient(#000 0 94%,transparent)}
.nds-svc .support-hero-reference .shade{z-index:1;background:linear-gradient(90deg,#020202 0%,#020202 29%,rgba(2,2,2,.93) 43%,rgba(2,2,2,.22) 67%,rgba(2,2,2,.46) 100%)}
.nds-svc .support-hero-reference .hero-grid{width:min(1540px,calc(100% - 70px));grid-template-columns:minmax(430px,.82fr) minmax(650px,1.38fr);gap:18px;align-items:stretch;padding:54px 0 36px;min-height:760px}
.nds-svc .support-hero-reference .copy{position:relative;z-index:5;display:flex;flex-direction:column;justify-content:center;padding:8px 0 0}
.nds-svc .support-hero-reference .eye{color:#ff612c;font-size:11px;letter-spacing:.19em;font-weight:850;line-height:1.3}.nds-svc .support-hero-reference .eye i{display:none}
.nds-svc .support-hero-reference .copy h1{margin:21px 0 22px;font-family:Impact,"Arial Black","Arial Narrow",sans-serif;font-size:clamp(60px,4.85vw,90px);line-height:.92;letter-spacing:-.012em;font-weight:950;text-transform:uppercase}
.nds-svc .support-hero-reference .copy h1 span,.nds-svc .support-hero-reference .copy h1 em{display:block}.nds-svc .support-hero-reference .copy h1 span{color:#f6f6f5}.nds-svc .support-hero-reference .copy h1 em{font-style:normal;background:linear-gradient(90deg,#ff3e23,#ff7e23 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.nds-svc .support-hero-reference .copy>p{max-width:555px;margin:0;color:#d6d7d8;font-size:18px;line-height:1.52;letter-spacing:-.012em}
.nds-svc .support-hero-reference .actions{margin-top:28px;gap:13px}.nds-svc .support-hero-reference .actions a{min-height:52px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:linear-gradient(100deg,#ff3d24,#ff6c2d);color:#fff;border:1px solid rgba(255,104,48,.78);box-shadow:0 8px 32px rgba(255,66,25,.12);font-size:11px;font-weight:900;letter-spacing:.075em;white-space:nowrap;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.nds-svc .support-hero-reference .actions a:before{content:"";position:absolute;top:-30%;left:-65%;width:42%;height:160%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transform:skewX(-18deg);transition:left .55s ease}.nds-svc .support-hero-reference .actions a:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(255,71,27,.28);filter:brightness(1.08)}.nds-svc .support-hero-reference .actions a:hover:before{left:120%}.nds-svc .support-hero-reference .actions a b{font-size:18px;line-height:0;margin-left:15px;font-weight:500;transition:transform .25s ease}.nds-svc .support-hero-reference .actions a:hover b{transform:translateX(4px)}.nds-svc .support-hero-reference .actions .ghost{background:#050505;border-color:#ff5b2a;color:#f2f2f2;box-shadow:none}.nds-svc .support-hero-reference .actions .ghost:hover{background:rgba(255,83,34,.07);box-shadow:0 0 24px rgba(255,82,32,.12)}
.support-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px;width:min(100%,620px)}.support-proof-card{position:relative;min-height:156px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:20px 18px;background:linear-gradient(160deg,rgba(255,255,255,.02),rgba(255,88,28,.012));transition:transform .26s ease,border-color .26s ease,background .26s ease,box-shadow .26s ease;overflow:hidden}.support-proof-card:after{content:"";position:absolute;left:18px;right:18px;bottom:15px;height:2px;background:linear-gradient(90deg,#ff5a25 0 18%,rgba(255,255,255,.06) 18%)}.support-proof-card svg{width:30px;height:30px;fill:none;stroke:#ff5d25;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(255,82,26,.2));transition:transform .26s ease,filter .26s ease}.support-proof-card strong{display:block;margin-top:14px;color:#f2f2f2;font-size:11px;letter-spacing:.09em}.support-proof-card span{display:block;margin-top:8px;color:#9fa3a8;font-size:10px;line-height:1.55}.support-proof-card small{position:absolute;right:14px;top:14px;color:#686c72;font-size:9px}.support-proof-card:hover{transform:translateY(-5px);border-color:rgba(255,92,37,.55);background:linear-gradient(160deg,rgba(255,91,35,.075),rgba(255,88,28,.015));box-shadow:0 16px 38px rgba(0,0,0,.24),inset 0 0 30px rgba(255,86,26,.025)}.support-proof-card:hover svg{transform:scale(1.08);filter:drop-shadow(0 0 10px rgba(255,82,26,.6))}.support-proof-card:hover strong{color:#fff}.support-proof-card:hover:after{background:linear-gradient(90deg,#ff5a25 0 42%,rgba(255,255,255,.06) 42%)}
.support-micro{margin-top:34px;color:#676b70;font-size:8px;font-weight:700;letter-spacing:.3em;white-space:nowrap}
.support-art{position:relative;z-index:3;min-width:0;min-height:670px;align-self:center;overflow:hidden}.support-svg{width:100%;height:100%;display:block;min-height:670px}.support-svg text{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.sup-mini-panel rect,.sup-status-panel rect{fill:url(#supGlass);stroke:#ff6a2c;stroke-opacity:.36}.sup-mini-panel circle{fill:#0f0f11;stroke:#ff6a2c;stroke-opacity:.72}.sup-mini-panel path{fill:none;stroke:#ff6a2c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sup-mini-panel text{fill:#f1f1f2;font-size:12px;font-weight:800;letter-spacing:.06em}.sup-mini-panel .sub{fill:#8f949a;font-size:8px;font-weight:500;letter-spacing:.08em}.sup-mini-panel{animation:supPanelFloat 5.8s ease-in-out infinite}.sup-mini-panel:nth-child(2){animation-delay:-1s}.sup-mini-panel:nth-child(3){animation-delay:-2s}.sup-mini-panel:nth-child(4){animation-delay:-3s}.sup-mini-panel:nth-child(5){animation-delay:-4s}.sup-status-panel>text:first-of-type{fill:#f1f1f2;font-size:11px;font-weight:800;letter-spacing:.06em}.sup-status-panel .ring-bg{fill:none;stroke:#232326;stroke-width:10}.sup-status-panel .ring-live{fill:none;stroke:#62dc7d;stroke-width:10;stroke-linecap:round;stroke-dasharray:188 38;transform-origin:62px 83px;animation:supRing 7s linear infinite}.sup-status-panel .pct{fill:#fff;font-size:20px;font-weight:900}.sup-status-panel .checks text{fill:#64d97d;font-size:7px;letter-spacing:.02em}.sup-status-panel .uptime{fill:#fff;font-size:22px;font-weight:900}.sup-status-panel .uptime-bars{fill:none;stroke:#ff672b;stroke-width:6;stroke-linecap:butt;animation:supBars 2.1s ease-in-out infinite}.sup-status-panel .activity text{fill:#7fda91;font-size:7.5px}.sup-pulses circle{fill:#fff;stroke:#ff6a2b;stroke-width:2}.sup-shield-copy text{fill:#c9ccd0;font-size:10px;letter-spacing:.22em}.sup-base-title{fill:#ff8a35;font-size:14px;letter-spacing:.24em}.sup-shield-scan{animation:supScan 4.8s ease-in-out infinite}
@keyframes supPanelFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes supRing{to{transform:rotate(360deg)}}@keyframes supBars{50%{stroke-width:9;opacity:.65}}@keyframes supScan{0%,15%{transform:translateY(0);opacity:0}25%{opacity:.85}65%{transform:translateY(250px);opacity:.7}80%,100%{transform:translateY(250px);opacity:0}}
@media(max-width:1200px){.nds-svc .support-hero-reference .hero-grid{grid-template-columns:.9fr 1.1fr;gap:8px}.nds-svc .support-hero-reference .copy h1{font-size:clamp(55px,5.15vw,76px)}.support-art{min-height:610px}.support-svg{min-height:610px}.support-proof-card{padding:17px 14px}}
@media(max-width:1000px){.nds-svc .support-hero-reference{min-height:auto}.nds-svc .support-hero-reference .hero-grid{grid-template-columns:1fr;padding:46px 0 70px;gap:20px}.nds-svc .support-hero-reference .copy{padding-top:0}.support-art{min-height:570px}.support-svg{min-height:570px}.support-proof{max-width:700px}}
@media(max-width:700px){.nds-svc .support-hero-reference .hero-grid{width:calc(100% - 34px);padding:38px 0 58px}.nds-svc .support-hero-reference .copy h1{font-size:45px;margin:18px 0 20px;letter-spacing:-.008em;line-height:.94}.nds-svc .support-hero-reference .copy>p{font-size:16px}.nds-svc .support-hero-reference .actions{flex-direction:column;align-items:stretch}.nds-svc .support-hero-reference .actions a{width:100%}.support-proof{grid-template-columns:1fr;margin-top:28px}.support-proof-card{min-height:122px}.support-art{min-height:430px}.support-svg{min-height:430px}.support-micro{font-size:6px;letter-spacing:.2em;white-space:normal;line-height:1.8}}
@media (prefers-reduced-motion:reduce){.support-svg *,.support-proof-card,.support-hero-reference .actions a{animation:none!important;transition:none!important}}

/* v2.0.2 — contained hero visual fix: preserve SVG coordinates */
.sup-mini-panel{transform-box:fill-box;transform-origin:center;will-change:translate}
.sup-left-stack .sup-mini-panel text{font-size:10.5px}
.sup-left-stack .sup-mini-panel .sub{font-size:7.2px}
.support-svg{overflow:visible}
.sup-back-frames rect{vector-effect:non-scaling-stroke}
@media(max-width:1200px){.support-svg{overflow:hidden}}


/* v2.0.4 — connector endpoint alignment */
.support-svg .sup-rail-ends circle{fill:#fff;stroke:#ff6c2d;stroke-width:2.5}


/* v2.0.5 — explicit black background lock; preserves v2.0.4 connector geometry */
.nds-svc .support-hero-reference,
.nds-svc .support-hero-reference .support-art,
.nds-svc .support-hero-reference .support-svg{
  background:#000 !important;
}
.nds-svc .support-hero-reference .shade{
  background:linear-gradient(90deg,#000 0%,#000 30%,rgba(0,0,0,.96) 44%,rgba(0,0,0,.30) 68%,rgba(0,0,0,.62) 100%) !important;
}
.support-svg .sup-mini-panel rect,
.support-svg .sup-status-panel rect{
  fill:#050505 !important;
}
.support-svg .sup-mini-panel circle{
  fill:#000 !important;
}
.support-svg .sup-logo-blackout{
  fill:#000 !important;
}
.support-svg .sup-shield-wrap > path:nth-of-type(2){
  fill:#000 !important;
}


/* v2.0.6 — Support & Maintenance Service System live rebuild */
.support-system-live{padding:112px 0 128px;background:#000;position:relative;overflow:hidden}
.support-system-live:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;opacity:.18;pointer-events:none}
.support-system-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:start;margin-bottom:62px}
.support-system-intro h2{font-size:clamp(54px,5.2vw,86px);line-height:.98;letter-spacing:-.055em;margin:28px 0 0;font-weight:500;max-width:1000px}
.support-system-intro h2 span{display:block}
.support-system-intro p{margin:38px 0 0;color:#9ea2a8;font-size:17px;line-height:1.75;max-width:560px}
.support-system-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ss-card{position:relative;min-height:590px;background:linear-gradient(180deg,#080808,#050505 75%,#070707);border:1px solid rgba(255,255,255,.12);clip-path:polygon(0 0,94% 0,100% 6%,100% 100%,6% 100%,0 94%);padding:0 24px 24px;overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}
.ss-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 42%,rgba(255,93,28,.07) 50%,transparent 58%);transform:translateX(-130%);transition:transform .65s ease;pointer-events:none}
.ss-card:hover{transform:translateY(-7px);border-color:rgba(255,101,41,.58);box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 24px rgba(255,94,27,.08)}
.ss-card:hover:before{transform:translateX(130%)}
.ss-visual{height:255px;margin:0 -24px 0;position:relative;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 55%,rgba(255,88,20,.08),transparent 45%),#050505;overflow:hidden}
.ss-visual:before,.ss-visual:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,99,34,.24);pointer-events:none}
.ss-visual:after{inset:27px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-color:rgba(255,255,255,.05)}
.ss-visual svg{position:absolute;inset:0;width:100%;height:100%}
.ss-grid-lines path{stroke:rgba(255,255,255,.045);stroke-width:1;fill:none}
.ss-screen-copy{position:absolute;left:42px;top:48px;color:#85898f;font-size:8px;line-height:1.55;letter-spacing:.16em;z-index:2}
.ss-headset path,.ss-headset rect,.ss-tools path,.ss-shield path,.ss-cycle path{fill:none;stroke:#ff6d2c;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.ss-headset circle,.ss-pulse-dot,.ss-orbit-dot{fill:#fff;filter:drop-shadow(0 0 9px rgba(255,109,44,.95))}
.ss-tools{animation:ssTools 4.6s ease-in-out infinite;transform-origin:160px 110px}
.ss-shield{filter:drop-shadow(0 0 12px rgba(255,100,35,.22));animation:ssShieldGlow 3s ease-in-out infinite}
.ss-scan{stroke:#fff;stroke-width:3;opacity:.85;filter:drop-shadow(0 0 8px rgba(255,105,41,.9));animation:ssScan 2.8s ease-in-out infinite;transform-origin:center}
.ss-cycle{animation:ssCycle 11s linear infinite;transform-origin:160px 104px}
.ss-pulse-dot{animation:ssPulse 2.4s ease-in-out infinite}
.ss-orbit-dot{animation:ssOrbit 4.6s linear infinite;transform-origin:160px 104px}
.ss-card-line{display:flex;align-items:center;gap:16px;margin:18px 0 20px}
.ss-card-line span{font-size:13px;color:#ff6429;letter-spacing:.12em;font-weight:700}.ss-card-line i{height:1px;flex:1;background:linear-gradient(90deg,rgba(255,96,31,.15),#ff6429,rgba(255,96,31,.18));position:relative}.ss-card-line i:after{content:"";position:absolute;right:13%;top:-3px;width:7px;height:7px;border-radius:50%;background:#ff6429;box-shadow:0 0 10px rgba(255,100,41,.8);animation:ssLineDot 3s linear infinite}
.ss-mini-icon{width:46px;height:46px;border:1px solid rgba(255,104,42,.45);margin-bottom:10px;position:relative}.ss-mini-icon:before,.ss-mini-icon:after{content:"";position:absolute}
.ss-mini-headset:before{left:12px;top:11px;width:20px;height:17px;border:3px solid #ff692a;border-bottom:0;border-radius:12px 12px 0 0}.ss-mini-headset:after{left:9px;top:24px;width:27px;height:11px;border-left:3px solid #ff692a;border-right:3px solid #ff692a}
.ss-mini-tools:before{left:11px;top:20px;width:25px;height:3px;background:#ff692a;transform:rotate(45deg);box-shadow:0 0 8px rgba(255,105,42,.4)}.ss-mini-tools:after{left:20px;top:11px;width:3px;height:25px;background:#ff692a;transform:rotate(45deg)}
.ss-mini-bars:before{left:10px;bottom:10px;width:4px;height:12px;background:#ff692a;box-shadow:8px -5px 0 #ff692a,16px -11px 0 #ff692a,24px -17px 0 #ff692a}
.ss-mini-layers:before{left:10px;top:11px;width:24px;height:14px;border:2px solid #ff692a;transform:skewY(-18deg)}.ss-mini-layers:after{left:12px;top:20px;width:20px;height:14px;border-bottom:2px solid #ff692a;box-shadow:0 6px 0 -4px #ff692a}
.ss-card h3{font-size:25px;margin:0 0 14px;color:#f4f4f5}.ss-card p{font-size:15px;line-height:1.7;color:#9b9fa6;min-height:104px;margin:0}
.ss-foot{position:absolute;left:24px;right:24px;bottom:18px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px;display:flex;align-items:end;justify-content:space-between}.ss-foot span{font-size:8px;color:#7f848a;letter-spacing:.15em;line-height:1.5}.ss-foot b{font-size:11px;color:#ff6429;letter-spacing:.08em;font-weight:500}
@keyframes ssTools{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}
@keyframes ssShieldGlow{0%,100%{filter:drop-shadow(0 0 8px rgba(255,100,35,.2))}50%{filter:drop-shadow(0 0 20px rgba(255,100,35,.72))}}
@keyframes ssScan{0%,100%{transform:translateY(-52px);opacity:.15}50%{transform:translateY(58px);opacity:1}}
@keyframes ssCycle{to{transform:rotate(360deg)}}
@keyframes ssPulse{0%,100%{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.25)}}
@keyframes ssOrbit{0%{transform:rotate(0deg) translateX(64px) rotate(0deg)}100%{transform:rotate(360deg) translateX(64px) rotate(-360deg)}}
@keyframes ssLineDot{0%{right:88%;opacity:0}15%{opacity:1}85%{opacity:1}100%{right:3%;opacity:0}}
@media(max-width:1100px){.support-system-intro{grid-template-columns:1fr;gap:10px}.support-system-intro p{margin-top:10px}.support-system-cards{grid-template-columns:1fr 1fr}.ss-card{min-height:560px}}
@media(max-width:700px){.support-system-live{padding:82px 0 90px}.support-system-intro h2{font-size:46px}.support-system-cards{grid-template-columns:1fr}.ss-card{min-height:540px}.ss-visual{height:235px}}


/* v2.0.7 — premium top visual refinement only */
.ss-visual{background:radial-gradient(circle at 55% 72%,rgba(255,89,26,.075),transparent 34%),linear-gradient(180deg,#050505,#030303)}
.ss-visual:before{border-color:rgba(255,102,39,.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.ss-screen-copy{left:40px;top:44px;color:#747980;font-size:7.5px;line-height:1.58;letter-spacing:.18em}
.ss-floor-glow{filter:blur(4px);opacity:.85}
.ss-headset-pro{filter:drop-shadow(0 8px 8px rgba(0,0,0,.75));animation:ssDeskFloat 4.8s ease-in-out infinite}
.ss-headset-pro .band-back{fill:none;stroke:url(#ssHeadBand);stroke-width:10;stroke-linecap:round}
.ss-headset-pro .band-hot{fill:none;stroke:#ff6d2c;stroke-width:3.5;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(255,105,42,.55))}
.ss-headset-pro .cup{fill:#17191c;stroke:#3b3e43;stroke-width:2}.ss-headset-pro .cup-inner{fill:#080909;stroke:#ff6a29;stroke-width:2.5;filter:drop-shadow(0 0 4px rgba(255,106,41,.55))}
.ss-headset-pro .boom{fill:none;stroke:#30343a;stroke-width:4;stroke-linecap:round}.ss-headset-pro .mic{fill:#ff6b2a;stroke:#fff;stroke-width:1.2;filter:drop-shadow(0 0 6px rgba(255,106,41,.8))}
.ss-tools-pro{filter:drop-shadow(0 10px 9px rgba(0,0,0,.75));animation:ssToolsPro 5.2s ease-in-out infinite;transform-origin:160px 105px}
.ss-tools-pro path{fill:none;stroke:url(#ssToolMetal);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.ss-tools-pro .tool-wrench path:nth-child(2),.ss-tools-pro .tool-driver path:nth-child(2){fill:#151719;stroke:#ff6b2a;stroke-width:3}
.ss-shield-pro{filter:drop-shadow(0 9px 10px rgba(0,0,0,.75));animation:ssShieldPro 3.6s ease-in-out infinite}
.ss-shield-pro .shield-shadow{fill:#050505;stroke:#31343a;stroke-width:7}.ss-shield-pro .shield-face{fill:url(#ssShieldFill);stroke:url(#ssShieldEdge);stroke-width:4}.ss-shield-pro .shield-check{fill:none;stroke:#ff702c;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(255,108,44,.65))}
.ss-shield-pro .shield-scan{fill:url(#ssShieldEdge);opacity:.0;filter:drop-shadow(0 0 8px rgba(255,105,40,.9));animation:ssShieldScan 3s ease-in-out infinite}
.ss-cycle-pro{filter:drop-shadow(0 10px 9px rgba(0,0,0,.75));animation:ssCycleFloat 5.4s ease-in-out infinite}
.ss-cycle-pro .cycle-ring-back{fill:none;stroke:#272a2e;stroke-width:9}.ss-cycle-pro .cycle-arrows{animation:ssCycleSpin 10s linear infinite;transform-origin:45px 52px}.ss-cycle-pro .cycle-arrows path{fill:none;stroke:url(#ssCycleMetal);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.ss-cycle-pro .cycle-core{fill:#090909;stroke:#ff6b2a;stroke-width:2;filter:drop-shadow(0 0 7px rgba(255,106,42,.65))}
.ss-pulse-dot,.ss-orbit-dot{opacity:.72}.desk-dot,.tool-dot,.shield-dot{animation:ssProDot 2.7s ease-in-out infinite}.cycle-dot{animation:ssCycleDot 4.8s linear infinite;transform-origin:164px 101px}
@keyframes ssDeskFloat{0%,100%{transform:translate(123px,45px) translateY(0)}50%{transform:translate(123px,45px) translateY(-3px)}}
@keyframes ssToolsPro{0%,100%{transform:translate(113px,46px) rotate(-1.2deg)}50%{transform:translate(113px,46px) rotate(1.4deg)}}
@keyframes ssShieldPro{0%,100%{transform:translate(115px,38px) scale(1);filter:drop-shadow(0 8px 8px rgba(0,0,0,.7)) drop-shadow(0 0 4px rgba(255,102,40,.2))}50%{transform:translate(115px,38px) scale(1.018);filter:drop-shadow(0 8px 8px rgba(0,0,0,.7)) drop-shadow(0 0 12px rgba(255,102,40,.45))}}
@keyframes ssShieldScan{0%,18%{transform:translateY(-15px);opacity:0}45%{opacity:.7}70%,100%{transform:translateY(72px);opacity:0}}
@keyframes ssCycleFloat{0%,100%{transform:translate(119px,49px) translateY(0)}50%{transform:translate(119px,49px) translateY(-3px)}}
@keyframes ssCycleSpin{to{transform:rotate(360deg)}}
@keyframes ssProDot{0%,100%{opacity:.28;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}
@keyframes ssCycleDot{0%{transform:rotate(0deg) translateX(52px) rotate(0deg)}100%{transform:rotate(360deg) translateX(52px) rotate(-360deg)}}


/* v2.0.8 — Delivery Model / Support Fabric live dashboard */
.support-delivery-live{background:#000;padding:130px 0}
.support-delivery-live .feature-grid{grid-template-columns:.78fr 1.42fr;min-height:760px;background:#000}
.support-delivery-live .feature-copy{background:#000}
.support-fabric-viz{min-height:760px;background:#000!important;overflow:hidden;border-left:1px solid rgba(255,255,255,.07)}
.sf-stage{position:absolute;inset:0;background:#000;color:#f3f3f3;font-family:Inter,system-ui,sans-serif;overflow:hidden}
.sf-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,103,42,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,103,42,.032) 1px,transparent 1px);background-size:42px 42px;opacity:.35;pointer-events:none}
.sf-topline{position:absolute;left:3.2%;right:3.2%;top:2.8%;display:flex;justify-content:space-between;align-items:flex-start;z-index:2;color:#8f949a;letter-spacing:.22em;font-size:9px}.sf-topbrand span{color:#777d84}.sf-topstatus i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff6429;margin:0 7px;box-shadow:0 0 12px #ff6429;animation:sfBlink 1.8s ease-in-out infinite}
.sf-panel{position:absolute;border:1px solid rgba(255,105,45,.38);background:linear-gradient(180deg,#080808,#020202);box-shadow:inset 0 0 0 1px rgba(255,255,255,.012),0 0 28px rgba(255,92,28,.025);border-radius:4px;overflow:hidden}.sf-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 0 36%,rgba(255,112,52,.06) 48%,transparent 60%);transform:translateX(-130%);animation:sfScan 7s ease-in-out infinite}.sf-panel-title{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 4px;font-size:11px;letter-spacing:.08em}.sf-panel-title strong{font-size:11px}.sf-panel-title span{font-size:8px;color:#9ea2a8}.sf-panel>small{display:block;padding:0 18px;color:#7d8288;letter-spacing:.12em;font-size:7px}
.sf-workflow{left:3%;top:10%;width:54%;height:55%}.sf-sla{right:3%;top:10%;width:36%;height:20%}.sf-patch{right:3%;top:31.5%;width:36%;height:19%}.sf-assets{right:3%;top:52%;width:36%;height:20%}.sf-journey{left:3%;right:3%;bottom:3.6%;height:22%}
.sf-core-wrap{position:absolute;left:3%;right:3%;top:14%;bottom:2%}.sf-workflow-svg{position:absolute;inset:0;width:100%;height:100%}.sf-routes path{fill:none;stroke:#ff6c2d;stroke-width:1.6;opacity:.85;stroke-dasharray:3 4}.sf-route-pulses circle{fill:#fff}.sf-core-ring{fill:none;stroke:#ff6a2c;stroke-width:1;stroke-opacity:.2;stroke-dasharray:3 5;transform-origin:310px 250px}.sf-core-ring.ring1{animation:sfSpin 14s linear infinite}.sf-core-ring.ring2{animation:sfSpin 20s linear infinite reverse}
.sf-node{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:120px}.sf-node b{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,105,45,.65);background:#070707;color:#fff;font-size:22px;box-shadow:0 0 18px rgba(255,98,38,.16)}.sf-node strong{font-size:11px;margin-top:7px}.sf-node span{font-size:8px;color:#989da3;margin-top:3px}.sf-node.intake{left:50%;top:1%;transform:translateX(-50%)}.sf-node.escalation{left:4%;top:39%}.sf-node.engineering{right:4%;top:39%}.sf-node.validation{left:16%;bottom:3%}.sf-node.handover{right:16%;bottom:3%}
.sf-core{position:absolute;left:50%;top:51%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#1a0904 0,#080403 55%,#000 76%);border:2px solid #ff692b;box-shadow:0 0 32px rgba(255,94,31,.42),inset 0 0 22px rgba(255,93,28,.15);z-index:4}.sf-core:before,.sf-core:after{content:"";position:absolute;border-radius:50%;border:1px dotted rgba(255,107,43,.28)}.sf-core:before{inset:-18px}.sf-core:after{inset:-35px}.sf-core img{width:102px;height:46px;object-fit:contain;background:#000;display:block}.sf-core span{font-size:8px;color:#9fa4aa;letter-spacing:.2em;margin-top:6px}.sf-core-orbit{position:absolute;inset:-11px;border-radius:50%;border:2px solid transparent;border-top-color:#ff6e2d;border-right-color:#ff6e2d;animation:sfSpin 5.5s linear infinite}
.sf-sla-body{display:grid;grid-template-columns:42% 58%;padding:13px 16px 8px;gap:12px}.sf-donut,.sf-patch-donut{position:relative;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(#ff5b26 0 78%,#ff7b28 78% 99.7%,#202020 99.7%);box-shadow:0 0 18px rgba(255,91,38,.12)}.sf-donut:after,.sf-patch-donut:after{content:"";position:absolute;inset:13%;border-radius:50%;background:#070707}.sf-donut strong,.sf-donut span,.sf-patch-donut strong,.sf-patch-donut span{position:relative;z-index:2}.sf-donut strong{font-size:22px}.sf-donut span{font-size:7px;color:#a1a5aa;margin-top:4px}.sf-sla-stats div{position:relative;border-bottom:1px solid rgba(255,255,255,.05);padding:3px 38px 5px 0}.sf-sla-stats b{display:block;font-size:14px}.sf-sla-stats span{display:block;font-size:6.5px;color:#81868b}.sf-sla-stats em{position:absolute;right:0;top:6px;font-size:7px;color:#ff7030;font-style:normal}.sf-sla-stats em.good{color:#56d982}
.sf-patch-body{display:flex;gap:18px;align-items:center;padding:12px 18px 2px}.sf-months{flex:1;height:64px;display:flex;gap:6px;align-items:end}.sf-months i{width:10px;border-radius:3px;background:linear-gradient(180deg,#ff7430,#ff4f21);box-shadow:0 0 8px rgba(255,100,36,.2);animation:sfBars 2.1s ease-in-out infinite}.sf-months i:nth-child(1){height:38px}.sf-months i:nth-child(2){height:46px;animation-delay:-.15s}.sf-months i:nth-child(3){height:32px;animation-delay:-.3s}.sf-months i:nth-child(4){height:40px;animation-delay:-.45s}.sf-months i:nth-child(5){height:48px;animation-delay:-.6s}.sf-months i:nth-child(6){height:44px;animation-delay:-.75s}.sf-months i:nth-child(7){height:53px;animation-delay:-.9s}.sf-months i:nth-child(8){height:58px;animation-delay:-1.05s}.sf-months i:nth-child(9){height:50px;animation-delay:-1.2s}.sf-months i:nth-child(10){height:55px;animation-delay:-1.35s}.sf-months i:nth-child(11){height:47px;animation-delay:-1.5s}.sf-months i:nth-child(12){height:61px;animation-delay:-1.65s}.sf-patch-donut{width:82px;flex:0 0 82px;background:conic-gradient(#ff682a 0 87%,#252525 87%)}.sf-patch-donut strong{font-size:14px}.sf-patch-donut span{font-size:6px;color:#8e9399}.sf-patch-key{display:flex;gap:16px;padding:5px 18px;color:#858a91;font-size:7px}.sf-patch-key span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff682a;margin-right:5px}.sf-patch-key span:nth-child(2) i{background:#757575}.sf-patch-key span:nth-child(3) i{background:#2f2f2f}
.sf-assets-list{padding:9px 18px}.sf-assets-list div{display:grid;grid-template-columns:1.7fr .38fr 1.6fr .35fr;align-items:center;gap:8px;margin:8px 0;font-size:7px}.sf-assets-list span{color:#b2b5ba}.sf-assets-list b{font-size:8px}.sf-assets-list i{display:block;height:6px;background:linear-gradient(90deg,#ff6428 0 var(--w),#2a2a2a var(--w));border-radius:6px}.sf-assets-list em{font-style:normal;color:#c2c4c7}
.sf-journey-head{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 18px 3px}.sf-journey-head strong{display:block;font-size:10px;letter-spacing:.08em}.sf-journey-head small{display:block;color:#797e85;font-size:6px;letter-spacing:.1em;margin-top:4px}.sf-journey-head span{font-size:7px;color:#858a8f;letter-spacing:.1em}.sf-journey-head span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff6429;box-shadow:0 0 10px #ff6429;margin-left:5px}.sf-journey-track{position:absolute;left:4%;right:4%;top:48px;bottom:10px}.sf-journey-line{position:absolute;left:7%;right:7%;top:31px;height:2px;background:linear-gradient(90deg,#ff6328,#ff7a30)}.sf-journey-line b{position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 12px rgba(255,96,38,.85);animation:sfJourney 6s linear infinite}.sf-step{position:absolute;top:0;width:18%;text-align:center}.sf-step.s1{left:0}.sf-step.s2{left:20.5%}.sf-step.s3{left:41%}.sf-step.s4{left:61.5%}.sf-step.s5{right:0}.sf-step i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#080808;border:1px solid #ff672a;color:#fff;font-style:normal;font-size:16px;box-shadow:0 0 12px rgba(255,95,35,.12)}.sf-step strong{display:block;font-size:8px;margin-top:7px}.sf-step span{display:block;color:#8b9096;font-size:6.5px;margin-top:3px}
@keyframes sfSpin{to{transform:rotate(360deg)}}@keyframes sfBlink{50%{opacity:.35;transform:scale(.8)}}@keyframes sfScan{0%,20%{transform:translateX(-140%)}60%,100%{transform:translateX(140%)}}@keyframes sfBars{50%{transform:scaleY(.62);transform-origin:bottom}}@keyframes sfJourney{from{left:0}to{left:100%}}
@media(max-width:1200px){.support-delivery-live .feature-grid{grid-template-columns:.85fr 1.15fr}.sf-workflow{width:55%}.sf-sla,.sf-patch,.sf-assets{width:35%}.sf-node span{display:none}}
@media(max-width:1000px){.support-delivery-live .feature-grid{grid-template-columns:1fr}.support-fabric-viz{min-height:720px;border-left:0;border-top:1px solid rgba(255,255,255,.06)}.sf-stage{transform:scale(.93);transform-origin:top center;width:107.5%;left:-3.75%}}
@media(max-width:700px){.support-fabric-viz{min-height:620px}.sf-stage{transform:scale(.72);transform-origin:top center;width:139%;left:-19.5%}.support-delivery-live .feature-copy{padding:42px 26px}}


/* v2.0.9 — Delivery Principles / Design 3 live visual cards */
.support-principles-live{padding:110px 0 120px;background:#000}
.support-principles-live .eye{display:block;margin-bottom:34px}
.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sp-card{position:relative;min-height:430px;border:1px solid rgba(255,104,42,.38);background:linear-gradient(180deg,#070707,#020202);padding:24px 24px 22px;overflow:hidden;clip-path:polygon(0 0,96% 0,100% 4%,100% 100%,4% 100%,0 96%);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}
.sp-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 38%,rgba(255,106,42,.07) 48%,transparent 58%);transform:translateX(-140%);transition:transform .65s ease;pointer-events:none}
.sp-card:hover{transform:translateY(-7px);border-color:rgba(255,114,48,.72);box-shadow:0 18px 45px rgba(0,0,0,.35),0 0 24px rgba(255,91,31,.08);background:linear-gradient(180deg,#090909,#020202)}
.sp-card:hover:before{transform:translateX(140%)}
.sp-copy small{display:block;color:#ff682b;font-size:10px;letter-spacing:.16em;margin-bottom:10px}.sp-copy h3{margin:0;color:#f2f2f2;font-size:24px;letter-spacing:-.02em}.sp-copy p{margin:10px 0 0;color:#999ea5;font-size:13px;line-height:1.55;max-width:220px}
.sp-visual{height:220px;display:grid;place-items:center;margin:8px -4px 0}.sp-visual svg{width:100%;height:100%;overflow:visible}
.sp-progress{position:absolute;left:24px;right:24px;bottom:20px;display:flex;align-items:center;gap:12px}.sp-progress:before{content:"";height:2px;flex:1;background:#242424}.sp-progress i{position:absolute;left:0;bottom:0;height:2px;width:72%;background:linear-gradient(90deg,#ff4f22,#ff792d);box-shadow:0 0 8px rgba(255,99,39,.45)}.sp-progress b{font-size:9px;color:#858a90;letter-spacing:.12em;white-space:nowrap}
.sp-shield-layers{transform-origin:130px 95px;animation:spShieldFloat 4s ease-in-out infinite}.sp-shield-scan{animation:spShieldScan 2.8s ease-in-out infinite}
.sp-res-rings{transform-origin:130px 96px;animation:spResFloat 4.5s ease-in-out infinite}.sp-res-rings ellipse:nth-of-type(1){transform-origin:130px 96px;animation:spRingA 10s linear infinite}.sp-res-rings ellipse:nth-of-type(2){transform-origin:130px 96px;animation:spRingB 8s linear infinite reverse}.sp-res-rings ellipse:nth-of-type(3){transform-origin:130px 96px;animation:spRingC 12s linear infinite}.sp-res-core{animation:spCorePulse 2s ease-in-out infinite}
.sp-visible-screen{transform-origin:130px 95px;animation:spScreenFloat 4.4s ease-in-out infinite}.sp-visible-screen path:nth-of-type(1){stroke-dasharray:110;stroke-dashoffset:110;animation:spBarsDraw 3.4s ease-in-out infinite}.sp-vis-pulse{filter:drop-shadow(0 0 7px #ff6a2b);animation:spVisPulse 2.8s ease-in-out infinite}
.sp-stack{transform-origin:130px 110px;animation:spStackFloat 4s ease-in-out infinite}.sp-stack path:nth-of-type(1){animation:spLayer1 3s ease-in-out infinite}.sp-stack path:nth-of-type(2){animation:spLayer2 3s ease-in-out infinite .25s}.sp-stack path:nth-of-type(3){animation:spLayer3 3s ease-in-out infinite .5s}.sp-rise{filter:drop-shadow(0 0 6px #ff6a2b);animation:spRise 2.4s ease-in-out infinite}
@keyframes spShieldFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes spShieldScan{0%,100%{transform:translateY(-20px);opacity:.15}50%{transform:translateY(36px);opacity:1}}
@keyframes spResFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes spRingA{to{transform:rotate(343deg)}}@keyframes spRingB{to{transform:rotate(-332deg)}}@keyframes spRingC{to{transform:rotate(430deg)}}
@keyframes spCorePulse{0%,100%{opacity:.55;transform:scale(.82);transform-origin:130px 96px}50%{opacity:1;transform:scale(1.15);transform-origin:130px 96px}}
@keyframes spScreenFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes spBarsDraw{0%,20%{stroke-dashoffset:110}55%,100%{stroke-dashoffset:0}}
@keyframes spVisPulse{0%,100%{opacity:.45;transform:scale(.8);transform-origin:165px 61px}50%{opacity:1;transform:scale(1.25);transform-origin:165px 61px}}
@keyframes spStackFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes spLayer1{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes spLayer2{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes spLayer3{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes spRise{0%,100%{opacity:.45;transform:translateY(4px)}50%{opacity:1;transform:translateY(-5px)}}
@media(max-width:1100px){.sp-grid{grid-template-columns:repeat(2,1fr)}.sp-card{min-height:410px}}
@media(max-width:700px){.support-principles-live{padding:80px 0 90px}.sp-grid{grid-template-columns:1fr}.sp-card{min-height:390px}.sp-visual{height:200px}}