:root {
  --ink: #041425;
  --ink-2: #09233a;
  --ink-3: #12334c;
  --paper: #f3f1e9;
  --paper-2: #e9e5da;
  --white: #fffdfa;
  --cyan: #6fe8f2;
  --cyan-deep: #057d8f;
  --coral: #ff705d;
  --gold: #f4c965;
  --violet: #b9b1ff;
  --line: rgba(4, 20, 37, .15);
  --line-light: rgba(255, 255, 255, .14);
  --shadow: 0 30px 90px rgba(4, 20, 37, .17);
  --shadow-heavy: 0 42px 120px rgba(0, 8, 18, .45);
  --radius-sm: 16px;
  --radius: 30px;
  --radius-lg: 48px;
  --max: 1240px;
  --ease: cubic-bezier(.16, 1, .3, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, "Helvetica Neue", Arial, ui-sans-serif, system-ui, sans-serif;
  line-height: 1.55;
  overflow-x: hidden;
  opacity: 1;
  transition: opacity .3s ease;
}
body.is-loading { opacity: 0; }
body.is-leaving { opacity: 0; }
a { color: inherit; }
img, svg, canvas { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { color: var(--ink); background: var(--cyan); }
:focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 200; transform: translateY(-160%); border-radius: 999px; background: var(--white); padding: .72rem 1rem; font-weight: 800; }
.skip-link:focus { transform: none; }
.shell { width: min(calc(100% - 48px), var(--max)); margin-inline: auto; position: relative; z-index: 2; }
.page-progress { position: fixed; inset: 0 auto auto 0; z-index: 100; width: var(--progress, 0%); height: 3px; background: linear-gradient(90deg, var(--coral), var(--cyan)); box-shadow: 0 0 18px rgba(111, 232, 242, .6); pointer-events: none; }
.pointer-glow { position: fixed; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(500px circle at var(--x, 50%) var(--y, 25%), rgba(111, 232, 242, .08), transparent 68%); }

.eyebrow { margin: 0 0 1rem; color: var(--cyan-deep); font-size: .73rem; font-weight: 900; letter-spacing: .2em; text-transform: uppercase; }
.section-heading { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); align-items: end; gap: 5rem; margin-bottom: 4rem; }
.section-heading h2, .process-intro h2 { margin: 0; max-width: 800px; font-size: clamp(3rem, 6vw, 6.4rem); line-height: .89; letter-spacing: -.07em; }
.section-heading > p { max-width: 560px; margin: 0 0 .5rem; color: rgba(4, 20, 37, .66); font-size: 1.08rem; }
.heading-light h2 { color: var(--white); }
.heading-light > p { color: rgba(255, 255, 255, .62); }
.heading-light .eyebrow, .section-ink .eyebrow { color: var(--cyan); }

.site-header { position: fixed; inset: 0 0 auto; z-index: 80; color: var(--white); border-bottom: 1px solid transparent; transition: background .4s ease, border-color .4s ease, transform .4s var(--ease); }
.site-header.is-scrolled { border-color: var(--line-light); background: rgba(4, 20, 37, .76); backdrop-filter: blur(22px) saturate(150%); }
.nav { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; transition: min-height .35s ease; }
.site-header.is-scrolled .nav { min-height: 72px; }
.brand { display: inline-flex; align-items: center; gap: .8rem; color: var(--white); text-decoration: none; font-weight: 850; letter-spacing: -.025em; }
.brand-mark { width: 44px; height: 44px; flex: 0 0 44px; filter: drop-shadow(0 12px 24px rgba(0, 0, 0, .3)); }
.brand span small { display: block; color: rgba(255, 255, 255, .52); font-size: .58rem; letter-spacing: .17em; text-transform: uppercase; }
.nav-links { display: flex; align-items: center; gap: 1.9rem; }
.nav-links a { position: relative; color: rgba(255, 255, 255, .68); font-size: .86rem; font-weight: 760; text-decoration: none; transition: color .25s ease; }
.nav-links > a:not(.nav-cta)::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -.45rem; height: 1px; background: var(--cyan); transition: right .35s var(--ease); }
.nav-links > a:hover, .nav-links > a[aria-current="page"] { color: var(--white); }
.nav-links > a:hover::after, .nav-links > a[aria-current="page"]::after { right: 0; }
.nav-cta { display: inline-flex; align-items: center; gap: .55rem; padding: .76rem 1.05rem; border-radius: 999px; background: var(--cyan); color: var(--ink) !important; box-shadow: 0 0 0 0 rgba(111, 232, 242, .25); transition: transform .25s ease, box-shadow .25s ease !important; }
.nav-cta:hover { box-shadow: 0 0 0 8px rgba(111, 232, 242, .1); }
.menu-button { display: none; width: 46px; height: 46px; padding: 0 12px; border: 1px solid var(--line-light); border-radius: 50%; background: rgba(255, 255, 255, .06); }
.menu-button > span:not(.sr-only) { display: block; width: 100%; height: 1px; margin: 6px 0; background: var(--white); transition: transform .3s ease; }
.menu-button[aria-expanded="true"] > span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-button[aria-expanded="true"] > span:nth-child(2) { transform: translateY(-3.5px) rotate(-45deg); }

