/* SEO in GCC Horizons v3.1.1 — Draftly-inspired scroll-driven visual layer.
 * Decorative only. SEO copy, canonical, hreflang, sitemap, routing and forms remain authoritative elsewhere.
 */
body.sgx-v311-theme {
  --background: 225 54% 8%;
  --foreground: 216 70% 97%;
  --card: 224 45% 12%;
  --card-foreground: 216 70% 97%;
  --popover: 224 48% 11%;
  --popover-foreground: 216 70% 97%;
  --primary: 229 100% 64%;
  --primary-foreground: 0 0% 100%;
  --secondary: 190 100% 70%;
  --secondary-foreground: 225 54% 10%;
  --muted: 223 33% 18%;
  --muted-foreground: 217 25% 75%;
  --accent: 250 72% 70%;
  --accent-foreground: 0 0% 100%;
  --border: 222 32% 24%;
  --input: 222 32% 24%;
  --ring: 229 100% 64%;
  --navy: 225 54% 8%;
  --navy-soft: 224 45% 12%;
  --mint: 229 100% 64%;
  --sand: 190 100% 70%;
  --coral: 250 72% 70%;

  --sg-bg: #081226;
  --sg-panel: #101f40;
  --sg-panel-2: #142b52;
  --sg-mint: #526dff;
  --sg-sand: #65e4ff;
  --sg-ink: #f7faff;
  --sg-muted: #a9bcda;
  --sg-line: rgba(132, 164, 255, .18);

  --sgx-mint: #526dff;
  --sgx-gold: #65e4ff;
  --sgx-bg: #081226;
  --sgx-panel: #101f40;
  --sgx-panel-2: #142b52;
  --sgx-border: rgba(132, 164, 255, .18);
  --sgx-text: #f7faff;
  --sgx-muted: #a9bcda;

  --v311-night: #071126;
  --v311-cobalt: #526dff;
  --v311-cyan: #65e4ff;
  --v311-violet: #9b8cff;
  --v311-white: #f7faff;
  --v311-line: rgba(143, 172, 255, .20);
  --v311-glass: rgba(13, 30, 62, .70);
}

.sgx-v311-main { position: relative; }

