/* JAKHON / EXPERIENCE ENGINE 2026
   Progressive enhancement: static content works without JavaScript.
   No external animations, fonts or network dependencies. */
:root{--electric:#68edcd;--sun:#ffc281;--signal:#86b9fc;--ease-expo:cubic-bezier(.16,1,.3,1)}
.page-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:210;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#52ebc9,#91b5ff,#f5be8c);pointer-events:none;will-change:transform}
.site-header{transition:background .35s,border-color .35s,box-shadow .35s}
.site-header.is-scrolled{background:rgba(5,16,28,.97);border-color:rgba(115,237,212,.22);box-shadow:0 15px 32px rgba(4,12,20,.24)}
.site-nav>a{position:relative}
.site-nav>a:not(.nav-contact)::after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background:var(--teal);transition:transform .35s var(--ease-expo)}
.site-nav>a:not(.nav-contact):hover::after,.site-nav>a.is-current:not(.nav-contact)::after{transform:scaleX(1)}
.brand-symbol{position:relative;isolation:isolate;overflow:hidden;transition:transform .6s var(--ease-expo),box-shadow .6s}
.brand-symbol::before{content:"";position:absolute;z-index:-1;inset:-50%;background:conic-gradient(transparent 30%,rgba(93,245,210,.4),transparent 60%);animation:brand-sweep 9s linear infinite}
.brand:hover .brand-symbol{transform:rotate(-9deg);box-shadow:0 0 24px rgba(91,224,203,.17)}
@keyframes brand-sweep{to{transform:rotate(360deg)}}
.hero{isolation:isolate;--cursor-x:65%;--cursor-y:50%}
.hero::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle 380px at var(--cursor-x) var(--cursor-y),rgba(85,207,198,.085),transparent 78%);transition:opacity .3s}
.hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#51e1c4 50%,transparent);opacity:.3}
.hero-copy .eyebrow{animation:intro-lift .8s .05s var(--ease-expo) both}
.hero-index{animation:intro-lift .85s .16s var(--ease-expo) both}
.hero h1{animation:intro-lift 1.05s .25s var(--ease-expo) both}
.hero-lead{animation:intro-lift 1.05s .42s var(--ease-expo) both}
.hero-buttons{animation:intro-lift .9s .55s var(--ease-expo) both}
.hero-proof{animation:intro-lift .9s .7s var(--ease-expo) both}
.hero-visual{animation:visual-enter 1.25s .4s var(--ease-expo) both;--tilt-x:0deg;--tilt-y:0deg;--float-y:0px;transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--float-y));transition:box-shadow .45s;transform-style:preserve-3d}
.hero-visual:hover{box-shadow:0 47px 110px rgba(0,0,0,.4),0 0 45px rgba(74,215,194,.08)}
@keyframes intro-lift{from{opacity:0;transform:translateY(34px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes visual-enter{from{opacity:0;transform:perspective(1200px) translate3d(40px,40px,0) rotateY(-8deg)}to{opacity:1;transform:perspective(1200px) rotateX(0) rotateY(0) translateY(0)}}
.hero h1 em,.contact-section h2 em,.studio-header-block h1 em{background:linear-gradient(115deg,#50eac4,#bcfff1 43%,#92bafa 76%,#50eac4);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:typographic-current 8s ease-in-out infinite}
@keyframes typographic-current{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.hero-proof strong{font-variant-numeric:tabular-nums}
.hero-proof strong.count-up{color:#c5ffea}
.blueprint::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 30%,rgba(93,231,205,.11) 48%,transparent 54%);background-size:100% 230%;animation:vertical-scan 7s linear infinite}
@keyframes vertical-scan{from{background-position:0 -130%}to{background-position:0 135%}}
.diagram-node{z-index:1;transition:border-color .35s,background .35s,box-shadow .35s}
.diagram-node:hover{border-color:#92ebd9;background:#204454;box-shadow:0 0 26px #60dcc127}
.diagram-node.main-node .node-icon{animation:core-pulse 2.9s ease-in-out infinite}
@keyframes core-pulse{50%{box-shadow:0 0 0 9px rgba(81,225,196,.08),0 0 25px #51e1c435}}
.diagram-line i{position:absolute;top:-2px;left:0;width:5px;height:5px;background:#e8fff8;border-radius:50%;box-shadow:0 0 8px var(--teal);animation:travel-signal 1.8s linear infinite}
@keyframes travel-signal{to{left:calc(100% - 5px)}}
.signal-path{stroke-dasharray:900;stroke-dashoffset:900;animation:trace-signal 5.5s ease-in-out 1.1s infinite alternate}
@keyframes trace-signal{20%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-50}}
.floating-note{animation:float-note 5s ease-in-out infinite}
@keyframes float-note{50%{translate:0 -9px}}
.status-dot,.lab-online,.lab-breathing-led{animation:soft-pulse 2.5s ease-in-out infinite}
@keyframes soft-pulse{50%{opacity:.45;box-shadow:0 0 0 8px rgba(81,225,196,.055)}}
.tech-band{overflow:hidden;position:relative}
.tech-band::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(141,255,229,.08),transparent);translate:-110% 0;animation:tech-sheen 9s ease-in-out infinite}
@keyframes tech-sheen{50%,100%{translate:110% 0}}
.js-motion .reveal:not(.is-visible){opacity:0;transform:translate3d(0,35px,0);filter:blur(5px)}
.js-motion .reveal{transition:opacity .9s var(--ease-expo),transform .9s var(--ease-expo),filter .9s var(--ease-expo);transition-delay:var(--reveal-delay,0ms)}
.js-motion .reveal.is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
.js-motion .project-card.reveal.is-visible:hover{transform:translateY(-7px)}
.js-motion .project-card.is-tiltable.reveal.is-visible:hover{transform:perspective(950px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(-7px)}
.project-card,.service,.price-card,.bot-studio-card,.motion-plan{position:relative;isolation:isolate;overflow:hidden}
.project-card::before,.service::before,.price-card::before,.bot-studio-card::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(54,222,190,.085),transparent 70%);opacity:0;transition:opacity .25s}
.project-card:hover::before,.service:hover::before,.price-card:hover::before,.bot-studio-card:hover::before{opacity:1}
.project-card:hover .project-art::after{opacity:.45}
.project-art::after{transition:opacity .45s}
.project-art .art-caption,.project-art .art-mini strong{transition:transform .5s var(--ease-expo)}
.project-card:hover .art-caption,.project-card:hover .art-mini strong{transform:translateY(-7px) scale(1.025)}
.project-card .project-info{position:relative;z-index:1}
.btn,.filter-btn,.text-link,.lab-tab,.project-more,.motion-plan{transition-duration:.25s;transition-timing-function:var(--ease-expo)}
.btn:active,.filter-btn:active,.lab-tab:active,.motion-plan:active{scale:.97}
.btn span{transition:transform .25s}
.btn:hover span{transform:translate(3px,-3px)}
.project-more{display:inline-flex;align-items:center;gap:7px;margin:0 0 15px;align-self:flex-start;padding:8px 0;background:transparent;border:0;border-bottom:1px solid #bcd4d6;color:#167c73;font:750 11px/1.3 "Segoe UI",sans-serif;letter-spacing:.03em;cursor:pointer}
.project-more::after{content:"↗";font-size:15px;transition:translate .2s}
.project-more:hover::after{translate:3px -3px}
.project-more:hover{border-color:#168d7f}
.signal-lab{background:radial-gradient(ellipse at 90% 0%,#1a3348 0,transparent 40%),#091825;color:#ecf6f4;position:relative;overflow:hidden;padding-bottom:70px}
.signal-lab::before{position:absolute;content:"";width:620px;height:620px;left:-340px;top:28%;border:1px solid rgba(98,240,215,.09);border-radius:50%;box-shadow:0 0 0 75px #66ecc807,0 0 0 160px #66ecc806;pointer-events:none}
.lab-intro{position:relative;z-index:1;display:grid;grid-template-columns:1.6fr .7fr;gap:60px;align-items:end;margin-bottom:50px}
.lab-intro h2{margin:0;font-size:clamp(2.9rem,5.3vw,6.6rem)}
.lab-intro h2 em{font-style:normal;color:#83e5cc}
.lab-intro p{max-width:370px;color:#a0b6c1;font-size:15px;line-height:1.85;margin:0 0 5px}
.lab-shell{position:relative;z-index:1;border:1px solid #375967;border-radius:20px;background:#0b2130;box-shadow:0 50px 120px rgba(0,0,0,.2);overflow:hidden}
.lab-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px;background:#112c3c;border-bottom:1px solid #35525b}
.lab-toolbar-title,.lab-tag,.lab-label,.lab-tab-id,.lab-display-meta,.lab-log,.lab-foot{font:750 10px/1.6 "SFMono-Regular",Consolas,monospace;letter-spacing:.1em}
.lab-toolbar-title{display:flex;align-items:center;gap:12px;color:#e9fff8}
.lab-toolbar-title small{color:#6797a0;letter-spacing:0}
.terminal-dots{display:flex;gap:5px}
.terminal-dots i{width:7px;height:7px;background:#62a2b0;border-radius:50%}
.terminal-dots i:first-child{background:#ef9a90}
.terminal-dots i:nth-child(2){background:#f0c985}
.terminal-dots i:nth-child(3){background:#63d9ac}
.lab-tag{color:#81cfc3;font-size:9px;display:flex;gap:9px;align-items:center}
.lab-breathing-led,.lab-online{width:7px;height:7px;display:inline-block;flex-shrink:0;border-radius:50%;background:#60e8bf}
.lab-layout{display:grid;grid-template-columns:315px minmax(0,1fr);min-height:510px}
.lab-selector{padding:28px 18px;background:#112a39;border-right:1px solid #35525b}
.lab-label{color:#739aa9;font-size:9px}
.lab-selector .lab-label{margin:0 0 30px 13px}
.lab-tab{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;width:100%;min-height:85px;margin-bottom:9px;padding:13px 15px;color:#a8c3d0;text-align:left;border:1px solid #35515e;border-radius:12px;background:#122c3c}
.lab-tab:hover{background:#1b3d4d;border-color:#548c94}
.lab-tab.is-active{color:#f2fff8;background:#1b4750;border-color:#69e8c9;box-shadow:inset 3px 0 0 #68e8c8,0 0 25px #54efc10d}
.lab-tab-id{color:#63c4b2;font-size:11px}
.lab-tab strong{display:block;font-size:17px;font-weight:750;letter-spacing:-.025em}
.lab-tab small{display:block;color:#8eafba;font:700 9px Consolas,monospace;letter-spacing:.07em;margin-top:5px}
.lab-arrow{color:#79ddc6;transition:transform .22s;font-size:18px}
.lab-tab:hover .lab-arrow,.lab-tab.is-active .lab-arrow{transform:translate(3px,-3px)}
.lab-selector-note{font-size:12px;color:#7392a1;line-height:1.7;padding:7px 14px}
.lab-display{min-width:0;display:flex;flex-direction:column;padding:26px 28px 25px;background:radial-gradient(ellipse at 50% 30%,rgba(32,98,112,.17),transparent 70%),#0b1e2c}
.lab-display-meta{display:flex;justify-content:space-between;gap:15px;color:#82b9b8;font-size:10px}
.lab-display-meta>span:first-child{display:flex;align-items:center;gap:9px}
.lab-visualization{min-height:169px;display:flex;position:relative;align-items:center;justify-content:center;gap:0;padding:35px 0 10px}
.lab-reticle{position:absolute;width:240px;height:240px;border:1px solid rgba(97,225,207,.12);border-radius:50%;pointer-events:none}
.reticle-a{transform:scaleY(.54)}
.reticle-b{transform:scaleX(.54) rotate(45deg)}
.lab-node{position:relative;z-index:2;min-width:95px;max-width:148px;flex:1;text-align:center;padding:17px 10px;border:1px solid #49737e;border-radius:9px;background:#112d3f;box-shadow:0 18px 38px #07121d6b;transition:border-color .3s,transform .3s,box-shadow .3s}
.lab-node>span{display:block;color:#6fb2b8;font:750 9px Consolas,monospace;letter-spacing:.12em}
.lab-node strong{display:block;color:#e1faf5;font-size:22px;letter-spacing:-.04em;margin:10px 0 3px}
.lab-node small{color:#92b5bb;font-size:10px}
.lab-node-core{border-color:#7de5cd;background:linear-gradient(160deg,#1c565a,#174153);transform:scale(1.1);box-shadow:0 0 45px #60ddc020}
.lab-connector{position:relative;flex:1;max-width:80px;height:1px;background:#489a9a;overflow:hidden}
.lab-connector i{position:absolute;left:0;top:-2px;width:7px;height:5px;border-radius:50%;background:#aaffea;box-shadow:0 0 12px #9cffe8;animation:lab-flow 1.7s linear infinite}
.lab-connector:nth-of-type(4) i{animation-delay:.85s}
@keyframes lab-flow{to{left:100%}}
.lab-waveform{position:relative;height:92px;border:1px solid #244856;background:#081b2b;overflow:hidden;border-radius:7px}
.wave-grid{position:absolute;inset:0;background-image:linear-gradient(#4c89951b 1px,transparent 1px),linear-gradient(90deg,#4c89951b 1px,transparent 1px);background-size:28px 23px}
.lab-waveform svg{position:relative;z-index:1;width:100%;height:100%;overflow:visible}
#lab-wave-path{fill:none;stroke:#6aeacc;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1300;stroke-dashoffset:0;filter:drop-shadow(0 0 5px #62f4ca)}
.lab-shell.is-switching #lab-wave-path{animation:lab-draw .85s var(--ease-expo) both}
@keyframes lab-draw{from{stroke-dashoffset:1300}to{stroke-dashoffset:0}}
.wave-scan{position:absolute;z-index:1;top:0;bottom:0;width:32px;left:-10%;background:linear-gradient(90deg,transparent,#7ceaca2a,transparent);animation:wave-travel 6s linear infinite}
@keyframes wave-travel{to{left:110%}}
.lab-output{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;padding-top:24px;align-items:start}
.lab-output h3{color:#e5fff9;letter-spacing:-.03em;font-size:18px;margin:11px 0 9px}
.lab-output p{font-size:12px;line-height:1.85;color:#9bbbc6;margin:0}
.lab-log{display:grid;gap:9px;color:#8faeba}
.lab-log span{font-size:9px;margin-bottom:7px}
.lab-log code{font:650 10px Consolas,monospace;color:#a0dbc9;background:#143445;border:1px solid #265262;border-radius:5px;padding:8px}
.lab-foot{display:flex;justify-content:space-between;gap:16px;padding:14px 25px;border-top:1px solid #304d58;color:#7a9aa6;font-size:9px}
.lab-foot a{color:#8ae4cd}
.lab-foot a:hover{text-decoration:underline}
.kinetic-banner{margin-top:80px;border-block:1px solid #24495a;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.kinetic-banner>div{width:max-content;padding:22px 0;font-size:clamp(26px,4vw,52px);line-height:1;font-weight:850;letter-spacing:-.055em;color:transparent;-webkit-text-stroke:1px #4c908b;white-space:nowrap;animation:banner-walk 29s linear infinite}
.kinetic-banner span{color:var(--teal);-webkit-text-stroke:0;padding:0 30px}
@keyframes banner-walk{to{transform:translateX(-50%)}}
.case-dialog{position:fixed;width:min(620px,calc(100% - 28px));max-height:min(90dvh,850px);margin:auto;padding:0;border:1px solid #42737a;border-radius:18px;background:#0c2333;color:#e5f7f3;box-shadow:0 50px 120px #0009;overflow:auto}
.case-dialog::backdrop{background:rgba(1,9,17,.84);backdrop-filter:blur(7px)}
.case-dialog[open]{animation:dialog-pop .35s var(--ease-expo) both}
@keyframes dialog-pop{from{opacity:0;transform:translateY(23px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
.case-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 24px;border-bottom:1px solid #315563;color:#8acdbd;font:750 10px Consolas,monospace;letter-spacing:.15em}
.case-dialog-close{border:1px solid #3b6672;background:#173845;color:#b7d6dc;border-radius:7px;min-width:37px;min-height:37px;font-size:27px;line-height:1}
.case-dialog-close:hover{background:#245263}
.case-dialog-body{padding:37px 34px 42px}
.case-dialog-category{font:800 10px Consolas,monospace;letter-spacing:.13em;color:#87d9c4}
.case-dialog-body h2{font-size:clamp(31px,5vw,52px);margin:16px 0}
.case-dialog-body>p{color:#aac3cb;font-size:15px;line-height:1.85}
.case-dialog-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 29px}
.case-dialog-tags>span{border:1px solid #355c68;border-radius:6px;padding:7px 9px;background:#163c4a;color:#a8ebd6;font-size:11px;font-weight:700}
.case-dialog-body .case-dialog-note{border-top:1px solid #355662;padding-top:19px;font-size:12px}
.case-dialog-body .btn{margin-top:13px}
.motion-control{position:fixed;z-index:130;bottom:22px;left:22px;display:flex;align-items:center;gap:7px;padding:11px 14px;background:rgba(8,27,38,.94);color:#bceada;border:1px solid #4a8a87;border-radius:30px;font:750 10px Consolas,monospace;letter-spacing:.06em;box-shadow:0 13px 30px #02131b5c;backdrop-filter:blur(10px)}
.motion-control:hover{border-color:#70e8d0;background:#123744}
.motion-control span{font-size:16px;line-height:1;color:var(--teal)}
.studio-hero-art{overflow:hidden;transition:transform .55s var(--ease-expo),box-shadow .55s}
.studio-hero-art:hover{transform:rotate(-3deg) scale(1.025);box-shadow:0 45px 110px #0007}
.studio-hero-art::before{animation:studio-orbit 18s linear infinite}
.studio-hero-art::after{animation:studio-orbit 13s linear reverse infinite}
@keyframes studio-orbit{to{transform:rotate(360deg) scaleX(.7)}}
.studio-hero-art span{animation:studio-type-in 1.5s var(--ease-expo) both}
@keyframes studio-type-in{from{opacity:0;transform:translateY(28px) scale(.9);filter:blur(7px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
.motion-plan.is-selected{position:relative;box-shadow:0 0 0 1px #64e1c7,0 20px 42px #073a422e}
.motion-plan.is-selected::after{content:"";position:absolute;inset:-80%;background:linear-gradient(112deg,transparent 43%,#b7ffe612 48%,transparent 55%);transform:translateX(-80%);animation:plan-sheen 5s ease-in-out infinite;pointer-events:none}
@keyframes plan-sheen{60%,100%{transform:translateX(80%)}}
.calc-total strong,.calc-remainder b{display:inline-block;transform-origin:50% 65%}
.price-bump{animation:price-bump .42s var(--ease-expo)}
@keyframes price-bump{0%{transform:scale(.86);opacity:.45}75%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}
@media(max-width:1050px){.lab-intro{grid-template-columns:1fr 1fr;gap:32px}.lab-layout{grid-template-columns:265px minmax(0,1fr)}.lab-selector{padding:23px 12px}.lab-display{padding:25px 19px}.lab-output{gap:18px}.lab-node{min-width:80px}.lab-display-meta{font-size:8px}}
@media(max-width:820px){.site-nav>a.is-current:not(.nav-contact)::after{display:none}.lab-intro{grid-template-columns:1fr;gap:18px}.lab-layout{grid-template-columns:1fr}.lab-selector{border-right:0;border-bottom:1px solid #35525b;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lab-selector .lab-label{grid-column:1/-1;margin:0 0 6px}.lab-selector-note{grid-column:1/-1;margin:0}.lab-tab{grid-template-columns:1fr auto;gap:5px;min-height:88px;padding:12px}.lab-tab-id{grid-column:1/-1}.lab-tab strong{font-size:15px}.lab-tab small{font-size:8px}.lab-arrow{grid-column:2;grid-row:2}.lab-output{grid-template-columns:1.1fr .9fr}.kinetic-banner{margin-top:55px}}
@media(max-width:570px){.signal-lab{padding-top:77px}.lab-intro h2{font-size:clamp(2.5rem,10vw,3.8rem)}.lab-intro p{font-size:14px}.lab-toolbar{padding:12px 13px;align-items:flex-start}.lab-toolbar-title{font-size:8px;gap:7px}.lab-toolbar-title small{display:none}.lab-tag{font-size:7px;max-width:170px;line-height:1.3}.lab-selector{padding:13px 9px}.lab-tab{padding:10px 9px;min-height:84px}.lab-tab strong{font-size:13px}.lab-tab small{font-size:7px}.lab-display{padding:20px 12px}.lab-display-meta{font-size:8px}.lab-visualization{min-height:150px}.lab-reticle{width:175px;height:175px}.lab-node{min-width:63px;padding:13px 6px}.lab-node strong{font-size:15px}.lab-node>span{font-size:7px}.lab-node small{font-size:8px}.lab-connector{max-width:22px}.lab-output{grid-template-columns:1fr;gap:22px}.lab-log{grid-template-columns:1fr}.lab-foot{padding:12px;flex-wrap:wrap;font-size:8px}.motion-control{bottom:12px;left:12px;font-size:9px;padding:9px 11px}.case-dialog-body{padding:28px 20px}.case-dialog-top{padding:13px 17px}.kinetic-banner>div{font-size:29px}.studio-header-block h1{overflow-wrap:anywhere}}
.motion-off .hero-copy .eyebrow,.motion-off .hero-index,.motion-off .hero h1,.motion-off .hero-lead,.motion-off .hero-buttons,.motion-off .hero-proof,.motion-off .hero-visual,.motion-off .floating-note,.motion-off .kinetic-banner>div,.motion-off .studio-hero-art span{animation:none!important}
.motion-off .hero-visual{transform:none!important}
.motion-off .js-motion .reveal,.motion-off .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
.motion-off .blueprint::before,.motion-off .brand-symbol::before,.motion-off .wave-scan,.motion-off .lab-connector i,.motion-off .status-dot,.motion-off .lab-online,.motion-off .lab-breathing-led,.motion-off .signal-path,.motion-off .hero h1 em,.motion-off .contact-section h2 em,.motion-off .studio-header-block h1 em{animation:none!important}
.motion-off .project-card.is-tiltable:hover{transform:translateY(-5px)!important}
@media(prefers-reduced-motion:reduce){
  .hero-copy .eyebrow,.hero-index,.hero h1,.hero-lead,.hero-buttons,.hero-proof,.hero-visual,.floating-note,.kinetic-banner>div,.studio-hero-art span{animation:none!important}
  .hero-visual{transform:none!important}
  .reveal,.reveal:not(.is-visible){opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .blueprint::before,.brand-symbol::before,.wave-scan,.lab-connector i,.status-dot,.lab-online,.lab-breathing-led,.signal-path,.hero h1 em,.contact-section h2 em,.studio-header-block h1 em{animation:none!important}
  .motion-control{display:none!important}
}
/* Keep pointer-driven depth active after the entrance sequence finishes. */
@keyframes visual-fade-in{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}
.hero-visual{animation-name:visual-fade-in}
.career-steps>div::before{transition:box-shadow .4s,transform .4s}
.career-steps>div:hover::before{transform:scale(1.6);box-shadow:0 0 0 9px rgba(96,235,201,.12)}
.hf-strip span,.hf-tags span{transition:transform .24s var(--ease-expo),border-color .24s,background .24s}
.hf-strip span:hover,.hf-tags span:hover{transform:translateY(-3px);border-color:#7be9cc;background:#1f4650}
.studio-subnav a{position:relative}
.studio-subnav a::after{content:"";height:2px;background:#75e6ca;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .28s}
.studio-subnav a:hover::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.hero-visual{animation:none!important}}