.hero-cinematic { min-height: 100svh; position: relative; isolation: isolate; overflow: hidden; color: var(--white); background: var(--ink); }
.hero-art { position: absolute; inset: 0; z-index: -4; transform: scale(1.03) translate3d(0, var(--parallax-y, 0), 0); will-change: transform; }
.hero-art img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.86) contrast(1.04); }
.hero-vignette { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(3, 16, 30, 1) 0%, rgba(3, 16, 30, .95) 34%, rgba(3, 16, 30, .38) 66%, rgba(3, 16, 30, .2) 100%), linear-gradient(0deg, rgba(3, 16, 30, .8), transparent 45%, rgba(3, 16, 30, .28)); }
.hero-cinematic::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 84px 84px; mask-image: linear-gradient(to bottom, #000 10%, transparent 86%); }
.signal-canvas { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; opacity: .75; pointer-events: none; }
.hero-stage { min-height: 100svh; padding: 9rem 0 6rem; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(380px, .75fr); align-items: center; gap: 5rem; }
.hero-copy-block { max-width: 770px; }
.status-pill { width: fit-content; margin: 0 0 1.7rem; padding: .54rem .8rem; display: flex; align-items: center; gap: .55rem; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: rgba(255,255,255,.72); background: rgba(255,255,255,.045); backdrop-filter: blur(12px); font-size: .72rem; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.status-pill span { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(111,232,242,.1), 0 0 18px var(--cyan); animation: status-pulse 2.4s ease-in-out infinite; }
.hero-title { margin: 0; max-width: 820px; font-size: clamp(4rem, 7.9vw, 8.2rem); line-height: .84; letter-spacing: -.078em; font-weight: 820; text-wrap: balance; }
.hero-title em { display: block; color: var(--coral); font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.06em; }
.hero-lede { max-width: 660px; margin: 2rem 0 0; color: rgba(255,255,255,.7); font-size: clamp(1.03rem, 1.5vw, 1.2rem); }
.hero-actions { margin-top: 2.2rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; }
.button { min-height: 54px; padding: .82rem 1.2rem; display: inline-flex; align-items: center; justify-content: center; gap: .65rem; border: 1px solid transparent; border-radius: 999px; text-decoration: none; font-size: .87rem; font-weight: 850; cursor: pointer; transform: translate3d(var(--mag-x, 0), var(--mag-y, 0), 0); transition: transform .28s var(--ease), background .25s ease, color .25s ease, box-shadow .25s ease; }
.button:hover { box-shadow: 0 16px 42px rgba(0,0,0,.2); }
.button-coral { color: var(--ink); background: var(--coral); }
.button-ink, .button-dark { color: var(--white); background: var(--ink); }
.text-link { display: inline-flex; align-items: center; gap: .65rem; color: rgba(255,255,255,.75); text-decoration: none; font-size: .87rem; font-weight: 800; }
.text-link span { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; transition: transform .3s var(--ease); }
.text-link:hover span { transform: translateY(3px); }
.text-link-light { color: var(--white); }
.hero-proof { margin-top: 3rem; display: flex; flex-wrap: wrap; gap: 1.8rem; color: rgba(255,255,255,.48); font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }
.hero-proof span { padding-right: 1.8rem; border-right: 1px solid var(--line-light); }
.hero-proof span:last-child { border: 0; }
.hero-proof strong { display: block; margin-bottom: .25rem; color: var(--white); font-size: 1rem; letter-spacing: -.02em; text-transform: none; }

.hero-interface { min-height: 600px; position: relative; display: grid; place-items: center; perspective: 1100px; }
.browser-frame { border: 1px solid rgba(255,255,255,.18); border-radius: 25px; overflow: hidden; background: rgba(6,25,43,.78); backdrop-filter: blur(22px); box-shadow: var(--shadow-heavy); transform: rotateY(-7deg) rotateX(2deg); transform-style: preserve-3d; transition: transform .35s var(--ease); }
.hero-browser { width: min(100%, 500px); }
.browser-bar { height: 42px; padding: 0 14px; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.05); }
.browser-bar > span { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.25); }
.browser-bar > span:first-child { background: var(--coral); }
.browser-bar > span:nth-child(2) { background: var(--gold); }
.browser-bar > span:nth-child(3) { background: var(--cyan); }
.browser-bar small { margin-left: auto; margin-right: auto; color: rgba(255,255,255,.4); font-size: .64rem; letter-spacing: .06em; }
.browser-body { min-height: 390px; padding: 3.2rem 2.3rem 2rem; position: relative; overflow: hidden; background: radial-gradient(circle at 84% 28%, rgba(111,232,242,.22), transparent 30%), linear-gradient(145deg, rgba(255,255,255,.055), transparent 55%); }
.browser-body::after { content: ""; position: absolute; width: 260px; height: 260px; right: -100px; bottom: -110px; border: 1px solid rgba(111,232,242,.45); border-radius: 50%; box-shadow: 0 0 0 42px rgba(111,232,242,.045), 0 0 0 90px rgba(255,112,93,.028); animation: slow-spin 18s linear infinite; }
.browser-kicker { margin-bottom: 1.1rem; color: var(--cyan); font-size: .62rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.browser-headline { position: relative; z-index: 1; font-size: clamp(2rem, 3.2vw, 3.2rem); line-height: .93; letter-spacing: -.055em; font-weight: 800; }
.browser-headline b { color: var(--coral); }
.browser-copy-lines { margin: 1.5rem 0; display: grid; gap: 8px; }
.browser-copy-lines span { width: 68%; height: 5px; border-radius: 999px; background: rgba(255,255,255,.18); }
.browser-copy-lines span:nth-child(2) { width: 57%; }
.browser-copy-lines span:nth-child(3) { width: 42%; }
.browser-button { width: fit-content; position: relative; z-index: 1; padding: .66rem .86rem; border-radius: 999px; background: var(--cyan); color: var(--ink); font-size: .7rem; font-weight: 900; }
.browser-orbit { position: absolute; right: 26px; bottom: 35px; width: 150px; height: 150px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; animation: slow-spin 14s linear infinite; }
.browser-orbit::after { content: ""; position: absolute; inset: 28px; border: 1px solid rgba(255,112,93,.35); border-radius: 50%; }
.browser-orbit span { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 18px var(--cyan); }
.browser-orbit span:first-child { top: 9px; left: 28px; }.browser-orbit span:nth-child(2) { right: 2px; top: 60px; background: var(--coral); }.browser-orbit span:nth-child(3) { left: 38px; bottom: 2px; background: var(--gold); }
.floating-label { position: absolute; z-index: 4; padding: .62rem .78rem; display: flex; align-items: center; gap: .5rem; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(4,20,37,.7); backdrop-filter: blur(16px); color: rgba(255,255,255,.7); font-size: .66rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; animation: float 5s ease-in-out infinite; }
.floating-label i { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.label-strategy { top: 8%; left: -2%; }.label-motion { top: 19%; right: -4%; animation-delay: -1.3s; }.label-build { bottom: 9%; right: 5%; animation-delay: -2.6s; }
.signal-card { position: absolute; z-index: 5; min-width: 190px; padding: .88rem 1rem; display: flex; align-items: center; gap: .75rem; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; background: rgba(4,20,37,.78); backdrop-filter: blur(18px); box-shadow: 0 20px 50px rgba(0,0,0,.25); animation: float 6s ease-in-out infinite; }
.signal-card small, .signal-card strong { display: block; }.signal-card small { color: rgba(255,255,255,.45); font-size: .62rem; text-transform: uppercase; letter-spacing: .1em; }.signal-card strong { color: var(--white); font-size: .78rem; }
.signal-card-top { top: 27%; left: -8%; }.signal-card-bottom { right: -8%; bottom: 18%; animation-delay: -2.8s; }
.signal-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--coral); box-shadow: 0 0 0 8px rgba(255,112,93,.1), 0 0 22px var(--coral); }
.mini-bars { height: 28px; display: flex; align-items: end; gap: 3px; }.mini-bars span { width: 4px; height: 45%; border-radius: 2px; background: var(--cyan); }.mini-bars span:nth-child(2){height:70%}.mini-bars span:nth-child(3){height:58%}.mini-bars span:nth-child(4){height:92%}
.hero-scroll { position: absolute; left: 50%; bottom: 22px; z-index: 3; display: flex; align-items: center; gap: .8rem; color: rgba(255,255,255,.38); font-size: .62rem; letter-spacing: .13em; text-transform: uppercase; transform: translateX(-50%); }
.hero-scroll span { width: 36px; height: 1px; background: rgba(255,255,255,.25); position: relative; overflow: hidden; }.hero-scroll span::after { content:""; position:absolute; inset:0; background:var(--cyan); transform:translateX(-100%); animation:scroll-line 2.2s ease-in-out infinite; }

