/* Dynamonk Studio v2.0 — visual DNA retained from the user's approved 2026 HTML.
   Near-black, signal orange, atmospheric blue, micro-grids and restrained glass.
   WCAG targets designed around solid surfaces, avoiding ambiguous transparency behind copy. */
:root {
  color-scheme:dark;
  --bg:#080A0E; --surface:#11151C; --surface-alt:#1B2028;
  --text:#F4F6F9; --muted:#C3CAD4; --border:#929AA8; --line:#303B47;
  --accent:#FF951F; --accent-hover:#FFAD4E; --accent-text:#15100B;
  --link:#FFAA47; --focus:#FFD36B;
  --hero:#090A0F; --hero-text:#FFFDF8; --hero-muted:#D4D8E1;
  --hero-outline:#667481; --hero-highlight:#FFAB4F;
  --shadow:0 22px 62px rgba(0,0,0,.22); --radius:20px;
  --rgb-orb:rgba(255,113,22,.17);
}
:root[data-theme="soft"] {
  color-scheme:dark;
  --bg:#1D2229; --surface:#2A303A; --surface-alt:#323945;
  --text:#F4F2ED; --muted:#E0DFDD; --border:#ABB0B7; --line:#69717B;
  --accent:#F7B369; --accent-hover:#FFD094; --accent-text:#25190B;
  --link:#FFD098; --focus:#FFE49E;
  --hero:#232831; --hero-text:#FEF9F1; --hero-muted:#F0E9E0;
  --hero-outline:#ABB0B7; --hero-highlight:#FFCE8A;
}
:root[data-theme="mono"] {
  color-scheme:dark;
  --bg:#090909; --surface:#181818; --surface-alt:#252525;
  --text:#F8F8F8; --muted:#DDD; --border:#ABABAB; --line:#565656;
  --accent:#F3F3F3; --accent-hover:#DADADA; --accent-text:#131313;
  --link:#F0F0F0; --focus:#FFF;
  --hero:#090909; --hero-text:#FFF; --hero-muted:#E5E5E5;
  --hero-outline:#AAA; --hero-highlight:#F5F5F5;
}
:root[data-theme="contrast"] {
  color-scheme:dark;
  --bg:#000; --surface:#050505; --surface-alt:#151515;
  --text:#FFF; --muted:#FFF; --border:#FFF; --line:#FFF;
  --accent:#FFE46A; --accent-hover:#FFF2A7; --accent-text:#000;
  --link:#FFE46A; --focus:#FFB000;
  --hero:#000; --hero-text:#FFF; --hero-muted:#FFF;
  --hero-outline:#FFF; --hero-highlight:#FFE46A; --shadow:none;
}
:root[data-theme="mono"],:root[data-theme="contrast"]{--rgb-orb:rgba(255,255,255,.065)}
html{scroll-padding-top:100px}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);background-image:radial-gradient(ellipse 50% 35% at 4% 18%, var(--rgb-orb), transparent 73%),radial-gradient(ellipse 42% 42% at 96% 11%,rgba(50,103,191,.105),transparent 76%);background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.020) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.020) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;z-index:-1}
:root[data-theme="mono"] body,:root[data-theme="contrast"] body{background-image:none}
:root[data-theme="contrast"] body::before{display:none}
::selection{background:var(--accent);color:var(--accent-text)}
h1,h2,h3,h4,.display,.brand-word,.footer-brand{font-family:Outfit,Inter,Arial,sans-serif}
h1,h2,h3,h4{font-weight:650;letter-spacing:-.039em}
.container{width:min(1240px,calc(100% - 80px))}
.display{font-weight:800;letter-spacing:-.066em}
.kicker{font-family:"Courier New",monospace;color:var(--accent);font-size:.79rem;letter-spacing:.14em;font-weight:700}
.kicker::before{content:"//";display:inline;width:auto;height:auto;background:none;margin-right:2px}
.btn{border-radius:9px;box-shadow:none;letter-spacing:-.005em}
.btn:hover{box-shadow:0 9px 25px rgba(255,137,35,.16)}
.btn-light{color:#15100B!important;background:#FFAE54;border-color:#FFAE54}
.btn-light:hover{color:#15100B!important;background:#FFD29A;border-color:#FFD29A}
:root[data-theme="mono"] .btn-light,:root[data-theme="contrast"] .btn-light{background:var(--hero-highlight);border-color:var(--hero-highlight);color:#090909!important}
.btn-outline:hover{background:var(--surface-alt)}
.site-header{background:rgba(8,10,14,.88);border-bottom:1px solid #26303c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:box-shadow .2s,border-color .2s}
.site-header.is-scrolled{box-shadow:0 16px 34px rgba(0,0,0,.3);border-color:#495665}
:root[data-theme="soft"] .site-header{background:rgba(29,34,41,.96)}
:root[data-theme="mono"] .site-header{background:#090909}
:root[data-theme="contrast"] .site-header{background:#000;border-color:#fff}
.site-header-inner{min-height:89px}
.brand{gap:12px}
.brand-mark{background:transparent;border:1px solid var(--line);border-radius:12px;box-shadow:none;width:48px;height:48px;position:relative;color:var(--accent);overflow:hidden}
.approved-logo{width:100%;height:100%;object-fit:contain;padding:5px;filter:brightness(0) invert(1)}
.brand-mark-fallback{display:none;font-family:Outfit,Arial,sans-serif;font-size:1.3rem;font-weight:900;color:var(--hero-highlight)}
.brand-mark.needs-fallback .brand-mark-fallback{display:inline}
.logo-unavailable{display:none!important}
.brand-word{font-size:1.55rem;font-weight:900;letter-spacing:-.065em;line-height:1}
.brand-sub{font-size:.58rem;letter-spacing:.30em;margin-top:5px;color:var(--accent)}
.desktop-nav{gap:clamp(13px,1.4vw,22px)}
.desktop-nav a:not(.btn){color:var(--muted);font-weight:600;font-size:.86rem}
.desktop-nav a:not(.btn):hover{color:var(--accent)}
.desktop-nav a[aria-current="page"]{color:var(--text);text-decoration-color:var(--accent)}
.icon-button{background:var(--surface);color:var(--text);border-color:var(--line);border-radius:10px}
.page-hero{background:linear-gradient(180deg,rgba(255,122,0,.075),transparent 85%);border-color:var(--line)}
.page-hero h1{font-weight:800;max-width:1100px}
.page-hero .lead{color:var(--muted)}
.section{padding:clamp(83px,10vw,135px) 0}
.section-alt{background:linear-gradient(90deg,rgba(255,130,30,.03),rgba(65,91,155,.045));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head h2{font-weight:800;letter-spacing:-.048em}
.card{background:linear-gradient(160deg,var(--surface),var(--surface-alt));border:1px solid var(--line);border-radius:17px;box-shadow:0 14px 45px rgba(0,0,0,.12)}
.card-link{position:relative;overflow:hidden}
.card-link::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .32s ease}
.card-link:hover::before{transform:scaleX(1)}
.card-link:hover{box-shadow:0 21px 65px rgba(0,0,0,.23);border-color:var(--accent)}
.card h3{font-weight:700;letter-spacing:-.03em}
.card-num{font-family:"Courier New",monospace;color:var(--accent)}
.card-link .inline-link{color:var(--link)}
.card-icon{color:var(--accent)}
.rule-list li{border-color:var(--line)}
.home-hero{padding:30px 0 74px}
.hero-panel{border:1px solid #323844;background:radial-gradient(ellipse 48% 55% at 94% 75%,rgba(21,64,146,.21),transparent 78%),radial-gradient(ellipse 51% 75% at -5% 3%,rgba(255,115,0,.15),transparent 80%),var(--hero);padding:clamp(54px,7vw,98px) clamp(37px,5.5vw,80px);border-radius:21px;min-height:657px}
:root[data-theme="mono"] .hero-panel,:root[data-theme="contrast"] .hero-panel{background:var(--hero);border-color:var(--hero-outline)}
.hero-panel::before{background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent 10%,black 100%)}
.hero-glow{top:-135px;right:-140px;width:550px;height:550px;opacity:.7;box-shadow:0 0 0 55px rgba(249,121,26,.035),0 0 0 110px rgba(249,121,26,.025),0 0 0 175px rgba(249,121,26,.018)}
:root[data-theme="mono"] .hero-glow,:root[data-theme="contrast"] .hero-glow{opacity:0}
.hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:50px}
.hero-kicker{font-family:"Courier New",monospace;font-size:.72rem;color:var(--hero-highlight);letter-spacing:.07em;background:rgba(255,138,35,.095);border:1px solid #9B632D;border-radius:100px;padding:10px 16px;max-width:100%}
:root[data-theme="mono"] .hero-kicker,:root[data-theme="contrast"] .hero-kicker{background:transparent;border-color:var(--hero-outline)}
.hero-copy .display{font-size:clamp(3.25rem,5.5vw,5.6rem);line-height:1.045}
.hero-copy .display em{color:var(--hero-highlight)}
.hero-copy p{font-size:1.075rem;line-height:1.8;max-width:580px}
.hero-trust{border-color:#536071;color:var(--hero-muted);font-family:"Courier New",monospace;font-size:.74rem}
.hero-trust span+span::before{color:var(--hero-highlight)}
.hero-viz{min-height:480px;perspective:1300px}
.viz-window{background:#10151e;color:#f9fbff;border:1px solid #748397;border-radius:15px;box-shadow:0 38px 90px rgba(0,0,0,.64),0 0 0 14px rgba(255,255,255,.022);transform:rotate(-2.3deg)}
.viz-topbar{background:#1D2633;border-color:#394859;color:#cbd6e4;font-family:"Courier New",monospace}
.viz-dots i{background:#FF9743}
.viz-content{padding:31px}
.viz-tag{color:#FFB560;letter-spacing:.12em;font-family:"Courier New",monospace}
.viz-content h2{font-size:1.8rem;color:#fff}
.viz-desc{color:#d3dce8}
.viz-choice{border-color:#72839A;color:#ecf3fa;background:#161f2b}
.viz-choice:nth-child(2){background:#2D251E;outline:3px solid #FFAA4C;color:#fff}
.viz-footer{border-color:#4b596b;color:#e5edf8}
.viz-meter{background:#3c4653}.viz-meter span{background:#FFAA4D}
.viz-stamp{border-color:#FFB65E;background:#24190F;color:#FFE4BD;box-shadow:0 18px 45px rgba(0,0,0,.5)}
:root[data-theme="mono"] .viz-window,:root[data-theme="contrast"] .viz-window{filter:grayscale(1)}
:root[data-theme="contrast"] .viz-window{border:3px solid #fff}
:root[data-theme="mono"] .viz-stamp,:root[data-theme="contrast"] .viz-stamp{background:#0a0a0a;color:#fff;border-color:#fff}
.mission-band{border-color:var(--line)}
.brand-quote{border-color:var(--accent)}
.cta-panel{border:1px solid #694623;background:radial-gradient(ellipse at 92% 15%,rgba(255,115,0,.15),transparent 58%),var(--hero);border-radius:18px}
:root[data-theme="mono"] .cta-panel,:root[data-theme="contrast"] .cta-panel{background:var(--hero);border-color:var(--hero-outline)}
.cta-panel .kicker{color:var(--hero-highlight)}
.cta-panel h2{font-weight:800}
.site-footer{background:#050608;border-top:1px solid #48494e}
:root[data-theme="soft"] .site-footer{background:#20252c}
:root[data-theme="mono"] .site-footer,:root[data-theme="contrast"] .site-footer{background:#000;border-color:var(--hero-outline)}
.site-footer h2{color:var(--hero-highlight)}
.footer-brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.85rem;color:var(--hero-text)}
.footer-approved-logo{height:30px;width:30px;object-fit:contain;filter:brightness(0) invert(1)}
.footer-studio{color:var(--hero-highlight);margin-top:5px}
.footer-bottom{border-color:#66717b}
.lab-choice{border-color:var(--border)}
.lab-choice[aria-pressed="true"]{color:var(--accent-text)}
.lab-demo,.lab-caption,.interaction-box{box-shadow:none}
.lab-art{background:#EDF2F6;color:#14222A;border-color:#8a98a7}
.lab-art .pretend-course,.lab-art .pretend-title,.lab-art .pretend-description{color:#173042}
.lab-art .pretend-button{background:#133B50;color:#fff;border-color:#133B50}
.lab-art .focus-ring-preview{background:#fff;color:#14212b;border-color:#AE5310}
.lab-art .fake-input{background:#fff;color:#253441;border-color:#49657f}
.lab-art .hint{color:#2D4F66}
.lab-art .pretend-progress{background:#B9CAD8}.lab-art .pretend-progress span{background:#235e87}
.lab-tag{background:#f2f4f8;color:#1D3A50;border-color:#627b90}
.lab-art.is-barrier{background:#f5f5f5}
.lab-art.is-barrier .pretend-title{color:#adb0ab}
.lab-art.is-barrier .pretend-description{color:#b4b8b4}
.lab-art.is-barrier .pretend-button{background:#dedede;color:#b2b2b2;border-color:#dfdfdf}
.lab-art.is-barrier .fake-input{color:#b0b0b0;border-color:#ddd}
.lab-art.is-barrier .hint{color:#aaa}
.lab-art.is-barrier .pretend-progress span{background:#ddd}
/* Preserve accessibility demo's intentionally low contrast ONLY inside .lab-art.is-barrier. */
dialog{background:var(--surface);color:var(--text);border:2px solid var(--border)}
dialog::backdrop{background:rgba(0,0,0,.85)}
.theme-option{border-color:var(--border)}
.theme-option[aria-pressed="true"]{border-color:var(--accent);background:var(--surface-alt)}
.field input,.field select,.field textarea{color:var(--text);background:var(--surface)}
.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:1}
:root[data-theme="contrast"] .card,:root[data-theme="contrast"] .lab-demo,:root[data-theme="contrast"] .lab-caption,:root[data-theme="contrast"] .contact-form{border-color:#fff}
:root[data-theme="contrast"] .hero-kicker{color:var(--hero-highlight)}
:root[data-theme="contrast"] .hero-trust{border-color:#fff}
:root[data-theme="contrast"] .site-header.is-scrolled{border-color:#fff}
:root[data-theme="soft"] .hero-panel{border-color:#AAB0BA}
/* More deliberate and calm animations; reduced motion respected by the foundation stylesheet. */
@media(prefers-reduced-motion:no-preference){
:root:not([data-motion="reduce"]) .site-header{transition:background-color .25s ease,border-color .25s ease}
:root:not([data-motion="reduce"]) .card-link:hover{transform:translateY(-7px)}
:root:not([data-motion="reduce"]) .hero-glow{animation:soft-breathe 19s ease-in-out infinite alternate}
:root:not([data-motion="reduce"]) .viz-window{animation:heritage-hover 9s ease-in-out infinite alternate}
}
@keyframes heritage-hover{0%{transform:rotate(-2.4deg) translateY(0)}100%{transform:rotate(-1.1deg) translateY(-12px)}}
@media(max-width:1120px){.hero-inner{grid-template-columns:1fr 0.85fr;gap:22px}.hero-copy .display{font-size:clamp(3rem,5.2vw,4.5rem)}}
@media(max-width:925px){.container{width:min(100% - 48px,1240px)}.hero-inner{grid-template-columns:1fr}.hero-viz{display:grid;min-height:340px;max-width:540px;margin-inline:auto;width:100%}.hero-panel{padding:55px 40px}.hero-copy .display{font-size:clamp(3.15rem,7.5vw,5rem)}.hero-trust{margin-top:39px}}
@media(max-width:700px){.container{width:min(100% - 32px,1240px)}.site-header-inner{min-height:74px}.brand-mark{height:44px;width:44px}.brand-word{font-size:1.45rem}.hero-panel{padding:48px 23px}.hero-copy .display{font-size:clamp(2.7rem,11vw,4.3rem)}.hero-viz{min-height:260px;margin-top:30px}.viz-window{max-width:400px}.viz-content{padding:21px}.viz-stamp{right:0;bottom:4px}.hero-trust{font-size:.71rem;gap:7px}.hero-trust span+span::before{margin-right:8px}.page-hero{padding:75px 0}}
@media(max-width:420px){.hero-copy .display{font-size:2.72rem}.hero-kicker{font-size:.65rem;padding:9px 11px}.hero-viz{display:none}}

/* Approved heritage monk silhouette subtly returns to the home hero. */
.hero-approved-logo{position:absolute;width:178px;height:178px;right:6.2%;top:7%;object-fit:contain;filter:brightness(0) invert(1);opacity:.15;pointer-events:none;z-index:-1}
:root[data-theme="contrast"] .hero-approved-logo{opacity:.1}
@media(max-width:925px){.hero-approved-logo{width:118px;height:118px;right:6%;top:6%}}
@media(max-width:700px){.hero-approved-logo{width:88px;height:88px;right:1%;top:8%}}

/* Navigation is collapsed slightly earlier to keep links from overlapping at laptop widths. */
@media(max-width:1080px){
  .desktop-nav,.header-actions>.btn{display:none}
  .mobile-menu-toggle{display:inline-flex}
  .mobile-nav{display:block;border-top:1px solid var(--line);padding:0 24px 21px}
  .mobile-nav[hidden]{display:none}
  .mobile-nav a{display:block;padding:12px 5px;color:var(--text);text-decoration:none;font-weight:700}
  .mobile-nav .btn{margin-top:12px;color:var(--accent-text)!important}
}
.hero-approved-logo{z-index:0}
.hero-inner{position:relative;z-index:1}


/* === Dynamonk Studio v3.0 — futuristic landing experience with motion safeguards === */
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:160;pointer-events:none;background:transparent}
.scroll-progress span{display:block;height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),#6ab4ff,var(--accent));box-shadow:0 0 18px rgba(255,149,31,.55)}
.section-slim{padding:34px 0 24px}
.futuristic-hero{padding:26px 0 56px}
.hero-panel-future{min-height:calc(100vh - 132px);display:flex;flex-direction:column;justify-content:center;padding-top:84px;padding-bottom:52px;position:relative;overflow:hidden}
.hero-grid-lines,.hero-noise{position:absolute;inset:0;pointer-events:none}
.hero-grid-lines{background-image:linear-gradient(rgba(255,255,255,.040) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.040) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.35) 75%,transparent)}
.hero-noise{opacity:.15;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08) 0,transparent 55%)}
.future-hero-inner{grid-template-columns:minmax(0,.92fr) minmax(320px,.88fr);align-items:center;gap:60px}
.future-copy{max-width:640px}
.hero-summary{max-width:54ch}
.hero-mininote{margin-top:30px;color:var(--hero-muted);font-family:"Courier New",monospace;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;opacity:.92}
.hero-logo-stage{position:relative;display:grid;place-items:center;min-height:520px}
.logo-atmosphere{position:relative;display:grid;place-items:center;width:min(74vw,560px);aspect-ratio:1/1;isolation:isolate}
.hero-logo-flight{width:min(78%,410px);height:auto;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 18px rgba(255,170,79,.28)) drop-shadow(0 0 40px rgba(70,135,255,.14));position:relative;z-index:3;transform:translate3d(0,0,0)}
.atmosphere-ring,.atmosphere-line,.hero-orb{position:absolute;pointer-events:none}
.atmosphere-ring{border-radius:999px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 24px rgba(255,149,31,.07)}
.ring-one{width:100%;height:100%}
.ring-two{width:78%;height:78%;border-color:rgba(255,164,89,.28)}
.ring-three{width:48%;height:48%;border-color:rgba(98,161,255,.24)}
.atmosphere-line{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}
.line-one{width:72%;left:-6%;top:35%;transform:rotate(-8deg)}
.line-two{width:86%;right:-10%;top:62%;transform:rotate(11deg)}
.line-three{width:62%;left:18%;top:84%;transform:rotate(-14deg)}
.hero-orb{border-radius:50%;filter:blur(10px);opacity:.7}
.hero-orb-a{width:420px;height:420px;right:-120px;top:-80px;background:radial-gradient(circle,rgba(255,136,34,.17) 0,rgba(255,136,34,.03) 58%,transparent 72%)}
.hero-orb-b{width:320px;height:320px;left:-100px;bottom:-70px;background:radial-gradient(circle,rgba(74,123,255,.15) 0,rgba(74,123,255,.02) 58%,transparent 74%)}
.logo-stage-caption{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:18px;flex-wrap:wrap;justify-content:center;color:var(--hero-muted);font-family:"Courier New",monospace;font-size:.73rem;letter-spacing:.11em;text-transform:uppercase}
.hero-scroll-cue{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--hero-muted);font-family:"Courier New",monospace;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.11);padding-top:22px}
.scroll-arrow{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:999px;position:relative}
.scroll-arrow::before{content:"";width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-1px);display:block}
.signal-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(255,149,31,.05),rgba(79,128,248,.045))}
.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.signal-grid > div{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.signal-label{display:block;color:var(--accent);font-family:"Courier New",monospace;font-size:.72rem;letter-spacing:.14em;margin-bottom:6px}
.signal-grid strong{font-size:.98rem;font-weight:700}
.story-shell{display:grid;gap:34px}.story-grid .story-card{position:relative;overflow:hidden}.story-grid .story-card::after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.45}
.future-services .card{min-height:250px}
.services-stage .card-link{background:linear-gradient(160deg,rgba(255,255,255,.028),rgba(255,255,255,.015));backdrop-filter:blur(10px)}
.lab-stage{position:relative}
.lab-promo-shell{align-items:stretch}
.lab-preview-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(15,20,29,.94),rgba(21,28,39,.92));box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden;min-height:420px}
.lab-preview-topbar,.lab-preview-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-family:"Courier New",monospace;font-size:.76rem;color:#d8e0ec;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.08)}
.lab-preview-footer{border-bottom:none;border-top:1px solid rgba(255,255,255,.08);color:#cbd6e4}
.lab-preview-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px}
.lab-state{border-radius:15px;padding:22px;display:flex;flex-direction:column;gap:16px;justify-content:space-between;min-height:260px}
.lab-state.before{background:#f0f0f0;color:#9da0a5}
.lab-state.after{background:#eff7f0;color:#143324;border:2px solid #406954}
.lab-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.73rem;font-weight:800;letter-spacing:.08em;background:rgba(0,0,0,.08);width:max-content}
.lab-state.after .lab-chip{background:#173c2a;color:#fff}
.lab-mock-button{border:none;border-radius:10px;padding:12px 16px;font-weight:700;background:#d9d9d9;color:#9fa3a7;width:max-content}
.lab-mock-button.good{background:#1d593d;color:#fff}
/* Section lift + cinematic transition */
.cinematic-section,.story-shell,.future-services .card,.lab-preview-card,.signal-grid > div{will-change:transform,opacity}
html:not([data-motion="reduce"]) body[data-enhanced-motion="true"] .hero-logo-stage{transform-style:preserve-3d}
@media(prefers-reduced-motion:no-preference){
:root:not([data-motion="reduce"]) .hero-logo-flight{animation:air-glide 11s ease-in-out infinite alternate}
:root:not([data-motion="reduce"]) .ring-one{animation:spin-slow 24s linear infinite}
:root:not([data-motion="reduce"]) .ring-two{animation:spin-slow-rev 20s linear infinite}
:root:not([data-motion="reduce"]) .ring-three{animation:soft-breathe 9s ease-in-out infinite alternate}
:root:not([data-motion="reduce"]) .line-one,:root:not([data-motion="reduce"]) .line-three{animation:flow-line 7s ease-in-out infinite alternate}
:root:not([data-motion="reduce"]) .line-two{animation:flow-line 9s ease-in-out infinite alternate-reverse}
:root:not([data-motion="reduce"]) .hero-scroll-cue .scroll-arrow{animation:cue-bob 2.6s ease-in-out infinite}
:root:not([data-motion="reduce"]) .signal-grid > div,:root:not([data-motion="reduce"]) .story-card,:root:not([data-motion="reduce"]) .lab-preview-card{transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,border-color .25s ease}
:root:not([data-motion="reduce"]) .signal-grid > div:hover,:root:not([data-motion="reduce"]) .story-card:hover,:root:not([data-motion="reduce"]) .lab-preview-card:hover{transform:translateY(-6px);box-shadow:0 20px 56px rgba(0,0,0,.23)}
}
@keyframes air-glide{0%{transform:translate3d(-10px,6px,0) rotate(-4deg)}50%{transform:translate3d(10px,-14px,0) rotate(0deg)}100%{transform:translate3d(-4px,-2px,0) rotate(3deg)}}
@keyframes spin-slow{to{transform:rotate(360deg)}}
@keyframes spin-slow-rev{to{transform:rotate(-360deg)}}
@keyframes flow-line{from{opacity:.35;transform:translateX(-8px)}to{opacity:.92;transform:translateX(8px)}}
@keyframes cue-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media(max-width:980px){.future-hero-inner{grid-template-columns:1fr;gap:26px}.hero-logo-stage{min-height:420px;order:-1}.hero-panel-future{padding-top:58px}.hero-scroll-cue{padding-top:18px}.signal-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.hero-panel-future{min-height:auto;padding-top:38px;padding-bottom:40px}.logo-atmosphere{width:min(100%,370px)}.hero-logo-stage{min-height:320px}.signal-grid,.lab-preview-body{grid-template-columns:1fr}.logo-stage-caption{position:static;transform:none;margin-top:18px}.hero-scroll-cue{font-size:.7rem}.lab-preview-card{min-height:auto}}
@media(max-width:430px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn,.hero-actions .text-link{text-align:center;justify-content:center}.hero-logo-stage{min-height:260px}.signal-grid{grid-template-columns:1fr}}