/* System Engine — audited motion build, round two */
:root{
  --night:#03070c;
  --night-2:#071019;
  --panel:#0e1923;
  --panel-high:#111d27;
  --ink:#f3f8f9;
  --copy:#b3c0c6;
  --muted:#84979f;
  --line:rgba(160,202,213,.13);
  --line-bright:rgba(160,220,232,.26);
  --cyan:#52deef;
  --cyan-rgb:82,222,239;
  --teal:#17dcc5;
  --mobile:#e879a0;
  --web:#976ab8;
  --backend:#0bd3c5;
  --data:#0083c1;
  --ai:#7c7ff0;
  --display:"Archivo",system-ui,sans-serif;
  --ui:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --max:1360px;
  --radius:28px;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--night);scroll-behavior:smooth;scroll-padding-top:96px;overflow-x:clip}
body{min-width:320px;background:var(--night);color:var(--ink);font-family:var(--ui);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{display:block;max-width:100%}
::selection{background:var(--cyan);color:var(--night)}
:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.skip-link{position:fixed;left:16px;top:16px;z-index:1000;padding:12px 18px;border-radius:999px;background:var(--ink);color:var(--night);font-weight:700;transform:translateY(-180%);transition:transform .2s}
.skip-link:focus{transform:none}
.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.section{position:relative;padding-block:clamp(88px,8vw,128px);scroll-margin-top:0}
.eyebrow{color:var(--muted);font:700 11px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.eyebrow.center{text-align:center}
.section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);gap:clamp(48px,8vw,120px);align-items:end;margin-bottom:clamp(48px,5vw,64px)}
.section-heading h2,.ai-copy h2,.proof-center h2,.cta-content h2{margin-top:17px;font:700 clamp(2.7rem,4.55vw,4.25rem)/.96 var(--display);letter-spacing:-.052em;text-wrap:balance}
.section-heading h2>span:not(.split-mask),.ai-copy h2>span:not(.split-mask),.proof-center h2>span:not(.split-mask),.cta-content h2>span:not(.split-mask){color:var(--cyan)}
.heading-aside{align-self:end;padding-bottom:3px}
.heading-aside>p{max-width:48ch;color:var(--copy);font-size:17px;line-height:1.62}
.heading-aside .text-link{margin-top:24px}
.text-link{min-height:44px;display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:14px;font-weight:700}
.text-link span{color:var(--cyan);font-size:18px;transition:transform .25s var(--ease)}
.text-link:hover span{transform:translate(3px,-3px)}
.button{min-height:52px;padding:13px 22px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:700;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s,background .25s}
.button span{font-size:17px}
.button-primary{background:linear-gradient(110deg,var(--cyan),var(--teal));color:#021216;box-shadow:0 18px 46px -25px rgba(var(--cyan-rgb),.9)}
.button-primary:hover{transform:translateY(-3px);box-shadow:0 24px 56px -24px rgba(var(--cyan-rgb),.9)}

/* floating navigation */
.nav-shell{position:fixed;z-index:100;top:20px;left:0;right:0;pointer-events:none}.nav-shell::before{content:"";position:absolute;z-index:0;left:0;right:0;top:-20px;height:96px;background:linear-gradient(180deg,var(--night) 0%,rgba(3,7,12,.94) 68%,transparent 100%);opacity:0;transition:opacity .28s;pointer-events:none}.nav-shell.is-scrolled::before{opacity:1}
.site-nav{position:relative;z-index:1;width:min(920px,calc(100% - 40px));min-height:62px;margin-inline:auto;padding:7px 8px 7px 20px;border:1px solid rgba(185,222,230,.13);border-radius:999px;background:rgba(7,13,19,.76);box-shadow:0 16px 50px rgba(0,0,0,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:grid;grid-template-columns:145px 1fr auto;align-items:center;gap:22px;pointer-events:auto;transition:background .3s,border-color .3s,box-shadow .3s}
.nav-shell.is-scrolled .site-nav{background:rgba(7,13,19,.94);border-color:rgba(185,222,230,.2);box-shadow:0 18px 60px rgba(0,0,0,.35)}
.brand{min-height:44px;display:flex;align-items:center}
.brand img{width:auto;height:29px}
.nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(17px,2.1vw,30px)}
.nav-links a{position:relative;padding:11px 0;color:var(--copy);font-size:13px;font-weight:600;white-space:nowrap;transition:color .22s}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:7px;border-top:1px solid var(--cyan);transition:right .25s var(--ease)}
.nav-links a:hover,.nav-links a[aria-current="true"]{color:var(--ink)}
.nav-links a:hover::after,.nav-links a[aria-current="true"]::after{right:0}
.nav-cta{min-height:48px;padding:10px 19px;border-radius:999px;background:var(--ink);color:var(--night);display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:700;transition:background .22s,transform .22s var(--ease)}
.nav-cta:hover{background:var(--cyan);transform:translateY(-1px)}
.menu-button{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;place-items:center;position:relative}
.menu-button span{position:absolute;width:18px;border-top:1.5px solid currentColor;transition:transform .2s}
.menu-button span:first-child{transform:translateY(-4px)}.menu-button span:last-child{transform:translateY(4px)}

.mobile-menu{width:100%;height:100%;max-width:none;max-height:none;border:0;background:rgba(3,7,12,.72);color:var(--ink);padding:0}
.mobile-menu::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(6px)}
.mobile-menu-panel{width:min(100%,520px);height:100%;margin-left:auto;padding:18px 22px 30px;background:var(--night-2);border-left:1px solid var(--line);display:flex;flex-direction:column}
.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px}
.mobile-menu-head img{width:auto;height:29px}
.menu-close{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:var(--panel);position:relative;cursor:pointer}
.menu-close span{position:absolute;left:14px;right:14px;top:23px;border-top:1.5px solid var(--ink)}
.menu-close span:first-child{transform:rotate(45deg)}.menu-close span:last-child{transform:rotate(-45deg)}
.mobile-menu nav{margin-top:28px;display:grid}
.mobile-menu nav a{min-height:62px;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;font:600 clamp(1.4rem,6vw,2rem)/1 var(--display)}
.mobile-menu nav a:last-child{border-bottom:1px solid var(--line)}
.mobile-menu nav span{color:var(--cyan);font:700 9px/1 var(--mono);letter-spacing:.12em}
.mobile-contact{margin-top:auto;width:100%}
.no-js .menu-button{display:none}

.proposal-dock{position:fixed;z-index:80;left:14px;bottom:14px;width:48px;min-height:48px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(3,7,12,.9);backdrop-filter:blur(14px);display:flex;align-items:center;overflow:hidden;color:var(--muted);font:700 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:width .35s var(--ease),border-color .25s}
.proposal-dock:hover,.proposal-dock:focus-within{width:294px;border-color:var(--line-bright)}
.dock-current{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:rgba(var(--cyan-rgb),.1);color:var(--cyan);display:grid;place-items:center}
.dock-more{min-width:235px;margin-left:6px;display:flex;align-items:center;gap:2px;white-space:nowrap}.dock-more a,.dock-more b{min-height:34px;padding:9px 10px;border-radius:999px;display:flex;align-items:center}.dock-more b{color:var(--cyan);font-weight:700}.dock-more a:hover{background:var(--panel-high);color:var(--ink)}
.page-progress{position:fixed;z-index:90;right:16px;top:50%;width:2px;height:120px;background:rgba(255,255,255,.08);transform:translateY(-50%);pointer-events:none}.page-progress i{display:block;width:100%;height:100%;background:linear-gradient(var(--cyan),var(--teal));transform:scaleY(0);transform-origin:top;box-shadow:0 0 16px rgba(var(--cyan-rgb),.45)}
.motion-cursor{position:fixed;z-index:160;left:0;top:0;width:18px;height:18px;border:1px solid rgba(160,242,248,.75);border-radius:50%;pointer-events:none;opacity:0;transform:translate3d(-50%,-50%,0);mix-blend-mode:screen;transition:width .22s var(--ease),height .22s var(--ease),border-color .22s,background .22s}.motion-cursor i{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:var(--cyan);transform:translate(-50%,-50%);box-shadow:0 0 12px var(--cyan)}.motion-cursor.is-visible{opacity:1}.motion-cursor.is-active{width:54px;height:54px;border-color:rgba(82,222,239,.35);background:rgba(var(--cyan-rgb),.07)}

