/* Sharpix Premium Pages 4.3
   A routing-safe, alignment-first system with a national operations visual. */

:root {
  --sxpp-shell: 1500px;
  --sxpp-accent: #32ee83;
  --sxpp-radius: 22px;
  --sxpp-ease: cubic-bezier(.2,.78,.2,1);
}

/* Keep the brand palette consistent across every route. */
.sxpp-main { --sxpp-accent:#32ee83; min-height:60vh; width:100%; overflow:clip; }
.sharpix-premium-page { width:100%; min-width:0; }
.sharpix-premium-page .sxpp-shell { width:min(var(--sxpp-shell),calc(100% - 64px)); }
.sharpix-premium-page h1 { font-size:clamp(3.5rem,6vw,6.15rem); line-height:.94; letter-spacing:-.065em; }
.sharpix-premium-page h2 { font-size:clamp(2.55rem,4.3vw,4.6rem); line-height:.98; letter-spacing:-.055em; text-wrap:balance; }
.sharpix-premium-page h3 { text-wrap:balance; }

/* One reliable global shell. */
.sxpp-header { height:98px; position:sticky; top:0; background:rgba(2,10,6,.96); border-bottom:1px solid rgba(101,255,169,.24); box-shadow:0 14px 40px rgba(0,0,0,.18),inset 0 -1px rgba(255,255,255,.035); backdrop-filter:blur(18px); z-index:99999; }
.admin-bar .sxpp-header { top:32px; }
.sxpp-header-inner { max-width:1560px; gap:30px; }
.sxpp-header .sxpp-logo img { width:252px;max-height:62px;display:block;filter:drop-shadow(0 0 10px rgba(255,255,255,.14)) drop-shadow(0 0 19px rgba(50,238,131,.24)); }
.sxpp-nav { gap:clamp(10px,1vw,18px); }
.sxpp-nav a { position:relative; padding:11px 9px; border:1px solid transparent; border-radius:8px; color:#d8e6df; font-size:.69rem; font-weight:900; letter-spacing:.1em; white-space:nowrap; text-shadow:0 0 14px rgba(255,255,255,.18); transition:color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease; }
.sxpp-nav a::after { bottom:4px; left:10px; right:100%; height:2px; box-shadow:0 0 10px #32ee83; }
.sxpp-nav a:hover,.sxpp-nav a[aria-current="page"] { color:#fff; background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(50,238,131,.055)); border-color:rgba(111,255,175,.2); box-shadow:0 0 20px rgba(50,238,131,.1),inset 0 1px rgba(255,255,255,.05); transform:translateY(-1px); }
.sxpp-header-cta { padding:17px 20px; border-radius:10px; background:#32ee83; color:#021008!important; border-color:#91ffc0; font-size:.67rem; font-weight:950; letter-spacing:.1em; box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 26px rgba(50,238,131,.25),inset 0 1px rgba(255,255,255,.55); }
.sxpp-header-cta:hover { background:#7dffb5; color:#020a06!important; box-shadow:0 0 36px rgba(105,255,170,.45); transform:translateY(-2px); }
.sxpp-actions .sxpp-button { min-height:56px; padding:18px 25px; border:1px solid rgba(255,255,255,.32); font-size:.77rem; box-shadow:0 0 0 1px rgba(50,238,131,.12),0 15px 38px rgba(50,238,131,.2),0 0 30px rgba(50,238,131,.12),inset 0 1px rgba(255,255,255,.42); }
.sxpp-actions .sxpp-button--secondary { border-color:rgba(255,255,255,.32); background:rgba(255,255,255,.035); color:#fff!important; box-shadow:0 0 22px rgba(255,255,255,.055),inset 0 1px rgba(255,255,255,.08); }
.sxpp-actions .sxpp-button--secondary:hover { border-color:#78ffb2; background:rgba(50,238,131,.12); box-shadow:0 0 28px rgba(50,238,131,.16); }

/* Hero geometry: no rotation, no drift, no overlapping boxes. */
.sxpp-main .sxpp-hero { min-height:790px; padding:112px 0; display:grid; align-items:center; overflow:hidden; }
.sxpp-main .sxpp-hero-grid,
.sxpp-page--services .sxpp-hero-grid,
.sxpp-page--remote-it-projects .sxpp-hero-grid,
.sxpp-page--industries .sxpp-hero-grid,
.sxpp-page--about-us .sxpp-hero-grid,
.sxpp-page--faq .sxpp-hero-grid,
.sxpp-page--contact-us .sxpp-hero-grid,
.sxpp-page--microsoft-365-services .sxpp-hero-grid,
.sxpp-page--web-domain-services .sxpp-hero-grid {
  width:min(var(--sxpp-shell),calc(100% - 64px));
  grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);
  gap:clamp(64px,7vw,116px);
  align-items:center;
}
.sxpp-main .sxpp-hero-copy,
.sxpp-main .sxpp-visual { grid-column:auto; grid-row:auto; min-width:0; transform:none!important; }
.sxpp-main .sxpp-hero-copy { max-width:680px; }
.sxpp-main .sxpp-hero .sxpp-lead { max-width:620px; font-size:clamp(1rem,1.25vw,1.17rem); line-height:1.72; }
.sxpp-main .sxpp-visual { min-height:520px; width:100%; overflow:hidden; border-radius:var(--sxpp-radius); border:1px solid rgba(50,238,131,.28); background:linear-gradient(145deg,rgba(14,58,35,.38),rgba(3,13,8,.82)); box-shadow:0 36px 90px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.035); }
.sxpp-main .sxpp-visual::before { inset:18%; filter:blur(75px); }
.sxpp-main .sxpp-visual::after { display:none; }

/* Each page gets its own atmosphere while retaining the brand system. */
.sxpp-page--home .sxpp-hero { background:radial-gradient(900px circle at 76% 46%,rgba(50,238,131,.13),transparent 52%),linear-gradient(108deg,#020906,#04150d); }
.sxpp-page--services .sxpp-hero { background:radial-gradient(700px circle at 72% 48%,rgba(50,238,131,.12),transparent 52%),linear-gradient(115deg,#020906,#06150e); }
.sxpp-page--remote-it-projects .sxpp-hero { background:linear-gradient(118deg,#020906 0 54%,#092316 100%); }
.sxpp-page--industries .sxpp-hero { background:radial-gradient(800px circle at 78% 40%,rgba(92,191,164,.12),transparent 55%),linear-gradient(105deg,#020906,#0a1c19); }
.sxpp-page--about-us .sxpp-hero { background:radial-gradient(750px circle at 74% 44%,rgba(50,238,131,.1),transparent 52%),linear-gradient(115deg,#020906,#07170f); }
.sxpp-page--faq .sxpp-hero { background:linear-gradient(120deg,#020906,#0a2016); }
.sxpp-page--contact-us .sxpp-hero { background:radial-gradient(700px circle at 75% 45%,rgba(50,238,131,.14),transparent 52%),#020906; }

/* Homepage national operations network: a full U.S. map with live service routes. */
.sxpp-visual--home { display:grid; padding:22px; background:radial-gradient(circle at 54% 46%,rgba(50,238,131,.12),transparent 53%),linear-gradient(145deg,rgba(7,40,23,.92),rgba(2,12,7,.98)); }
.sxpp-us-console { min-height:474px; display:grid; grid-template-rows:auto 1fr auto; gap:13px; }
.sxpp-us-console>header,.sxpp-us-console>footer { display:flex; align-items:center; justify-content:space-between; gap:18px; position:relative; z-index:4; }
.sxpp-us-console>header { min-height:35px; padding:0 4px 12px; border-bottom:1px solid rgba(94,255,164,.16); color:#8dafa0; font-size:.52rem; font-weight:900; letter-spacing:.16em; }
.sxpp-us-console>header b { display:flex; align-items:center; gap:8px; color:#67ffa9; font-size:.51rem; }
.sxpp-us-console>header i,.sxpp-us-console>footer i { width:7px; height:7px; border-radius:50%; background:#49ff99; box-shadow:0 0 8px #49ff99,0 0 18px rgba(73,255,153,.8); animation:sxppUSNode 1.8s ease-in-out infinite alternate; }
.sxpp-us-stage { min-height:362px; display:grid; grid-template-rows:minmax(0,1fr) auto; gap:7px; padding:8px 5px 2px; position:relative; border-radius:17px; overflow:hidden; background:linear-gradient(rgba(50,238,131,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(50,238,131,.035) 1px,transparent 1px),radial-gradient(circle at 50% 48%,rgba(50,238,131,.105),transparent 48%); background-size:29px 29px,29px 29px,auto; }
.sxpp-us-stage::after { content:""; position:absolute; inset:6% 4% 18%; border:1px solid rgba(50,238,131,.08); border-radius:50%; filter:drop-shadow(0 0 30px rgba(50,238,131,.12)); }
.sxpp-us-map { width:100%; height:100%; min-height:280px; position:relative; z-index:2; overflow:visible; filter:drop-shadow(0 0 28px rgba(50,238,131,.14)); }
.sxpp-us-land { fill:rgba(44,211,117,.12); stroke:#4dff9b; stroke-width:2.6; vector-effect:non-scaling-stroke; }
.sxpp-us-routes { fill:none; stroke:#54ffa1; stroke-width:2; stroke-dasharray:9 9; opacity:.72; filter:drop-shadow(0 0 6px rgba(80,255,158,.85)); }
.sxpp-us-routes path { animation:sxppUSRoute 12s linear infinite; }
.sxpp-us-routes path:nth-child(2){animation-delay:-2.4s}.sxpp-us-routes path:nth-child(3){animation-delay:-4.8s}.sxpp-us-routes path:nth-child(4){animation-delay:-7.2s}.sxpp-us-routes path:nth-child(5){animation-delay:-9.6s}
.sxpp-us-nodes circle,.sxpp-us-hawaii circle { fill:#77ffb2; stroke:#03170b; stroke-width:5; filter:drop-shadow(0 0 10px #32ee83); transform-box:fill-box; transform-origin:center; animation:sxppUSNode 1.9s ease-in-out infinite alternate; }
.sxpp-us-nodes circle:nth-child(2n){animation-delay:.55s}.sxpp-us-nodes circle:nth-child(3n){animation-delay:1.05s}
.sxpp-us-hub rect { fill:#03130b; stroke:#62ffa7; stroke-width:2; filter:drop-shadow(0 0 12px rgba(50,238,131,.45)); }
.sxpp-us-hub text { fill:#eafff2; font-size:15px; font-weight:900; letter-spacing:2px; }
.sxpp-us-channels { display:grid; grid-template-columns:1fr 1fr; gap:7px; position:relative; z-index:3; }
.sxpp-us-channels span { min-height:32px; display:grid; place-items:center; padding:7px 9px; border:1px solid rgba(104,255,171,.3); border-radius:8px; background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(50,238,131,.035)); color:#cfffff; font-size:.48rem; font-weight:950; letter-spacing:.12em; text-align:center; text-shadow:0 0 8px rgba(255,255,255,.42),0 0 15px rgba(50,238,131,.42); box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 14px rgba(50,238,131,.07); }
.sxpp-us-console>footer { min-height:40px; padding:11px 4px 0; border-top:1px solid rgba(94,255,164,.16); color:#d8f8e8; font-size:.51rem; font-weight:900; letter-spacing:.095em; }
.sxpp-us-console>footer span { display:flex; align-items:center; gap:9px; }
.sxpp-us-console>footer small { color:#76a08d; font-size:.44rem; letter-spacing:.12em; text-align:right; }
@keyframes sxppUSRoute { to { stroke-dashoffset:-180; } }
@keyframes sxppUSNode { to { opacity:.55; transform:scale(.72); } }

/* Services ecosystem: mathematically balanced around the core. */
.sxpp-visual--services { display:grid; place-items:center; }
.sxpp-v4-ecosystem { width:min(90%,480px); aspect-ratio:1; position:relative; }
.sxpp-v4-ecosystem::before,.sxpp-v4-ecosystem::after { content:""; position:absolute; inset:14%; border:1px solid rgba(50,238,131,.19); border-radius:50%; }
.sxpp-v4-ecosystem::after { inset:30%; border-style:dashed; }
.sxpp-v4-ecosystem>strong { position:absolute; inset:50% auto auto 50%; translate:-50% -50%; width:146px; aspect-ratio:1; display:grid; place-items:center; text-align:center; border:1px solid #32ee83; border-radius:50%; background:#04110a; color:#fff; font-size:.72rem; line-height:1.7; letter-spacing:.13em; box-shadow:0 0 55px rgba(50,238,131,.15); }
.sxpp-v4-ecosystem>span { position:absolute; width:108px; padding:12px 8px; text-align:center; border:1px solid rgba(50,238,131,.32); border-radius:30px; background:#06150e; color:#c7e5d5; font-size:.58rem; text-transform:uppercase; }
.sxpp-v4-ecosystem>span:nth-of-type(1){left:50%;top:3%;translate:-50% 0}.sxpp-v4-ecosystem>span:nth-of-type(2){right:1%;top:27%}.sxpp-v4-ecosystem>span:nth-of-type(3){right:1%;bottom:27%}.sxpp-v4-ecosystem>span:nth-of-type(4){left:50%;bottom:3%;translate:-50% 0}.sxpp-v4-ecosystem>span:nth-of-type(5){left:1%;bottom:27%}.sxpp-v4-ecosystem>span:nth-of-type(6){left:1%;top:27%}
.sxpp-v4-ecosystem>i { position:absolute; width:8px;height:8px;border-radius:50%;background:#32ee83;box-shadow:0 0 15px #32ee83; animation:sxppV4Pulse 2.8s ease-in-out infinite alternate; }
.sxpp-v4-ecosystem>i:nth-of-type(1){left:49%;top:22%}.sxpp-v4-ecosystem>i:nth-of-type(2){right:23%;bottom:34%;animation-delay:.7s}.sxpp-v4-ecosystem>i:nth-of-type(3){left:24%;bottom:34%;animation-delay:1.4s}
@keyframes sxppV4Pulse { to { opacity:.35; transform:scale(.65); } }

/* Projects: a straight, stable delivery path. */
.sxpp-visual--remote-it-projects { display:grid; place-items:center; }
.sxpp-v4-project-flow { width:min(88%,560px); display:grid; gap:18px; position:relative; }
.sxpp-v4-project-flow::before { content:""; position:absolute; width:1px; top:52px; bottom:52px; left:31px; background:linear-gradient(#32ee83,rgba(50,238,131,.12)); }
.sxpp-v4-project-flow>div { min-height:112px; padding:26px 30px 24px 66px; display:grid; grid-template-columns:1fr auto; gap:7px 22px; align-content:center; border:1px solid rgba(50,238,131,.27); border-radius:16px; background:linear-gradient(110deg,rgba(50,238,131,.07),rgba(255,255,255,.015)); position:relative; }
.sxpp-v4-project-flow>div::before { content:""; position:absolute; left:26px; top:50%; translate:0 -50%; width:11px;height:11px;border-radius:50%;background:#32ee83;box-shadow:0 0 16px #32ee83; }
.sxpp-v4-project-flow small { color:#32ee83; font-size:.52rem; letter-spacing:.13em; }
.sxpp-v4-project-flow strong { color:#fff; font-size:1rem; }
.sxpp-v4-project-flow span { grid-column:2; grid-row:1 / 3; align-self:center; color:#719183; font-size:.62rem; }

/* Industries: aligned 2x2 operating matrix. */
.sxpp-visual--industries { display:grid; place-items:center; }
.sxpp-v4-industry-map { width:min(90%,570px); }
.sxpp-v4-industry-map header { display:flex; justify-content:space-between; align-items:end; gap:24px; padding:0 4px 22px; border-bottom:1px solid rgba(50,238,131,.2); }
.sxpp-v4-industry-map header span { color:#32ee83; font-size:.54rem; letter-spacing:.13em; }
.sxpp-v4-industry-map header b { font-size:1rem; color:#fff; }
.sxpp-v4-industry-map>div { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding-top:16px; }
.sxpp-v4-industry-map article { min-height:145px; display:grid; align-content:end; gap:8px; padding:22px; border:1px solid rgba(139,213,255,.22); border-radius:16px; background:linear-gradient(145deg,rgba(139,213,255,.07),rgba(255,255,255,.01)); }
.sxpp-v4-industry-map article i { width:8px;height:8px;border-radius:50%;background:#32ee83;box-shadow:0 0 13px #32ee83;margin-bottom:auto; }
.sxpp-v4-industry-map article strong { font-size:.88rem; }
.sxpp-v4-industry-map article small { color:#76918a; font-size:.55rem; letter-spacing:.08em; }

/* About: green operating compass, no chart and no fabricated counters. */
.sxpp-visual--about-us { display:grid; place-items:center; }
.sxpp-v4-compass { width:min(82%,430px); aspect-ratio:1; position:relative; border:1px solid rgba(50,238,131,.22); border-radius:50%; box-shadow:0 0 0 42px rgba(50,238,131,.018); }
.sxpp-v4-compass::before,.sxpp-v4-compass::after { content:""; position:absolute; background:rgba(50,238,131,.18); }
.sxpp-v4-compass::before { width:1px; top:8%;bottom:8%;left:50%; }.sxpp-v4-compass::after { height:1px;left:8%;right:8%;top:50%; }
.sxpp-v4-compass-center { position:absolute; inset:50% auto auto 50%; translate:-50% -50%; width:142px; aspect-ratio:1; display:grid; place-content:center; gap:7px; text-align:center; border:1px solid #32ee83; border-radius:50%; background:#04110a; z-index:2; box-shadow:0 0 50px rgba(50,238,131,.15); }
.sxpp-v4-compass-center strong { font-size:.8rem; letter-spacing:.13em; }.sxpp-v4-compass-center small { color:#688779; font-size:.47rem; letter-spacing:.11em; }
.sxpp-v4-compass>span { position:absolute; padding:10px 13px; border:1px solid rgba(50,238,131,.28); border-radius:20px; background:#06150e; color:#c8e4d5; font-size:.56rem; text-transform:uppercase; }
.sxpp-v4-compass>span:nth-of-type(1){left:50%;top:4%;translate:-50% 0}.sxpp-v4-compass>span:nth-of-type(2){right:-4%;top:48%;translate:0 -50%}.sxpp-v4-compass>span:nth-of-type(3){left:50%;bottom:4%;translate:-50% 0}.sxpp-v4-compass>span:nth-of-type(4){left:-4%;top:48%;translate:0 -50%}
.sxpp-v4-compass>i { position:absolute; width:8px;height:8px;border-radius:50%;background:#32ee83;box-shadow:0 0 14px #32ee83; }
.sxpp-v4-compass>i:nth-of-type(1){left:25%;top:25%}.sxpp-v4-compass>i:nth-of-type(2){right:25%;top:25%}.sxpp-v4-compass>i:nth-of-type(3){right:25%;bottom:25%}.sxpp-v4-compass>i:nth-of-type(4){left:25%;bottom:25%}

/* Existing service visuals retain distinct identities but remain inside the grid. */
.sxpp-v-desk article,.sxpp-phone,.sxpp-tablet,.sxpp-wave i { transform:none; }
.sxpp-v-desk article { animation:sxppV4ServiceLine 4s ease-in-out infinite alternate; }
@keyframes sxppV4ServiceLine { to { border-color:rgba(50,238,131,.46); background:rgba(50,238,131,.07); } }
.sxpp-v-cloud,.sxpp-v-shield,.sxpp-v-fleet,.sxpp-v-voice,.sxpp-v-web,.sxpp-v-knowledge,.sxpp-v-contact { width:100%; height:100%; }

/* Homepage sections. */
.sxpp-v4-trust { background:#07130d; border-top:1px solid rgba(50,238,131,.18); border-bottom:1px solid rgba(50,238,131,.18); }
.sxpp-v4-trust .sxpp-shell { display:grid; grid-template-columns:repeat(3,1fr); }
.sxpp-v4-trust p { min-height:118px; margin:0; padding:28px 34px; display:grid; grid-template-columns:10px 1fr; gap:6px 12px; align-content:center; border-right:1px solid rgba(50,238,131,.15); }
.sxpp-v4-trust p:first-child { border-left:1px solid rgba(50,238,131,.15); }
.sxpp-v4-trust i { width:8px;height:8px;border-radius:50%;background:#32ee83;box-shadow:0 0 13px #32ee83; }
.sxpp-v4-trust strong { color:#fff; font-size:.87rem; }.sxpp-v4-trust span { grid-column:2; color:#71887b; font-size:.75rem; line-height:1.5; }
.sxpp-v4-home-intro>.sxpp-shell { display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(70px,9vw,150px); align-items:start; }
.sxpp-v4-sticky-copy { position:sticky; top:140px; }
.sxpp-v4-sticky-copy .sxpp-button { margin-top:22px; }
.sxpp-v4-signal-stack { display:grid; gap:18px; }
.sxpp-v4-signal-stack article { min-height:190px; padding:30px; display:grid; grid-template-columns:54px 1fr; gap:22px; align-items:start; background:#fff; border:1px solid var(--sxpp-line); border-radius:18px; box-shadow:0 22px 55px rgba(5,30,17,.06); }
.sxpp-v4-signal-stack article>span { width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(50,238,131,.54);border-radius:15px;background:#04150c;color:#58ffa1;box-shadow:0 0 0 4px rgba(50,238,131,.055),0 0 23px rgba(50,238,131,.18),inset 0 1px rgba(255,255,255,.08); }
.sxpp-v4-signal-stack svg { width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7; }
.sxpp-v4-signal-stack small { display:inline-flex; width:max-content; padding:8px 12px; border:1px solid rgba(50,238,131,.48); border-radius:6px; background:#03130a; color:#55ffa0; font-size:.65rem;font-weight:950;letter-spacing:.13em; text-shadow:0 0 10px rgba(50,238,131,.7); box-shadow:0 0 16px rgba(50,238,131,.12),inset 0 1px rgba(255,255,255,.06); }.sxpp-v4-signal-stack h3{font-size:1.55rem;margin:15px 0 8px}.sxpp-v4-signal-stack p{margin:0}
.sxpp-v4-bento { display:grid; grid-template-columns:repeat(12,1fr); grid-auto-flow:dense; gap:16px; }
.sxpp-v4-bento>a { min-height:275px; padding:32px; display:flex; flex-direction:column; color:#fff; border:1px solid rgba(50,238,131,.2); border-radius:18px; background:linear-gradient(145deg,rgba(50,238,131,.065),rgba(255,255,255,.015)); position:relative; overflow:hidden; }
.sxpp-v4-bento>a::after { content:""; position:absolute;width:180px;height:180px;right:-120px;bottom:-130px;border:1px solid rgba(50,238,131,.18);border-radius:50%;transition:.35s var(--sxpp-ease); }
.sxpp-v4-bento>a:hover::after { right:-70px;bottom:-90px;transform:scale(1.25); }
.sxpp-v4-bento-1,.sxpp-v4-bento-2 { grid-column:span 6; }.sxpp-v4-bento-3,.sxpp-v4-bento-4,.sxpp-v4-bento-5 { grid-column:span 4; }.sxpp-v4-bento-6 { grid-column:span 12; min-height:220px!important; }
.sxpp-v4-bento-6,.sxpp-v4-bento-7,.sxpp-v4-bento-8 { grid-column:span 4; min-height:300px!important; }
.sxpp-v4-bento-9 { grid-column:span 12; min-height:220px!important; }
.sxpp-v4-bento>a>span { width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(81,255,158,.42);border-radius:12px;background:linear-gradient(145deg,rgba(50,238,131,.18),rgba(50,238,131,.05));color:#69ffac;box-shadow:0 0 22px rgba(50,238,131,.17),inset 0 1px rgba(255,255,255,.08); }
.sxpp-v4-bento svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7; }
.sxpp-v4-bento small { display:inline-flex;width:max-content;max-width:100%;padding:8px 12px;border:1px solid rgba(74,255,151,.44);border-radius:6px;background:rgba(2,19,9,.88);color:#69ffad;font-size:.68rem;font-weight:950;letter-spacing:.13em;margin-top:34px;text-shadow:0 0 9px rgba(50,238,131,.82);box-shadow:0 0 18px rgba(50,238,131,.13),inset 0 1px rgba(255,255,255,.06)}.sxpp-v4-bento h3{font-size:1.55rem;margin:15px 0 28px;max-width:380px;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.08)}.sxpp-v4-bento h3 em{color:#fff;font-style:normal}.sxpp-v4-bento b{margin-top:auto;display:flex;align-items:center;gap:8px;color:#d7eee1;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,255,.18)}.sxpp-v4-bento b svg{width:15px}

/* Service names behave as illuminated capability headers in both card systems. */
.sxpp-service-grid>a { min-height:340px;padding:34px;border-color:#d8e3dc;background:linear-gradient(145deg,#fff 0%,#fff 72%,#f7fbf8 100%);box-shadow:0 12px 34px rgba(4,28,16,.045); }
.sxpp-service-grid>a:hover { transform:translateY(-6px);border-color:rgba(18,190,99,.48);background:linear-gradient(145deg,#fff 0%,#fbfffc 64%,#ecfff4 100%);box-shadow:0 24px 62px rgba(5,45,25,.11),0 0 0 1px rgba(40,224,126,.08); }
.sxpp-service-grid .sxpp-icon { width:52px;height:52px;border:1px solid #bce9cf;border-radius:14px;background:#e9fbf1;color:#079f54;box-shadow:none; }
.sxpp-service-grid small { display:flex;align-items:center;gap:10px;width:auto;max-width:100%;margin-top:26px;padding:0;border:0;border-radius:0;background:transparent;color:#087f47;font-size:.72rem;font-weight:950;letter-spacing:.14em;line-height:1.45;text-shadow:none;box-shadow:none; }
.sxpp-service-grid small::before { content:"";flex:0 0 24px;width:24px;height:2px;border-radius:999px;background:linear-gradient(90deg,#13c96d,#73f6ac);box-shadow:0 0 10px rgba(27,213,112,.3); }
.sxpp-service-grid h3 { max-width:390px;margin:14px 0 30px;color:#101d27;font-size:clamp(1.45rem,1.55vw,1.7rem);line-height:1.08;letter-spacing:-.025em; }
.sxpp-service-grid>a>span:last-child { color:#087f47;font-size:.74rem; }
.sxpp-outcome-tag,.sxpp-light .sxpp-kicker { color:#058f4b; text-shadow:0 0 12px rgba(50,238,131,.2); }
.sxpp-v4-home-outcome>.sxpp-shell { display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(70px,9vw,150px);align-items:start}.sxpp-v4-outcome-board{display:grid;border-top:1px solid var(--sxpp-line)}.sxpp-v4-outcome-board article{padding:34px 0;border-bottom:1px solid var(--sxpp-line)}.sxpp-v4-outcome-board small{color:#078d49;font-size:.56rem;font-weight:900;letter-spacing:.12em}.sxpp-v4-outcome-board strong{display:block;font-size:1.55rem;margin:12px 0 8px}.sxpp-v4-outcome-board p{margin:0}

/* Expanded cloud, network, and automation visuals. */
.sxpp-v-cloud { overflow:hidden; }
.sxpp-v-cloud .sxpp-cloud-mark { width:150px;height:150px;border-radius:50%;background:linear-gradient(145deg,#0c5cd7,#59a6f5);box-shadow:0 0 0 30px rgba(66,145,238,.04),0 28px 70px rgba(42,124,255,.22); }
.sxpp-v-cloud span { padding:11px 14px;border-radius:24px;font-size:.56rem; }
.sxpp-v-cloud span:nth-of-type(1){left:7%;top:12%}.sxpp-v-cloud span:nth-of-type(2){right:7%;top:12%}.sxpp-v-cloud span:nth-of-type(3){left:3%;top:39%}.sxpp-v-cloud span:nth-of-type(4){right:3%;top:39%}.sxpp-v-cloud span:nth-of-type(5){left:5%;bottom:23%}.sxpp-v-cloud span:nth-of-type(6){right:5%;bottom:23%}.sxpp-v-cloud span:nth-of-type(7){left:18%;bottom:8%}.sxpp-v-cloud span:nth-of-type(8){right:18%;bottom:8%}
.sxpp-v-cloud p { bottom:2%;font-size:.52rem; }
.sxpp-v-google,.sxpp-v-network,.sxpp-v-automation { width:100%;height:100%;position:relative;display:grid;place-items:center;overflow:hidden; }
.sxpp-google-core { width:190px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border-radius:42px;background:conic-gradient(from 25deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);box-shadow:0 0 0 28px rgba(255,255,255,.025),0 30px 70px rgba(0,0,0,.25);position:relative; }
.sxpp-google-core::before { content:"";position:absolute;inset:20px;border-radius:30px;background:#06150e;z-index:0; }
.sxpp-google-core b,.sxpp-google-core strong { position:relative;z-index:1; }.sxpp-google-core b{font-size:.56rem;letter-spacing:.18em;color:#98ae9f}.sxpp-google-core strong{font-size:1.1rem;margin-top:7px}
.sxpp-v-google>span,.sxpp-v-network>span { position:absolute;padding:11px 15px;border:1px solid rgba(50,238,131,.28);border-radius:24px;background:#07140d;color:#c8ded2;font-size:.56rem;text-transform:uppercase;z-index:3; }
.sxpp-v-google>span:nth-of-type(1){left:8%;top:15%}.sxpp-v-google>span:nth-of-type(2){right:8%;top:15%}.sxpp-v-google>span:nth-of-type(3){left:5%;top:48%}.sxpp-v-google>span:nth-of-type(4){right:5%;top:48%}.sxpp-v-google>span:nth-of-type(5){left:13%;bottom:12%}.sxpp-v-google>span:nth-of-type(6){right:10%;bottom:12%}
.sxpp-v-google>i { position:absolute;width:8px;height:8px;border-radius:50%;background:#32ee83;box-shadow:0 0 14px #32ee83; }.sxpp-v-google>i:nth-of-type(1){left:31%;top:33%}.sxpp-v-google>i:nth-of-type(2){right:30%;top:37%}.sxpp-v-google>i:nth-of-type(3){left:46%;bottom:24%}
.sxpp-network-core { width:178px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border:1px solid #32ee83;border-radius:50%;background:#04110a;box-shadow:0 0 0 30px rgba(50,238,131,.025),0 0 65px rgba(50,238,131,.13);z-index:2; }.sxpp-network-core strong{font-size:.8rem;letter-spacing:.12em}.sxpp-network-core small{font-size:.48rem;color:#759584;margin-top:7px;letter-spacing:.12em}
.sxpp-v-network svg { position:absolute;inset:10%;width:80%;height:80%;fill:none;stroke:rgba(50,238,131,.35);stroke-width:.35;stroke-dasharray:2 2; }
.sxpp-v-network>span:nth-of-type(1){left:8%;top:12%}.sxpp-v-network>span:nth-of-type(2){right:7%;top:13%}.sxpp-v-network>span:nth-of-type(3){left:3%;top:46%}.sxpp-v-network>span:nth-of-type(4){right:4%;top:46%}.sxpp-v-network>span:nth-of-type(5){left:12%;bottom:11%}.sxpp-v-network>span:nth-of-type(6){right:10%;bottom:11%}

/* Network page: a readable managed topology, not a decorative orbit. */
.sxpp-net-topology { width:100%;height:100%;min-height:500px;display:grid;grid-template-rows:auto 1fr auto;padding:26px 28px 22px;overflow:hidden;color:#effff6;background:radial-gradient(circle at 50% 46%,rgba(38,235,126,.12),transparent 38%); }
.sxpp-net-topology>header,.sxpp-net-topology>footer { display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:5;color:#77a78e;font-size:.5rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase; }
.sxpp-net-topology>header b { display:flex;align-items:center;gap:8px;color:#65ffab; }.sxpp-net-topology>header i,.sxpp-net-topology>footer i{width:7px;height:7px;border-radius:50%;background:#35ef87;box-shadow:0 0 13px #35ef87}.sxpp-net-topology>footer span{display:flex;align-items:center;gap:8px}.sxpp-net-topology>footer span:nth-child(2) i{background:#8de8ff;box-shadow:0 0 12px #72dcff}.sxpp-net-topology>footer small{margin-left:auto;color:#779182;font-size:.46rem;letter-spacing:.11em}
.sxpp-net-stage { position:relative;min-height:400px;margin:8px 0; }
.sxpp-net-stage>svg { position:absolute;inset:0;width:100%;height:100%;overflow:visible; }
.sxpp-net-stage path { fill:none;vector-effect:non-scaling-stroke; }
.sxpp-net-primary { stroke:#43f295;stroke-width:.42;stroke-dasharray:2.4 1.7;filter:drop-shadow(0 0 3px rgba(67,242,149,.8));animation:sxpp-net-flow 7s linear infinite; }
.sxpp-net-secondary { stroke:#63c5e8;stroke-width:.28;stroke-dasharray:1.4 2.1;opacity:.72;animation:sxpp-net-flow 10s linear infinite reverse; }
@keyframes sxpp-net-flow { to { stroke-dashoffset:-28; } }
.sxpp-net-node { position:absolute;translate:-50% -50%;min-width:126px;padding:10px 12px 10px 28px;border:1px solid rgba(67,242,149,.31);border-radius:10px;background:linear-gradient(145deg,rgba(4,22,13,.97),rgba(8,41,23,.94));box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035);z-index:3; }
.sxpp-net-node i { position:absolute;left:12px;top:14px;width:7px;height:7px;border-radius:50%;background:#3df18d;box-shadow:0 0 11px #3df18d; }
.sxpp-net-node strong,.sxpp-net-node small { display:block;white-space:nowrap; }.sxpp-net-node strong{font-size:.58rem;letter-spacing:.09em}.sxpp-net-node small{margin-top:4px;color:#86a695;font-size:.44rem;letter-spacing:.04em}
.sxpp-net-wan{left:50%;top:9%}.sxpp-net-firewall{left:50%;top:31%;min-width:162px;border-color:rgba(85,255,158,.62);box-shadow:0 0 24px rgba(50,238,131,.12),0 15px 32px rgba(0,0,0,.26)}.sxpp-net-core{left:50%;top:54%;min-width:168px;border-color:#38ec88;background:linear-gradient(145deg,#06180e,#0b3420);box-shadow:0 0 0 7px rgba(50,238,131,.045),0 0 35px rgba(50,238,131,.14)}.sxpp-net-vpn{left:17%;top:43%}.sxpp-net-cloud{left:83%;top:29%;border-color:rgba(107,211,255,.42)}.sxpp-net-cloud i{background:#75dcff;box-shadow:0 0 11px #75dcff}.sxpp-net-wifi{left:21%;top:77%}.sxpp-net-print{left:50%;top:86%}.sxpp-net-office{left:79%;top:77%}
.sxpp-v-automation { place-items:stretch;padding:38px; }
.sxpp-v-automation header { display:flex;justify-content:space-between;gap:18px;color:#7d998a;font-size:.5rem;letter-spacing:.12em; }.sxpp-v-automation header b{color:#32ee83}
.sxpp-v-automation>div { display:grid;gap:14px;align-content:center;position:relative; }.sxpp-v-automation>div::before{content:"";position:absolute;left:22px;top:18%;bottom:18%;width:1px;background:linear-gradient(#32ee83,rgba(50,238,131,.1))}
.sxpp-v-automation article { min-height:96px;display:grid;align-content:center;gap:8px;padding:20px 24px 20px 62px;border:1px solid rgba(50,238,131,.24);border-radius:15px;background:rgba(50,238,131,.035);position:relative; }.sxpp-v-automation article::before{content:"";position:absolute;left:17px;top:50%;translate:0 -50%;width:11px;height:11px;border-radius:50%;background:#32ee83;box-shadow:0 0 14px #32ee83}.sxpp-v-automation article small{font-size:.5rem;letter-spacing:.12em;color:#32ee83}.sxpp-v-automation article strong{font-size:.95rem}
.sxpp-v-automation footer { color:#9ab0a4;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.sxpp-v-automation footer i{width:8px;height:8px;border-radius:50%;background:#32ee83;box-shadow:0 0 12px #32ee83}

/* Supported-platform matrix: badges identify capability, not partnership. */
.sxpp-platforms { background:#eef5f1; }
.sxpp-platform-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.sxpp-platform-grid article { min-height:300px;padding:32px;background:#fff;border:1px solid var(--sxpp-line);border-radius:18px;box-shadow:0 24px 60px rgba(5,30,17,.055); }
.sxpp-platform-grid header { display:grid;grid-template-columns:12px 1fr;gap:14px;align-items:start;padding-bottom:22px;border-bottom:1px solid var(--sxpp-line); }.sxpp-platform-grid header>span{width:10px;height:10px;margin-top:7px;border-radius:50%;background:#32ee83;box-shadow:0 0 13px rgba(50,238,131,.7)}.sxpp-platform-grid h3{margin:0 0 7px;font-size:1.4rem}.sxpp-platform-grid p{margin:0;font-size:.82rem}
.sxpp-platform-badges { display:flex;flex-wrap:wrap;gap:9px;padding-top:24px; }.sxpp-platform-badges span{padding:10px 12px;border:1px solid #d7e7de;border-radius:9px;background:#f7fbf9;color:#173528;font-size:.68rem;font-weight:760}
.sxpp-platform-disclaimer { max-width:900px;margin:28px 0 0;color:#677c70;font-size:.7rem;line-height:1.65; }

/* Remote, onsite, and extended-coverage operating models. */
.sxpp-delivery-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.sxpp-delivery-grid article { min-height:460px;padding:34px;display:flex;flex-direction:column;border:1px solid rgba(50,238,131,.22);border-radius:18px;background:linear-gradient(150deg,rgba(50,238,131,.055),rgba(255,255,255,.012)); }
.sxpp-delivery-grid article>b { width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(50,238,131,.1);color:#32ee83 }.sxpp-delivery-grid svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.sxpp-delivery-grid small{margin-top:34px;color:#32ee83;font-size:.55rem;font-weight:900;letter-spacing:.12em}.sxpp-delivery-grid h3{font-size:1.65rem;margin:12px 0 16px}.sxpp-delivery-grid p{margin:0}.sxpp-delivery-grid ul{display:grid;gap:10px;margin:auto 0 0;padding:24px 0 0;border-top:1px solid rgba(50,238,131,.13);list-style:none}.sxpp-delivery-grid li{color:#a5b8ae;font-size:.76rem}.sxpp-delivery-grid li::before{content:"";display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:#32ee83}

/* Alignment resets for every body grid. */
.sxpp-page--remote-it-projects .sxpp-project-grid article:nth-child(odd),
.sxpp-page--industries .sxpp-industry-grid article,
.sxpp-main [data-sxpp-reveal].is-visible { transform:none; }
.sxpp-page--industries .sxpp-industry-grid { gap:18px; }
.sxpp-page--industries .sxpp-industry-grid article { margin:0; min-height:430px; display:flex; flex-direction:column; }
.sxpp-page--industries .sxpp-industry-grid ul { margin-top:auto; }
.sxpp-project-grid article { min-height:270px; display:flex; flex-direction:column; }
.sxpp-project-grid article h3 { margin-top:48px; }.sxpp-project-grid article p{margin-top:auto}
.sxpp-three article { min-height:300px; display:flex; flex-direction:column; }.sxpp-three article p{margin-top:auto}
.sxpp-deliverables>div { min-height:170px; }
.sxpp-operating article { min-height:430px; }
.sxpp-section::after { display:none; }
.sxpp-outcome-tag { display:block; margin:0 0 10px; color:#078d49; font-size:.56rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }

/* Footer: a brighter corporate systems directory with a high-contrast legal line. */
.sxpp-footer { width:100%; padding:86px 0 30px; background:radial-gradient(700px circle at 14% 30%,rgba(50,238,131,.075),transparent 52%),linear-gradient(120deg,#020906,#03120b); border-top:1px solid rgba(77,255,156,.2); }
.sxpp-footer-grid { grid-template-columns:1.36fr .72fr 1.08fr 1fr; gap:44px; }
.sxpp-footer-brand .sxpp-logo img { width:min(100%,320px);max-height:76px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 10px rgba(255,255,255,.1)) drop-shadow(0 0 20px rgba(50,238,131,.2)); }
.sxpp-footer-brand h2 { max-width:390px;color:#fff;font-size:clamp(1.85rem,2.45vw,3rem);line-height:1.01;letter-spacing:-.04em;text-shadow:0 0 26px rgba(255,255,255,.07); }
.sxpp-footer-brand h2 em { color:#48ff98; text-shadow:0 0 12px rgba(50,238,131,.5),0 0 30px rgba(50,238,131,.18); }
.sxpp-footer-grid>div:not(:first-child) { padding-left:24px; border-left:1px solid rgba(101,255,169,.13); }
.sxpp-footer-grid small { display:inline-flex; margin-bottom:18px; padding:7px 10px; border:1px solid rgba(80,255,158,.32); border-radius:6px; background:rgba(50,238,131,.055); color:#62ffa7; font-size:.61rem; font-weight:950; letter-spacing:.14em; text-shadow:0 0 10px rgba(50,238,131,.65); }
.sxpp-footer-grid a { width:max-content;max-width:100%;padding:6px 0;color:#e3efe8;font-size:.9rem;line-height:1.48;text-shadow:0 0 12px rgba(255,255,255,.08);transition:color .2s ease,transform .2s ease,text-shadow .2s ease; }
.sxpp-footer-grid a:hover { color:#68ffab; transform:translateX(3px); text-shadow:0 0 12px rgba(50,238,131,.48); }
.sxpp-footer-base { margin-top:66px; color:#c5d5cc; font-size:.76rem; }
.sxpp-footer-base [data-sxpp-rights] { color:#fff; font-weight:700; letter-spacing:.015em; }
.sxpp-footer-base a { color:#c2d5ca; text-shadow:0 0 10px rgba(255,255,255,.08); }

@media (max-width:1180px) {
  .sxpp-header-cta { display:none; }
  .sxpp-nav { gap:14px; }
  .sxpp-main .sxpp-hero-grid,.sxpp-page--services .sxpp-hero-grid,.sxpp-page--remote-it-projects .sxpp-hero-grid,.sxpp-page--industries .sxpp-hero-grid,.sxpp-page--about-us .sxpp-hero-grid,.sxpp-page--faq .sxpp-hero-grid,.sxpp-page--contact-us .sxpp-hero-grid,.sxpp-page--microsoft-365-services .sxpp-hero-grid,.sxpp-page--web-domain-services .sxpp-hero-grid { grid-template-columns:minmax(0,1fr) minmax(390px,.9fr); gap:54px; }
}

@media (max-width:980px) {
  .sxpp-header { height:74px; }.admin-bar .sxpp-header{top:32px}
  .sxpp-menu-toggle { display:grid; place-items:center; }
  .sxpp-nav { top:74px; max-height:calc(100vh - 74px); overflow:auto; }
  .sxpp-main .sxpp-hero { min-height:auto; padding:88px 0; }
  .sxpp-main .sxpp-hero-grid,.sxpp-page--services .sxpp-hero-grid,.sxpp-page--remote-it-projects .sxpp-hero-grid,.sxpp-page--industries .sxpp-hero-grid,.sxpp-page--about-us .sxpp-hero-grid,.sxpp-page--faq .sxpp-hero-grid,.sxpp-page--contact-us .sxpp-hero-grid,.sxpp-page--microsoft-365-services .sxpp-hero-grid,.sxpp-page--web-domain-services .sxpp-hero-grid { width:min(var(--sxpp-shell),calc(100% - 48px)); grid-template-columns:1fr; gap:60px; }
  .sxpp-main .sxpp-visual { width:min(100%,680px); min-height:500px; justify-self:center; }
  .sxpp-v4-home-intro>.sxpp-shell,.sxpp-v4-home-outcome>.sxpp-shell { grid-template-columns:1fr; gap:55px; }
  .sxpp-v4-sticky-copy { position:static; }
  .sxpp-v4-bento-1,.sxpp-v4-bento-2,.sxpp-v4-bento-3,.sxpp-v4-bento-4,.sxpp-v4-bento-5,.sxpp-v4-bento-6,.sxpp-v4-bento-7,.sxpp-v4-bento-8,.sxpp-v4-bento-9 { grid-column:span 6; min-height:300px!important; }
  .sxpp-platform-grid { grid-template-columns:1fr 1fr; }
  .sxpp-delivery-grid { grid-template-columns:1fr; }.sxpp-delivery-grid article{min-height:360px}
  .sxpp-footer-grid { grid-template-columns:1.2fr 1fr 1fr; }.sxpp-footer-grid>div:last-child{grid-column:2/-1}
}

@media (max-width:782px) { .admin-bar .sxpp-header{top:46px} }

@media (max-width:700px) {
  .sharpix-premium-page .sxpp-shell { width:min(var(--sxpp-shell),calc(100% - 32px)); }
  .sharpix-premium-page h1 { font-size:clamp(3rem,13vw,4.8rem); }
  .sharpix-premium-page h2 { font-size:clamp(2.35rem,10vw,3.5rem); }
  .sxpp-main .sxpp-hero-grid,.sxpp-page--services .sxpp-hero-grid,.sxpp-page--remote-it-projects .sxpp-hero-grid,.sxpp-page--industries .sxpp-hero-grid,.sxpp-page--about-us .sxpp-hero-grid,.sxpp-page--faq .sxpp-hero-grid,.sxpp-page--contact-us .sxpp-hero-grid,.sxpp-page--microsoft-365-services .sxpp-hero-grid,.sxpp-page--web-domain-services .sxpp-hero-grid { width:min(var(--sxpp-shell),calc(100% - 32px)); }
  .sxpp-main .sxpp-visual { min-height:430px; border-radius:18px; }
  .sxpp-v4-trust .sxpp-shell { grid-template-columns:1fr; }.sxpp-v4-trust p,.sxpp-v4-trust p:first-child{border-left:0;border-right:0;border-bottom:1px solid rgba(50,238,131,.15);padding-inline:0}
  .sxpp-v4-bento { grid-template-columns:1fr; }.sxpp-v4-bento-1,.sxpp-v4-bento-2,.sxpp-v4-bento-3,.sxpp-v4-bento-4,.sxpp-v4-bento-5,.sxpp-v4-bento-6,.sxpp-v4-bento-7,.sxpp-v4-bento-8,.sxpp-v4-bento-9 { grid-column:auto; min-height:270px!important; }
  .sxpp-platform-grid { grid-template-columns:1fr; }.sxpp-platform-grid article{min-height:auto}
  .sxpp-v4-signal-stack article { grid-template-columns:1fr; }.sxpp-v4-signal-stack article>span{margin-bottom:4px}
  .sxpp-v4-project-flow>div { grid-template-columns:1fr; padding-left:58px; }.sxpp-v4-project-flow span{grid-column:1;grid-row:auto}.sxpp-v4-project-flow::before{left:25px}.sxpp-v4-project-flow>div::before{left:20px}
  .sxpp-v4-industry-map>div { grid-template-columns:1fr 1fr; }.sxpp-v4-industry-map article{min-height:125px;padding:17px}
  .sxpp-us-console { min-height:410px; }.sxpp-us-stage{min-height:310px}.sxpp-us-map{min-height:235px}.sxpp-us-channels span{font-size:.43rem;letter-spacing:.08em}
  .sxpp-v-cloud span,.sxpp-v-google>span,.sxpp-v-network>span { font-size:.45rem;padding:8px 10px; }
  .sxpp-google-core { width:150px }.sxpp-network-core{width:145px}.sxpp-v-automation{padding:24px}
  .sxpp-net-topology{min-height:420px;padding:20px 16px 16px}.sxpp-net-stage{min-height:330px}.sxpp-net-node{min-width:106px;padding:8px 9px 8px 23px}.sxpp-net-node i{left:9px;top:12px}.sxpp-net-node strong{font-size:.49rem}.sxpp-net-node small{font-size:.38rem}.sxpp-net-firewall,.sxpp-net-core{min-width:138px}
  .sxpp-v4-ecosystem { width:100%; transform:scale(.84)!important; }
  .sxpp-v4-compass { width:72%; }.sxpp-v4-compass>span{font-size:.46rem;padding:8px;}
  .sxpp-footer-grid { grid-template-columns:1fr; }.sxpp-footer-grid>div:last-child{grid-column:auto}.sxpp-footer-grid>div:not(:first-child){padding-left:0;border-left:0;border-top:1px solid rgba(101,255,169,.13);padding-top:25px}.sxpp-footer-base{display:grid;gap:12px}
}

@media (max-width:480px) {
  .sxpp-main .sxpp-hero { padding:70px 0; }
  .sxpp-main .sxpp-visual { min-height:380px; }
  .sxpp-v4-industry-map header { display:grid; }.sxpp-v4-industry-map>div{grid-template-columns:1fr}.sxpp-v4-industry-map article{min-height:95px}
  .sxpp-v4-compass-center { width:110px; }.sxpp-v4-compass{width:78%}
  .sxpp-us-console { min-height:360px; gap:8px }.sxpp-us-console>header{font-size:.44rem}.sxpp-us-stage{min-height:275px;padding-inline:0}.sxpp-us-map{min-height:205px}.sxpp-us-channels{gap:5px}.sxpp-us-channels span{min-height:28px;padding:5px 4px;font-size:.38rem}.sxpp-us-console>footer{font-size:.43rem}.sxpp-us-console>footer small{display:none}
  .sxpp-net-topology{min-height:360px;padding:15px 10px 12px}.sxpp-net-stage{min-height:280px}.sxpp-net-topology>header{font-size:.4rem}.sxpp-net-topology>footer{font-size:.38rem}.sxpp-net-topology>footer small{display:none}.sxpp-net-node{min-width:78px;padding:7px 7px 7px 18px}.sxpp-net-node i{left:7px;top:10px;width:5px;height:5px}.sxpp-net-node strong{font-size:.4rem;letter-spacing:.05em}.sxpp-net-node small{display:none}.sxpp-net-firewall,.sxpp-net-core{min-width:108px}.sxpp-net-vpn{left:15%}.sxpp-net-cloud{left:85%}.sxpp-net-wifi{left:18%}.sxpp-net-office{left:82%}
  .sxpp-field-row { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion:reduce) {
  .sxpp-us-routes path,.sxpp-us-nodes circle,.sxpp-us-hawaii circle,.sxpp-us-console i,.sxpp-v4-ecosystem>i,.sxpp-v-desk article,.sxpp-net-stage path { animation:none!important; }
}

/* Sharpix Premium Pages 4.3 — rectangular service interfaces, luminous FAQ,
   wide-screen utilization, and restrained interaction feedback. */
.sxpp-visual--services,.sxpp-visual--about-us,.sxpp-visual--faq { padding:clamp(26px,3vw,44px); }

/* Services: enterprise stack architecture. No orbit, compass, or radar motif. */
.sxpp-v4-service-architecture { width:100%; min-height:430px; display:grid; grid-template-rows:auto auto 1fr auto; gap:16px; }
.sxpp-v4-service-architecture>header,.sxpp-v4-standard>header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:14px; border-bottom:1px solid rgba(95,255,165,.2); color:#8aa99a; font-size:.55rem; font-weight:900; letter-spacing:.15em; }
.sxpp-v4-service-architecture>header b,.sxpp-v4-standard>header b { display:flex; align-items:center; gap:8px; color:#6bffac; font-size:.52rem; }
.sxpp-v4-service-architecture>header i,.sxpp-v4-standard>header i { width:7px;height:7px;border-radius:50%;background:#42ff96;box-shadow:0 0 9px #42ff96,0 0 20px rgba(66,255,150,.65); }
.sxpp-v4-control-layer { min-height:92px; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:24px; align-content:center; padding:22px 25px; border:1px solid rgba(92,255,161,.34); border-radius:13px; background:linear-gradient(100deg,rgba(50,238,131,.15),rgba(255,255,255,.025)); box-shadow:inset 3px 0 #32ee83,0 15px 36px rgba(0,0,0,.17); }
.sxpp-v4-control-layer small { grid-row:1 / 3; align-self:center; color:#6dffad; font-size:.5rem; font-weight:900; letter-spacing:.15em; }
.sxpp-v4-control-layer strong { color:#fff; font-size:1.08rem; }
.sxpp-v4-control-layer span { color:#82a293; font-size:.66rem; margin-top:4px; }
.sxpp-v4-service-layers { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.sxpp-v4-service-layers article { min-height:112px; display:grid; align-content:center; gap:9px; padding:20px 22px; border:1px solid rgba(91,255,161,.19); border-radius:13px; background:linear-gradient(145deg,rgba(18,61,38,.56),rgba(4,17,10,.8)); position:relative; overflow:hidden; transition:transform .28s var(--sxpp-ease),border-color .28s ease,box-shadow .28s ease,background .28s ease; }
.sxpp-v4-service-layers article::after { content:""; position:absolute; inset:auto 0 0; height:2px; background:linear-gradient(90deg,#32ee83,transparent 72%); opacity:.35; }
.sxpp-v4-service-layers small { color:#55ffa0; font-size:.49rem; font-weight:900; letter-spacing:.15em; }
.sxpp-v4-service-layers strong { color:#f7fffb; font-size:.87rem; line-height:1.27; }
.sxpp-v4-service-architecture>footer { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding-top:3px; }
.sxpp-v4-service-architecture>footer span { display:flex; align-items:center; justify-content:center; gap:8px; min-height:34px; border:1px solid rgba(91,255,161,.13); color:#789687; font-size:.46rem; font-weight:900; letter-spacing:.12em; }
.sxpp-v4-service-architecture>footer i { width:5px;height:5px;border-radius:50%;background:#32ee83;box-shadow:0 0 8px #32ee83; }

/* About: a four-stage operating standard, deliberately rectangular. */
.sxpp-v4-standard { width:100%; min-height:430px; display:grid; grid-template-rows:auto 1fr auto; gap:16px; }
.sxpp-v4-standard-flow { display:grid; gap:10px; align-content:center; }
.sxpp-v4-standard-flow article { min-height:78px; display:grid; grid-template-columns:86px 1fr; grid-template-rows:auto auto; column-gap:18px; align-content:center; padding:16px 20px; border:1px solid rgba(84,255,157,.2); border-radius:12px; background:linear-gradient(100deg,rgba(50,238,131,.095),rgba(255,255,255,.018)); position:relative; transition:transform .28s var(--sxpp-ease),border-color .28s ease,box-shadow .28s ease; }
.sxpp-v4-standard-flow article::before { content:""; position:absolute; top:-11px; left:42px; height:10px; border-left:1px solid rgba(50,238,131,.45); }
.sxpp-v4-standard-flow article:first-child::before { display:none; }
.sxpp-v4-standard-flow small { grid-row:1/3; align-self:center; color:#5dffa5; font-size:.51rem; font-weight:900; letter-spacing:.14em; }
.sxpp-v4-standard-flow strong { color:#fff; font-size:.86rem; }
.sxpp-v4-standard-flow span { color:#789688; font-size:.61rem; margin-top:3px; }
.sxpp-v4-standard>footer { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
.sxpp-v4-standard>footer span { padding:10px 5px; border:1px solid rgba(50,238,131,.13); text-align:center; color:#7d9b8d; font-size:.43rem; font-weight:900; letter-spacing:.1em; }

/* FAQ: luminous knowledge console plus stronger live accordion states. */
.sxpp-page--faq .sxpp-visual { border-color:rgba(92,255,163,.48); background:linear-gradient(140deg,rgba(13,66,39,.76),rgba(2,14,8,.96)); box-shadow:0 32px 85px rgba(0,0,0,.38),0 0 45px rgba(50,238,131,.1),inset 0 1px rgba(255,255,255,.05); }
.sxpp-v-knowledge { padding:0!important; display:grid; align-content:center; gap:13px; }
.sxpp-v-knowledge header { min-height:46px; margin:0 0 7px!important; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid rgba(92,255,161,.24); color:#7dffaF!important; font-size:.6rem!important; font-weight:950; letter-spacing:.16em!important; }
.sxpp-v-knowledge header b { display:flex;align-items:center;gap:8px;color:#42ff96;font-size:.52rem; }
.sxpp-v-knowledge header i { width:7px;height:7px;border-radius:50%;background:#42ff96;box-shadow:0 0 11px #42ff96; }
.sxpp-v-knowledge p { min-height:82px!important; grid-template-columns:9px 1fr auto!important; gap:15px!important; padding:18px 20px!important; border-color:rgba(94,255,165,.28)!important; border-radius:12px!important; background:linear-gradient(105deg,rgba(50,238,131,.11),rgba(255,255,255,.025))!important; color:#fff!important; font-size:.9rem!important; font-weight:850; box-shadow:inset 2px 0 rgba(50,238,131,.48),0 10px 26px rgba(0,0,0,.12); }
.sxpp-v-knowledge p i { width:8px!important;height:8px!important;box-shadow:0 0 12px #32ee83; }
.sxpp-v-knowledge p span { display:grid; gap:5px; }
.sxpp-v-knowledge p small { color:#8eac9d; font-size:.6rem; font-weight:650; letter-spacing:.02em; }
.sxpp-v-knowledge p b { color:#57ffa1!important;font-size:1.35rem!important;font-weight:500; }
.sxpp-v-knowledge label { margin-top:8px!important; color:#85a495!important; font-size:.6rem!important; letter-spacing:.04em; }
.sxpp-page--faq .sxpp-faq details { position:relative; overflow:hidden; padding:24px 27px; border:1px solid rgba(10,154,79,.22); border-radius:14px; background:linear-gradient(145deg,#fff,#f5fff9); box-shadow:0 13px 35px rgba(5,38,20,.055); transition:transform .27s var(--sxpp-ease),border-color .27s ease,box-shadow .27s ease,background .27s ease; }
.sxpp-page--faq .sxpp-faq details::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:#32ee83; transform:scaleY(0); transform-origin:center; transition:transform .25s ease; }
.sxpp-page--faq .sxpp-faq summary { color:#07140e; font-size:1rem; font-weight:900; }
.sxpp-page--faq .sxpp-faq details[open] { border-color:rgba(12,184,91,.52); background:#fff; box-shadow:0 20px 48px rgba(7,66,32,.11),0 0 25px rgba(50,238,131,.08); }
.sxpp-page--faq .sxpp-faq details[open]::before { transform:scaleY(1); }

/* Contact: more useful width, stronger form hierarchy, and clear delivery. */
.sxpp-page--contact-us .sxpp-contact-grid { grid-template-columns:minmax(390px,.78fr) minmax(620px,1.22fr); gap:clamp(56px,6vw,108px); }
.sxpp-page--contact-us .sxpp-section.sxpp-light { background:radial-gradient(700px circle at 72% 48%,rgba(50,238,131,.08),transparent 56%),#f1f7f4; }
.sxpp-page--contact-us .sxpp-form { padding:clamp(32px,3.5vw,52px); border-color:rgba(50,238,131,.52); box-shadow:0 32px 85px rgba(3,26,13,.22),0 0 45px rgba(50,238,131,.08),inset 0 1px rgba(255,255,255,.05); }
.sxpp-page--contact-us .sxpp-form label { font-size:.73rem; }
.sxpp-page--contact-us .sxpp-form input,.sxpp-page--contact-us .sxpp-form select,.sxpp-page--contact-us .sxpp-form textarea { min-height:48px; border-color:rgba(129,255,184,.2); transition:border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.sxpp-page--contact-us .sxpp-form textarea { min-height:155px; }
.sxpp-page--contact-us .sxpp-form-note strong { color:#8cffbd; }

/* Privacy: turn the plain document into a branded legal interface. */
.sxpp-page--privacy-policy .sxpp-simple-hero { position:relative; overflow:hidden; padding:125px 0 94px; background:linear-gradient(118deg,#020906 0 54%,#07311d 100%); border-bottom:1px solid rgba(50,238,131,.3); }
.sxpp-page--privacy-policy .sxpp-simple-hero::after { content:""; position:absolute; width:520px;height:520px;right:-180px;top:-250px;border:1px solid rgba(50,238,131,.16);transform:rotate(35deg);box-shadow:0 0 90px rgba(50,238,131,.1); }
.sxpp-page--privacy-policy .sxpp-simple-hero h1 { max-width:900px; color:#fff; text-shadow:0 0 34px rgba(255,255,255,.08); }
.sxpp-page--privacy-policy .sxpp-simple-hero h1::after { content:" / DATA GOVERNANCE"; display:block; margin-top:18px; color:#32ee83; font-size:.68rem; letter-spacing:.18em; font-weight:900; text-shadow:0 0 16px rgba(50,238,131,.55); }
.sxpp-page--privacy-policy .sxpp-simple-hero p { color:#9bc7ad; font-weight:700; }
.sxpp-page--privacy-policy .sxpp-section.sxpp-light { background:linear-gradient(120deg,#020b07,#06180f); color:#fff; }
.sxpp-page--privacy-policy .sxpp-legal { max-width:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.sxpp-page--privacy-policy .sxpp-legal-intro { grid-column:1/-1; margin:0 0 14px; padding:28px 32px; border:1px solid rgba(50,238,131,.25); border-radius:14px; background:linear-gradient(100deg,rgba(50,238,131,.1),rgba(255,255,255,.018)); color:#c8ded1!important; font-size:1.06rem!important; }
.sxpp-page--privacy-policy .sxpp-legal section { min-height:245px; margin:0; padding:34px; border:1px solid rgba(83,255,157,.2); border-radius:16px; background:linear-gradient(145deg,rgba(13,49,31,.82),rgba(3,16,9,.95)); box-shadow:0 20px 48px rgba(0,0,0,.18); position:relative; overflow:hidden; transition:transform .28s var(--sxpp-ease),border-color .28s ease,box-shadow .28s ease; }
.sxpp-page--privacy-policy .sxpp-legal section::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:linear-gradient(#32ee83,transparent); }
.sxpp-page--privacy-policy .sxpp-legal h2 { max-width:520px; margin-bottom:16px; color:#fff; font-size:clamp(1.65rem,2.2vw,2.45rem); line-height:1.03; letter-spacing:-.035em; }
.sxpp-page--privacy-policy .sxpp-legal p { color:#9cb7a8; font-size:.94rem; line-height:1.76; }
.sxpp-page--privacy-policy .sxpp-legal a { color:#65ffab; text-decoration-color:rgba(101,255,171,.4); }
.sxpp-page--privacy-policy .sxpp-legal-contact { grid-column:1/-1; min-height:190px!important; background:linear-gradient(110deg,rgba(50,238,131,.19),rgba(3,18,10,.95))!important; }

/* Subtle movement and light feedback across interactive surfaces. */
@media (hover:hover) and (pointer:fine) {
  .sxpp-v4-service-layers article:hover,.sxpp-v4-standard-flow article:hover { transform:translateY(-5px); border-color:rgba(82,255,156,.58); box-shadow:0 18px 38px rgba(0,0,0,.22),0 0 24px rgba(50,238,131,.1); }
  .sxpp-v-knowledge p:hover { transform:translateX(7px)!important; border-color:rgba(102,255,170,.67)!important; box-shadow:inset 3px 0 #32ee83,0 16px 38px rgba(0,0,0,.2),0 0 28px rgba(50,238,131,.12)!important; }
  .sxpp-page--faq .sxpp-faq details:hover { transform:translateY(-3px); border-color:rgba(12,184,91,.48); box-shadow:0 20px 44px rgba(5,53,26,.1),0 0 22px rgba(50,238,131,.07); }
  .sxpp-page--privacy-policy .sxpp-legal section:hover { transform:translateY(-5px); border-color:rgba(85,255,159,.5); box-shadow:0 28px 58px rgba(0,0,0,.28),0 0 30px rgba(50,238,131,.08); }
  .sxpp-contact-links a,.sxpp-platform-grid article,.sxpp-v4-bento>a,.sxpp-outcome-list article,.sxpp-three article,.sxpp-process article,.sxpp-project-grid article,.sxpp-industry-grid article,.sxpp-delivery-grid article { transition:transform .28s var(--sxpp-ease),border-color .28s ease,box-shadow .28s ease,background .28s ease; }
  .sxpp-contact-links a:hover,.sxpp-platform-grid article:hover,.sxpp-v4-bento>a:hover,.sxpp-outcome-list article:hover,.sxpp-three article:hover,.sxpp-process article:hover,.sxpp-project-grid article:hover,.sxpp-industry-grid article:hover,.sxpp-delivery-grid article:hover { transform:translateY(-5px); box-shadow:0 22px 48px rgba(5,45,23,.12),0 0 25px rgba(50,238,131,.07); }
  .sxpp-main .sxpp-visual { transition:transform .35s var(--sxpp-ease),border-color .35s ease,box-shadow .35s ease; }
  .sxpp-main .sxpp-visual:hover { transform:translateY(-4px)!important; border-color:rgba(87,255,161,.5); box-shadow:0 42px 95px rgba(0,0,0,.34),0 0 34px rgba(50,238,131,.09),inset 0 1px rgba(255,255,255,.05); }
}

@media (max-width:1100px) {
  .sxpp-page--contact-us .sxpp-contact-grid { grid-template-columns:1fr; }
  .sxpp-page--privacy-policy .sxpp-legal { grid-template-columns:1fr; }
  .sxpp-page--privacy-policy .sxpp-legal-intro,.sxpp-page--privacy-policy .sxpp-legal-contact { grid-column:auto; }
}

@media (max-width:700px) {
  .sxpp-visual--services,.sxpp-visual--about-us,.sxpp-visual--faq { padding:22px; }
  .sxpp-v4-service-layers { grid-template-columns:1fr; }
  .sxpp-v4-service-layers article { min-height:82px; }
  .sxpp-v4-control-layer { grid-template-columns:1fr; gap:7px; }
  .sxpp-v4-control-layer small { grid-row:auto; }
  .sxpp-v4-standard-flow article { grid-template-columns:72px 1fr; padding:14px; }
  .sxpp-v4-standard>footer { grid-template-columns:1fr 1fr; }
  .sxpp-v-knowledge p { min-height:74px!important; padding:15px!important; font-size:.8rem!important; }
  .sxpp-v-knowledge p small { font-size:.54rem; }
  .sxpp-page--privacy-policy .sxpp-simple-hero { padding:96px 0 70px; }
  .sxpp-page--privacy-policy .sxpp-legal section { min-height:auto; padding:26px 23px; }
}

@media (prefers-reduced-motion:reduce) {
  .sxpp-v4-service-layers article,.sxpp-v4-standard-flow article,.sxpp-v-knowledge p,.sxpp-page--faq .sxpp-faq details,.sxpp-page--privacy-policy .sxpp-legal section,.sxpp-contact-links a,.sxpp-platform-grid article,.sxpp-v4-bento>a,.sxpp-main .sxpp-visual { transition:none!important; transform:none!important; }
}