/* C: E-VIAS service constellation. Spatial cues adapted from Agent OS; brand retained. */
.variant-c{--c-line:#3a524d;--c-soft:#b8c7c3;background:#080d0c}
.variant-c header{max-width:1600px;padding-block:19px;position:relative}
.variant-c .hero{display:block;padding:45px 5vw 32px;max-width:1500px;overflow:hidden}
.variant-c .hero-copy{text-align:center;position:relative;z-index:2;max-width:880px;margin:auto}
.variant-c .hero-copy .eyebrow{font-size:14px;letter-spacing:.08em;margin-bottom:16px;color:#a5c8c1}
.variant-c h1{font-size:clamp(52px,5.5vw,78px);margin-bottom:18px;line-height:1.03}
html[lang=ar] .variant-c h1{font-size:clamp(34px,3.5vw,50px);line-height:1.55;letter-spacing:0}
.variant-c .hero-copy p{max-width:690px;margin:0 auto;color:var(--c-soft);font-size:17px}
.variant-c .primary{margin-top:22px;min-height:48px;padding:12px 24px;background:#54bbb1}
.variant-c .constellation{position:relative;max-width:1120px;height:455px;margin:0 auto;isolation:isolate;direction:ltr}
.variant-c #orbBox{position:absolute;width:500px;height:500px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}
.variant-c #orbBox canvas{position:absolute;inset:0;width:100%!important;height:100%!important}
.variant-c .orb-fallback{position:absolute;inset:30%;border:1px solid #438c7d;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#3b7d6f,#102820 65%,#07130e);box-shadow:0 0 65px #258b7425}
.variant-c .orb-fallback img{width:44%;mix-blend-mode:screen}
.variant-c.orb-ready .orb-fallback{display:none}
.variant-c .core-hit{position:absolute;left:50%;top:50%;width:220px;height:220px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:none;z-index:2;cursor:grab;touch-action:pan-y}
.variant-c .core-hit:active{cursor:grabbing}
.variant-c .orbit-lines{position:absolute;left:50%;top:50%;width:700px;height:320px;transform:translate(-50%,-50%);pointer-events:none}
.variant-c .orbit-lines i{position:absolute;inset:0;border:1px solid #56897966;border-radius:50%;transform:rotate(-18deg)}
.variant-c .orbit-lines i:nth-child(2){inset:18px 55px;border-color:#7dbfbf33;transform:rotate(23deg)}
.variant-c .orbit-lines i:nth-child(3){inset:-50px 160px;border-color:#7dbfbf29;transform:rotate(56deg)}
.variant-c .constellation-links{position:absolute;inset:0;z-index:3;pointer-events:none}
.variant-c .service-node{position:absolute;width:275px;min-height:94px;display:flex;align-items:center;gap:14px;padding:15px 10px;pointer-events:auto;border-block-end:1px solid var(--c-line);background:#080d0cef;color:var(--ivory);transition:background .2s,border-color .2s}
.variant-c .service-node:hover,.variant-c .service-node:focus-visible{background:#12312a;border-color:#79d2bf}
.variant-c .node-0{left:0;top:62px}.variant-c .node-1{right:0;top:62px}.variant-c .node-2{left:0;bottom:62px}.variant-c .node-3{right:0;bottom:62px}
.variant-c .node-symbol{flex-shrink:0;display:grid;place-items:center;width:48px;height:48px;border:1px solid #648a80;border-radius:50%;color:#88d9c6;background:#11251f}
.variant-c .node-symbol svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.variant-c .service-node strong{display:block;font-size:17px;font-weight:400;line-height:1.5}
.variant-c .service-node small{display:block;color:#a3bab1;font-size:14px;margin-bottom:4px}
.variant-c .node-arrow{margin-inline-start:auto;color:#79c9b9;font-size:20px}
html[lang=ar] .variant-c .service-node{direction:rtl}
.variant-c .c-controls{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;position:relative;z-index:4;min-height:44px}
.variant-c .c-controls button{background:none;border:1px solid #4f7369;color:#bbd5cb;min-height:44px;padding:8px 16px;font-size:14px}
.variant-c .c-controls span,.variant-c #orbError{font-size:14px;color:#b8c7c3;margin:0}
.variant-c .services{background:#f8f8f6;padding-block:78px}
.variant-c .section-heading{max-width:850px}.variant-c .section-heading .eyebrow{letter-spacing:.04em;font-size:14px}
.variant-c .offers{border-bottom:0;gap:28px}.variant-c .offer,.variant-c .offer:first-child{padding:28px 0 8px;border-inline-end:0;border-bottom:1px solid #b8bfba}
.variant-c .number{margin-bottom:22px}.variant-c .offer h3{font-size:25px}
.variant-c .family{padding-block:85px;background:#10231d}.variant-c .family p{color:#b9c8bf}
.variant-c .blueprint{background:transparent;border:1px solid #597066;padding:40px;gap:48px}
.variant-c .blueprint-items li{border-color:#476054}.variant-c .blueprint-items span{color:#86c6b6}
.variant-c .blueprint h3{font-size:42px}.variant-c .blueprint .small-label{color:#a8c0b3;font-size:14px}
.variant-c .next-services{gap:48px}.variant-c .next-services article{border-color:#597066;padding-top:24px}
.variant-c .approach{background:#080d0c;padding-block:85px}.variant-c .step{border-color:#3a524d}
.variant-c .step p{color:#b8c7c3}.variant-c .step>span{color:#86c6b6}
.variant-c .consultants{background:#e9ece7}.variant-c .consultants article{border:0;border-top:1px solid #81998b;padding-inline:0}
.variant-c .about{border-top:1px solid #3a524d;background:#080d0c}.variant-c .about p{color:#b8c7c3}
.variant-c footer{background:#080d0c;border-top:1px solid #3a524d;font-size:14px;flex-wrap:wrap;gap:18px}
.variant-c [id]{scroll-margin-top:35px}
.variant-c [hidden]{display:none!important}
@media(max-width:1000px){.variant-c .service-node{width:235px}.variant-c .node-symbol{width:42px;height:42px}.variant-c .service-node strong{font-size:16px}.variant-c .constellation{height:420px}.variant-c #orbBox{width:430px;height:430px}.variant-c .orbit-lines{width:580px;height:270px}.variant-c .hero{padding-top:35px}.variant-c .node-arrow{display:none}}
@media(max-width:850px){.variant-c #navigation{top:100%;margin:0}.variant-c .hero{padding-top:32px}.variant-c .constellation{height:auto;padding-top:300px;max-width:570px}.variant-c #orbBox{width:370px;height:370px;top:150px}.variant-c .core-hit{top:150px;width:180px;height:180px}.variant-c .orbit-lines{top:150px;width:370px;height:190px}.variant-c .orbit-lines i:nth-child(3){inset:-30px 95px}.variant-c .constellation-links{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;inset:auto;padding-bottom:22px}.variant-c .service-node{position:static;width:auto;min-width:0;min-height:100px;padding:12px 4px;gap:10px;align-items:flex-start}.variant-c .node-symbol{width:36px;height:36px}.variant-c .node-symbol svg{width:23px;height:23px}.variant-c .service-node small{font-size:13px}.variant-c .hero-copy p{font-size:16px}.variant-c .hero-copy .eyebrow{font-size:13px}.variant-c .primary{width:auto}.variant-c .services,.variant-c .family,.variant-c .approach{padding-block:55px}.variant-c .offers{gap:0}.variant-c .offer{padding-block:25px}.variant-c .blueprint{padding:24px;gap:24px}.variant-c .blueprint h3{font-size:34px}}
@media(max-width:400px){.variant-c .service-node{gap:8px}.variant-c .service-node strong{font-size:14px}.variant-c .node-symbol{width:30px;height:30px}.variant-c .node-symbol svg{width:20px;height:20px}.variant-c .service-node small{font-size:12px}.variant-c h1{font-size:48px}html[lang=ar] .variant-c h1{font-size:30px}.variant-c .hero{padding-inline:5vw}.variant-c .hero-copy .eyebrow{font-size:12px}.variant-c .constellation-links{gap:9px}}
@media(prefers-reduced-motion:reduce){.variant-c *{transition:none!important;scroll-behavior:auto!important}}
/* Selected C: original company-site problem framing and tangible design handover. */
.variant-c .c-needs{padding:72px max(5vw,calc((100vw - 1280px)/2));background:#080d0c;border-top:1px solid var(--c-line)}
.variant-c .c-needs .section-heading{margin-bottom:35px}
.variant-c .c-needs h2,.variant-c .c-next h2{font-size:clamp(34px,4vw,54px);line-height:1.15;margin:0 0 22px}
html[lang=ar] .variant-c .c-needs h2,html[lang=ar] .variant-c .c-next h2{font-size:clamp(29px,3vw,40px);line-height:1.6}
.variant-c .c-needs p{color:var(--c-soft);max-width:68ch}
.variant-c .needs-rows article{display:grid;grid-template-columns:1fr 2fr;gap:45px;border-top:1px solid var(--c-line);padding:28px 0}
.variant-c .needs-rows .audience-label{color:#95d1c7;margin:0;font-size:16px}
.variant-c .needs-rows h3{font-size:24px;margin:0 0 12px;line-height:1.45}
.variant-c .needs-rows p{margin:0 0 12px}
.variant-c .needs-rows .text-button{color:#95d1c7;font-size:16px;display:inline-block;margin-top:5px}
.variant-c .blueprint{grid-template-columns:1.05fr 1fr;gap:32px 48px}
.variant-c .blueprint>div:first-child{grid-row:span 2}
.variant-c .c-blueprint-map h4{font-size:18px;font-weight:400;line-height:1.6;margin:0 0 20px}
.variant-c .c-blueprint-map ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#597066;border:1px solid #597066}
.variant-c .c-blueprint-map li{padding:16px 12px;font-size:15px;line-height:1.6;background:#10231d;color:#dfebe7}
.variant-c .c-service-cta{display:inline-block;font-size:16px;color:#95d1c7;margin-top:14px}
.variant-c .c-consultant-preview{padding:24px 5vw;background:#e9ece7;color:#14251e}
.variant-c .c-consultant-preview summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:15px}
.variant-c .c-consultant-preview .consultants{padding:30px 0;max-width:1280px;margin:auto}
.variant-c .c-next{text-align:center;padding:70px 5vw 85px;background:#10231d}
.variant-c .c-next p{max-width:650px;color:var(--c-soft);margin:0 auto;font-size:18px;line-height:1.8}
.variant-c .c-next h2{max-width:850px;margin-inline:auto}
.variant-c .text-button{text-underline-offset:5px}
.variant-c ::selection{background:#1B9E98;color:#080808}
@media(max-width:850px){.variant-c .c-needs{padding-block:50px}.variant-c .needs-rows article{grid-template-columns:1fr;gap:8px}.variant-c .needs-rows h3{font-size:22px}.variant-c .blueprint{grid-template-columns:1fr}.variant-c .blueprint>div:first-child{grid-row:auto}.variant-c .c-next{padding-block:55px}.variant-c .c-next p{font-size:16px}}
/* Common approach section uses a light-surface heading; C uses its dark surface. */
.variant-c .approach h2{color:var(--ivory)}
.variant-c .approach h3{color:var(--ivory)}