/* hero */
.hero{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;padding-top:clamp(98px,11vh,126px);overflow:hidden;background:radial-gradient(ellipse 45% 63% at 76% 45%,rgba(18,122,153,.15),transparent 70%),radial-gradient(ellipse 33% 48% at 86% 37%,rgba(93,79,220,.09),transparent 72%),var(--night)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(160,220,232,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(160,220,232,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent 4%,#000 52%,transparent 96%)}
.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 49.95%,rgba(var(--cyan-rgb),.055) 50%,transparent 50.05%);pointer-events:none}
.hero-grid{min-height:calc(100svh - clamp(98px,11vh,126px));padding-bottom:80px;display:grid;grid-template-columns:minmax(500px,.86fr) minmax(520px,1.14fr);gap:clamp(30px,4vw,64px);align-items:center}
.hero-copy{position:relative;z-index:4;max-width:650px;padding-bottom:20px}
.hero-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:9px 14px;color:var(--muted);font:700 10px/1.3 var(--mono);letter-spacing:.15em;text-transform:uppercase}
.hero-kicker span{display:flex;align-items:center;gap:14px}.hero-kicker span:not(:last-child)::after{content:"";width:3px;height:3px;border-radius:50%;background:var(--cyan)}
.hero h1{margin-top:24px;font:800 clamp(3.55rem,5.25vw,5rem)/.9 var(--display);letter-spacing:-.058em;text-wrap:balance}
.hero h1 span{display:block}.hero h1 em{color:var(--cyan);font-style:normal;text-shadow:0 0 38px rgba(var(--cyan-rgb),.14)}
.hero-lead{max-width:58ch;margin-top:24px;color:var(--copy);font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.62}
.hero-actions{margin-top:31px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.authority-line{margin-top:32px;color:var(--muted);font:600 10px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.authority-line i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal)}
.authority-line b{color:rgba(255,255,255,.28);font-weight:400}
.scroll-cue{position:absolute;left:50%;bottom:14px;min-height:44px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:var(--muted);font:700 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.scroll-cue span{width:24px;border-top:1px solid var(--cyan)}

.engine-zone{position:relative;align-self:stretch;min-height:560px;contain:paint;overflow:hidden;display:grid;place-items:center;--rx:-4deg;--ry:-18deg;--lx:58%;--ly:38%}
.engine-field{position:absolute;inset:5% 0 2% 3%;z-index:0;width:97%;height:93%;opacity:.8;pointer-events:auto;mask-image:radial-gradient(ellipse at 55% 48%,#000 12%,rgba(0,0,0,.88) 54%,transparent 82%)}
.engine-aura{position:absolute;left:53%;top:47%;width:min(47vw,680px);height:min(46vw,650px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(var(--cyan-rgb),.13),rgba(43,68,160,.055) 40%,transparent 70%)}
.engine-grid{position:absolute;left:10%;right:0;top:8%;bottom:8%;opacity:.36;background-image:linear-gradient(rgba(var(--cyan-rgb),.1) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cyan-rgb),.1) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse,#000 10%,transparent 72%);transform:perspective(800px) rotateX(62deg) rotateZ(-7deg)}
.engine{position:absolute;left:53%;top:47%;height:min(62svh,620px);width:auto;max-width:44vw;aspect-ratio:788/1017;transform:translate(-50%,-50%) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(-6deg);transform-style:preserve-3d;will-change:transform}
.engine-layer{position:absolute;inset:0;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform}
.engine-face,.engine-edge{position:absolute;inset:0;-webkit-mask:url("../logos/atimi-mark.png") center/contain no-repeat;mask:url("../logos/atimi-mark.png") center/contain no-repeat;backface-visibility:hidden}
.engine-edge{transform:translate3d(7px,9px,-7px);background:#052b3b;opacity:.76}
.engine-face{background:linear-gradient(138deg,var(--layer-hi),var(--layer-mid) 48%,var(--layer-low))}
.layer-mobile{--layer-hi:#4adbed;--layer-mid:#168fba;--layer-low:#07557b;transform:translate3d(-36px,28px,-118px);opacity:.24}
.layer-web{--layer-hi:#45d8ed;--layer-mid:#169abe;--layer-low:#07577e;transform:translate3d(-18px,14px,-58px);opacity:.35}
.layer-core{--layer-hi:#eefcff;--layer-mid:#56dff0;--layer-low:#1599ba;transform:translate3d(0,0,0);opacity:1}
.layer-backend{--layer-hi:#55f2db;--layer-mid:#12b9b6;--layer-low:#076b82;transform:translate3d(18px,-14px,58px);opacity:.45}
.layer-ai{--layer-hi:#b2b5ff;--layer-mid:#686fed;--layer-low:#294994;transform:translate3d(36px,-28px,116px);opacity:.38}
.engine-reflection{position:absolute;inset:0;z-index:8;-webkit-mask:url("../logos/atimi-mark.png") center/contain no-repeat;mask:url("../logos/atimi-mark.png") center/contain no-repeat;transform:translate3d(36px,-28px,118px);background:radial-gradient(circle 130px at var(--lx) var(--ly),rgba(255,255,255,.94),rgba(84,236,247,.62) 16%,rgba(111,106,255,.34) 35%,transparent 67%);opacity:.74}
.engine-label{position:absolute;padding-left:12px;border-left:1px solid rgba(var(--cyan-rgb),.55);color:var(--muted);font:700 8px/1.4 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.engine-label span{display:block;color:var(--cyan);margin-bottom:4px}.label-a{left:8%;top:28%}.label-b{right:3%;bottom:24%}
.engine-satellites{position:absolute;inset:0;z-index:7;pointer-events:none;perspective:900px}
.engine-satellite{position:absolute;width:104px;min-height:70px;padding:11px 12px;border:1px solid rgba(164,220,230,.18);border-radius:14px;background:rgba(7,16,24,.76);box-shadow:0 18px 45px rgba(0,0,0,.28);backdrop-filter:blur(12px);display:grid;grid-template-columns:12px 1fr;gap:3px 9px;align-content:center;filter:saturate(.72) brightness(.78);transition:filter .45s ease,border-color .45s,box-shadow .45s;will-change:transform,opacity}.engine-satellite.is-current{filter:saturate(1.25) brightness(1.18);border-color:rgba(113,235,242,.48);box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 34px rgba(var(--cyan-rgb),.12)}.engine-satellite i{grid-row:1/3;width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--sat,var(--cyan));box-shadow:0 0 16px var(--sat,var(--cyan))}.engine-satellite b{font:700 10px/1 var(--display)}.engine-satellite small{color:var(--muted);font:600 8px/1 var(--mono);text-transform:uppercase}.satellite-1{--sat:var(--mobile);left:3%;top:16%;transform:rotate(-8deg)}.satellite-2{--sat:#a782db;right:2%;top:12%;transform:rotate(7deg)}.satellite-3{--sat:var(--backend);left:0;bottom:18%;transform:rotate(6deg)}.satellite-4{--sat:#38bfe7;right:1%;bottom:17%;transform:rotate(-7deg)}.satellite-5{--sat:#a6a9ff;right:10%;top:47%;transform:rotate(4deg)}
.engine-interaction{position:absolute;z-index:9;left:50%;bottom:7%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:rgba(177,204,211,.68);font:700 8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:opacity .35s ease,visibility .35s}.engine-interaction i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.engine-interaction-touch{display:none}
.engine-zone::after{content:"";position:absolute;z-index:10;left:var(--tap-x,50%);top:var(--tap-y,50%);width:36px;height:36px;border:1px solid rgba(var(--cyan-rgb),.85);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.25);pointer-events:none;box-shadow:0 0 32px rgba(var(--cyan-rgb),.3)}
.engine-zone.is-pulsing::after{animation:engine-tap-ring .68s var(--ease) both}html.js:not(.static-mode) .engine-zone.is-pulsing .engine{animation:engine-tap-mark .56s var(--ease) both}.engine-zone.has-pulsed .engine-interaction{opacity:0;visibility:hidden}
@keyframes engine-tap-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}18%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(4.8)}}
@keyframes engine-tap-mark{0%,100%{scale:1}38%{scale:1.025}}
.js:not(.static-mode) .hero-copy{animation:hero-copy-in .58s var(--ease) both}.js:not(.static-mode) .engine{animation:engine-in .62s var(--ease) both}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(24px)}}
@keyframes engine-in{from{opacity:0;transform:translate(-48%,-46%) rotateX(-7deg) rotateY(-14deg) rotateZ(-4deg) scale(.93)}}

/* trust */
.trusted{position:relative;border-block:1px solid var(--line);background:#02060a;padding-block:42px}
.logo-marquee{margin-top:28px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.logo-track{display:flex;width:max-content;will-change:transform;animation:logo-drift 34s linear infinite;animation-play-state:paused}.logo-marquee.motion-live .logo-track{animation-play-state:running}
.logo-grid{display:grid;grid-template-columns:repeat(8,clamp(145px,12.5vw,205px));align-items:center}
.logo-grid>div{min-width:0;height:68px;padding:16px clamp(12px,1.6vw,24px);border-left:1px solid var(--line);display:grid;place-items:center}
.logo-grid>div:last-child{border-right:1px solid var(--line)}
.logo-grid img{width:auto;height:auto;max-height:30px;max-width:100%;filter:grayscale(1) brightness(0) invert(1);opacity:.56;transition:opacity .22s,filter .22s,transform .22s var(--ease)}
.logo-grid>div:hover img{opacity:1;filter:grayscale(0) brightness(0) invert(1);transform:translateY(-2px)}
@keyframes logo-drift{to{transform:translateX(-50%)}}

/* scroll-35 — connected system story */
.system-story{position:relative;height:100svh;background:#02060a;color:var(--ink);overflow:clip}
.system-story-stage{position:relative;width:100%;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 48%,rgba(var(--cyan-rgb),.09),transparent 34%),linear-gradient(180deg,#02060a,#071019)}
.story-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(var(--cyan-rgb),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cyan-rgb),.04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse,#000,transparent 78%)}
.story-index{position:absolute;left:40px;top:110px;color:var(--muted);font:700 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.story-message{position:absolute;z-index:2;left:50%;top:45%;width:min(1000px,calc(100% - 80px));text-align:center;transform:translate(-50%,-50%);pointer-events:none}.story-message span{display:block;color:var(--muted);font:700 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}.story-message strong{display:block;margin-top:18px;font:700 clamp(4rem,7.4vw,7rem)/.88 var(--display);letter-spacing:-.07em;text-wrap:balance}.story-message-b{opacity:0}.story-message-b strong{color:var(--cyan)}
.story-orbit{position:absolute;inset:0;z-index:4;pointer-events:none;perspective:1000px}
.story-icon{position:absolute;left:50%;top:50%;width:clamp(88px,8.5vw,126px);aspect-ratio:1;border:1px solid rgba(180,226,235,.21);border-radius:27%;background:linear-gradient(145deg,rgba(20,38,51,.96),rgba(6,15,22,.96));box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.04);display:grid;place-items:center;transform:translate(-50%,-50%);will-change:transform,opacity}.story-icon::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 30% 20%,var(--story-glow),transparent 55%);opacity:.45}.story-icon svg{position:relative;z-index:1;width:48%;fill:none;stroke:var(--story-color);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px var(--story-glow))}.story-icon>span{position:absolute;right:10px;bottom:9px;color:var(--story-color);font:700 8px/1 var(--mono)}.story-icon-mobile{--story-color:var(--mobile);--story-glow:rgba(232,121,160,.62)}.story-icon-web{--story-color:#b58adb;--story-glow:rgba(181,138,219,.62)}.story-icon-backend{--story-color:var(--backend);--story-glow:rgba(11,211,197,.62)}.story-icon-data{--story-color:#38bfe7;--story-glow:rgba(56,191,231,.62)}.story-icon-ai{--story-color:#a6a9ff;--story-glow:rgba(166,169,255,.62)}
.story-icon:nth-child(1){left:12%;top:62%}.story-icon:nth-child(2){left:29%;top:20%}.story-icon:nth-child(3){left:50%;top:69%}.story-icon:nth-child(4){left:72%;top:18%}.story-icon:nth-child(5){left:88%;top:58%}
.story-dock{position:absolute;z-index:3;left:50%;bottom:62px;width:min(1060px,calc(100% - 80px));display:grid;grid-template-columns:repeat(5,1fr);gap:10px;transform:translateX(-50%);opacity:0}.story-target{min-width:0;padding:62px 14px 14px;border-top:1px solid var(--line);color:var(--muted);font:700 9px/1 var(--mono);letter-spacing:.11em;text-align:center;text-transform:uppercase}.story-target i{display:none}
.story-progress{position:absolute;right:40px;top:110px;width:140px;height:2px;background:rgba(255,255,255,.09)}.story-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--teal));transform:scaleX(0);transform-origin:left}

/* capability shelf */
.capabilities{background:linear-gradient(180deg,var(--night),var(--night-2))}
.capability-shell{width:100%;padding-block:28px 22px;border-block:1px solid var(--line);background:#050c12;overflow:hidden}
.shelf-toolbar{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:700 9px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.shelf-index{color:var(--cyan)}
.shelf-mode-mobile,.shelf-mode-compact{display:none}
.shelf-controls{display:flex;gap:8px}
.shelf-controls button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--panel);cursor:pointer;transition:background .22s,border-color .22s,transform .22s}
.shelf-controls button:hover{background:var(--panel-high);border-color:var(--cyan);transform:translateY(-2px)}
.shelf-controls button:disabled,.shelf-controls button[aria-disabled="true"]{opacity:.3;cursor:not-allowed;transform:none}
.capability-viewport{--shelf-edge:max(40px,calc((100vw - var(--max))/2));--shelf-card:clamp(330px,27vw,400px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--shelf-edge);scrollbar-width:none;cursor:grab;padding-block:4px 20px}
.capability-viewport::-webkit-scrollbar{display:none}.capability-viewport.is-dragging{cursor:grabbing;user-select:none}
.no-js .shelf-controls{display:none}.no-js .capability-viewport{scrollbar-width:auto;cursor:auto}.no-js .capability-viewport::-webkit-scrollbar{display:block;height:8px}
.capability-track{width:max-content;padding-inline:var(--shelf-edge);display:flex;gap:22px}.capability-track::after{content:"";flex:0 0 max(0px,calc((100vw - var(--shelf-edge) - var(--shelf-edge) - var(--shelf-card))/2))}
.cap-card{position:relative;isolation:isolate;flex:0 0 var(--shelf-card);height:620px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden;scroll-snap-align:start;display:grid;grid-template-rows:auto minmax(0,1fr) auto;transition:border-color .25s,transform .3s var(--ease),box-shadow .3s}
.cap-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 32%,var(--card-glow),transparent 53%);opacity:.8}
.cap-card:hover,.cap-card.is-active{border-color:var(--line-bright);transform:translateY(-8px) scale(1.018);box-shadow:0 30px 90px rgba(0,0,0,.34),0 0 0 1px rgba(var(--cyan-rgb),.05)}
.cap-card>header{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:700 9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.cap-card>header span:first-child{color:var(--card-accent)}
.cap-mobile{--card-accent:var(--mobile);--card-glow:rgba(232,121,160,.13)}.cap-web{--card-accent:#a782db;--card-glow:rgba(151,106,184,.15)}.cap-backend{--card-accent:var(--backend);--card-glow:rgba(11,211,197,.12)}.cap-data{--card-accent:#38bfe7;--card-glow:rgba(0,131,193,.15)}
.cap-visual{position:relative;min-height:0;margin:16px -4px 18px;display:grid;place-items:center;overflow:hidden}
.cap-copy{padding:19px 4px 4px;border-top:1px solid var(--line)}
.cap-copy h3{font:700 clamp(1.55rem,2.15vw,2rem)/1.05 var(--display);letter-spacing:-.035em}.cap-copy p{margin-top:12px;color:var(--copy);font-size:15px;line-height:1.55}
.phone-ui{position:absolute;left:50%;top:51%;width:214px;height:400px;padding:17px 16px;border:5px solid #12141b;border-radius:36px;background:linear-gradient(180deg,#fff9fb,#f3eaf1);color:#171019;transform:translate(-50%,-50%) rotate(-5deg);box-shadow:0 28px 70px rgba(0,0,0,.42)}
.phone-ui::after{content:"";position:absolute;left:50%;top:8px;width:58px;height:16px;border-radius:999px;background:#13141a;transform:translateX(-50%)}
.phone-top{margin-top:3px;display:flex;justify-content:space-between;font:700 8px/1 var(--ui)}.phone-top i{width:12px}.phone-top b{letter-spacing:1px}
.phone-ui>p{margin-top:34px;color:#7f6976;font-size:11px}.phone-ui>strong{display:block;margin-top:5px;font:700 24px/1.05 var(--display);letter-spacing:-.04em}
.mobile-stats{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-stats span{padding:12px 9px;border-radius:13px;background:rgba(232,121,160,.15);font-size:9px}.mobile-stats b{display:block;margin-bottom:3px;font-size:17px}
.mobile-list{margin-top:16px;display:grid;gap:9px}.mobile-list i{height:38px;border-radius:12px;background:linear-gradient(90deg,rgba(151,106,184,.14) 22%,rgba(30,22,30,.08) 22%)}
.signal-ring{position:absolute;left:49%;top:49%;width:330px;height:330px;border:1px solid rgba(232,121,160,.35);border-radius:50%;transform:translate(-50%,-50%)}.signal-ring::before,.signal-ring::after{content:"";position:absolute;inset:28px;border:1px solid rgba(232,121,160,.22);border-radius:50%}.signal-ring::after{inset:63px}
.browser-ui{width:min(360px,100%);height:310px;border:5px solid #131620;border-radius:18px;background:#f7f5fa;color:#17141c;transform:perspective(900px) rotateY(-8deg) rotateX(4deg);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.browser-bar{height:35px;padding:0 12px;border-bottom:1px solid #ded9e3;display:flex;align-items:center;gap:6px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#b7a8c5}.browser-bar span{margin-left:12px;width:190px;height:17px;padding:4px 10px;border-radius:999px;background:#ebe6ef;color:#857a8c;font-size:7px}
.browser-layout{height:calc(100% - 35px);display:grid;grid-template-columns:58px 1fr}.browser-layout aside{padding:16px 13px;border-right:1px solid #e2dce6;display:grid;align-content:start;gap:12px}.browser-layout aside b{height:7px;border-radius:4px;background:#d5ccd9}.browser-main{padding:22px}.chart-bars{height:125px;padding:14px 10px 0;border-radius:11px;background:#ebe7f0;display:flex;align-items:flex-end;gap:11px}.chart-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#a473cb,#47c9df)}.chart-bars i:nth-child(1){height:32%}.chart-bars i:nth-child(2){height:58%}.chart-bars i:nth-child(3){height:45%}.chart-bars i:nth-child(4){height:82%}.chart-bars i:nth-child(5){height:68%}
.browser-cards{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.browser-cards span{height:70px;border-radius:10px;background:linear-gradient(135deg,#e5dee9,#f4f1f5)}
.node-visual svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.node-visual svg path{fill:none;stroke:rgba(11,211,197,.34);stroke-width:2;stroke-dasharray:5 7}.node-visual svg circle{fill:#0c1e24;stroke:rgba(82,222,239,.5);stroke-width:2}
.node-core,.node{position:absolute;display:grid;place-items:center;color:#d9ffff;font:700 8px/1 var(--mono);letter-spacing:.08em}.node-core{left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%);font-size:12px}.node{width:50px;height:50px}.n1{left:calc(50% - 144px);top:calc(50% - 126px)}.n2{left:calc(50% + 94px);top:calc(50% - 98px)}.n3{left:calc(50% - 144px);top:calc(50% + 77px)}.n4{left:calc(50% + 94px);top:calc(50% + 70px)}
.data-orbit{position:relative;width:270px;height:270px;border:1px solid rgba(56,191,231,.35);border-radius:50%;display:grid;place-items:center}.data-orbit::before,.data-orbit::after{content:"";position:absolute;border:1px solid rgba(56,191,231,.21);border-radius:50%}.data-orbit::before{inset:30px}.data-orbit::after{inset:66px}.data-orbit span{width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7de6f7,#0678ac 70%);display:grid;place-items:center;font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 44px rgba(56,191,231,.28)}
.data-orbit i{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.data-orbit i:nth-child(1){transform:translate(-112px,-43px)}.data-orbit i:nth-child(2){transform:translate(96px,-70px)}.data-orbit i:nth-child(3){transform:translate(89px,81px)}.data-orbit i:nth-child(4){transform:translate(-102px,72px)}.data-orbit i:nth-child(5){transform:translate(-34px,-101px)}.data-orbit i:nth-child(6){transform:translate(40px,103px)}
.data-readout{position:absolute;right:12px;bottom:24px;width:128px;padding:12px;border:1px solid rgba(82,222,239,.22);border-radius:12px;background:rgba(3,12,18,.88);box-shadow:0 16px 36px rgba(0,0,0,.32)}.data-readout span{color:var(--muted);font-size:8px}.data-readout strong{display:block;margin-top:5px;font:700 15px/1 var(--display)}.data-readout i{display:block;margin-top:10px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--data) 72%,rgba(255,255,255,.1) 72%)}
.shelf-progress{height:1px;background:var(--line)}.shelf-progress i{display:block;width:25%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--teal));transform-origin:left;transform:scaleX(.15);transition:transform .1s linear}
.motion-enhanced .capability-shell{will-change:transform}.motion-enhanced .cap-card{transform-origin:center;transition:border-color .25s,transform .45s var(--ease),opacity .3s,box-shadow .35s}.motion-enhanced .cap-card:not(.is-active){opacity:.62}
/* selected work */
.work{background:var(--night-2)}
.work-scroll-scene{position:relative}
.project-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(64px,7vw,96px) 24px}
.project{min-width:0}.project-entertainment{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:clamp(42px,6vw,90px);align-items:center}.project-banking,.project-industrial{grid-column:span 6;display:flex;flex-direction:column;gap:30px}.project-banking .project-stage{order:-1}.project-banking .project-copy,.project-industrial .project-copy{padding-inline:8px}
.project-stage{position:relative;min-width:0;min-height:500px;border:1px solid var(--line);border-radius:30px;background:var(--panel);overflow:hidden;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease-out,border-color .25s,box-shadow .3s;will-change:transform}.project-entertainment .project-stage{min-height:620px}
.project-stage:hover{border-color:var(--line-bright);box-shadow:0 34px 90px rgba(0,0,0,.24)}
.stage-wipe{position:absolute;z-index:18;inset:-1px;background:linear-gradient(115deg,#071019 5%,#102431 52%,#071019 100%);transform:scaleX(0);transform-origin:right center;pointer-events:none}.project-banking .stage-wipe{transform-origin:left center}.motion-enhanced .stage-wipe{will-change:transform}
.project-copy h3{max-width:14ch;margin-top:17px;font:700 clamp(2rem,3.1vw,3.2rem)/.98 var(--display);letter-spacing:-.05em;text-wrap:balance}.project-banking .project-copy h3,.project-industrial .project-copy h3{font-size:clamp(2rem,2.7vw,2.65rem)}.project-copy>p:not(.eyebrow){margin-top:22px;color:var(--copy);font-size:17px;line-height:1.62}.project-proof{margin-top:34px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:20px}.project-proof strong{font:700 clamp(1.7rem,2.6vw,2.5rem)/1 var(--display);letter-spacing:-.04em}.project-proof span{max-width:140px;color:var(--muted);font:700 10px/1.45 var(--mono);letter-spacing:.12em;text-align:right;text-transform:uppercase}
.mock-label{position:absolute;z-index:8;right:18px;top:18px;padding:8px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(3,8,12,.76);color:#a8bbc2;font:700 8px/1 var(--mono);letter-spacing:.11em;text-transform:uppercase;backdrop-filter:blur(10px)}
.project-entertainment .project-stage{background:radial-gradient(circle at 20% 20%,rgba(151,106,184,.22),transparent 42%),linear-gradient(135deg,#10111b,#071019)}
.sound-field{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;opacity:.25;transform:rotate(-11deg) scale(1.25)}.sound-field i{width:8px;border-radius:99px;background:linear-gradient(var(--web),var(--cyan))}.sound-field i:nth-child(1),.sound-field i:nth-child(12){height:80px}.sound-field i:nth-child(2),.sound-field i:nth-child(11){height:150px}.sound-field i:nth-child(3),.sound-field i:nth-child(10){height:220px}.sound-field i:nth-child(4),.sound-field i:nth-child(9){height:320px}.sound-field i:nth-child(5),.sound-field i:nth-child(8){height:410px}.sound-field i:nth-child(6),.sound-field i:nth-child(7){height:520px}
.audio-phone{position:absolute;left:45%;top:50%;width:270px;height:530px;padding:28px 24px;border:6px solid #171721;border-radius:42px;background:#f3eef8;color:#18121d;transform:translate(-50%,-50%) rotate(-5deg);box-shadow:0 35px 90px rgba(0,0,0,.5)}.audio-phone::before{content:"";position:absolute;left:50%;top:11px;width:78px;height:20px;border-radius:99px;background:#171721;transform:translateX(-50%)}
.audio-cover{height:230px;margin-top:18px;border-radius:22px;background:radial-gradient(circle at 38% 36%,#62dbea,transparent 9%),conic-gradient(from 80deg,#5f56e9,#be71bb,#5f56e9,#18c9d1,#5f56e9);display:grid;place-items:center}.audio-cover span{font:800 80px/1 var(--display);color:rgba(255,255,255,.9)}.audio-phone>p{margin-top:22px;color:#8d7e94;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.audio-phone>h4{margin-top:4px;font:700 20px/1.1 var(--display)}
.audio-wave{height:36px;margin-top:18px;display:flex;align-items:center;gap:5px}.audio-wave i{width:3px;border-radius:3px;background:#7652b0}.audio-wave i:nth-child(odd){height:12px}.audio-wave i:nth-child(even){height:27px}.audio-controls{margin-top:13px;display:flex;align-items:center;justify-content:center;gap:30px}.audio-controls b{width:48px;height:48px;border-radius:50%;background:#1b1520;color:#fff;display:grid;place-items:center;padding-left:3px}
.rating-shift{position:absolute;right:5%;bottom:9%;width:240px;padding:17px 18px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(7,12,19,.86);backdrop-filter:blur(15px);box-shadow:0 20px 50px rgba(0,0,0,.35)}.rating-shift>span{color:var(--muted);font:700 8px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}.rating-shift div{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.rating-shift s{color:var(--muted);font-size:13px}.rating-shift i{color:var(--cyan)}.rating-shift strong{font:700 18px/1 var(--display);color:var(--cyan)}
.project-banking .project-stage{background:radial-gradient(circle at 80% 20%,rgba(0,131,193,.22),transparent 45%),linear-gradient(135deg,#081521,#0b1117)}
.bank-device{position:absolute;width:245px;height:480px;padding:24px 19px;border:5px solid #10151c;border-radius:38px;background:#f2f6f7;color:#10191c;box-shadow:0 30px 80px rgba(0,0,0,.45)}.bank-device-a{left:19%;top:10%;transform:rotate(-7deg)}.bank-device-b{right:16%;top:14%;transform:rotate(5deg)}.device-status{display:flex;justify-content:space-between;font:700 9px/1 var(--ui)}.bank-device>p{margin-top:36px;color:#6c7a7d;font-size:11px}.bank-device>strong{display:block;margin-top:6px;font:700 24px/1.1 var(--display);letter-spacing:-.04em}.bank-chart{position:relative;height:110px;margin-top:25px;border-radius:14px;background:linear-gradient(180deg,rgba(50,192,233,.12),transparent);overflow:hidden}.bank-chart i{position:absolute;inset:24px 8px 18px;border-bottom:2px solid #178fbd;transform:skewY(-12deg)}.bank-chart i::before,.bank-chart i::after{content:"";position:absolute;border-radius:50%;background:#178fbd}.bank-chart i::before{width:8px;height:8px;left:18%;bottom:-5px}.bank-chart i::after{width:8px;height:8px;right:12%;top:-5px}
.bank-row{margin-top:12px;padding:13px 0;border-top:1px solid #dce4e6;display:flex;justify-content:space-between;font-size:10px}.bank-row b{color:#147797}.advisor-card{margin-top:14px;padding:13px;border-radius:13px;background:#e5eef0;display:flex;gap:10px;align-items:center}.advisor-card i{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#32c0e9,#0bd3c5)}.advisor-card span{font-size:8px}.advisor-card b{display:block;font-size:10px;margin-bottom:3px}
.award-seal{position:absolute;left:50%;bottom:6%;width:142px;height:142px;padding:22px;border:1px solid rgba(82,222,239,.4);border-radius:50%;background:rgba(3,9,14,.92);display:grid;place-items:center;text-align:center;transform:translateX(-50%);box-shadow:0 0 0 8px rgba(82,222,239,.04),0 20px 50px rgba(0,0,0,.35)}.award-seal span{color:var(--muted);font:700 8px/1 var(--mono);letter-spacing:.15em}.award-seal b{color:var(--cyan);font:800 28px/1 var(--display)}.award-seal small{font-size:8px;line-height:1.2}
.project-industrial .project-stage{background:radial-gradient(circle at 12% 80%,rgba(11,211,197,.16),transparent 46%),linear-gradient(135deg,#0d171b,#071016)}
.industrial-window{position:absolute;left:7%;right:7%;top:9%;height:465px;border:4px solid #151e22;border-radius:20px;background:#eef4f3;color:#0c1718;overflow:hidden;display:grid;grid-template-columns:64px 1fr;grid-template-rows:42px 1fr;box-shadow:0 32px 80px rgba(0,0,0,.45)}.industrial-top{grid-column:1/-1;padding:0 16px;border-bottom:1px solid #d4dddc;display:flex;align-items:center;font:700 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.industrial-top i{margin-left:8px;width:7px;height:7px;border-radius:50%;background:#bac5c4}.industrial-top i:first-of-type{margin-left:auto}.industrial-window aside{padding:16px 0;border-right:1px solid #d4dddc;display:grid;align-content:start;gap:4px}.industrial-window aside b{height:45px;display:grid;place-items:center;color:#77908e;font:700 8px/1 var(--mono)}.industrial-window aside b:nth-child(2){background:#d8e9e6;color:#087f78;border-left:3px solid #0bad9f}.industrial-main{padding:27px 30px}.industrial-main>p{color:#66807e;font-size:10px}.industrial-main h4{margin-top:6px;font:700 23px/1.1 var(--display)}
.material-preview{height:160px;margin-top:22px;border-radius:14px;background:#dfe9e7;display:flex;align-items:end;justify-content:center;gap:5px;overflow:hidden}.material-preview span{width:50px;background:linear-gradient(150deg,#7e9693,#3e5855);clip-path:polygon(18% 0,100% 0,80% 100%,0 100%)}.material-preview span:nth-child(1){height:80px}.material-preview span:nth-child(2){height:120px}.material-preview span:nth-child(3){height:100px}.quote-lines{margin-top:18px;display:grid;gap:7px}.quote-lines i{height:6px;border-radius:6px;background:#cad8d6}.quote-lines i:nth-child(2){width:75%}.quote-lines i:nth-child(3){width:48%}.quote-button{display:inline-block;margin-top:18px;padding:10px 15px;border-radius:999px;background:#0cae9f;color:white;font:700 9px/1 var(--ui)}
.workflow-chain{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);width:max-content;padding:13px 18px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(4,11,15,.9);display:flex;align-items:center;gap:13px;color:var(--copy);font:700 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.workflow-chain i{color:var(--cyan);font-style:normal}
.split-mask{display:inline-block;overflow:hidden;vertical-align:top}.split-word{display:inline-block;will-change:transform,opacity}

@media(min-width:961px) and (min-height:600px){
  .motion-enhanced .work-scroll-scene{height:calc(100svh - 88px);overflow:hidden}
  .motion-enhanced .work-scroll-scene::before,.motion-enhanced .work-scroll-scene::after{content:"";position:absolute;z-index:12;top:0;bottom:0;width:clamp(54px,9vw,150px);pointer-events:none}
  .motion-enhanced .work-scroll-scene::before{left:0;background:linear-gradient(90deg,var(--night-2),rgba(7,16,25,.9) 28%,transparent)}
  .motion-enhanced .work-scroll-scene::after{right:0;background:linear-gradient(-90deg,var(--night-2),rgba(7,16,25,.9) 28%,transparent)}
  .motion-enhanced .project-list{width:max-content;max-width:none;height:100%;margin:0;padding:24px max(40px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:clamp(38px,4vw,70px);will-change:transform}
  .motion-enhanced .project{flex:0 0 min(1180px,84vw);height:min(720px,calc(100svh - 150px));display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.65fr);gap:clamp(34px,4.5vw,72px);align-items:center}
  .motion-enhanced .project-banking,.motion-enhanced .project-industrial{grid-column:auto;flex-direction:unset}
  .motion-enhanced .project-stage,.motion-enhanced .project-entertainment .project-stage,.motion-enhanced .project-banking .project-stage,.motion-enhanced .project-industrial .project-stage{min-height:0;height:100%;order:0}
  .motion-enhanced .project-copy{max-width:420px;padding-inline:0;order:1}
  .motion-enhanced .project-banking .project-stage{order:0}.motion-enhanced .project-banking .project-copy{order:1}
  .motion-enhanced .project-copy h3,.motion-enhanced .project-banking .project-copy h3,.motion-enhanced .project-industrial .project-copy h3{font-size:clamp(2rem,2.8vw,3rem)}
}

/* proof constellation */
.proof{padding-block:0;background:#02060a}
.proof-stage{position:relative;min-height:min(900px,100svh);overflow:hidden;display:grid;place-items:center;border-block:1px solid var(--line);background:radial-gradient(circle at center,rgba(var(--cyan-rgb),.065),transparent 42%),linear-gradient(180deg,#03080d,#061019)}
.proof-stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(var(--cyan-rgb),.2) 1px,transparent 1.5px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#000 8%,transparent 68%);opacity:.13}
.proof-rotor{position:absolute;left:50%;top:50%;width:min(78vw,980px);aspect-ratio:1;border:1px solid rgba(var(--cyan-rgb),.08);border-radius:50%;transform:translate(-50%,-50%);opacity:.65;will-change:transform}.proof-rotor::before,.proof-rotor::after{content:"";position:absolute;border:1px solid rgba(var(--cyan-rgb),.09);border-radius:50%}.proof-rotor::before{inset:12%}.proof-rotor::after{inset:27%}.proof-rotor i{position:absolute;left:50%;top:50%;width:11px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 22px var(--cyan)}.proof-rotor i:nth-child(1){transform:translate(-50%,-50%) translateX(min(38vw,470px))}.proof-rotor i:nth-child(2){transform:translate(-50%,-50%) rotate(120deg) translateX(min(30vw,370px))}.proof-rotor i:nth-child(3){transform:translate(-50%,-50%) rotate(235deg) translateX(min(23vw,285px))}
.proof-token{position:absolute;left:calc(50% + var(--x));top:calc(50% + var(--y));z-index:2;width:clamp(92px,10vw,150px);height:66px;padding:15px;border:1px solid var(--line);border-radius:18px;background:rgba(10,20,28,.94);display:grid;place-items:center;scale:1;transform:translate(-50%,-50%);transition:left .9s var(--ease) var(--d),top .9s var(--ease) var(--d),opacity .7s ease var(--d),scale .9s var(--ease) var(--d)}
.proof-token img{max-height:28px;max-width:100%;width:auto;filter:grayscale(1) brightness(0) invert(1);opacity:.75}
.proof-ready .proof-token{left:50%;top:50%;opacity:0;scale:.58}
.proof-ready .proof-stage.is-visible .proof-token{left:calc(50% + var(--x));top:calc(50% + var(--y));opacity:1;scale:1}
.proof-center{position:relative;z-index:3;text-align:center}.proof-center h2{max-width:720px;margin-inline:auto}.metrics{max-width:980px;margin:72px auto 0;display:grid;grid-template-columns:repeat(3,1fr)}
.metrics{perspective:1100px}.metrics>div{padding:30px 28px;border:1px solid var(--line);border-right:0;background:rgba(5,13,20,.62);backdrop-filter:blur(8px);transform-style:preserve-3d;display:flex;flex-direction:column}.metrics>div:last-child{border-right:1px solid var(--line)}.metrics dd{order:-1;font:700 clamp(4rem,7vw,7rem)/.85 var(--display);letter-spacing:-.07em}.metrics dt{margin-top:17px;color:var(--muted);font:700 10px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.history-note{max-width:600px;margin:55px auto 0;color:var(--copy);font-size:15px;line-height:1.6}

/* engagement and process */
.engagement{background:var(--night)}
.engagement-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.engagement-card{padding:24px 24px 30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.engagement-card>h3{margin-top:15px;font:700 clamp(1.8rem,2.6vw,2.65rem)/1 var(--display);letter-spacing:-.045em}.engagement-card>p:not(.eyebrow){max-width:54ch;margin-top:15px;color:var(--copy);font-size:16px;line-height:1.6}.engagement-card>.text-link{margin-top:20px}
.engagement-visual{position:relative;height:340px;margin-bottom:28px;border-radius:20px;background:#0b161f;overflow:hidden}
.project-model{display:grid;place-items:center}.model-client,.model-atimi{position:absolute;z-index:2;top:52px;width:112px;height:112px;border:1px solid var(--line-bright);border-radius:50%;display:grid;place-items:center;color:var(--copy);font:700 11px/1 var(--mono);text-transform:uppercase}.model-client{left:16%}.model-atimi{right:16%;background:rgba(var(--cyan-rgb),.06);color:var(--cyan)}.model-atimi img{width:30px;height:38px;object-fit:contain}.team-bridge{position:absolute;z-index:1;left:16%;top:55px;width:68%;height:112px;overflow:visible}.team-bridge path{fill:none;stroke:rgba(var(--cyan-rgb),.6);stroke-width:1.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(var(--cyan-rgb),.35))}.project-model>div{position:absolute;left:12%;right:12%;bottom:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.project-model>div b{min-height:52px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-high);display:grid;place-items:center;color:var(--copy);font:700 11px/1 var(--ui)}.project-model>div b:nth-child(2){border-color:rgba(var(--cyan-rgb),.45);color:var(--cyan)}
.staff-model{padding:46px 10%;display:grid;align-content:center;gap:14px}.staff-row{position:relative;min-height:62px;padding:0 18px;border:1px solid var(--line);border-radius:13px;background:var(--panel-high);display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.staff-row::before{content:"";position:absolute;left:50%;top:14px;bottom:14px;border-left:1px solid var(--line)}.staff-row span{color:var(--copy);font-size:14px}.staff-row b{justify-self:end;color:var(--cyan);font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.staff-row i{position:absolute;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.process{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#050c12}
.process article{min-height:330px;padding:26px;border-right:1px solid var(--line);display:flex;flex-direction:column}.process article:last-child{border-right:0}.process article>span{color:var(--cyan);font:700 10px/1 var(--mono);letter-spacing:.14em}.process h3{margin-top:auto;font:700 2rem/1 var(--display);letter-spacing:-.04em}.process p{margin-top:12px;color:var(--copy);font-size:15px;line-height:1.55}
.process-icon{position:relative;width:124px;height:124px;margin:32px auto 16px;border:1px solid var(--line);border-radius:50%}.process-icon i{position:absolute;inset:19px;border:1px solid rgba(var(--cyan-rgb),.25);border-radius:50%}.process-icon i:last-child{inset:44px;background:var(--cyan);border:0;box-shadow:0 0 35px rgba(var(--cyan-rgb),.26)}.process-build{border-radius:18px;transform:rotate(45deg)}.process-build i{border-radius:9px}.process-build i:nth-child(1){inset:15px}.process-build i:nth-child(2){inset:37px;background:transparent}.process-build i:nth-child(3){inset:53px;background:var(--teal);border:0}.process-evolve{border-style:dashed}.process-evolve::before{content:"→";position:absolute;right:-8px;top:50%;width:28px;height:28px;border-radius:50%;background:var(--cyan);color:var(--night);display:grid;place-items:center;transform:translateY(-50%)}
@media(min-width:721px){.motion-enhanced .process{perspective:1200px;overflow:visible;background:transparent;border-color:transparent}.motion-enhanced .process article{border:1px solid var(--line);border-radius:var(--radius);background:#050c12;transform-style:preserve-3d;will-change:transform,opacity;box-shadow:0 35px 70px rgba(0,0,0,.14)}}
/* sliders-10 — compact swipe status for mobile content rails */
.mobile-rail-status{display:none}
.reasons{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.reasons article{min-height:178px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(12,21,30,.35);transition:background .25s}.reasons article:hover{background:var(--panel)}.reasons span{color:var(--cyan);font:700 10px/1 var(--mono)}.reasons h3{margin-top:28px;font:700 1.3rem/1.1 var(--display);letter-spacing:-.025em}.reasons p{margin-top:10px;color:var(--copy);font-size:14px;line-height:1.5}

/* AI mentoring */
.ai-section{padding-top:0;background:var(--night)}
.ai-panel{position:relative;min-height:680px;padding:clamp(46px,6vw,84px);border:1px solid rgba(124,127,240,.25);border-radius:32px;background:radial-gradient(circle at 76% 42%,rgba(124,127,240,.16),transparent 38%),linear-gradient(130deg,#0c1420,#080e17 65%);overflow:hidden;display:grid;grid-template-columns:minmax(340px,.8fr) minmax(480px,1.2fr);gap:70px;align-items:center}
.ai-panel::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(159,162,255,.22) 1px,transparent 1.5px);background-size:35px 35px;mask-image:linear-gradient(90deg,transparent 30%,#000)}
.ai-panel::after{content:"HUMAN  /  LED  /  AI";position:absolute;z-index:0;left:-3%;bottom:-.15em;color:rgba(166,169,255,.045);font:800 clamp(5rem,10vw,10rem)/.8 var(--display);letter-spacing:-.08em;white-space:nowrap;transform:translateX(var(--ai-shift,0%));pointer-events:none}
.ai-copy{position:relative;z-index:2}.ai-copy h2>span:not(.split-mask){color:#a6a9ff}.ai-copy>p:not(.eyebrow){max-width:50ch;margin-top:25px;color:var(--copy);font-size:17px;line-height:1.62}.ai-copy .button{margin-top:31px;background:linear-gradient(110deg,#a7aaff,#5fdde9)}
.ai-system{position:relative;z-index:2;min-height:500px}.ai-system::before{content:"";position:absolute;left:50%;top:50%;width:340px;height:340px;border:1px solid rgba(159,162,255,.2);border-radius:50%;transform:translate(-50%,-50%)}.ai-system::after{content:"";position:absolute;left:50%;top:50%;width:460px;height:460px;border:1px solid rgba(159,162,255,.1);border-radius:50%;transform:translate(-50%,-50%)}
.ai-core{position:absolute;z-index:3;left:50%;top:50%;width:156px;height:156px;border:1px solid rgba(159,162,255,.48);border-radius:50%;background:#12182b;display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:0 0 70px rgba(124,127,240,.2)}.ai-core img{width:45px;height:58px;object-fit:contain;filter:hue-rotate(75deg)}.ai-core span{position:absolute;bottom:29px;color:#b9bbff;font:700 8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.ai-path{position:absolute;width:190px;padding:16px;border:1px solid rgba(159,162,255,.24);border-radius:15px;background:rgba(10,14,27,.88);box-shadow:0 20px 50px rgba(0,0,0,.25)}.ai-path i{position:absolute;width:8px;height:8px;border-radius:50%;background:#a5a8ff;box-shadow:0 0 15px #868aff}.ai-path span{display:block;font:700 14px/1.2 var(--display)}.ai-path small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.path-a{left:0;top:65px}.path-a i{right:-5px;top:50%}.path-b{right:0;top:110px}.path-b i{left:-5px;top:50%}.path-c{left:50%;bottom:24px;transform:translateX(-50%)}.path-c i{left:50%;top:-5px}

/* testimonials */
.testimonials{background:var(--night-2)}
.testimonial-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;align-items:start}.testimonial-card{position:relative;min-height:360px;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--panel);display:flex;flex-direction:column;overflow:hidden}.testimonial-card:nth-child(1){grid-column:span 5;min-height:440px}.testimonial-card:nth-child(2){grid-column:span 3;margin-top:80px}.testimonial-card:nth-child(3){grid-column:span 4;min-height:390px}.testimonial-card:nth-child(4){grid-column:5/span 6;margin-top:-55px;min-height:300px}.testimonial-card::after{content:"";position:absolute;right:-65px;bottom:-90px;width:190px;height:190px;border:1px solid rgba(var(--cyan-rgb),.12);border-radius:50%}.perspective-label{color:var(--cyan);font:700 10px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}.testimonial-card>p{max-width:22ch;margin-top:44px;font:600 clamp(1.25rem,1.8vw,1.65rem)/1.3 var(--display);letter-spacing:-.025em}.testimonial-card footer{margin-top:auto;padding-top:32px;border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:20px;color:var(--copy);font-size:12px}.testimonial-card footer b{color:var(--ink)}.testimonial-card footer small{color:var(--muted);font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.motion-enhanced .testimonial-card{will-change:transform;transition:border-color .25s,box-shadow .3s var(--ease)}.motion-enhanced .testimonial-card:hover{border-color:var(--line-bright);box-shadow:0 28px 70px rgba(0,0,0,.24)}

/* motion within motion — code-native interface loops */
@keyframes ui-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes wave-pulse{0%{scale:1 .42;opacity:.45}100%{scale:1 1;opacity:1}}
@keyframes chart-breathe{0%,100%{scale:1 .72}50%{scale:1 1}}
@keyframes dash-flow{to{stroke-dashoffset:-48}}
@keyframes orbit-spin{to{rotate:1turn}}
@keyframes orbit-counter{to{rotate:-1turn}}
@keyframes material-rise{0%,100%{scale:1 .78}50%{scale:1 1}}
@keyframes core-breathe{0%,100%{box-shadow:0 0 45px rgba(124,127,240,.12)}50%{box-shadow:0 0 95px rgba(124,127,240,.36)}}
.audio-phone,.rating-shift,.chart-bars i,.node-visual svg path,.data-orbit,.data-orbit span,.material-preview span,.ai-core{animation-play-state:paused!important}
.project-stage.motion-live .audio-phone{animation:ui-float 5.2s ease-in-out infinite;animation-play-state:running!important}.project-stage.motion-live .rating-shift{animation:ui-float 4.6s ease-in-out -1.8s infinite;animation-play-state:running!important}
.project-stage.motion-live .audio-wave i{animation:wave-pulse .8s ease-in-out infinite alternate;transform-origin:center}.project-stage.motion-live .audio-wave i:nth-child(2n){animation-delay:-.35s}.project-stage.motion-live .audio-wave i:nth-child(3n){animation-delay:-.6s}
.cap-visual.motion-live .chart-bars i{animation:chart-breathe 2.1s ease-in-out infinite;animation-play-state:running!important;transform-origin:bottom}.cap-visual.motion-live .chart-bars i:nth-child(2){animation-delay:-.4s}.cap-visual.motion-live .chart-bars i:nth-child(3){animation-delay:-.8s}.cap-visual.motion-live .chart-bars i:nth-child(4){animation-delay:-1.2s}.cap-visual.motion-live .chart-bars i:nth-child(5){animation-delay:-1.6s}
.cap-visual.motion-live .node-visual svg path,.cap-visual.motion-live svg path{animation-play-state:running!important}.node-visual.motion-live svg path{animation:dash-flow 2.8s linear infinite;animation-play-state:running!important}
.data-visual.motion-live .data-orbit{animation:orbit-spin 16s linear infinite;animation-play-state:running!important}.data-visual.motion-live .data-orbit span{animation:orbit-counter 16s linear infinite;animation-play-state:running!important}
.project-stage.motion-live .material-preview span{animation:material-rise 2.5s ease-in-out infinite;animation-play-state:running!important;transform-origin:bottom}.project-stage.motion-live .material-preview span:nth-child(2){animation-delay:-.8s}.project-stage.motion-live .material-preview span:nth-child(3){animation-delay:-1.6s}
.ai-panel.motion-live .ai-core{animation:core-breathe 3.4s ease-in-out infinite;animation-play-state:running!important}

/* final CTA and footer */
.final-cta{position:relative;min-height:760px;margin:20px;border:1px solid var(--line);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 82% 15%,rgba(var(--cyan-rgb),.22),transparent 36%),radial-gradient(circle at 20% 90%,rgba(23,220,197,.1),transparent 40%),#07131a;display:grid;place-items:center}
.final-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(var(--cyan-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cyan-rgb),.05) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at center,#000,transparent 72%)}
.cta-mark{position:absolute;right:5%;top:50%;width:360px;height:470px;transform:translateY(-50%) rotate(-8deg);opacity:.1}.cta-mark span{position:absolute;inset:0;-webkit-mask:url("../logos/atimi-mark.png") center/contain no-repeat;mask:url("../logos/atimi-mark.png") center/contain no-repeat;background:var(--cyan);transform:translate(calc(var(--i,0)*8px),calc(var(--i,0)*-6px))}.cta-mark span:nth-child(1){--i:0}.cta-mark span:nth-child(2){--i:1}.cta-mark span:nth-child(3){--i:2}.cta-mark span:nth-child(4){--i:3}.cta-mark span:nth-child(5){--i:4}
.cta-marquees{position:absolute;z-index:0;inset:-8%;overflow:hidden;opacity:.11;transform:rotate(-5deg);pointer-events:none}.cta-marquee{position:absolute;left:0;width:100%;overflow:hidden}.cta-marquee.row-a{top:12%}.cta-marquee.row-b{top:45%}.cta-marquee.row-c{top:78%}.cta-marquee-track{display:flex;width:max-content;animation:cta-marquee-left 28s linear infinite;animation-play-state:paused}.cta-marquee.row-b .cta-marquee-track{animation-name:cta-marquee-right;animation-duration:34s}.cta-marquee.row-c .cta-marquee-track{animation-duration:25s}.cta-marquee-track span{display:block;padding-right:.22em;color:transparent;-webkit-text-stroke:1px rgba(110,234,242,.75);font:800 clamp(3.4rem,7vw,7.5rem)/.9 var(--display);letter-spacing:-.06em;white-space:nowrap}.final-cta.motion-live .cta-marquee-track{animation-play-state:running}@keyframes cta-marquee-left{to{transform:translateX(-50%)}}@keyframes cta-marquee-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.cta-content{position:relative;z-index:2;text-align:center}.cta-content h2{max-width:940px;margin-inline:auto}.cta-content>p:not(.eyebrow){margin:25px auto 0;color:var(--copy);font-size:18px}.button-large{min-height:60px;margin-top:38px;padding-inline:30px}.contact-points{margin-top:36px;display:flex;align-items:center;justify-content:center;gap:18px;color:var(--copy);font-size:14px}.contact-points i{width:4px;height:4px;border-radius:50%;background:var(--cyan)}.contact-points a:hover{color:var(--cyan)}
.site-footer{padding:92px 0 30px;background:#020407;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:60px}.footer-brand img{width:auto;height:38px}.footer-brand p{margin-top:22px;color:var(--muted);font-size:14px}.footer-grid nav{display:grid;align-content:start;gap:12px}.footer-grid nav p{margin-bottom:8px;color:var(--ink);font:700 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.footer-grid nav a{width:max-content;color:var(--muted);font-size:14px;transition:color .2s}.footer-grid nav a:hover{color:var(--cyan)}
.footer-bottom{margin-top:80px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:600 9px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}.footer-bottom a:hover{color:var(--cyan)}

/* reveal */
.reveal-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .75s var(--ease)}
.reveal-ready .reveal.is-visible{opacity:1;transform:none}
.static-mode .reveal,.no-js .reveal{opacity:1;transform:none}
.motion-enhanced [data-magnetic]{transition:box-shadow .25s,background .25s}

@media(min-width:961px) and (min-height:700px){
  .motion-enhanced .capability-viewport{scroll-snap-type:none}
  .motion-enhanced .cap-card{transition:border-color .25s,box-shadow .35s}
}

@media(max-width:1180px){
  .wrap{width:min(var(--max),calc(100% - 56px))}
  .hero-grid{grid-template-columns:minmax(420px,.9fr) minmax(420px,1.1fr)}
  .hero h1{font-size:clamp(3.1rem,5.6vw,4.25rem)}
  .engine{height:min(58svh,535px)}
  .project-stage{min-height:580px}.audio-phone{width:235px;height:465px}.audio-cover{height:195px}.bank-device{width:215px;height:430px}.industrial-window{height:420px}
  .ai-panel{grid-template-columns:minmax(320px,.85fr) minmax(400px,1.15fr);gap:40px}
}

@media(max-width:960px){
  html{scroll-padding-top:82px}
  .wrap{width:calc(100% - 44px)}
  .site-nav{min-height:58px;padding:5px 6px 5px 16px;grid-template-columns:1fr auto auto;gap:8px}.nav-links{display:none}.brand img{height:26px}.nav-cta{min-height:46px;padding-inline:16px}.menu-button{display:grid}
  .no-js .site-nav{border-radius:24px;grid-template-columns:1fr auto;padding:7px 10px 7px 16px}.no-js .site-nav .nav-links{grid-column:1/-1;display:flex;justify-content:flex-start;gap:20px;padding:2px 4px 0;overflow-x:auto;scrollbar-width:none}.no-js .site-nav .nav-links::-webkit-scrollbar{display:none}.no-js .site-nav .nav-links a{min-height:42px;display:flex;align-items:center}.no-js .hero{padding-top:154px}
  .proposal-dock{display:none}
  .hero{padding-top:100px}.hero-grid{min-height:auto;padding-bottom:88px;grid-template-columns:1fr;gap:10px}.hero-copy{max-width:700px;padding-top:30px}.hero h1{font-size:clamp(3.25rem,8.6vw,5rem)}.hero-lead{max-width:62ch}.engine-zone{min-height:520px}.engine{left:50%;top:50%;height:min(52svh,490px);max-width:80vw}.engine-aura{left:50%;top:50%;width:min(86vw,620px);height:min(70vw,540px)}.label-a{left:5%;top:20%}.label-b{right:5%;bottom:16%}
  .logo-grid{grid-template-columns:repeat(4,1fr)}.logo-grid>div{border-bottom:1px solid var(--line)}.logo-grid>div:nth-child(4n){border-right:1px solid var(--line)}
  .section-heading{grid-template-columns:1fr;gap:30px}.heading-aside{max-width:650px}.section-heading h2,.ai-copy h2,.proof-center h2,.cta-content h2{font-size:clamp(2.65rem,7.5vw,4rem)}
  .project-list{grid-template-columns:1fr;gap:84px}.project,.project-entertainment,.project-banking,.project-industrial{grid-column:auto;display:grid;grid-template-columns:1fr;gap:36px}.project-banking .project-copy{order:2}.project-banking .project-stage{order:0}.project-stage,.project-entertainment .project-stage,.project-banking .project-stage,.project-industrial .project-stage{min-height:620px}.project-copy{max-width:720px}.project-copy h3{max-width:16ch}
  .proof-stage{min-height:800px}.proof-token{width:110px}.metrics{margin-top:58px}
  .engagement-visual{height:340px}.process article{min-height:330px;padding:22px}
  .ai-panel{grid-template-columns:1fr;gap:28px;padding:50px}.ai-copy{max-width:690px}.ai-system{min-height:500px}
  .testimonial-card:nth-child(1){grid-column:span 6}.testimonial-card:nth-child(2){grid-column:span 6;margin-top:50px}.testimonial-card:nth-child(3){grid-column:span 6}.testimonial-card:nth-child(4){grid-column:span 6;margin-top:-10px}
  .footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
  .motion-enhanced .cap-card:not(.is-active){opacity:.78}
}

@media(max-width:720px){
  .wrap{width:calc(100% - 40px)}
  .nav-shell{top:10px}.site-nav{width:calc(100% - 20px)}.nav-cta{padding-inline:13px;font-size:12px}.brand img{height:24px}
  .hero{padding-top:80px}.hero-grid{padding-bottom:65px}.hero-copy{padding-top:30px}.hero-kicker{gap:7px 10px;font-size:10px;line-height:1.5}.hero-kicker span{gap:10px}.hero h1{margin-top:19px;font-size:clamp(2.65rem,12.5vw,4rem);line-height:.92}.hero-lead{margin-top:20px;font-size:16px}.hero-actions{margin-top:25px;gap:13px}.authority-line{font-size:10px;line-height:1.65;letter-spacing:.035em}.engine-zone{min-height:390px}.engine{height:min(42svh,360px);max-width:88vw}.engine-label{display:none}.scroll-cue{display:none}
  .trusted{padding-block:34px}.logo-grid{grid-template-columns:repeat(2,1fr)}.logo-grid>div{height:70px;border-bottom:1px solid var(--line)}.logo-grid>div:nth-child(2n){border-right:1px solid var(--line)}
  .section{padding-block:82px}.section-heading{margin-bottom:42px}.section-heading h2,.ai-copy h2,.proof-center h2,.cta-content h2{font-size:clamp(2.35rem,10.5vw,3.2rem)}.heading-aside>p{font-size:16px}
  .shelf-toolbar{width:calc(100% - 40px);margin:0 auto 14px}.shelf-controls{display:none}.capability-shell{padding-block:16px 18px}.capability-viewport{--shelf-edge:20px;--shelf-card:calc(100vw - 48px);cursor:auto;padding-block:2px 16px}.capability-track{gap:12px}.cap-card{height:540px}.cap-card:hover{transform:none}.cap-copy h3{font-size:1.75rem}.shelf-progress{width:calc(100% - 40px)}
  .project-list{gap:58px}.project-stage,.project-entertainment .project-stage,.project-banking .project-stage,.project-industrial .project-stage{min-height:460px;border-radius:22px}.project-copy h3{font-size:2.2rem}.project-copy>p:not(.eyebrow){font-size:16px}.project-proof{display:block;margin-top:24px;padding-top:19px}.project-proof span{display:block;max-width:none;margin-top:8px;text-align:left}.audio-phone{left:42%;width:195px;height:385px;padding:20px 17px}.audio-cover{height:150px}.rating-shift{right:3%;width:185px}.bank-device{width:175px;height:355px;padding:18px 14px}.bank-device-a{left:7%}.bank-device-b{right:7%}.award-seal{width:104px;height:104px;padding:13px}.award-seal b{font-size:20px}.industrial-window{left:4%;right:4%;height:350px;grid-template-columns:50px 1fr}.industrial-main{padding:18px 16px}.material-preview{height:125px}.workflow-chain{gap:7px;padding:11px 12px;font-size:6px}
  .proof-stage{min-height:auto;padding:92px 0}.proof-stage::before{opacity:.2}.proof-center{width:calc(100% - 40px)}.proof-token{position:relative!important;left:auto!important;top:auto!important;width:auto;height:62px;opacity:1!important;transform:none!important}.proof-stage{display:block}.proof-center{margin-inline:auto}.proof-stage>.proof-token{display:none}.metrics{margin-top:46px;grid-template-columns:1fr}.metrics>div{padding:28px 0;border-left:0;border-top:1px solid var(--line)}.metrics>div:last-child{border-right:0;border-bottom:1px solid var(--line)}.metrics dd{font-size:4.3rem}.metrics dt{margin-top:9px}.history-note{margin-top:38px}
  .engagement-grid{grid-template-columns:1fr}.engagement-card{padding:16px 16px 24px}.engagement-visual{height:250px}.project-model>div{left:5%;right:5%;bottom:18px;gap:5px}.project-model>div b{min-height:46px;font-size:10px}.model-client{left:8%;top:38px}.model-atimi{right:8%;top:38px}.project-model>i{left:calc(8% + 112px);right:calc(8% + 112px);top:94px}
  .mobile-rail-status.is-active{width:calc(100% - 40px);margin:24px auto 10px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font:700 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.mobile-rail-status p span{color:var(--cyan)}.mobile-rail-status>i{width:84px;height:1px;background:var(--line);overflow:hidden}.mobile-rail-status>i b{display:block;width:100%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--teal));transform:scaleX(.12);transform-origin:left;transition:transform .1s linear}.mobile-rail-status-process+ .process{margin-top:0}
  .process{width:100%;max-width:none;margin:24px 0 0;padding:0 20px 12px;border:0;background:transparent;display:flex;gap:12px;overflow-x:auto!important;overflow-y:hidden;perspective:none!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.process::-webkit-scrollbar{display:none}.motion-enhanced .process article,.process article{flex:0 0 calc(100vw - 48px);min-height:270px;border:1px solid var(--line);border-radius:22px;background:#050c12;box-shadow:none;scroll-snap-align:center}.process article:last-child{border:1px solid var(--line)}.process-icon{width:104px;height:104px;margin-top:18px}.process-icon i:last-child{inset:36px}.process-build i:nth-child(1){inset:13px}.process-build i:nth-child(2){inset:31px}.process-build i:nth-child(3){inset:44px}.reasons{margin-top:36px;grid-template-columns:1fr}.reasons article{min-height:150px}.reasons h3{margin-top:20px}
  .ai-section{padding-bottom:82px}.ai-panel{width:calc(100% - 24px);min-height:auto;padding:42px 22px;border-radius:24px}.ai-system{min-height:430px}.ai-system::before{width:280px;height:280px}.ai-system::after{width:390px;height:390px}.ai-core{width:130px;height:130px}.ai-path{width:155px;padding:12px}.path-a{left:-8px}.path-b{right:-8px}.path-c{bottom:10px}
  .testimonials .mobile-rail-status{margin-top:0}.testimonial-grid{width:100%;max-width:none;margin:0;padding:0 20px 12px;display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.testimonial-grid::-webkit-scrollbar{display:none}.testimonial-card,.testimonial-card:nth-child(n){flex:0 0 calc(100vw - 48px);min-height:300px;margin-top:0;scroll-snap-align:center}.testimonial-card>p{font-size:1.35rem}.testimonial-card footer{display:block}.testimonial-card footer small{display:block;margin-top:8px;font-size:10px}
  .final-cta{min-height:680px;margin:10px;border-radius:24px}.cta-content{width:calc(100% - 40px)}.cta-content>p:not(.eyebrow){font-size:16px}.cta-mark{right:-24%;width:300px;height:390px}.contact-points{flex-direction:column;gap:10px}.contact-points i{display:none}
  .site-footer{padding-top:70px}.footer-grid{grid-template-columns:1fr 1fr;gap:48px 26px}.footer-brand{grid-column:1/-1}.footer-bottom{margin-top:58px;align-items:flex-start;gap:22px;flex-direction:column}
  .footer-grid nav{gap:4px}.footer-grid nav a,.contact-points a{display:inline-flex;min-height:44px;align-items:center}
  .stage-wipe{background:#0b1720}.motion-enhanced .stage-wipe{will-change:auto}.mock-label,.rating-shift{backdrop-filter:none;-webkit-backdrop-filter:none}.audio-phone,.bank-device,.industrial-window{box-shadow:0 18px 42px rgba(0,0,0,.38)}.rating-shift,.award-seal{box-shadow:0 14px 32px rgba(0,0,0,.3)}
}

@media(max-width:420px){
  .wrap{width:calc(100% - 32px)}
  .process.wrap,.testimonial-grid.wrap{width:100%;margin-inline:0}
  .site-nav{width:calc(100% - 16px);padding-left:13px}.nav-cta{min-width:82px;padding-inline:10px}.nav-cta span{display:none}.menu-button{width:44px;height:44px}
  .hero h1{font-size:2.6rem}.hero-actions{display:grid;justify-items:start}.authority-line{line-height:1.8}.engine-zone{min-height:350px}.engine{height:320px}.label-a{left:0}.label-b{right:0}
  .capability-viewport{--shelf-edge:16px;--shelf-card:calc(100vw - 40px)}.cap-card{height:520px;padding:18px}.phone-ui{width:185px;height:345px}.browser-ui{width:100%;height:270px}.node-core{width:65px;height:65px}.n1{left:calc(50% - 112px)}.n2{left:calc(50% + 64px)}.n3{left:calc(50% - 112px)}.n4{left:calc(50% + 64px)}
  .project-stage{min-height:470px}.audio-phone{left:38%;width:185px;height:375px}.audio-cover{height:145px}.audio-phone>p{margin-top:14px}.audio-phone>h4{font-size:17px}.rating-shift{right:2%;bottom:5%;width:170px}.rating-shift div{display:grid;grid-template-columns:1fr auto 1fr}.rating-shift strong{font-size:15px}.bank-device{width:160px;height:340px}.bank-device-a{left:3%}.bank-device-b{right:3%}.bank-device>strong{font-size:18px}.bank-chart{height:80px}.advisor-card{padding:9px}.award-seal{bottom:3%;width:96px;height:96px}.industrial-window{height:350px}.industrial-main h4{font-size:18px}.material-preview{height:120px}.workflow-chain{max-width:94%;overflow:hidden}
  .model-client,.model-atimi{width:94px;height:94px}.model-client{left:5%}.model-atimi{right:5%}.project-model>i{left:calc(5% + 94px);right:calc(5% + 94px);top:99px}
  .ai-panel{padding-inline:17px}.ai-system{min-height:400px}.ai-system::after{display:none}.ai-core{width:115px;height:115px}.ai-path{width:142px}.path-a{top:45px}.path-b{top:100px}.path-c{bottom:8px}
  .footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}
}
@media(max-width:340px){.quote-button{display:none}}

@media(max-width:960px){
  .page-progress{display:none}
  .shelf-mode-desktop{display:none}.shelf-mode-mobile{display:inline}
  .engine,.engine-layer,.engine-satellite,.logo-track,.story-icon,.project-stage,.split-word,.proof-rotor,.motion-enhanced .capability-shell,.motion-enhanced .capability-track,.motion-enhanced .process article,.motion-enhanced .testimonial-card{will-change:auto}
  .logo-grid{grid-template-columns:repeat(8,150px)}.logo-grid>div{border-bottom:0}.logo-grid>div:nth-child(4n),.logo-grid>div:nth-child(2n){border-right:0}.logo-grid>div:last-child{border-right:1px solid var(--line)}
  .system-story,.system-story-stage{height:min(760px,100svh);min-height:min(760px,100svh)}.story-index{left:22px;top:80px}.story-progress{right:22px;top:80px}.story-message{top:42%;width:calc(100% - 44px)}.story-message strong{font-size:clamp(3.2rem,9vw,5.2rem)}.story-dock{width:calc(100% - 44px);bottom:38px}.story-target{padding-inline:5px;font-size:8px}
}
@media(min-width:721px) and (max-height:800px){
  .capability-shell{padding-block:14px 10px}
  .shelf-toolbar{margin-bottom:8px}
  .capability-viewport{padding-block:0 6px}
  .cap-card{height:clamp(390px,calc(100svh - 180px),620px)}
  .cap-visual{margin:6px -4px 8px;scale:.82}
  .cap-copy{padding-top:11px}.cap-copy h3{font-size:clamp(1.35rem,2vw,1.7rem)}.cap-copy p{margin-top:7px;font-size:13px;line-height:1.42}
}
@media(min-width:721px) and (max-width:960px) and (max-height:700px){
  .hero{min-height:100svh;padding-top:82px}.hero-grid{min-height:calc(100svh - 82px);padding-bottom:24px;grid-template-columns:minmax(350px,1.06fr) minmax(270px,.94fr);gap:12px;align-items:center}.hero-copy{max-width:none;padding:0}.hero h1{margin-top:17px;font-size:clamp(2.55rem,5.2vw,3.25rem);line-height:.9}.hero-lead{margin-top:17px;font-size:14px;line-height:1.48}.hero-actions{margin-top:20px}.authority-line{margin-top:18px;font-size:8px}.engine-zone{min-height:calc(100svh - 112px)}.engine{height:min(61svh,390px);max-width:42vw}.engine-aura{width:min(46vw,430px);height:min(46vw,430px)}.engine-label{display:none}.scroll-cue{display:none}
  .section-heading{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:32px}.section-heading h2,.ai-copy h2,.proof-center h2,.cta-content h2{font-size:clamp(2.25rem,5.5vw,3.15rem)}
  .ai-panel{grid-template-columns:minmax(300px,.9fr) minmax(330px,1.1fr);gap:24px;padding:40px}.ai-system{min-height:430px}
  .project-stage,.project-entertainment .project-stage,.project-banking .project-stage,.project-industrial .project-stage{height:clamp(300px,calc(100svh - 154px),500px);min-height:0}
  .audio-phone{width:205px;height:clamp(365px,calc(100svh - 180px),410px);padding:21px 18px}.audio-cover{height:160px}.rating-shift{width:190px;padding:14px 15px}
  .bank-device{width:190px;height:clamp(340px,calc(100svh - 190px),390px);padding:19px 15px}.bank-device-a{top:5%}.bank-device-b{top:7%}.bank-chart{height:88px;margin-top:18px}.award-seal{width:106px;height:106px;padding:14px}
  .industrial-window{top:5%;height:clamp(340px,calc(100svh - 180px),380px)}.industrial-main{padding:18px 20px}.material-preview{height:120px;margin-top:15px}.quote-lines{margin-top:12px}.quote-button{margin-top:12px}.workflow-chain{bottom:3%}
}
@media(min-width:721px) and (max-width:960px) and (max-height:500px){
  .hero-grid{padding-bottom:12px;grid-template-columns:minmax(390px,1.08fr) minmax(270px,.92fr);gap:6px}.hero h1{margin-top:11px;font-size:clamp(2rem,4.45vw,2.35rem)}.hero-kicker{font-size:8px;gap:5px 8px}.hero-kicker span{gap:8px}.hero-lead{margin-top:11px;font-size:12px;line-height:1.38}.hero-actions{margin-top:13px;gap:12px}.hero-actions .button{min-height:44px;padding:10px 17px;font-size:11px}.hero-actions .text-link{font-size:11px}.authority-line{display:none}.engine-zone{min-height:calc(100svh - 96px)}.engine{height:min(68svh,300px);max-width:37vw}.engine-satellite{width:76px;min-height:48px;padding:7px}.engine-satellite small,.satellite-2,.satellite-4{display:none}.satellite-1{left:0;top:12%}.satellite-3{left:1%;bottom:9%}.satellite-5{right:1%;top:38%}
  .capability-shell{padding-block:10px 8px}.shelf-toolbar{margin-bottom:6px}.shelf-controls{display:none}.capability-viewport{padding-block:0 4px}.cap-card{height:clamp(260px,calc(100svh - 122px),310px);padding:15px 16px}.cap-visual{margin:2px -4px 4px;scale:.56}.cap-copy{padding-top:7px}.cap-copy h3{font-size:1.15rem}.cap-copy p{margin-top:5px;font-size:11.5px;line-height:1.32}.shelf-progress{margin-top:2px}
  .mobile-menu-panel{overflow-y:auto}.mobile-menu-head{position:sticky;z-index:3;top:0;background:var(--night-2)}
  .project-stage,.project-entertainment .project-stage,.project-banking .project-stage,.project-industrial .project-stage{height:max(280px,calc(100svh - 90px))}
  .audio-phone,.rating-shift,.bank-device,.award-seal,.industrial-window,.workflow-chain{scale:.64}
  .audio-phone{left:43%}.rating-shift{right:0}.bank-device-a{left:12%}.bank-device-b{right:9%}.industrial-window{left:0;right:0;top:-2%}.workflow-chain{bottom:-1%}
}
@media(min-width:961px) and (max-height:699px){
  .shelf-mode-desktop{display:none}.shelf-mode-compact{display:inline}
}
@media(max-width:720px){
  .logo-marquee{width:100vw;margin-left:calc((100% - 100vw)/2)}.logo-grid{grid-template-columns:repeat(8,138px)}
  .js:not(.static-mode) .engine{animation:none}
  .engine-satellite{width:88px;min-height:58px;padding:8px}.engine-satellite small{display:none}.satellite-2,.satellite-4{display:none}.satellite-1{left:0;top:13%}.satellite-3{left:1%;bottom:12%}.satellite-5{right:2%;top:39%}
  .system-story,.system-story-stage{height:690px;min-height:690px}.story-index{top:58px;font-size:8px}.story-progress{top:58px;width:90px}.story-message{top:38%}.story-message span{font-size:9px}.story-message strong{font-size:clamp(2.75rem,13vw,4.2rem)}.story-icon{width:70px;border-radius:20px}.story-icon:nth-child(1){left:10%;top:67%}.story-icon:nth-child(2){left:25%;top:17%}.story-icon:nth-child(3){left:50%;top:64%}.story-icon:nth-child(4){left:74%;top:16%}.story-icon:nth-child(5){left:90%;top:60%}.story-dock{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;bottom:24px}.story-target{padding:48px 2px 10px;font-size:7px;letter-spacing:.04em}
  .proof-rotor{width:620px}.motion-cursor{display:none!important}
}

@media(any-pointer:coarse){
  .engine-zone{touch-action:pan-y}.engine-interaction{bottom:3%;padding:9px 12px;border:1px solid rgba(var(--cyan-rgb),.18);border-radius:999px;background:rgba(4,13,20,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.engine-interaction-desktop{display:none}.engine-interaction-touch{display:inline}
}
.static-mode .engine-interaction,.no-js .engine-interaction{display:none!important}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal-ready .reveal{opacity:1;transform:none}.engine{will-change:auto}.capability-viewport{scroll-behavior:auto}.project-stage{transform:none!important}
}
.static-mode .reveal{opacity:1;transform:none}.static-mode .engine{will-change:auto}.static-mode .project-stage{transform:none!important}.static-mode .logo-track{animation:none;transform:none}.static-mode .motion-cursor{display:none}.static-mode .story-message-a,.motion-unavailable .story-message-a,.no-js .story-message-a{opacity:0}.static-mode .story-message-b,.static-mode .story-dock,.motion-unavailable .story-message-b,.motion-unavailable .story-dock,.no-js .story-message-b,.no-js .story-dock{opacity:1}.static-mode .story-progress i,.motion-unavailable .story-progress i,.no-js .story-progress i{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none}.motion-cursor{display:none}.story-message-a{opacity:0}.story-message-b,.story-dock{opacity:1}.story-progress i{transform:scaleX(1)}}
@media(forced-colors:active){.engine-zone,.cap-visual,.project-stage,.engagement-visual,.ai-system,.proof-token{forced-color-adjust:none}.engine-zone{display:none}.hero-grid{grid-template-columns:1fr}.button,.nav-cta,.menu-button{border:1px solid ButtonText}.proof-token img,.logo-grid img{filter:none}}