.signal-strip { position: relative; z-index: 4; overflow: hidden; border-block: 1px solid rgba(4,20,37,.12); background: var(--cyan); }
.signal-strip-track { width: max-content; padding: .9rem 0; display: flex; align-items: center; gap: 1.7rem; animation: ticker 28s linear infinite; color: var(--ink); font-size: .69rem; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }
.signal-strip-track i { width: 7px; height: 7px; border-radius: 50%; background: var(--coral); }

.section-light { background: var(--paper); }
.section-ink { color: var(--white); background: var(--ink); }
.manifesto { padding: 10rem 0 5rem; }
.manifesto-grid { display: grid; grid-template-columns: .5fr 1.5fr; gap: 6rem; }
.manifesto-marker { max-width: 260px; padding-top: 1rem; border-top: 1px solid var(--line); }
.manifesto-marker span { color: var(--coral); font-size: .76rem; font-weight: 900; }
.manifesto-marker p { color: rgba(4,20,37,.58); }
.manifesto-statement h2 { margin: 0; max-width: 960px; font-size: clamp(3.2rem, 6.5vw, 7rem); line-height: .92; letter-spacing: -.07em; }
.manifesto-statement h2 span { color: var(--coral); font-family: Georgia, serif; font-style: italic; font-weight: 400; }