.sgx-v311-hero {
  position: relative !important;
  min-height: 190svh;
  padding-block: 0 !important;
  overflow: clip !important;
  isolation: isolate;
  background:
    radial-gradient(54% 48% at 76% 22%, rgba(82,109,255,.22), transparent 72%),
    radial-gradient(42% 42% at 25% 25%, rgba(101,228,255,.10), transparent 72%),
    radial-gradient(40% 38% at 72% 76%, rgba(155,140,255,.11), transparent 72%),
    linear-gradient(180deg, #071126 0%, #0a1833 46%, #071329 100%);
}

.sgx-v311-hero::before {
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(92deg,rgba(7,17,38,.99) 0%,rgba(7,17,38,.91) 30%,rgba(7,17,38,.43) 56%,rgba(7,17,38,.08) 80%),
    linear-gradient(180deg,rgba(7,17,38,.08),rgba(7,17,38,.02) 58%,rgba(7,17,38,.84));
}
[dir="rtl"] .sgx-v311-hero::before {
  background:
    linear-gradient(268deg,rgba(7,17,38,.99) 0%,rgba(7,17,38,.91) 30%,rgba(7,17,38,.43) 56%,rgba(7,17,38,.08) 80%),
    linear-gradient(180deg,rgba(7,17,38,.08),rgba(7,17,38,.02) 58%,rgba(7,17,38,.84));
}
.sgx-v311-legacy-bg { opacity:.065 !important; filter:saturate(.75) contrast(1.05); }

.sgx-v311-scene {
  --p:0; --mx:0; --my:0;
  position:sticky; top:0; height:100svh; margin-bottom:-100svh; z-index:0; overflow:hidden; pointer-events:none;
  perspective:1200px; transform-style:preserve-3d;
}
.sgx-v311-canvas { width:100%; height:100%; display:block; opacity:.45; }
.sgx-v311-scene.is-static .sgx-v311-canvas { display:none; }
.sgx-v311-grid { position:absolute; inset:0; opacity:.32; background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 83%,transparent); }
.sgx-v311-vignette { position:absolute; inset:0; background:radial-gradient(ellipse at 70% 44%,transparent 3%,rgba(7,17,38,.08) 32%,rgba(7,17,38,.58) 84%),linear-gradient(180deg,rgba(7,17,38,.24),transparent 22%,transparent 76%,rgba(7,17,38,.76)); }
.sgx-v311-orb { position:absolute; border-radius:999px; filter:blur(64px); mix-blend-mode:screen; }
.sgx-v311-orb-a { width:32vw;height:32vw;right:2vw;top:9vh;background:#526dff;opacity:.22; }
.sgx-v311-orb-b { width:24vw;height:24vw;right:26vw;bottom:8vh;background:#65e4ff;opacity:.12; }
.sgx-v311-orb-c { width:18vw;height:18vw;right:14vw;bottom:35vh;background:#9b8cff;opacity:.11; }
[dir="rtl"] .sgx-v311-orb-a { right:auto;left:2vw; } [dir="rtl"] .sgx-v311-orb-b { right:auto;left:26vw; } [dir="rtl"] .sgx-v311-orb-c { right:auto;left:14vw; }

.sgx-v311-stage { position:absolute; inset:0; z-index:2; transform-style:preserve-3d; }
.sgx-v311-object { position:absolute; display:block; transform-style:preserve-3d; will-change:transform,opacity; }
.sgx-v311-object * { box-sizing:border-box; }

/* Search prism */
.sgx-v311-search {
  width:clamp(150px,16vw,285px); aspect-ratio:1; right:9vw; top:14vh; border-radius:34px;
  border:1px solid rgba(122,196,255,.24); background:linear-gradient(150deg,rgba(21,48,96,.72),rgba(9,24,52,.88));
  box-shadow:0 35px 90px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07),0 0 65px rgba(82,109,255,.10);
  backdrop-filter:blur(18px) saturate(1.1);
  transform:translate3d(calc(var(--mx)*13px),calc(var(--my)*10px + var(--p)*54px),calc(80px - var(--p)*120px)) rotateX(calc(-8deg + var(--my)*4deg + var(--p)*20deg)) rotateY(calc(-18deg + var(--mx)*6deg + var(--p)*58deg)) scale(calc(1 - var(--p)*.12));
}
.sgx-v311-search::before { content:"";position:absolute;inset:10%;border-radius:50%;border:3px solid rgba(101,228,255,.86);box-shadow:0 0 0 12px rgba(82,109,255,.08),inset 0 0 28px rgba(101,228,255,.08); }
.sgx-v311-search::after { content:"";position:absolute;width:42%;height:12px;right:8%;bottom:20%;border-radius:999px;background:linear-gradient(90deg,#65e4ff,#526dff);transform:rotate(43deg);box-shadow:0 0 24px rgba(101,228,255,.22); }
.sgx-v311-search span { position:absolute;inset:29%;border-radius:50%;border:1px dashed rgba(247,250,255,.28); }
.sgx-v311-search i { position:absolute;left:20%;right:20%;bottom:13%;height:1px;background:linear-gradient(90deg,transparent,rgba(101,228,255,.6),transparent); }

/* AI core */
.sgx-v311-ai { width:clamp(145px,15vw,255px);aspect-ratio:1;right:31vw;top:53vh;transform:translate3d(calc(var(--mx)*-9px),calc(var(--my)*7px - var(--p)*82px),calc(-20px + var(--p)*150px)) rotateX(calc(12deg - var(--p)*28deg)) rotateY(calc(18deg - var(--mx)*7deg - var(--p)*85deg)) scale(calc(.88 + var(--p)*.18)); }
.sgx-v311-ai .core { position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fff 0 4%,#9eeeff 10%,#526dff 45%,#211b69 100%);box-shadow:0 0 46px rgba(101,228,255,.28),0 0 90px rgba(82,109,255,.15); }
.sgx-v311-ai .orbit { position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(101,228,255,.30);transform:rotateX(62deg) rotateZ(18deg); }
.sgx-v311-ai .orbit.o2 { inset:23%;transform:rotateY(64deg) rotateZ(-22deg);border-color:rgba(155,140,255,.34); }
.sgx-v311-ai .orbit.o3 { inset:4%;transform:rotateX(76deg) rotateY(25deg);border-color:rgba(82,109,255,.24); }
.sgx-v311-ai b { position:absolute;width:12px;height:12px;border-radius:50%;background:#65e4ff;box-shadow:0 0 20px rgba(101,228,255,.6); }
.sgx-v311-ai b:nth-of-type(1){left:16%;top:29%}.sgx-v311-ai b:nth-of-type(2){right:18%;top:22%;background:#9b8cff}.sgx-v311-ai b:nth-of-type(3){right:13%;bottom:30%}.sgx-v311-ai b:nth-of-type(4){left:25%;bottom:15%;background:#f7faff}

/* Automation stack */
.sgx-v311-flow { width:clamp(175px,17vw,300px);height:clamp(120px,12vw,205px);right:12vw;top:68vh;transform:translate3d(calc(var(--mx)*8px),calc(var(--my)*6px - var(--p)*118px),calc(-35px + var(--p)*105px)) rotateX(calc(58deg - var(--p)*42deg)) rotateZ(calc(-10deg + var(--p)*16deg)) scale(calc(.84 + var(--p)*.18)); }
.sgx-v311-flow span { position:absolute;left:4%;right:4%;height:30%;border:1px solid rgba(132,164,255,.24);border-radius:22px;background:linear-gradient(100deg,rgba(18,45,91,.90),rgba(24,58,111,.62));box-shadow:0 22px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05); }
.sgx-v311-flow span:nth-child(1){top:0;transform:translateZ(56px)}.sgx-v311-flow span:nth-child(2){top:34%;transform:translateZ(22px)}.sgx-v311-flow span:nth-child(3){top:68%;transform:translateZ(-10px)}
.sgx-v311-flow span::before { content:"";position:absolute;left:8%;top:50%;width:16%;height:7px;border-radius:999px;background:#65e4ff;box-shadow:40px 0 0 rgba(82,109,255,.8),80px 0 0 rgba(155,140,255,.72);transform:translateY(-50%); }

/* Brand slab using the user's provided logo */
.sgx-v311-brand { width:clamp(145px,15vw,250px);aspect-ratio:1;right:43vw;top:17vh;padding:14px;border-radius:30px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(231,241,255,.93));box-shadow:0 28px 80px rgba(0,0,0,.35),0 0 60px rgba(82,109,255,.10);transform:translate3d(calc(var(--mx)*-6px),calc(var(--my)*8px + var(--p)*84px),calc(35px - var(--p)*75px)) rotateX(calc(10deg + var(--p)*30deg)) rotateY(calc(14deg - var(--p)*54deg)) rotateZ(calc(-6deg + var(--p)*9deg)) scale(calc(.86 - var(--p)*.08)); }
.sgx-v311-brand img { width:100%;height:100%;display:block;object-fit:contain;border-radius:20px; }

[dir="rtl"] .sgx-v311-search { right:auto;left:9vw; } [dir="rtl"] .sgx-v311-ai { right:auto;left:31vw; } [dir="rtl"] .sgx-v311-flow { right:auto;left:12vw; } [dir="rtl"] .sgx-v311-brand { right:auto;left:43vw; }

.sgx-v311-scroll-cue { position:absolute;right:clamp(22px,4vw,70px);bottom:32px;width:30px;height:48px;border:1px solid rgba(101,228,255,.38);border-radius:999px;opacity:.65; }
[dir="rtl"] .sgx-v311-scroll-cue { right:auto;left:clamp(22px,4vw,70px); }
.sgx-v311-scroll-cue span { position:absolute;top:9px;left:50%;width:3px;height:8px;border-radius:9px;background:#65e4ff;transform:translateX(-50%);animation:v311-scroll 1.6s ease-in-out infinite; }

.sgx-v311-hero > .sgx-v311-hero-rail { position:sticky!important;top:0;z-index:4;min-height:100svh;align-content:center;padding-top:clamp(96px,11vh,132px);padding-bottom:clamp(54px,7vh,84px); }
.sgx-v311-hero .sgx-hero-motion,.sgx-v311-hero .relative.rounded-2xl.border { box-shadow:0 30px 90px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(20px) saturate(1.12); }

.sgx-v311-section { position:relative;isolation:isolate; }
.sgx-v311-section::before { content:"";position:absolute;z-index:-1;width:min(34vw,480px);height:min(34vw,480px);border-radius:50%;right:calc(-11vw + var(--sgx-section-index,0)*2px);top:10%;pointer-events:none;opacity:.12;background:radial-gradient(circle,var(--sgx-section-aura,rgba(101,228,255,.12)),transparent 68%);transition:opacity .7s ease,transform .9s ease;transform:scale(.92); }
.sgx-v311-section:nth-of-type(3n+2){--sgx-section-aura:rgba(155,140,255,.15)}.sgx-v311-section:nth-of-type(3n+3){--sgx-section-aura:rgba(82,109,255,.15)}
[dir="rtl"] .sgx-v311-section::before { right:auto;left:calc(-11vw + var(--sgx-section-index,0)*2px); }
.sgx-v311-section.sgx-v311-inview::before { opacity:.5;transform:scale(1); }

/* Safe panel treatment. No transform on long text/proof/service rows. */
.sgx-v311-panel { position:relative;isolation:isolate;border-color:var(--v311-line)!important;background:linear-gradient(180deg,rgba(16,34,70,.82),rgba(9,24,51,.90))!important;box-shadow:0 14px 36px rgba(0,0,0,.15); }
.sgx-v311-panel::before { content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 34%,rgba(101,228,255,.055) 70%,rgba(155,140,255,.045)); }
.sgx-v311-panel>* { position:relative;z-index:1; }
.sgx-v311-panel:hover { border-color:rgba(101,228,255,.30)!important;box-shadow:0 20px 50px rgba(0,0,0,.20); }

/* 3D tilt only for compact visual/image panels, never text-heavy rows. */
.sgx-v311-tilt { --tx:0deg;--ty:0deg;--gx:50%;--gy:50%;transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--tx)) rotateY(var(--ty));transition:transform .22s ease,box-shadow .28s ease;will-change:transform; }
.sgx-v311-tilt::after { content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(340px circle at var(--gx) var(--gy),rgba(101,228,255,.14),transparent 44%);transition:opacity .24s ease; }
.sgx-v311-tilt:hover::after { opacity:1; }

.sgx-v311-media { position:relative;isolation:isolate;overflow:hidden; }
.sgx-v311-media::after { content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 36%,rgba(101,228,255,.07));mix-blend-mode:screen; }
.sgx-v311-media img { transform:scale(1.002);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .55s ease; }
.sgx-v311-media:hover img { transform:scale(1.022);filter:saturate(1.05) contrast(1.02); }

.sgx-v311-main .sgx-depth-kicker,.sgx-v311-main .sgx-depth-list strong,.sgx-v311-main .sgx-depth-process>li>span,.sgx-v311-main .sg-kicker,.sgx-v311-main .sg-card .sg-label { color:#65e4ff!important; }
.sgx-v311-main .sgx-depth-cta a,.sgx-v311-main .sg-submit { background:linear-gradient(135deg,#526dff,#65e4ff)!important;color:#071126!important;box-shadow:0 12px 32px rgba(82,109,255,.26); }

@keyframes v311-scroll { 0%{transform:translate(-50%,0);opacity:0}25%{opacity:1}70%{opacity:1}100%{transform:translate(-50%,16px);opacity:0} }

@media(max-width:1100px){
  .sgx-v311-hero{min-height:145svh}.sgx-v311-tilt{transform:none!important}.sgx-v311-brand{right:38vw}[dir="rtl"] .sgx-v311-brand{right:auto;left:38vw}
}
@media(max-width:820px){
  .sgx-v311-hero{min-height:132svh}.sgx-v311-search{width:126px;right:5vw;top:15vh}.sgx-v311-ai{width:120px;right:18vw;top:60vh}.sgx-v311-flow,.sgx-v311-brand{display:none}[dir="rtl"] .sgx-v311-search{right:auto;left:5vw}[dir="rtl"] .sgx-v311-ai{right:auto;left:18vw}
}
@media(max-width:640px){
  .sgx-v311-hero{min-height:124svh}.sgx-v311-hero>.sgx-v311-hero-rail{padding-top:88px;padding-bottom:34px}.sgx-v311-scroll-cue{display:none}.sgx-v311-search{width:102px;opacity:.82}.sgx-v311-ai{width:96px;opacity:.8}
}
@media(prefers-reduced-motion:reduce){
  .sgx-v311-scroll-cue{display:none}.sgx-v311-tilt,.sgx-v311-media img{transition:none!important;transform:none!important}
}