/* Reference-led lighting and sculpture; all UI remains real accessible HTML. */
@media(min-width:981px){#main-nav{gap:clamp(12px,1.5vw,24px)}.header-inner{gap:22px}#main-nav>a:not(.button){font-size:13px}}
.product-copy h1{text-shadow:0 0 22px #a8c8ff35,0 0 55px #426bff28}
.product-copy h1 span{filter:drop-shadow(0 0 16px #7579ff66) drop-shadow(0 0 35px #5651ef33)}
:root{--ivory:#030813;--paper:#081122;--line:#31446a}
body{background:#030813}.site-header{background:#030813;border-color:#15233e}.header-inner{min-height:82px}.button,#main-nav>.button{border-radius:30px;box-shadow:0 0 24px #155eff45,inset 0 1px #bccaff55}.button.secondary{box-shadow:none}.eyebrow{color:#89b9ff;letter-spacing:.18em}.product-hero{background:#030813}.hero-layout{grid-template-columns:.88fr 1.25fr;gap:10px;padding-block:45px 30px}.product-copy{position:relative;z-index:5}.product-copy h1{font-size:clamp(40px,4.3vw,64px);line-height:1.06}.product-copy h1 span{background-image:linear-gradient(110deg,#cee0ff,#7b9bdd 60%,#b39aff)}.product-copy>p:not(.eyebrow){font-size:16px;max-width:32ch}.product-canvas{height:565px;margin-right:-25px}.product-hero:before{background:radial-gradient(ellipse at 72% 70%,#263cff35,transparent 55%)}.product-hero:after{background-image:linear-gradient(#3568e812 1px,transparent 1px),linear-gradient(90deg,#3568e812 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent 35%,#000)}
.luminous-ribbon{position:absolute;width:122%;max-width:none;height:100%;object-fit:contain;left:-11%;top:0;z-index:0;mix-blend-mode:screen;pointer-events:none;mask-image:radial-gradient(ellipse at center,#000 55%,transparent 76%);animation:ribbon-breathe 12s ease-in-out infinite}.orbital-sculpture{display:none}.canvas-heading{border:0;position:absolute;top:4px;left:10%;right:7%;font-size:8px;opacity:.8}.main-screen{width:70%;right:15%;top:95px;z-index:2;border-radius:12px;box-shadow:-3px 0 8px #a99aff99,0 20px 55px #000a,0 0 30px #3b54ff40}.main-screen img{height:215px}.screen-toolbar{background:linear-gradient(100deg,#192749,#080f23);border-bottom:1px solid #53629355}.screen-caption{background:#090f21}.second-screen{width:37%;left:-2%;bottom:100px;border-width:1px;z-index:4;box-shadow:-2px 0 9px #b09aff66,0 15px 35px #0009}.second-screen img{height:125px}.second-screen .screen-caption{padding:10px}.engineering-panel{position:absolute;z-index:5;right:0;bottom:55px;width:240px;padding:20px;border:1px solid #8496f3;border-radius:10px;background:linear-gradient(130deg,#142044ed,#030817f5);box-shadow:-2px -2px 8px #b3a3ff66,0 0 35px #4542ff55;transform:perspective(900px) rotateY(-12deg);pointer-events:none}.engineering-panel>span{font:8px Studio,sans-serif;letter-spacing:.12em;color:#b1bfe4}.engineering-panel code{display:block;font:11px/1.9 Consolas,monospace;color:#b2baff;margin-top:14px}.engineering-panel b{color:#8f9aff;font-weight:400}.engineering-panel i{font-style:normal;color:#c6b1f8}.canvas-note{bottom:3px;right:5%;font-size:10px}.canvas-note p{font-size:10px}.signal-mark{font-size:26px}.hero-bottom{padding-block:20px}.discipline-strip{background:#060d1b;border-color:#273655}.discipline-strip>.container{padding-block:10px}
.capability-section{position:relative;isolation:isolate;background:#030813;overflow:hidden;padding-block:70px}.capability-section:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030813 10%,#030813cc 50%,#03081355),url('../media/luminous-ribbon.webp') right 42%/850px auto no-repeat;opacity:.7}.capability-section>.container{display:grid;grid-template-columns:.85fr 2fr;gap:40px;align-items:center}.capability-section .section-heading{display:block;margin:0}.capability-section h2{font-size:clamp(30px,3vw,44px)}.capability-section .section-heading>p{margin-top:23px;font-size:14px}.capability-panels{gap:14px}.capability-panel,.capability-panel:nth-child(2),.capability-panel:nth-child(3){min-height:310px;padding:25px 20px;background:linear-gradient(140deg,#14203cbb,#030916ef 65%);border:1px solid #6373b780;border-radius:8px;box-shadow:inset 1px 1px 0 #c0b7ff33,0 0 22px #354cff12;backdrop-filter:blur(8px)}.capability-panel:before{display:none}.capability-number{font-size:10px;opacity:.7}.capability-icon{width:36px;height:40px;color:#a6c6ff;filter:drop-shadow(0 0 7px #607bff);margin:23px 0 18px}.capability-panel h3{font-size:22px;letter-spacing:-.02em}.capability-panel p{font-size:12px;line-height:1.75;margin-top:15px}.capability-link{font-size:11px}.capability-panel:hover{border-color:#b2a4ff;box-shadow:0 0 30px #5e4cff44,inset 0 0 30px #424bff18}.capability-extra{font-size:12px}.selected-work{background:radial-gradient(ellipse at 50% 20%,#253cff1a,transparent 70%)}.project-image,.project-card:nth-child(n) .project-image{background:radial-gradient(ellipse at top,#28335c,#080f20 70%);border:1px solid #586bad99;box-shadow:inset 0 1px 2px #a4a7ff55,0 0 24px #314bff12}.project-image:hover{box-shadow:0 0 30px #6653ff55,0 15px 35px #0008}.project-meta{padding-inline:8px}.approach-preview{border-top:1px solid #2e3f64;background:radial-gradient(ellipse at 10% 50%,#1f45ff1a,transparent 65%)}.why-preview-grid article{background:radial-gradient(ellipse at 100% 0,#5548b030,transparent 65%),#081020;border:1px solid #425382;border-radius:8px;box-shadow:inset 0 1px #b0a6ff22}.studio-band{position:relative;isolation:isolate;overflow:hidden;background:#040a17}.studio-band:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#040a17 5%,#040a1788,#040a17),url('../media/luminous-ribbon.webp') center/cover;opacity:.38}.expertise-board{background:#071022df;backdrop-filter:blur(8px);box-shadow:0 0 35px #4b48ff22}
.cta-band{background:linear-gradient(90deg,#030813fa 0%,#030813bb 38%,#03081355 70%),url('../media/luminous-ribbon.webp') center 58%/cover;border:1px solid #6775c488;box-shadow:0 0 60px #3a43d626,inset 0 1px #aebfff55;padding-block:65px;min-height:330px}.cta-band:after{display:none}.cta-layout{gap:50px}.cta-layout>div{padding:24px;border:1px solid #7389ce66;border-radius:12px;background:#061025c9;backdrop-filter:blur(12px);box-shadow:0 0 20px #7064f322}.cta-layout p{font-size:14px}.cta-band .button{box-shadow:0 0 25px #155eff66}.page-intro{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 50%,#5234ba4a,transparent 65%),#030813}.page-intro:after{content:'';position:absolute;inset:-40% -10% -50% 45%;z-index:-1;background:url('../media/luminous-ribbon.webp') center/contain no-repeat;opacity:.4;mask-image:linear-gradient(90deg,transparent,#000 60%);pointer-events:none}.service-statement,.service-scope,.technology-card,.technology-card:nth-child(n),.industry-card,.industry-card:nth-child(n){border-color:#5266a0;box-shadow:inset 0 1px #a6a4ff30,0 0 25px #2f4aff15;background:radial-gradient(ellipse at 90% 0,#4d3c8a30,transparent 65%),#091223}.service-scope:hover,.technology-card:hover,.industry-card:hover{border-color:#a391ed;box-shadow:0 0 25px #5544dd2b}.contact-layout{background:radial-gradient(ellipse at 0 30%,#334bff18,transparent 55%)}.field input:focus,.field textarea:focus,.field select:focus{box-shadow:0 0 18px #6c55ff33}.site-footer{border-top:1px solid #3d4b79;background:#030813}
@keyframes ribbon-breathe{0%,100%{transform:translateY(0) scale(1);filter:brightness(1)}50%{transform:translateY(-8px) scale(1.025);filter:brightness(1.12)}}
@media(max-width:1100px){.capability-section>.container{grid-template-columns:1fr}.capability-section .section-heading{display:flex;gap:30px}.capability-section .section-heading>p{max-width:36ch}.product-copy h1{font-size:45px}.engineering-panel{width:200px;padding:15px}.main-screen{width:78%;right:5%}.second-screen{left:0}.product-canvas{margin-right:0}}
@media(max-width:680px){.hero-layout{grid-template-columns:1fr;padding-top:35px;gap:20px}.product-copy h1{font-size:clamp(35px,9.7vw,52px)}.product-copy>p:not(.eyebrow){max-width:35ch}.product-canvas{height:425px;margin:0}.luminous-ribbon{width:120%;left:-10%;height:100%}.canvas-heading{left:0;right:0;top:10px}.main-screen{width:77%;top:70px;right:6%}.main-screen img{height:155px}.second-screen{width:43%;bottom:40px;left:0}.second-screen img{height:95px}.engineering-panel{width:160px;right:0;bottom:5px;padding:12px}.engineering-panel code{font-size:8px;line-height:1.7;margin-top:9px}.engineering-panel>span{font-size:6px}.canvas-note{display:none}.hero-bottom{padding-block:18px}.capability-section{padding-block:50px}.capability-section .section-heading{display:block}.capability-panels{grid-template-columns:1fr}.capability-panel{min-height:240px}.capability-icon{margin:16px 0}.capability-section:before{background-position:center,right center;background-size:auto,650px}.cta-band{padding:30px 24px;background-position:center,60% center}.cta-layout{gap:25px}.cta-layout>div{padding:18px}.cta-layout h2{font-size:32px}.page-intro:after{inset:0 -45% 0 15%;opacity:.23}}
@media(prefers-reduced-motion:reduce){.luminous-ribbon{animation:none}}

/* Mobile-only hero: flattened artwork behind readable copy, no reserved canvas row. */
@media(max-width:680px){
  .product-hero:before{z-index:0;background:linear-gradient(180deg,#030813e0,#030813e8 75%,#030813),url('../media/mobile-hero-background.webp') center 48%/auto 120% no-repeat;pointer-events:none}
  .hero-layout{display:block;padding-block:34px 26px}
  .product-canvas{display:none}
  .product-copy{position:relative;z-index:1}
  .product-copy>p:not(.eyebrow){color:#e0e8fa}
  .hero-footnote{color:#c8d5f0}
  .hero-bottom{position:relative;z-index:1;padding-block:16px}
  .product-hero:after{display:none}
}