/* Navigation and theme controller shared by all MAGI IT pages */
.brand { overflow:visible; position:relative; }
.brand img { mix-blend-mode:normal; height:auto; }
.brand .brand-logo-light { display:none; }
.nav-desktop { gap:clamp(13px,1.55vw,27px); }
.nav-dropdown { position:relative; }
.nav-dropdown-trigger { display:flex;align-items:center;gap:6px;padding:10px 0;background:transparent;border:0;color:#e4ebff;font-family:inherit;font-size:13.5px;line-height:1.3;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .22s; }
.nav-dropdown-trigger .icon { width:13px;height:13px;transform:rotate(90deg);transition:transform .22s; }
.nav-dropdown-trigger:hover,.nav-dropdown-trigger.is-current,.nav-dropdown-trigger:focus-visible { color:#92c5ff; }
.nav-dropdown.is-open .nav-dropdown-trigger .icon { transform:rotate(-90deg); }
.nav-dropdown-menu { position:absolute;z-index:6;top:calc(100% + 12px);left:50%;width:230px;padding:9px;transform:translate(-50%,-9px);opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(145deg,rgba(7,20,55,.98),rgba(22,14,59,.98));border:1px solid rgba(111,151,255,.32);border-radius:17px;box-shadow:0 24px 54px rgba(1,4,16,.53),0 0 24px rgba(66,117,255,.12);transition:opacity .2s,transform .2s,visibility .2s; }
.nav-dropdown.is-open .nav-dropdown-menu { opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0); }
.nav-dropdown-menu::before {content:"";position:absolute;top:-16px;left:0;right:0;height:17px;}
.nav-dropdown-menu a { display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 15px;border-radius:10px;font-weight:700;font-size:13px;color:#e6eeff; }
.nav-dropdown-menu a:hover { background:rgba(37,92,220,.25); }
.nav-dropdown-menu a::after { display:none; }
.nav-dropdown-menu .icon { width:16px;height:16px;color:#7bd4ff; }
.theme-toggle { flex:none; width:42px;height:42px; }
.theme-toggle .theme-moon { display:none; }
.theme-toggle:focus-visible,.nav-dropdown-trigger:focus-visible { outline:2px solid #7ec9ff;outline-offset:3px; }
.nav-mobile-about { width:100%;border-bottom:1px solid #4768a029; }
.nav-mobile-about summary { list-style:none;cursor:pointer;padding:15px 5px;display:flex;justify-content:space-between;align-items:center;font-weight:700; }
.nav-mobile-about summary::-webkit-details-marker { display:none; }
.nav-mobile-about[open] summary span { transform:rotate(180deg); }
.nav-mobile-about a { display:block;padding:11px 23px 18px!important;color:#97c9ff; }
@media (max-width:1170px) and (min-width:801px) { .nav-desktop { gap:12px; }.nav-desktop a,.nav-dropdown-trigger {font-size:12px;} .header-inner {gap:14px;} .brand {width:154px;min-width:140px;} .header-cta {padding:10px 13px;} }
@media (max-width:800px) { .theme-toggle {width:38px;height:38px;} .nav-mobile {max-height:calc(100dvh - 72px);overflow:auto;} }

/* About page: full-bleed technology environment */
.about-main { overflow:hidden;background:#040b24; }
.about-intro { position:relative;isolation:isolate;min-height:810px;padding:176px 0 136px;background:radial-gradient(ellipse at 80% 35%,rgba(76,35,164,.42),transparent 42%),radial-gradient(circle at 15% 65%,rgba(4,81,211,.26),transparent 43%),#03091d;border-bottom:1px solid rgba(68,114,255,.24); }
.about-grid,.about-visual-grid {position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(102,154,255,.045) 1px,transparent 1px),linear-gradient(rgba(102,154,255,.045) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(180deg,transparent,#000 34%,transparent);}
.about-aura { position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 73% 53%,rgba(67,78,255,.15),transparent 36%); }
.about-intro-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.9fr);gap:clamp(30px,5vw,90px);align-items:center; }
.about-intro-copy { position:relative;z-index:2; }
.about-overline {font-size:11px;letter-spacing:.22em;color:#75b4f6;font-weight:800;margin:34px 0 16px;}
.about-intro h1 {font-size:clamp(51px,5.4vw,92px);line-height:1.045;letter-spacing:-.065em;margin:0 0 29px;max-width:13ch;font-weight:850;text-wrap:balance;}
.about-lede {color:#c6d8f3;font-size:clamp(16px,1.22vw,19px);line-height:1.75;max-width:55ch;}
.about-intro-actions { display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:33px; }
.about-identity-line {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:45px;font-size:11px;letter-spacing:.065em;color:#a7bde0;font-weight:650;}
.about-identity-line i {width:7px;height:7px;background:#3bdfff;border-radius:50%;box-shadow:0 0 14px #1f9fff;}
.about-identity-line span {color:#6382bc;}
.about-visual { position:relative;height:540px;min-width:0;border-radius:32px;isolation:isolate;display:grid;place-items:center;background:radial-gradient(ellipse at 52% 54%,rgba(53,68,184,.28),transparent 59%); }
.about-visual-grid {opacity:.4;}
.about-visual-ring {position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(71,163,255,.25);box-shadow:inset 0 0 25px rgba(76,80,253,.10),0 0 20px rgba(22,68,255,.07);transform:translate(-50%,-50%);pointer-events:none;}
.about-ring-one {width:280px;height:280px;}
.about-ring-two {width:410px;height:410px;border-style:dashed;border-color:rgba(131,94,254,.29);animation:aboutSpin 44s linear infinite;}
.about-ring-three {width:525px;height:525px;border-color:rgba(51,138,255,.15);}
.about-energy {position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;box-shadow:0 0 12px 4px rgba(48,198,255,.47),0 0 30px 7px rgba(121,97,255,.29);background:#9feeff;animation:aboutEnergyOrbit 12s linear infinite;}
.about-energy-two {animation-delay:-4s;background:#c991ff;}
.about-energy-three {animation-delay:-8s;background:#7ab9ff;}
@keyframes aboutSpin {to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes aboutEnergyOrbit {0%{transform:rotate(0) translateX(205px) rotate(0)}100%{transform:rotate(360deg) translateX(205px) rotate(-360deg)}}
.about-visual-center {position:relative;z-index:3;width:270px;height:234px;border:1px solid rgba(136,195,255,.44);border-radius:35px;background:linear-gradient(140deg,rgba(23,87,226,.36),rgba(69,45,167,.39) 55%,rgba(92,39,164,.30));box-shadow:inset 0 0 25px rgba(95,163,255,.21),0 0 66px rgba(41,105,255,.26),0 0 110px rgba(166,76,255,.19);display:grid;place-items:center;overflow:hidden;backdrop-filter:blur(13px);}
.about-visual-center::before {content:'';position:absolute;inset:16px;border:1px solid rgba(164,209,255,.19);border-radius:25px;}
.about-visual-center-glow {position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle,rgba(109,142,255,.26),transparent 70%);filter:blur(13px);}
.about-visual-center img {position:relative;width:80%;height:auto;object-fit:contain;filter:drop-shadow(0 0 16px rgba(108,144,255,.27));}
.about-orbit-label {position:absolute;z-index:4;padding:13px 19px;border-radius:12px;background:linear-gradient(120deg,rgba(10,37,87,.95),rgba(27,20,70,.93));border:1px solid rgba(99,160,255,.42);color:#deefff;font-size:11px;font-weight:820;letter-spacing:.12em;box-shadow:0 0 26px rgba(65,121,255,.17);}
.about-orbit-label--one {top:4%;left:13%;}
.about-orbit-label--two {right:0;top:38%;}
.about-orbit-label--three {bottom:8%;left:7%;}
.about-visual-signature {position:absolute;bottom:-8px;right:8px;font-size:10px;letter-spacing:.19em;color:#7ca8df;}
.about-scroll-cue {position:absolute;bottom:45px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.18em;color:#95b4e8;font-weight:770;display:flex;align-items:center;gap:13px;white-space:nowrap;}
.about-scroll-cue span {color:#39b8ff;font-size:21px;}
.about-experience {padding:120px 0 136px;background:radial-gradient(ellipse at 50% 90%,rgba(13,61,177,.22),transparent 57%),#030a21;}
.about-section-heading {max-width:1200px;margin:0 auto 55px;text-align:center;}
.about-section-heading .eyebrow {justify-content:center;}
.about-section-heading h2,.about-last h2 {font-size:clamp(42px,5vw,77px);line-height:1.07;letter-spacing:-.058em;margin:22px 0;}
.about-section-heading p {max-width:850px;margin:16px auto 0;color:#adbedf;font-size:17px;line-height:1.7;text-wrap:pretty;}
.about-console {border:1px solid rgba(94,141,255,.34);border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(9,28,71,.96),rgba(5,16,45,.95) 55%,rgba(26,15,63,.91));box-shadow:0 42px 88px rgba(0,3,17,.41),inset 0 0 55px rgba(37,92,255,.09);}
.about-console-tabs {display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(94,140,239,.23);}
.about-tab {background:rgba(5,20,54,.37);border:0;border-right:1px solid rgba(92,140,228,.23);text-align:left;padding:25px 30px;display:grid;gap:6px;color:#c7d8f7;cursor:pointer;position:relative;transition:background .23s;}
.about-tab:last-child {border-right:0;}
.about-tab::after {content:'';position:absolute;bottom:0;left:0;right:0;height:3px;transform:scaleX(0);background:linear-gradient(90deg,#04b6ff,#745fff,#bc42ff);transition:transform .3s;}
.about-tab:hover,.about-tab[aria-selected="true"] {background:linear-gradient(145deg,rgba(34,79,163,.37),rgba(71,39,138,.2));}
.about-tab[aria-selected="true"]::after {transform:scaleX(1);}
.about-tab:focus-visible {outline:2px solid #82cfff;outline-offset:-3px;}
.about-tab>span {font-size:11px;letter-spacing:.19em;color:#6ad3ff;font-weight:750;}
.about-tab strong {font-size:21px;color:#f4f9ff;}
.about-tab small {font-size:12px;color:#a5b9db;}
.about-console-body {display:grid;grid-template-columns:48% 52%;align-items:center;min-height:415px;}
.about-console-scene {height:100%;min-height:380px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(48,73,173,.23),transparent 65%);}
.about-console-scene::before {content:'';position:absolute;width:150%;height:1px;background:linear-gradient(90deg,transparent,#337efd,transparent);opacity:.25;transform:rotate(-27deg);box-shadow:0 0 18px 7px rgba(44,118,255,.15);}
.about-console-radar {width:270px;height:270px;border:1px solid rgba(92,149,255,.3);border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 55px rgba(23,79,217,.2),inset 0 0 50px rgba(18,79,187,.2);}
.about-console-radar::before,.about-console-radar::after {content:'';position:absolute;inset:43px;border:1px dashed rgba(116,137,255,.32);border-radius:50%;animation:aboutSpin 16s linear infinite;transform:rotate(0);}
.about-console-radar::after {inset:88px;animation-duration:24s;animation-direction:reverse;border-style:solid;border-color:rgba(88,207,255,.27);}
.about-radar-center {width:58px;height:58px;border-radius:18px;transform:rotate(45deg);background:linear-gradient(135deg,#087ff7,#9656fd);box-shadow:0 0 45px rgba(73,115,255,.58);}
.about-radar-ping {position:absolute;width:12px;height:12px;border-radius:50%;background:#8befff;box-shadow:0 0 14px 4px rgba(43,193,255,.4);}
.about-radar-ping.p1 {top:16%;left:15%;}
.about-radar-ping.p2 {bottom:14%;left:43%;background:#ac8aff;}
.about-radar-ping.p3 {top:44%;right:3%;background:#8aaeff;}
.about-console-visual-step {position:absolute;bottom:34px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#8cc5ff;font-size:10px;letter-spacing:.2em;font-weight:750;}
.about-console-readouts {padding:38px clamp(27px,4.3vw,75px) 43px 10px;}
.about-readout[hidden] {display:none!important;}
.about-readout {animation:aboutPanelIn .38s ease-out;}
@keyframes aboutPanelIn {from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.about-console-kicker {font-size:10px;letter-spacing:.2em;color:#59ceff;font-weight:800;}
.about-readout h3 {font-size:clamp(29px,2.9vw,44px);line-height:1.12;letter-spacing:-.045em;margin:18px 0;max-width:18ch;}
.about-readout p {font-size:16px;color:#baccdf;line-height:1.75;max-width:54ch;}
.about-dots {display:flex;gap:9px;flex-wrap:wrap;margin-top:25px;}
.about-dots span {border:1px solid rgba(105,156,255,.28);background:rgba(24,50,118,.42);color:#badbff;font-size:11px;letter-spacing:.04em;border-radius:999px;padding:9px 13px;}
.about-console-footer {padding:16px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid rgba(94,140,239,.23);color:#91afd9;font-size:10px;letter-spacing:.12em;}
.about-console-footer>span:first-child {display:flex;gap:12px;align-items:center;}
.about-last {padding:130px 0 145px;text-align:center;background:radial-gradient(ellipse at 50% 120%,rgba(104,65,222,.34),transparent 50%),#050b20;}
.about-last-inner {display:grid;justify-items:center;}
.about-last h2 {width:100%;max-width:1320px;font-size:clamp(50px,6.9vw,108px);line-height:1.06;text-wrap:balance;}
.about-last p {font-size:17px;line-height:1.8;color:#b8cce9;max-width:810px;margin:0 0 33px;text-wrap:pretty;}
@media (max-width:1100px) {.about-intro-layout {grid-template-columns:1fr;}.about-intro {padding:145px 0 120px;}.about-intro h1 {max-width:16ch;}.about-visual {max-width:680px;width:100%;margin-inline:auto;}}
@media (max-width:800px) {.about-intro {padding:137px 0 90px;}.about-intro h1 {font-size:clamp(44px,9vw,70px);}.about-lede {font-size:15px;}.about-visual {height:440px;}.about-ring-one {width:220px;height:220px;}.about-ring-two {width:322px;height:322px;}.about-ring-three {width:400px;height:400px;}.about-energy {animation-name:none;}.about-visual-center {width:220px;height:198px;}.about-visual-center img {width:82%;}.about-orbit-label {font-size:9px;padding:10px 12px;}.about-experience {padding:90px 0;}.about-console-body {grid-template-columns:1fr;}.about-console-scene {min-height:310px;}.about-console-readouts {padding:12px 29px 35px;}.about-last {padding:96px 0;}}
@media (max-width:570px) {.about-intro {padding:124px 0 90px;}.about-intro h1 {font-size:clamp(39px,11vw,57px);}.about-intro-actions .button {width:100%;}.about-identity-line {gap:7px;}.about-visual {height:325px;}.about-ring-one {width:178px;height:178px;}.about-ring-two {width:252px;height:252px;}.about-ring-three {width:302px;height:302px;}.about-visual-center {width:180px;height:162px;border-radius:22px;}.about-visual-center::before {inset:12px;border-radius:17px;}.about-orbit-label--one {top:0;left:2%;}.about-orbit-label--two {top:43%;right:-3%;}.about-orbit-label--three {bottom:0;left:-1%;}.about-visual-signature {bottom:-19px;}.about-scroll-cue {bottom:25px;}.about-section-heading h2,.about-last h2 {font-size:clamp(35px,9vw,50px);}.about-section-heading {margin-bottom:36px;}.about-last h2 {font-size:clamp(38px,10vw,54px);}.about-console-tabs {grid-template-columns:1fr;}.about-tab {padding:15px 21px;grid-template-columns:38px 1fr;align-items:center;gap:0 12px;}.about-tab small {grid-column:2;}.about-console-scene {min-height:250px;}.about-console-radar {width:198px;height:198px;}.about-console-radar::before {inset:30px;}.about-console-radar::after {inset:60px;}.about-console-footer {flex-wrap:wrap;}}

/* Footer brand variants */
.footer-brand .footer-logo-light {display:none;}
.footer-brand .footer-logo-dark {display:block;}
/* Light presentation: dark mode remains the exact default. */
:root[data-theme="light"] {color-scheme:light;--theme-ink:#13213d;}
:root[data-theme="light"] body {background:#f2f6ff;color:var(--theme-ink);}
:root[data-theme="light"] .brand-logo-dark {display:none;}
:root[data-theme="light"] .brand .brand-logo-light {display:block;}
:root[data-theme="light"] .theme-sun {display:none;}
:root[data-theme="light"] .theme-moon {display:block;}
:root[data-theme="light"] .site-header,:root[data-theme="light"] .site-header.scrolled {background:rgba(250,252,255,.96);border-color:#cadaee;box-shadow:0 3px 22px rgba(22,54,117,.07);}
:root[data-theme="light"] .nav-desktop a,:root[data-theme="light"] .nav-dropdown-trigger {color:#233a64;}
:root[data-theme="light"] .nav-desktop a:hover,:root[data-theme="light"] .nav-dropdown-trigger:hover {color:#006ced;}
:root[data-theme="light"] .nav-dropdown-menu {background:#fff;border-color:#c4d6f5;box-shadow:0 20px 42px #133e7529;}
:root[data-theme="light"] .nav-dropdown-menu a {color:#1e3765;}
:root[data-theme="light"] .nav-dropdown-menu a:hover {background:#eef5ff;}
:root[data-theme="light"] .icon-button {background:#edf4ff;border-color:#c4d8f9;color:#17417f;}
:root[data-theme="light"] .nav-mobile {background:#fff;color:#183664;border-color:#c6d8f4;box-shadow:0 15px 34px #1a39732c;}
:root[data-theme="light"] .nav-mobile a {color:#244977;}
:root[data-theme="light"] .nav-mobile-about {border-color:#dce8f9;}
:root[data-theme="light"] .nav-mobile-about a {color:#0758c4;}
/* Hero uses the original cinematic art in either theme. */
:root[data-theme="light"] .hero,:root[data-theme="light"] .hero * {color:inherit;}
:root[data-theme="light"] .hero {color:#fff;}
:root[data-theme="light"] .hero .hero-copy p {color:#e4ebfb;}
:root[data-theme="light"] .hero .button,:root[data-theme="light"] .hero .eyebrow,:root[data-theme="light"] .hero .holo-panel {color:#fff;}
:root[data-theme="light"] .solutions {background:#edf4ff;color:#162b50;}
:root[data-theme="light"] .space-background {opacity:.11;}
:root[data-theme="light"] .planet-horizon {opacity:.27;}
:root[data-theme="light"] .solutions-header>p,:root[data-theme="light"] .solutions-notice {color:#3f5781;}
:root[data-theme="light"] .solution-card {background:linear-gradient(155deg,rgba(255,255,255,.97),rgba(235,244,255,.98));border-color:#b5cefa;color:#1c3051;box-shadow:0 16px 38px rgba(29,72,144,.12);}
:root[data-theme="light"] .card-body>span,:root[data-theme="light"] .card-bottom {color:#415a82;}
:root[data-theme="light"] .card-index {color:#4271ad;}
:root[data-theme="light"] .manifesto {background:linear-gradient(130deg,#f7faff,#eaf2ff 60%,#f2ebff);color:#12213c;}
:root[data-theme="light"] .manifesto-body p {color:#475e80;}
:root[data-theme="light"] .manifesto-pillar {background:#fff;border-color:#c2d3f4;color:#14284b;}
:root[data-theme="light"] .manifesto-pillar small {color:#476085;}
:root[data-theme="light"] .clients {background:linear-gradient(160deg,#f6faff,#e7f0ff);color:#142341;}
:root[data-theme="light"] .clients-header p {color:#456181;}
:root[data-theme="light"] .clients-rail-frame {background:linear-gradient(130deg,#e5efff,#e9edfc);border-color:#bdd3fb;}
:root[data-theme="light"] .clients-legend {color:#496388;}
:root[data-theme="light"] .clients-marquee::before {background:linear-gradient(90deg,#e7f0ff,transparent);}
:root[data-theme="light"] .clients-marquee::after {background:linear-gradient(270deg,#e9edfc,transparent);}
:root[data-theme="light"] .contact-home {background:linear-gradient(135deg,#ecf4ff,#e9eafe);color:#142646;}
:root[data-theme="light"] .contact-home-copy p {color:#465e80;}
:root[data-theme="light"] .footer {background:linear-gradient(140deg,#e9f1ff,#f7faff);color:#142442;border-color:#cadbfa;}
:root[data-theme="light"] .footer-brand p,:root[data-theme="light"] .footer-column a,:root[data-theme="light"] .footer-bottom {color:#506586;}
:root[data-theme="light"] .footer-title {color:#143b7a;}
:root[data-theme="light"] .footer-brand .footer-logo-dark {display:none;}
:root[data-theme="light"] .footer-brand .footer-logo-light {display:block;}
:root[data-theme="light"] .footer-badges span {background:#e3eeff;border-color:#c2d5f5;color:#284e86;}
:root[data-theme="light"] .eyebrow {color:#31588d;}
:root[data-theme="light"] .contact-page-hero {background:linear-gradient(155deg,#f8fbff,#eaf3ff);color:#142442;}
:root[data-theme="light"] .contact-page-copy p {color:#466080;}
:root[data-theme="light"] .contact-page-tags span {background:#fff;border-color:#c5d5ee;color:#355682;}
:root[data-theme="light"] .contact-orbit-panel span {color:#f3f7ff;}
:root[data-theme="light"] .contact-form-section {background:linear-gradient(160deg,#eff6ff,#e9f0ff);color:#172b4c;}
:root[data-theme="light"] .contact-form-shell {background:#fff;border-color:#c0d4f1;box-shadow:0 22px 65px #25559b1b;}
:root[data-theme="light"] .contact-form-shell>p,:root[data-theme="light"] .contact-field>span,:root[data-theme="light"] .contact-form-actions small {color:#4b6387;}
:root[data-theme="light"] .contact-field input,:root[data-theme="light"] .contact-field textarea,:root[data-theme="light"] .contact-field select {background:#f3f7ff;border-color:#bbd0ee;color:#18335d;}
:root[data-theme="light"] .contact-field input::placeholder,:root[data-theme="light"] .contact-field textarea::placeholder {color:#6680a4;}
:root[data-theme="light"] .contact-field option {background:#fff;color:#17355b;}
:root[data-theme="light"] .field-hint {color:#526e95;}
:root[data-theme="light"] .contact-side-panel {background:#f8fbff;border-color:#c5d7f0;}
:root[data-theme="light"] .journey-flip-face {background:linear-gradient(140deg,#0a1d4a,#101b4a);color:#f3f7ff;}
:root[data-theme="light"] .contact-side-panel--journey .contact-kicker {color:#315f9d;}
:root[data-theme="light"] .contact-form-feedback:not(:empty) {color:#123d75;background:#eef6ff;}
:root[data-theme="light"] .about-main {background:#edf4ff;color:#152849;}
:root[data-theme="light"] .about-intro {background:radial-gradient(circle at 80% 45%,rgba(137,105,238,.2),transparent 45%),#f7faff;}
:root[data-theme="light"] .about-intro .eyebrow,:root[data-theme="light"] .about-overline {color:#31598f;}
:root[data-theme="light"] .about-lede,:root[data-theme="light"] .about-identity-line {color:#475f85;}
:root[data-theme="light"] .about-visual {background:radial-gradient(ellipse at center,#dce9ff,transparent 72%);}
:root[data-theme="light"] .about-orbit-label {color:#f0f6ff;}
:root[data-theme="light"] .about-experience {background:#f0f6ff;}
:root[data-theme="light"] .about-section-heading p {color:#4e668a;}
:root[data-theme="light"] .about-console {background:#fff;border-color:#b8cef1;box-shadow:0 24px 56px #22599c1d;}
:root[data-theme="light"] .about-console-tabs {border-color:#c3d5f1;}
:root[data-theme="light"] .about-tab {background:#f6faff;border-color:#c8d9f4;color:#375784;}
:root[data-theme="light"] .about-tab[aria-selected="true"],:root[data-theme="light"] .about-tab:hover {background:#e7f0ff;}
:root[data-theme="light"] .about-tab strong {color:#1a3762;}
:root[data-theme="light"] .about-tab small {color:#526e9b;}
:root[data-theme="light"] .about-console-scene {background:#ecf3ff;}
:root[data-theme="light"] .about-readout h3 {color:#143162;}
:root[data-theme="light"] .about-readout p {color:#51678b;}
:root[data-theme="light"] .about-dots span {background:#eaf2ff;color:#2b5e9e;border-color:#c3d5f1;}
:root[data-theme="light"] .about-console-footer {color:#516c91;border-color:#c9d7ed;}
:root[data-theme="light"] .about-last {background:linear-gradient(160deg,#e8f2ff,#f3efff);}
:root[data-theme="light"] .about-last p {color:#4b6287;}
@media (prefers-reduced-motion:reduce) {.about-visual-ring,.about-energy,.about-console-radar::before,.about-console-radar::after {animation:none!important;}.about-readout {animation:none;}}
@media (min-width:801px) and (max-width:1060px) {
  .nav-desktop,.header-cta {display:none;}
  .mobile-menu-button {display:grid;}
  .nav-mobile {position:absolute;display:flex;flex-direction:column;gap:0;left:0;right:0;top:81px;padding:7px 32px 20px;background:rgba(3,9,30,.98);border-bottom:1px solid #375bba;box-shadow:0 17px 50px #000b;opacity:0;visibility:hidden;transform:translateY(-12px);pointer-events:none;transition:opacity .2s,visibility .2s,transform .2s;}
  .nav-mobile.open {opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
  .nav-mobile a {padding:15px 5px;font-weight:700;border-bottom:1px solid #4768a029;}
  :root[data-theme="light"] .nav-mobile {background:#fff;border-color:#c6d8f4;box-shadow:0 15px 34px #1a39732c;}
}

:root[data-theme="light"] .about-intro .button-outline {background:rgba(255,255,255,.86);color:#18417c;border-color:#adbbf6;box-shadow:0 4px 20px rgba(82,108,183,.13);}
:root[data-theme="light"] .about-intro .button-outline:hover {background:#fff;box-shadow:0 10px 32px rgba(42,90,167,.17);}
:root[data-theme="light"] .about-scroll-cue {color:#5077aa;}

/* Footer social links: shared across the four pages, dark/light responsive. */
.footer-social {display:flex;flex-wrap:wrap;gap:12px;margin-top:13px;}
.footer-social-link {display:inline-flex;align-items:center;justify-content:center;gap:0;width:48px;height:48px;padding:7px;border:1px solid rgba(99,153,255,.25);border-radius:14px;background:rgba(28,53,116,.24);color:#e3efff;text-decoration:none;font-size:13px;font-weight:650;transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease;}
.footer-column .footer-social-link {color:#e3efff;}
.footer-social-link:hover {transform:translateY(-3px);background:rgba(45,75,155,.42);border-color:rgba(113,201,255,.75);box-shadow:0 0 22px rgba(38,130,255,.17);}
.footer-social-link:focus-visible {outline:2px solid #76ceff;outline-offset:3px;}
.footer-social-icon {flex:none;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#087dff,#9951ef);color:white;}
.footer-social-icon--linkedin {font-size:16px;font-weight:850;letter-spacing:-.07em;line-height:1;}
.footer-social-icon--instagram svg {width:18px;height:18px;display:block;}
:root[data-theme="light"] .footer-column .footer-social-link {color:#1f477d;background:#fff;border-color:#c3d4f2;}
:root[data-theme="light"] .footer-column .footer-social-link:hover {color:#154d9b;background:#eaf2ff;border-color:#8ab6fb;}
@media (max-width:570px) {.footer-social {gap:9px;}.footer-social-link {width:46px;height:46px;flex:0 0 46px;}}