.capabilities { padding: 6rem 0 10rem; }
.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.15rem; perspective: 1400px; }
.capability-card { min-height: 650px; padding: 1.3rem; display: flex; flex-direction: column; border: 1px solid rgba(4,20,37,.12); border-radius: var(--radius); overflow: hidden; transform-style: preserve-3d; transition: transform .35s var(--ease), box-shadow .35s ease; }
.capability-card:hover { box-shadow: var(--shadow); }
.card-cyan { background: #ccf3f2; }.card-coral { background: #ffb6a9; }.card-violet { background: #dedaff; }
.capability-meta { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: rgba(4,20,37,.65); font-size: .64rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.capability-meta span:last-child { padding: .38rem .55rem; border: 1px solid rgba(4,20,37,.16); border-radius: 999px; }
.capability-visual { height: 300px; margin: 1.2rem 0 2rem; position: relative; border-radius: 20px; overflow: hidden; background: rgba(255,255,255,.36); border: 1px solid rgba(255,255,255,.5); transform: translateZ(24px); }
.capability-card h3 { margin: auto 0 .6rem; font-size: clamp(2rem, 3vw, 3.2rem); line-height: .94; letter-spacing: -.055em; }
.capability-card p { margin: 0; color: rgba(4,20,37,.65); }
.mini-window { width: 86%; height: 76%; position: absolute; left: 7%; top: 12%; border: 1px solid rgba(4,20,37,.18); border-radius: 13px; overflow: hidden; background: var(--white); box-shadow: 0 20px 45px rgba(4,20,37,.14); animation: window-drift 6s ease-in-out infinite; }
.mini-window-bar { height: 22px; padding-left: 8px; display: flex; align-items:center; gap:4px; background:var(--ink); }.mini-window-bar i { width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.35)}.mini-window-bar i:first-child{background:var(--coral)}
.mini-site-nav { height: 34px; padding: 0 11px; display:flex;align-items:center;gap:9px}.mini-site-nav b{width:38px;height:7px;border-radius:4px;background:var(--ink);margin-right:auto}.mini-site-nav span{width:20px;height:3px;border-radius:2px;background:#bec8ca}
.mini-site-hero{height:118px;padding:20px;position:relative;background:var(--ink)}.mini-site-hero strong{display:block;width:68%;height:15px;margin-bottom:7px;border-radius:2px;background:var(--white)}.mini-site-hero strong:nth-child(2){width:49%;background:var(--coral)}.mini-site-hero p{width:55%;height:4px;background:rgba(255,255,255,.35)}.mini-site-hero button{width:50px;height:13px;margin-top:11px;border:0;border-radius:8px;background:var(--cyan)}
.mini-site-cards{padding:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mini-site-cards i{height:38px;border-radius:5px;background:#e7e5dd}
.visual-flow svg { width: 100%; height: 100%; overflow: visible; }.flow-line { fill: none; stroke: rgba(4,20,37,.55); stroke-width: 3; stroke-dasharray: 8 10; animation: dash 12s linear infinite; }.visual-flow circle:not(.flow-pulse) { fill: rgba(255,255,255,.72); stroke: rgba(4,20,37,.45); stroke-width: 2; }.flow-pulse { fill: var(--ink); animation: node-pulse 2.4s ease-in-out infinite; transform-origin: center; }.flow-pulse.delay { animation-delay: -.8s; }.flow-pulse.delay-2 { animation-delay: -1.6s; }.flow-label { position:absolute;bottom:35px;font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.flow-a{left:7%}.flow-b{left:47%}.flow-c{right:5%}
.dash-shell{width:88%;height:78%;position:absolute;left:6%;top:11%;display:grid;grid-template-columns:50px 1fr;border:1px solid rgba(4,20,37,.18);border-radius:12px;overflow:hidden;background:var(--white);box-shadow:0 20px 45px rgba(4,20,37,.13);animation:window-drift 6.5s -2s ease-in-out infinite}.dash-shell aside{padding:11px;display:grid;align-content:start;gap:12px;background:var(--ink)}.dash-shell aside b,.dash-shell aside i{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.25)}.dash-shell aside b{height:18px;background:var(--coral)}.dash-shell main{padding:13px}.dash-top{display:flex;justify-content:space-between}.dash-top span{width:38%;height:8px;border-radius:4px;background:#cdd4d8}.dash-top span:last-child{width:18%}.dash-metrics{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.dash-metrics i{height:42px;border-radius:7px;background:#edf0f0}.dash-chart{height:95px;margin-top:14px;padding:10px;display:flex;align-items:end;gap:8px;border-radius:8px;background:#f4f5f2}.dash-chart span{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:linear-gradient(var(--cyan-deep),var(--cyan));animation:bar-grow 1.4s var(--ease) both}

.work-showcase { padding: 10rem 0 5rem; }
.project-stack { border-top: 1px solid var(--line-light); }
.project-row { min-height: 520px; padding: 2.2rem 0; display: grid; grid-template-columns: 70px .75fr 1.15fr; gap: 2.5rem; align-items: center; border-bottom: 1px solid var(--line-light); color: var(--white); text-decoration: none; }
.project-index { align-self: start; padding-top: .5rem; color: var(--cyan); font-size: .7rem; font-weight: 900; }
.project-copy h3 { margin: 1.1rem 0 .8rem; font-size: clamp(3rem, 5vw, 5.6rem); line-height: .87; letter-spacing: -.07em; }
.project-copy p { max-width: 520px; color: rgba(255,255,255,.59); }
.project-tags { display:flex;gap:.45rem;flex-wrap:wrap}.project-tags span{padding:.38rem .56rem;border:1px solid var(--line-light);border-radius:999px;color:rgba(255,255,255,.62);font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.project-link { margin-top: 1.8rem; display: inline-flex; align-items:center; gap:.65rem; font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.project-link b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--white);color:var(--ink);transition:transform .35s var(--ease)}.project-row:hover .project-link b{transform:rotate(45deg)}
.project-visual { min-height: 410px; position: relative; overflow:hidden; border-radius: var(--radius); transform: scale(.985); transition: transform .55s var(--ease); }
.project-row:hover .project-visual { transform: scale(1); }
.mock-fashion{background:#ff806b}.fashion-word{position:absolute;left:8%;bottom:3%;font-size:clamp(7rem,14vw,13rem);line-height:.8;font-weight:950;letter-spacing:-.11em;color:rgba(4,20,37,.12)}.fashion-card{position:absolute;width:31%;height:66%;top:12%;border:8px solid var(--paper);box-shadow:0 25px 50px rgba(4,20,37,.2);background:linear-gradient(145deg,#151d26,#6fe8f2)}.fashion-card.one{left:23%;transform:rotate(-8deg)}.fashion-card.two{right:13%;top:19%;background:linear-gradient(145deg,#f4c965,#ff705d);transform:rotate(7deg)}.fashion-dot{position:absolute;width:50px;height:50px;left:8%;top:10%;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 12px rgba(111,232,242,.16)}
.mock-manga{background:#74dfe8;background-image:radial-gradient(circle at 60% 30%,rgba(255,255,255,.42),transparent 28%)}.manga-panel{position:absolute;border:7px solid var(--ink);background:var(--white);box-shadow:12px 12px 0 rgba(4,20,37,.18)}.manga-panel.a{width:31%;height:73%;left:8%;top:13%;transform:rotate(-5deg);background:linear-gradient(145deg,var(--white) 50%,var(--coral) 50%)}.manga-panel.b{width:29%;height:56%;left:39%;top:22%;transform:rotate(3deg);background:repeating-linear-gradient(45deg,var(--ink) 0 5px,var(--white) 5px 10px)}.manga-panel.c{width:25%;height:68%;right:6%;top:15%;transform:rotate(7deg);background:linear-gradient(var(--gold) 50%,var(--white) 50%)}.manga-burst{position:absolute;left:43%;top:32%;width:98px;height:98px;display:grid;place-items:center;border-radius:50%;background:var(--coral);color:var(--ink);font-size:3rem;font-weight:950;box-shadow:0 0 0 9px var(--white),0 0 0 15px var(--ink)}
.mock-realestate{background:#f3c965}.map-grid{position:absolute;inset:0;background-image:linear-gradient(28deg,transparent 47%,rgba(4,20,37,.12) 48% 51%,transparent 52%),linear-gradient(-18deg,transparent 47%,rgba(4,20,37,.1) 48% 51%,transparent 52%);background-size:150px 130px}.property-card{position:absolute;left:9%;top:15%;width:45%;height:70%;padding:18px;border-radius:18px;background:var(--white);box-shadow:0 30px 60px rgba(4,20,37,.2);transform:rotate(-3deg)}.property-card i{display:block;height:55%;border-radius:12px;background:linear-gradient(145deg,var(--ink-3),var(--cyan))}.property-card b,.property-card span{display:block;margin-top:12px;height:8px;border-radius:4px;background:#cfd4d0}.property-card b{width:70%;height:14px;background:var(--ink)}.property-card span:last-child{width:48%}.map-pin{position:absolute;width:23px;height:23px;border:6px solid var(--ink);border-radius:50% 50% 50% 0;background:var(--coral);transform:rotate(-45deg);animation:pin-bounce 3s ease-in-out infinite}.map-pin.p1{right:25%;top:25%}.map-pin.p2{right:12%;top:58%;animation-delay:-1s}.map-pin.p3{right:34%;bottom:12%;animation-delay:-2s}

.process-lab { padding: 7rem 0 10rem; position: relative; overflow: hidden; }
.process-lab-grid { display:grid;grid-template-columns:.75fr 1.25fr;gap:7rem }.process-intro{position:sticky;top:130px;align-self:start}.process-intro h2{color:var(--white)}.process-intro>p:last-child{max-width:480px;color:rgba(255,255,255,.58);font-size:1.05rem}.process-list{margin:0;padding:0;list-style:none}.process-list li{padding:2.3rem 0;display:grid;grid-template-columns:68px 1fr;gap:1rem;border-top:1px solid var(--line-light)}.process-list li:last-child{border-bottom:1px solid var(--line-light)}.process-list li>span{color:var(--cyan);font-size:.7rem;font-weight:900;letter-spacing:.1em}.process-list h3{margin:0 0 .55rem;color:var(--white);font-size:clamp(1.8rem,3vw,3rem);line-height:1;letter-spacing:-.045em}.process-list p{max-width:640px;margin:0;color:rgba(255,255,255,.57)}.process-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.14}.orb-one{width:420px;height:420px;left:-180px;bottom:10%;background:var(--coral);animation:orb-float 12s ease-in-out infinite}.orb-two{width:300px;height:300px;right:-120px;top:8%;background:var(--cyan);animation:orb-float 10s -4s ease-in-out infinite}

.pricing-experience { padding: 10rem 0; }
.pricing-experience-card { min-height: 700px; padding: clamp(2rem, 5vw, 5rem); display:grid;grid-template-columns:.85fr .65fr 1fr;gap:3rem;align-items:center;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow)}.pricing-glow{position:absolute;width:520px;height:520px;left:32%;top:50%;border-radius:50%;background:radial-gradient(circle,var(--cyan),transparent 65%);opacity:.18;transform:translate(-50%,-50%)}.pricing-label,.pricing-number,.pricing-includes{position:relative;z-index:1}.pricing-label span{display:block;margin-bottom:1.2rem;color:var(--coral);font-size:.7rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.pricing-label strong{display:block;font-size:clamp(2.4rem,4vw,4.7rem);line-height:.92;letter-spacing:-.06em}.pricing-number small,.pricing-number span{display:block;color:rgba(4,20,37,.58)}.pricing-number b{display:block;color:var(--coral);font-size:clamp(6rem,10vw,10rem);line-height:.8;letter-spacing:-.1em}.pricing-number span{max-width:280px;margin-top:1.5rem;font-size:.82rem}.pricing-includes h3{margin:0 0 1.3rem;font-size:1.3rem}.pricing-includes ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.pricing-includes li{padding:.82rem 0;display:grid;grid-template-columns:34px 1fr;border-bottom:1px solid var(--line);font-size:.9rem}.pricing-includes li span{color:var(--cyan-deep);font-size:.68rem;font-weight:900}.pricing-includes>p{color:rgba(4,20,37,.56);font-size:.78rem}

.finale { min-height: 680px; padding: 9rem 0; display:grid;place-items:center;position:relative;overflow:hidden;color:var(--white);background:radial-gradient(circle at 70% 40%,#123b57,transparent 38%),var(--ink)}.finale::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(circle,#000,transparent 75%)}.signal-canvas-finale{z-index:0}.finale-inner{text-align:center}.finale h2{margin:0 0 2.4rem;font-size:clamp(3.7rem,8vw,8.5rem);line-height:.84;letter-spacing:-.08em}.finale h2 em{color:var(--cyan);font-family:Georgia,serif;font-weight:400}.finale .button{position:relative;z-index:3}

.footer { padding: 6rem 0 2rem; color: var(--white); background:#020d19; }
.footer-top{padding-bottom:4.5rem;display:flex;align-items:end;justify-content:space-between;gap:3rem;border-bottom:1px solid var(--line-light)}.footer-top p{max-width:780px;margin:0;font-size:clamp(3.2rem,7vw,7.2rem);line-height:.86;letter-spacing:-.075em;font-weight:820}.footer-top a{display:inline-flex;align-items:center;gap:.7rem;color:var(--cyan);font-weight:800;text-decoration:none}.footer-grid{padding:4rem 0;display:grid;grid-template-columns:1.4fr repeat(3,.5fr);gap:4rem}.footer-note{max-width:320px;color:rgba(255,255,255,.48)}.footer-links{display:grid;align-content:start;gap:.7rem}.footer-links strong{margin-bottom:.55rem}.footer-links a{color:rgba(255,255,255,.53);text-decoration:none}.footer-links a:hover{color:var(--white)}.footer-bottom{padding-top:1.3rem;border-top:1px solid var(--line-light);display:flex;justify-content:space-between;gap:1rem;color:rgba(255,255,255,.38);font-size:.72rem}

/* Interior pages */
.page-hero { min-height: 660px; padding: 11rem 0 6rem; display:flex;align-items:end;position:relative;overflow:hidden;color:var(--white);background:radial-gradient(circle at 78% 28%,rgba(111,232,242,.19),transparent 25%),radial-gradient(circle at 88% 66%,rgba(255,112,93,.14),transparent 28%),var(--ink)}
.page-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(#000,transparent)}
.page-hero .shell{z-index:2}.page-hero .eyebrow{color:var(--cyan)}.display{margin:0;max-width:1050px;font-size:clamp(4.4rem,9vw,9rem);line-height:.82;letter-spacing:-.08em}.display .accent{color:var(--coral);font-family:Georgia,serif;font-style:italic;font-weight:400}.page-hero p:last-child{max-width:700px;color:rgba(255,255,255,.65);font-size:1.12rem}.section{padding:8rem 0}.section-dark{color:var(--white);background:var(--ink)}.split-head{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:3.2rem}.section-title{margin:0;font-size:clamp(2.8rem,5.5vw,5.8rem);line-height:.9;letter-spacing:-.065em}.section-copy{max-width:680px;color:rgba(4,20,37,.63)}.section-dark .section-copy{color:rgba(255,255,255,.59)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.service-card{min-height:490px;padding:1.5rem;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.56);transition:transform .4s var(--ease),box-shadow .35s ease,background .35s ease}
.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);background:var(--white)}
.service-number{display:flex;justify-content:space-between;align-items:center;color:var(--cyan-deep);font-size:.7rem;font-weight:900}.service-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--ink);color:var(--cyan);font-size:1.25rem}.service-icon svg{width:31px;height:31px}.service-card h3{margin:0 0 .8rem;font-size:1.85rem;line-height:1;letter-spacing:-.045em}.service-card p{margin:0;color:rgba(4,20,37,.63)}
.service-demo{height:160px;margin:1.25rem 0 1.4rem;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:22px;background:#e9f3f4;border:1px solid rgba(4,20,37,.07);isolation:isolate}
.service-demo::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(4,20,37,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(4,20,37,.045) 1px,transparent 1px);background-size:24px 24px;z-index:-1}
.service-card:hover .service-demo{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.demo-window{width:75%;height:118px;padding:25px 14px 12px;position:relative;border-radius:13px;background:var(--ink);box-shadow:0 14px 24px rgba(4,20,37,.18);transform:rotate(-2deg);transition:transform .5s var(--ease)}.service-card:hover .demo-window{transform:rotate(0) translateY(-3px)}
.demo-dots{position:absolute;left:12px;top:10px;width:4px;height:4px;border-radius:50%;background:var(--coral);box-shadow:8px 0 var(--gold),16px 0 var(--cyan)}.demo-nav,.demo-heading,.demo-copy,.demo-button{display:block;border-radius:999px}.demo-nav{width:36%;height:4px;margin-left:auto;background:rgba(255,255,255,.25)}.demo-heading{width:72%;height:15px;margin:16px 0 9px;background:var(--white)}.demo-copy{width:55%;height:4px;background:rgba(255,255,255,.32);box-shadow:0 8px rgba(255,255,255,.2)}.demo-button{width:36px;height:11px;margin-top:20px;background:var(--coral)}.demo-badge{position:absolute;right:8px;bottom:10px;padding:.35rem .55rem;border-radius:999px;color:var(--ink);background:var(--cyan);font-size:.55rem;font-weight:900;box-shadow:0 8px 20px rgba(4,20,37,.12)}
.demo-redesign{gap:.45rem;background:#f3e8e2}.demo-before,.demo-after{width:36%;height:112px;padding:12px;border-radius:13px;background:#d9d7d0;box-shadow:0 12px 22px rgba(4,20,37,.12);transition:transform .5s var(--ease)}.demo-after{color:var(--white);background:var(--ink);transform:rotate(3deg)}.service-card:hover .demo-before{transform:rotate(-3deg)}.service-card:hover .demo-after{transform:rotate(0) translateY(-3px)}.demo-before small,.demo-after small{display:block;margin-bottom:12px;font-size:.5rem;font-weight:900;text-transform:uppercase;opacity:.55}.demo-before i{display:block;width:100%;height:5px;margin:7px 0;border-radius:3px;background:#aaa9a4}.demo-after b{display:block;color:var(--coral);font-size:1.1rem}.demo-after i{display:block;width:65%;height:4px;margin:8px 0;border-radius:3px;background:rgba(255,255,255,.34)}.demo-after em{display:block;width:30px;height:10px;border-radius:999px;background:var(--cyan)}.demo-swap{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:var(--white);background:var(--coral);font-weight:900;z-index:2}
.demo-flow{gap:.2rem;background:#fee7e2}.demo-flow>span{display:grid;justify-items:center;gap:.55rem;min-width:54px}.demo-flow i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--white);background:var(--ink);font-style:normal;font-weight:900;box-shadow:0 8px 15px rgba(4,20,37,.14);animation:node-pulse 3s ease-in-out infinite}.demo-flow>span:nth-of-type(2) i{color:var(--ink);background:var(--gold);animation-delay:.4s}.demo-flow>span:nth-of-type(3) i{color:var(--ink);background:var(--cyan);animation-delay:.8s}.demo-flow small{font-size:.5rem;font-weight:900;text-transform:uppercase}.demo-flow>b{width:30px;height:2px;margin-top:-16px;position:relative;overflow:hidden;background:rgba(4,20,37,.18)}.demo-flow>b::after{content:"";position:absolute;inset:0;background:var(--coral);transform:translateX(-100%);animation:scroll-line 2.4s ease-in-out infinite}
.demo-dashboard{justify-content:stretch;padding:13px;background:#ebe8ff}.dash-side{width:34px;height:132px;padding:14px 9px;display:grid;align-content:start;gap:8px;border-radius:12px 0 0 12px;background:var(--ink)}.dash-side i{height:4px;border-radius:3px;background:rgba(255,255,255,.22)}.dash-side i:first-child{background:var(--cyan)}.dash-main{height:132px;padding:14px;flex:1;border-radius:0 12px 12px 0;background:var(--white);box-shadow:0 12px 22px rgba(4,20,37,.1)}.dash-main small{display:block;color:rgba(4,20,37,.48);font-size:.52rem;font-weight:900;text-transform:uppercase}.dash-main strong{display:block;margin:.25rem 0;font-size:1.65rem;letter-spacing:-.06em}.dash-bars{height:48px;display:flex;align-items:end;gap:6px}.dash-bars i{width:14%;height:35%;border-radius:4px 4px 1px 1px;background:var(--cyan)}.dash-bars i:nth-child(2){height:55%;background:var(--coral)}.dash-bars i:nth-child(3){height:72%;background:var(--gold)}.dash-bars i:nth-child(4){height:48%;background:var(--violet)}.dash-bars i:nth-child(5){height:88%;background:var(--cyan-deep)}
.demo-launch{padding:18px;display:block;color:var(--white);background:var(--ink)}.demo-launch::after{opacity:.4}.launch-domain{padding-bottom:11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);font-size:.65rem;font-weight:800}.launch-domain i,.launch-status i{width:7px;height:7px;border-radius:50%;background:#5fea9a;box-shadow:0 0 0 4px rgba(95,234,154,.12);animation:status-pulse 2s ease-in-out infinite}.launch-route{padding-top:20px;display:flex;align-items:center;justify-content:center;gap:6px}.launch-route span{padding:8px 9px;border:1px solid rgba(255,255,255,.15);border-radius:9px;font-size:.55rem;font-weight:900}.launch-route span:last-child{color:var(--ink);background:var(--cyan)}.launch-route b{width:18px;height:1px;background:rgba(255,255,255,.25)}.launch-status{position:absolute;left:18px;bottom:12px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.55);font-size:.52rem;text-transform:uppercase;font-weight:900}
.demo-handoff{gap:12px;background:#f7edca}.handoff-code,.handoff-owner{width:39%;height:112px;padding:13px;border-radius:14px;background:var(--ink);box-shadow:0 13px 22px rgba(4,20,37,.12)}.handoff-code span{display:block;margin-bottom:11px;color:var(--cyan);font-weight:900}.handoff-code i{display:block;width:90%;height:4px;margin:6px 0;border-radius:3px;background:rgba(255,255,255,.22)}.handoff-code i:nth-child(3){width:65%;background:var(--coral)}.demo-handoff>b{color:var(--coral);font-size:1.3rem}.handoff-owner{display:grid;align-content:center;justify-items:center;color:var(--ink);background:var(--white)}.handoff-owner i{width:28px;height:28px;margin-bottom:7px;border:6px solid var(--cyan);border-radius:9px;transform:rotate(45deg)}.handoff-owner strong{font-size:.7rem}.handoff-owner small{font-size:.48rem;color:rgba(4,20,37,.5)}
.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.work-card{min-height:500px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-radius:var(--radius);color:var(--ink);text-decoration:none}.work-card:nth-child(1){background:var(--coral)}.work-card:nth-child(2){background:var(--cyan)}.work-card:nth-child(3){background:var(--gold)}.work-card:nth-child(4){background:var(--violet)}.work-card::before{content:"";position:absolute;width:360px;height:360px;right:-100px;top:-100px;border:1px solid rgba(4,20,37,.2);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.08),0 0 0 110px rgba(255,255,255,.055);transition:transform .6s var(--ease)}.work-card:hover::before{transform:scale(1.18) rotate(18deg)}.work-tags{display:flex;gap:.5rem;position:relative}.work-tags span{padding:.4rem .6rem;border:1px solid rgba(4,20,37,.2);border-radius:999px;font-size:.65rem;font-weight:900;text-transform:uppercase}.work-card>div:last-child{position:relative}.work-card h3{margin:0;font-size:clamp(2.5rem,4vw,4.6rem);line-height:.9;letter-spacing:-.07em}.work-card p{max-width:520px}.arrow{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--white);transition:transform .35s var(--ease)}.work-card:hover .arrow{transform:rotate(45deg)}
.content-grid{display:grid;grid-template-columns:270px 1fr;gap:5rem}.side-note{position:sticky;top:105px;align-self:start;padding:1.3rem;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.52)}.prose{max-width:850px}.prose h2{margin:3rem 0 1rem;font-size:2.2rem;line-height:1;letter-spacing:-.045em}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:rgba(4,20,37,.68)}.prose a{color:var(--cyan-deep);font-weight:750}
.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:4rem}.contact-cards{display:grid;gap:1rem}.contact-card{padding:1.3rem;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.52)}.contact-card strong{display:block;margin-bottom:.4rem}.form{padding:clamp(1.5rem,3vw,2.5rem);border:1px solid rgba(4,20,37,.08);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:grid;gap:.48rem;margin-bottom:1rem}.field label{font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;padding:.95rem 1rem;border:1px solid var(--line);border-radius:14px;outline:none;color:var(--ink);background:var(--paper)}.field textarea{min-height:170px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--cyan-deep);box-shadow:0 0 0 4px rgba(5,125,143,.11)}.honeypot{position:absolute;left:-10000px}.form-status{min-height:1.5rem;margin-top:1rem;font-weight:800}.form-status.success{color:#17633b}.form-status.error{color:#a53125}.fine{color:rgba(4,20,37,.54);font-size:.82rem}.contact-band{padding:6rem 0;background:var(--coral)}.contact-band-inner{display:flex;justify-content:space-between;align-items:center;gap:3rem}.contact-band h2{max-width:820px;margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.88;letter-spacing:-.07em}

[data-reveal] { opacity: 0; transform: translateY(44px) scale(.985); transition: opacity .9s var(--ease), transform .9s var(--ease); }
[data-reveal="hero"] { transform: translateY(34px); transition-delay: .15s; }
[data-reveal].is-visible { opacity: 1; transform: none; }
.capability-card:nth-child(2), .project-row:nth-child(2), .process-list li:nth-child(2) { transition-delay: .08s; }
.capability-card:nth-child(3), .project-row:nth-child(3), .process-list li:nth-child(3) { transition-delay: .16s; }
.process-list li:nth-child(4) { transition-delay: .24s; }

@keyframes ticker{to{transform:translateX(-50%)}}@keyframes status-pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px) rotate(1deg)}}@keyframes scroll-line{50%,100%{transform:translateX(100%)}}@keyframes window-drift{50%{transform:translateY(-7px) rotate(.5deg)}}@keyframes dash{to{stroke-dashoffset:-180}}@keyframes node-pulse{50%{transform:scale(1.6);opacity:.45}}@keyframes bar-grow{from{height:0}}@keyframes pin-bounce{50%{margin-top:-9px}}@keyframes orb-float{50%{transform:translate(70px,-40px) scale(1.08)}}

@media (max-width: 1050px) {
  .hero-stage { grid-template-columns: 1fr; gap: 1.5rem; padding-top: 10rem; }
  .hero-copy-block { max-width: 860px; }
  .hero-interface { min-height: 500px; width: min(620px, 90%); justify-self: end; margin-top: -1rem; }
  .hero-vignette { background: linear-gradient(90deg,rgba(3,16,30,.98),rgba(3,16,30,.78) 65%,rgba(3,16,30,.42)),linear-gradient(0deg,rgba(3,16,30,.84),transparent 50%); }
  .capability-grid { grid-template-columns: 1fr 1fr; }.capability-card:last-child{grid-column:1/-1;min-height:560px}.capability-card:last-child .capability-visual{width:55%;margin-inline:auto}
  .project-row { grid-template-columns: 50px 1fr; }.project-visual{grid-column:2}
  .pricing-experience-card { grid-template-columns: 1fr 1fr; }.pricing-includes{grid-column:1/-1}
}

@media (max-width: 820px) {
  .menu-button { display: block; }
  .nav-links { position:absolute;left:0;right:0;top:74px;padding:1.1rem;display:none;flex-direction:column;align-items:stretch;gap:.25rem;border:1px solid var(--line-light);border-radius:20px;background:rgba(4,20,37,.96);box-shadow:var(--shadow-heavy);backdrop-filter:blur(24px) }
  .nav-links.is-open { display:flex;animation:menu-in .35s var(--ease) both }.nav-links a{padding:.8rem}.nav-links>a:not(.nav-cta)::after{display:none}.nav-cta{justify-content:center;margin-top:.3rem}
  .section-heading,.manifesto-grid,.process-lab-grid,.contact-layout,.content-grid{grid-template-columns:1fr;gap:3rem}.section-heading{align-items:start}.manifesto-marker{max-width:420px}.process-intro{position:static}.capability-grid{grid-template-columns:1fr}.capability-card,.capability-card:last-child{min-height:590px;grid-column:auto}.capability-card:last-child .capability-visual{width:auto;margin-inline:0}.project-row{grid-template-columns:40px 1fr;gap:1rem}.project-copy{grid-column:2}.project-visual{grid-column:1/-1}.pricing-experience-card{grid-template-columns:1fr}.pricing-includes{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-top{align-items:start;flex-direction:column}.service-grid{grid-template-columns:1fr 1fr}.work-grid{grid-template-columns:1fr}.side-note{position:static}
}

@media (max-width: 600px) {
  .shell{width:min(calc(100% - 28px),var(--max))}.nav{min-height:72px}.brand-mark{width:40px;height:40px;flex-basis:40px}.brand span{font-size:.88rem}.brand span small{font-size:.5rem}
  .hero-stage{padding:8.2rem 0 5rem;min-height:auto}.hero-art{inset:0 -55%;opacity:.78}.hero-vignette{background:linear-gradient(rgba(3,16,30,.94),rgba(3,16,30,.78) 56%,rgba(3,16,30,.95))}.hero-title{font-size:clamp(3.7rem,17vw,5.6rem)}.status-pill{font-size:.58rem}.hero-lede{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hero-proof span{padding:0;border:0}.hero-interface{width:100%;min-height:430px;margin-top:1rem}.hero-browser{width:92%;}.browser-frame{transform:none}.browser-body{min-height:315px;padding:2rem 1.4rem}.browser-orbit{width:100px;height:100px;right:15px;bottom:25px}.floating-label{display:none}.signal-card{min-width:160px;padding:.7rem}.signal-card-top{left:-1%;top:20%}.signal-card-bottom{right:-1%;bottom:4%}.hero-scroll{display:none}
  .manifesto{padding:6.5rem 0 3rem}.capabilities,.work-showcase,.pricing-experience{padding:5.5rem 0}.section-heading{margin-bottom:2.5rem}.section-heading h2,.process-intro h2,.manifesto-statement h2{font-size:clamp(2.8rem,14vw,4.3rem)}.capability-card{min-height:540px}.capability-visual{height:250px}.project-row{padding:2.8rem 0;display:block}.project-index{margin-bottom:1rem}.project-copy h3{font-size:3.4rem}.project-visual{min-height:310px;margin-top:2rem}.fashion-card{border-width:5px}.manga-burst{width:70px;height:70px;font-size:2rem}.process-lab{padding:5rem 0}.process-list li{grid-template-columns:45px 1fr}.pricing-experience-card{padding:1.4rem;border-radius:28px}.pricing-label strong{font-size:2.8rem}.pricing-number b{font-size:7rem}.finale{min-height:600px;padding:6rem 0}.finale h2{font-size:clamp(3.3rem,16vw,5.4rem)}
  .footer{padding-top:4.5rem}.footer-top{padding-bottom:3rem}.footer-top p{font-size:3.5rem}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.page-hero{min-height:560px;padding:9rem 0 4rem}.display{font-size:clamp(4rem,18vw,6rem)}.section{padding:5rem 0}.service-grid,.field-grid{grid-template-columns:1fr}.service-card{min-height:470px}.contact-band-inner{align-items:flex-start;flex-direction:column}.contact-band{padding:4rem 0}
}

@keyframes menu-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  body { opacity: 1 !important; }
  [data-reveal] { opacity: 1; transform: none; }
  .hero-art { transform: none !important; }
  .signal-canvas { display: none; }
}