@import "tailwindcss";

:root {
  --ink: #11130f;
  --paper: #f2f1eb;
  --soft: #deddd5;
  --muted: #71766e;
  --signal: #ff5c35;
  --mint: #8de6bc;
  --line: rgba(17, 19, 15, .16);
  --light-line: rgba(255, 255, 255, .17);
  --container: 1480px;
  --gutter: clamp(20px, 4.2vw, 68px);
  --shadow-1: 0 16px 45px rgba(13, 16, 12, .13);
  --shadow-2: 0 40px 110px rgba(7, 9, 7, .3);
  --ease: cubic-bezier(.22, 1, .36, 1);
  --parallax: 0px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font-sans), Arial, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: clip; }
body.overlay-open { overflow: hidden; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
img { display: block; width: 100%; max-width: 100%; }
main, section, article, div { min-width: 0; }
::selection { color: #fff; background: var(--signal); }
:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible { outline: 3px solid var(--signal); outline-offset: 3px; }
.container { width: min(100%, var(--container)); padding-inline: var(--gutter); margin-inline: auto; }
.section { position: relative; padding-block: clamp(96px, 11vw, 180px); }
.dark { background: #11130f; color: #f5f4ee; }
.skip-link { position: fixed; z-index: 200; top: -70px; left: 20px; padding: 13px 18px; background: var(--signal); color: #fff; }
.skip-link:focus { top: 20px; }
.eyebrow { display: inline-block; font: 650 10px/1.2 var(--font-mono), monospace; letter-spacing: .16em; text-transform: uppercase; }
.section-heading { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(270px, .55fr); gap: 60px; align-items: end; margin-bottom: clamp(56px, 7vw, 104px); }
.section-heading h2, .why-title h2 { margin: 25px 0 0; font-size: clamp(50px, 6.5vw, 102px); font-weight: 520; line-height: .91; letter-spacing: -.072em; text-wrap: balance; }
.section-heading h2 em, .why-title h2 em, .inquiry h2 em, .modal h2 em { color: var(--signal); font-family: var(--font-serif), Georgia, serif; font-weight: 400; }
.section-heading > p { justify-self: end; max-width: 460px; margin: 0; color: var(--muted); font-size: clamp(16px, 1.45vw, 20px); line-height: 1.6; }
.section-heading.inverse > p { color: #969b92; }

.site-header { position: absolute; z-index: 70; top: 0; width: 100%; color: #fff; }
.nav-shell { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 88px; border-bottom: 1px solid var(--light-line); background: rgba(10, 12, 9, .2); backdrop-filter: blur(14px); }
.brand { display: inline-flex; width: max-content; align-items: center; gap: 11px; font-weight: 800; font-size: 14px; letter-spacing: .19em; }
.brand > span { display: grid; place-items: center; width: 29px; height: 29px; background: var(--signal); color: #fff; font-size: 14px; letter-spacing: 0; clip-path: polygon(0 0, 100% 0, 100% 72%, 72% 100%, 0 100%); }
.desktop-nav { display: flex; gap: clamp(16px, 2vw, 32px); }
.desktop-nav a { position: relative; display:flex; min-height:44px; align-items:center; color: rgba(255,255,255,.73); font-size: 12px; transition: color .25s; }
.desktop-nav a::after { content: ""; position: absolute; right: 0; bottom: -12px; left: 0; height: 1px; background: var(--signal); transform: scaleX(0); transition: transform .25s var(--ease); }
.desktop-nav a:hover { color: #fff; }
.desktop-nav a:hover::after { transform: scaleX(1); }
.nav-actions { display: flex; justify-content: flex-end; align-items: center; }
.nav-cta { display: inline-flex; gap: 24px; align-items: center; min-height: 43px; padding: 0 16px; border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.06); color: #fff; font-size: 11px; cursor: pointer; transition: background .25s, border-color .25s; }
.nav-cta:hover { border-color: var(--signal); background: var(--signal); }
.menu-button { display: none; width: 44px; height: 44px; padding: 12px 9px; border: 1px solid var(--light-line); background: transparent; cursor: pointer; }
.menu-button i { display: block; height: 1px; margin: 6px 0; background: #fff; transition: transform .25s; }
.menu-button.open i:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-button.open i:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mobile-navigation { display: none; }

.hero { position: relative; min-height: 780px; height: 100svh; max-height: 1080px; overflow: hidden; background: #080a08; color: #fff; }
.hero-slide { position: absolute; inset: 0; opacity: 0; transform: scale(1.035); transition: opacity 1.1s ease, transform 1.6s var(--ease); }
.hero-slide.active { opacity: 1; transform: scale(1); }
.hero-slide img { height: calc(100% + 45px); object-fit: cover; filter: saturate(.72) contrast(1.12); transform: translateY(calc(var(--parallax) * -.45)); }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,7,5,.91) 0%, rgba(5,7,5,.57) 46%, rgba(5,7,5,.21) 72%), linear-gradient(0deg, rgba(5,7,5,.87), transparent 55%), linear-gradient(180deg, rgba(5,7,5,.45), transparent 25%); }
.network-lines { position: absolute; inset: 0; opacity: .32; 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: 80px 80px; mask-image: linear-gradient(90deg, transparent 10%, #000 65%, transparent); }
.network-lines i { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 18px rgba(255,92,53,.65); animation: pulse 4s ease-in-out infinite; }
.network-lines i:nth-child(1) { left: 62%; top: 24%; }.network-lines i:nth-child(2) { left: 78%; top: 42%; animation-delay: -1s; }.network-lines i:nth-child(3) { left: 54%; top: 66%; animation-delay: -2s; }.network-lines i:nth-child(4) { left: 88%; top: 72%; animation-delay: -3s; }.network-lines i:nth-child(5) { left: 70%; top: 84%; }.network-lines i:nth-child(6) { left: 94%; top: 18%; animation-delay: -2s; }
.hero-orbit { position: absolute; top: 18%; right: 8%; width: min(34vw, 530px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; animation: rotate 45s linear infinite; }
.hero-orbit::before, .hero-orbit::after { content: ""; position: absolute; inset: 18%; border: 1px solid rgba(255,255,255,.11); border-radius: inherit; }.hero-orbit::after { inset: 38%; }
.hero-orbit i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #fff; }.hero-orbit i:first-child { left: 16%; top: 12%; }.hero-orbit i:nth-child(2) { right: 5%; top: 52%; background: var(--signal); }.hero-orbit i:last-child { left: 36%; bottom: 1%; }
.hero-content { position: relative; z-index: 3; display: flex; height: 100%; flex-direction: column; justify-content: flex-end; padding-bottom: clamp(86px, 11vh, 125px); }
.hero-kicker { display: flex; align-items: center; gap: 14px; font: 650 10px var(--font-mono), monospace; letter-spacing: .14em; text-transform: uppercase; }
.hero-kicker span { color: var(--signal); }.hero-kicker i { width: 52px; height: 1px; background: rgba(255,255,255,.42); }
.hero h1 { max-width: 1040px; margin: 28px 0 42px; font-size: clamp(64px, 9.3vw, 145px); font-weight: 520; line-height: .79; letter-spacing: -.078em; }
.hero h1 > span { display: block; }.hero h1 .accent-serif { color: var(--signal); font-family: var(--font-serif), Georgia, serif; font-weight: 400; }
.hero-foot { display: grid; grid-template-columns: minmax(280px, 610px) auto; gap: 52px; align-items: end; }
.hero-foot > p { margin: 0; color: rgba(255,255,255,.7); font-size: clamp(16px, 1.4vw, 21px); line-height: 1.55; }
.hero-buttons { display: flex; gap: 9px; }
.btn { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 28px; padding: 0 22px; border: 1px solid transparent; cursor: pointer; font-weight: 700; font-size: 12px; transition: transform .3s var(--ease), background .25s, border-color .25s; }
.btn:hover { transform: translateY(-3px); }
.btn.primary { background: var(--signal); color: #fff; }.btn.primary:hover { background: #ff7352; }
.btn.ghost { border-color: rgba(255,255,255,.31); background: rgba(8,10,8,.16); color: #fff; backdrop-filter: blur(6px); }.btn.ghost:hover { border-color: #fff; background: rgba(255,255,255,.09); }
.signal-panel { position: absolute; z-index: 4; right: var(--gutter); bottom: clamp(105px, 14vh, 155px); width: 230px; padding: 18px; border: 1px solid rgba(255,255,255,.2); background: rgba(12,15,11,.5); backdrop-filter: blur(12px); box-shadow: var(--shadow-1); }
.signal-panel > span { color: rgba(255,255,255,.48); font: 9px var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }.signal-panel strong { display: block; margin: 11px 0 20px; font-size: 14px; }.signal-panel div { display: flex; height: 28px; align-items: flex-end; gap: 4px; }.signal-panel i { width: 20%; height: 35%; background: var(--signal); animation: signal 2s ease-in-out infinite; }.signal-panel i:nth-child(2) { height: 70%; animation-delay: -.4s; }.signal-panel i:nth-child(3) { height: 48%; animation-delay: -.8s; }.signal-panel i:nth-child(4) { height: 92%; animation-delay: -1.2s; }.signal-panel i:nth-child(5) { height: 60%; animation-delay: -1.6s; }
.hero-controls { position: absolute; z-index: 5; right: var(--gutter); bottom: 26px; left: var(--gutter); display: flex; justify-content: flex-end; align-items: center; gap: 16px; }
.hero-controls > div { display: flex; gap: 5px; }
.hero-controls button { border: 0; background: none; color: rgba(255,255,255,.42); cursor: pointer; }
.hero-controls > div button { display: flex; width: 70px; flex-direction: column; gap: 6px; padding: 5px; font: 9px var(--font-mono); text-align: left; }
.hero-controls button i { display: block; width: 100%; height: 2px; background: rgba(255,255,255,.25); }.hero-controls button.active { color: #fff; }.hero-controls button.active i { background: var(--signal); }
.hero-controls .pause { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(255,255,255,.24); font-size: 14px; }

.meaning { background: #f3f2ec; }
.meaning-stage { display: grid; grid-template-columns: 1.07fr .93fr; min-height: 690px; background: #d8d7cf; box-shadow: var(--shadow-1); }
.meaning-image { position: relative; min-height: 620px; overflow: hidden; }
.meaning-image > img { position: absolute; inset: 0; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.04); filter: saturate(.73); transition: opacity .55s, transform .8s var(--ease); }.meaning-image > img.active { opacity: 1; transform: scale(1); }
.meaning-caption { position: absolute; right: 22px; bottom: 22px; left: 22px; display: flex; justify-content: space-between; align-items: end; gap: 30px; padding: 18px; background: rgba(15,17,14,.72); color: #fff; backdrop-filter: blur(8px); }
.meaning-caption span { font: 9px var(--font-mono); letter-spacing: .12em; }.meaning-caption p { max-width: 310px; margin: 0; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.5; }
.meaning-list { display: flex; flex-direction: column; justify-content: center; padding: 7%; }
.meaning-list button { display: grid; grid-template-columns: 33px 1fr auto; align-items: center; min-height: 82px; border: 0; border-bottom: 1px solid rgba(0,0,0,.15); background: none; color: #6d716a; cursor: pointer; font-size: clamp(23px, 2.3vw, 36px); letter-spacing: -.04em; text-align: left; transition: color .25s, padding .3s var(--ease); }
.meaning-list button > span { color: #9a9d96; font: 10px var(--font-mono); }.meaning-list button.active { padding-left: 9px; color: #11130f; }.meaning-list button.active > span, .meaning-list button.active > span:last-child { color: var(--signal); }

.capabilities::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 88% 8%, rgba(255,92,53,.07), transparent 28%); }
.capabilities .container { position: relative; }
.capability-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.cap-card { position: relative; min-height: 430px; overflow: hidden; background: #1c1f1a; }
.cap-card:nth-child(1), .cap-card:nth-child(8), .cap-card:nth-child(15) { grid-column: span 2; }
.cap-card > img { position: absolute; inset: 0; height: 100%; object-fit: cover; opacity: .52; filter: saturate(.55) contrast(1.12); transition: transform .65s var(--ease), opacity .4s, filter .4s; }
.cap-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,9,7,.96), rgba(7,9,7,.08) 72%); }
.cap-icon { position: absolute; top: 20px; right: 20px; display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid rgba(255,255,255,.23); color: rgba(255,255,255,.8); font: 10px var(--font-mono); transition: background .3s, transform .4s var(--ease); }
.cap-copy { position: absolute; right: 22px; bottom: 22px; left: 22px; }
.cap-copy small { color: rgba(255,255,255,.45); font: 9px var(--font-mono); }.cap-copy h3 { max-width: 340px; margin: 10px 0; font-size: clamp(23px, 2.1vw, 34px); font-weight: 550; line-height: 1; letter-spacing: -.045em; }.cap-copy p { max-width: 330px; margin: 0; color: #9fa39b; font-size: 13px; line-height: 1.5; }
.cap-copy a { display: inline-flex; gap: 18px; margin-top: 0; color: var(--signal); font-size: 11px; opacity: 0; transform: translateY(9px); transition: opacity .3s, transform .3s, margin .3s; }
.cap-card:hover > img { opacity: .7; filter: saturate(.8) contrast(1.08); transform: scale(1.04); }.cap-card:hover .cap-icon { background: var(--signal); border-color: var(--signal); transform: rotate(8deg); }.cap-card:hover .cap-copy a { margin-top: 18px; opacity: 1; transform: none; }

.solutions { background: var(--paper); }
.solution-stack { display: grid; gap: clamp(60px, 9vw, 140px); }
.solution-stack article { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: clamp(36px, 7vw, 110px); align-items: center; }
.solution-stack article.reverse { grid-template-columns: minmax(280px, .65fr) minmax(0, 1.35fr); }.solution-stack article.reverse .solution-media { order: 2; }.solution-stack article.reverse .solution-copy { order: 1; }
.solution-media { position: relative; overflow: hidden; box-shadow: var(--shadow-1); }
.solution-media img { aspect-ratio: 16/10; object-fit: cover; filter: saturate(.72); transition: transform .7s var(--ease); }.solution-media:hover img { transform: scale(1.035); }
.solution-media > span { position: absolute; top: 20px; left: 20px; display: grid; width: 52px; height: 52px; place-items: center; background: rgba(13,16,12,.74); color: #fff; backdrop-filter: blur(8px); font: 10px var(--font-mono); }
.solution-copy h3 { margin: 24px 0; font-size: clamp(42px, 5vw, 76px); font-weight: 520; line-height: .93; letter-spacing: -.065em; }.solution-copy p { max-width: 420px; color: var(--muted); font-size: 17px; line-height: 1.65; }.solution-copy a { display: inline-flex; gap: 28px; margin-top: 25px; padding-bottom: 9px; border-bottom: 1px solid var(--ink); font-size: 12px; font-weight: 700; }

.products { overflow: hidden; }
.product-rail { display: grid; grid-auto-columns: minmax(320px, 39vw); grid-auto-flow: column; gap: 16px; overflow-x: auto; padding: 3px var(--gutter) 30px 0; scroll-snap-type: x mandatory; scrollbar-color: var(--signal) #2a2d28; }
.product-card { min-height: 600px; padding: 34px; background: #20231e; scroll-snap-align: start; box-shadow: 0 24px 60px rgba(0,0,0,.22); }
.device { display: flex; min-height: 390px; flex-direction: column; overflow: hidden; padding: 18px; border: 1px solid rgba(255,255,255,.2); border-radius: 25px; background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.025)); box-shadow: inset 0 0 0 6px rgba(0,0,0,.14), 0 30px 60px rgba(0,0,0,.28); }
.device-top { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.12); font-size: 11px; }.device-top i { width: 7px; height: 7px; border-radius: 50%; background: var(--product); box-shadow: 0 0 16px var(--product); }.device-top small { color: #7d8279; font: 8px var(--font-mono); }
.device-ui { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); min-height: 220px; align-items: end; gap: 8px; padding: 32px 18px 18px; background: radial-gradient(circle at 75% 20%, color-mix(in srgb, var(--product) 25%, transparent), transparent 45%); }.device-ui i { height: 32%; background: color-mix(in srgb, var(--product) 65%, #222); }.device-ui i:nth-child(2) { height: 68%; }.device-ui i:nth-child(3) { height: 92%; }.device-ui span { position: absolute; top: 45px; left: 50%; color: var(--product); font-size: 62px; font-weight: 800; transform: translateX(-50%); opacity: .9; }
.device-line { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 6px; margin-top: auto; }.device-line i { height: 7px; background: rgba(255,255,255,.15); }.device-line i:first-child { background: var(--product); }
.product-meta { padding-top: 31px; }.product-meta > span { color: var(--product); font: 10px var(--font-mono); text-transform: uppercase; letter-spacing: .12em; }.product-meta p { max-width: 430px; min-height: 66px; margin: 14px 0; font-size: clamp(24px, 2.4vw, 37px); line-height: 1.05; letter-spacing: -.045em; }.product-meta small { color: #868b82; font: 9px var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }

.industries { background: #dcdad2; }
.industry-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 300px; gap: 10px; }
.industry-grid article { position: relative; overflow: hidden; color: #fff; }.industry-grid article.wide { grid-column: span 2; }
.industry-grid img { height: 100%; object-fit: cover; filter: saturate(.62) contrast(1.08); transition: transform .65s var(--ease), filter .4s; }.industry-grid article:hover img { transform: scale(1.045); filter: saturate(.85); }
.industry-grid article > div { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8,10,8,.76), transparent 65%); }.industry-grid article > span { position: absolute; top: 18px; left: 18px; font: 9px var(--font-mono); }.industry-grid h3 { position: absolute; right: 18px; bottom: 16px; left: 18px; margin: 0; font-size: clamp(23px, 2.2vw, 35px); font-weight: 520; letter-spacing: -.045em; }

.process { overflow: hidden; }
.process-visual { position: relative; }
.process-photo { position: relative; width: 63%; margin-left: auto; }
.process-photo > img { min-height: 570px; object-fit: cover; filter: saturate(.58) contrast(1.08); }
.process-window { position: absolute; top: 30px; right: 30px; width: 210px; padding: 15px; border: 1px solid rgba(255,255,255,.2); background: rgba(13,16,12,.56); backdrop-filter: blur(9px); }
.process-window span { display: block; margin-bottom: 18px; font: 9px var(--font-mono); text-transform: uppercase; }.process-window i { display: inline-block; width: 27%; height: 35px; margin-right: 5%; background: var(--signal); opacity: .8; }.process-window i:nth-child(3) { height: 61px; background: var(--mint); }.process-window i:nth-child(4) { height: 47px; }
.process-line { position: absolute; z-index: 2; top: 50%; left: 0; width: 56%; padding: 24px; background: rgba(18,21,17,.88); backdrop-filter: blur(14px); box-shadow: var(--shadow-2); transform: translateY(-50%); }
.process-line button { display: grid; grid-template-columns: 32px 20px 1fr; align-items: center; width: 100%; min-height: 58px; border: 0; border-bottom: 1px solid rgba(255,255,255,.13); background: none; color: #a3a79f; cursor: pointer; text-align: left; transition: color .25s, padding .3s; }.process-line button small { font: 8px var(--font-mono); }.process-line button > i { width: 7px; height: 7px; border: 1px solid #797e74; border-radius: 50%; }.process-line button > span { font-size: clamp(20px, 2vw, 30px); letter-spacing: -.035em; }
.process-line button p { display: none; grid-column: 3; max-width: 410px; margin: 4px 0 15px; color: #8d9289; font-size: 11px; line-height: 1.5; }.process-line button:hover, .process-line button:focus { padding-left: 8px; color: #fff; }.process-line button:hover > i, .process-line button:focus > i { border-color: var(--signal); background: var(--signal); }.process-line button:hover p, .process-line button:focus p { display: block; }

.selected-work { background: #f2f1eb; }
.work-controls { display: flex; justify-self: end; align-items: center; gap: 8px; }.work-controls > span { margin-right: 12px; font: 9px var(--font-mono); }.work-controls button { width: 48px; height: 48px; border: 1px solid var(--line); background: transparent; cursor: pointer; font-size: 20px; transition: background .25s, color .25s; }.work-controls button:hover { background: var(--ink); color: #fff; }
.work-showcase article { position: relative; height: min(68vw, 740px); min-height: 540px; overflow: hidden; background: #111; color: #fff; animation: workIn .55s var(--ease); box-shadow: var(--shadow-1); }.work-showcase img { height: 100%; object-fit: cover; filter: saturate(.7); }.work-overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,9,7,.82), transparent 65%), linear-gradient(90deg, rgba(7,9,7,.28), transparent); }
.work-top { position: absolute; top: 30px; right: 30px; left: 30px; display: flex; justify-content: space-between; font: 9px var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }.work-top small { padding: 8px 10px; border: 1px solid rgba(255,255,255,.25); background: rgba(8,10,8,.3); }
.work-bottom { position: absolute; right: 30px; bottom: 34px; left: 30px; display: flex; justify-content: space-between; align-items: end; gap: 30px; }.work-bottom h3 { max-width: 800px; margin: 0; font-size: clamp(48px, 7vw, 105px); font-weight: 520; line-height: .87; letter-spacing: -.072em; }.work-bottom a { display: inline-flex; min-width: 225px; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.55); font-size: 11px; }

.why { background: #dcdad2; }
.why-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(60px, 10vw, 155px); }
.why-title { position: sticky; top: 45px; align-self: start; }.why-title h2 { font-size: clamp(52px, 6vw, 88px); }.why-title img { width: 72%; aspect-ratio: 4/3; margin: 55px 0 0 auto; object-fit: cover; filter: saturate(.65); box-shadow: var(--shadow-1); }
.why-editorial article { display: grid; grid-template-columns: 45px 1fr; gap: 12px; padding: 35px 0; border-top: 1px solid rgba(0,0,0,.18); }.why-editorial article:last-child { border-bottom: 1px solid rgba(0,0,0,.18); }.why-editorial span { font: 9px var(--font-mono); }.why-editorial h3 { margin: 0; font-size: clamp(29px, 3vw, 47px); font-weight: 530; letter-spacing: -.05em; }.why-editorial p { grid-column: 2; max-width: 520px; margin: 5px 0 0; color: var(--muted); font-size: 15px; line-height: 1.6; }

.inquiry { position: relative; min-height: 850px; padding-block: clamp(115px, 12vw, 190px); overflow: hidden; color: #fff; }.inquiry > img { position: absolute; inset: 0; height: 100%; object-fit: cover; filter: saturate(.65); }.inquiry-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,8,6,.92), rgba(6,8,6,.55) 55%, rgba(6,8,6,.27)), linear-gradient(0deg, rgba(6,8,6,.75), transparent 60%); }
.inquiry-grid { position: relative; display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(60px, 10vw, 150px); align-items: end; }.inquiry h2 { margin: 32px 0; font-size: clamp(70px, 9vw, 135px); font-weight: 520; line-height: .8; letter-spacing: -.078em; }.inquiry-grid > div:first-child > p { max-width: 570px; color: rgba(255,255,255,.68); font-size: 19px; line-height: 1.55; }.inquiry-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 42px; }.text-action { margin-left: 12px; border: 0; background: none; color: #fff; cursor: pointer; font-size: 11px; }.text-action i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--mint); animation: pulse 2.5s infinite; }
.form-preview { padding: 28px; border: 1px solid rgba(255,255,255,.22); background: rgba(14,17,13,.54); backdrop-filter: blur(13px); box-shadow: var(--shadow-2); }.form-preview > span { display: block; margin-bottom: 32px; color: rgba(255,255,255,.56); font: 9px var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }.form-preview label { display: flex; min-height: 65px; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,.17); color: rgba(255,255,255,.72); font-size: 13px; }.form-preview label i { width: 7px; height: 7px; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; }.form-preview > button { display: flex; width: 100%; justify-content: space-between; margin-top: 29px; padding: 16px; border: 0; background: var(--signal); color: #fff; cursor: pointer; font-weight: 700; font-size: 12px; }

footer { position: relative; overflow: hidden; padding: 95px 0 28px; background: #0d0f0c; color: #fff; }.footer-light { position: absolute; top: -120px; left: 9%; width: 540px; height: 260px; background: radial-gradient(ellipse, rgba(255,92,53,.16), transparent 68%); pointer-events: none; }
.footer-main { position: relative; display: grid; grid-template-columns: 1.8fr .7fr .8fr 1.25fr; gap: 55px; padding-bottom: 90px; }.footer-main > div { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }.footer-brand .footer-statement { margin: 40px 0 8px; color: #fff; font: 520 clamp(30px, 3vw, 46px)/1 var(--font-sans); text-transform: none; letter-spacing: -.05em; }.footer-brand p { color: #747970; font: 9px var(--font-mono); text-transform: uppercase; letter-spacing: .1em; }.footer-main > div > small { margin-bottom: 16px; color: #666b63; font: 9px var(--font-mono); letter-spacing: .13em; text-transform: uppercase; }.footer-main > div > a:not(.brand) { color: #b4b8b0; font-size: 12px; transition: color .25s; }.footer-main > div > a:hover { color: #fff; }
.newsletter { width: 100%; margin-top: 26px; }.newsletter label { color: #747970; font-size: 11px; }.newsletter > div { display: flex; margin-top: 10px; border-bottom: 1px solid rgba(255,255,255,.2); }.newsletter input { width: 100%; min-width: 0; padding: 12px 0; border: 0; outline: 0; background: none; color: #fff; }.newsletter button { border: 0; background: none; color: var(--signal); cursor: pointer; }
.footer-bottom { display: flex; justify-content: space-between; gap: 25px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.13); color: #686d65; font: 9px var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }.footer-bottom > div { display: flex; gap: 24px; }.footer-bottom button { border: 0; background: none; color: inherit; cursor: pointer; font: inherit; text-transform: inherit; }

.modal-backdrop { position: fixed; z-index: 150; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(5,7,5,.76); backdrop-filter: blur(8px); animation: fade .25s; }.modal { position: relative; width: min(100%, 680px); max-height: 94vh; overflow: auto; padding: clamp(34px, 5vw, 65px); border-top: 3px solid var(--signal); background: var(--paper); box-shadow: var(--shadow-2); }.modal-close { position: absolute; top: 17px; right: 20px; border: 0; background: none; cursor: pointer; font-size: 29px; }.modal h2 { margin: 27px 0 43px; font-size: clamp(44px, 6vw, 72px); line-height: .92; letter-spacing: -.065em; }.modal form { display: grid; gap: 20px; }.modal label { display: grid; gap: 7px; font-size: 11px; font-weight: 700; }.modal input, .modal textarea { width: 100%; padding: 13px 0; border: 0; border-bottom: 1px solid var(--line); outline: 0; background: transparent; }.modal input:focus, .modal textarea:focus { border-color: var(--signal); }.modal textarea { resize: vertical; }.modal .btn { justify-self: start; margin-top: 10px; }
.toast { position: fixed; z-index: 170; right: 24px; bottom: 24px; display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; width: min(390px, calc(100% - 48px)); padding: 18px; border-left: 3px solid var(--mint); background: #171a15; color: #fff; box-shadow: var(--shadow-2); transform: translateY(150%); transition: transform .4s var(--ease); }.toast.show { transform: none; }.toast > i { color: var(--mint); }.toast div { display: grid; gap: 3px; }.toast span { color: #8e938a; font-size: 11px; }.toast button { border: 0; background: none; color: #888d84; cursor: pointer; font-size: 20px; }

@keyframes pulse { 50% { opacity: .35; transform: scale(.72); } }
@keyframes signal { 50% { height: 24%; opacity: .5; } }
@keyframes rotate { to { transform: rotate(360deg); } }
@keyframes workIn { from { opacity: .4; transform: translateX(18px); } }
@keyframes fade { from { opacity: 0; } }

@media (max-width: 1100px) {
  .nav-shell { grid-template-columns: 1fr auto; min-height: 76px; }
  .desktop-nav, .nav-cta { display: none; }
  .menu-button { display: block; }
  .mobile-navigation { display: block; min-height: calc(100svh - 76px); padding: 32px 0; background: rgba(12,14,11,.97); backdrop-filter: blur(14px); }
  .mobile-navigation .container { display: flex; flex-direction: column; }
  .mobile-navigation a { display: grid; grid-template-columns: 40px 1fr auto; align-items: center; min-height: 74px; border-bottom: 1px solid var(--light-line); font-size: 27px; letter-spacing: -.04em; }
  .mobile-navigation a small { color: #747970; font: 9px var(--font-mono); }
  .mobile-navigation button { display: flex; justify-content: space-between; margin-top: 35px; padding: 18px; border: 0; background: var(--signal); color: #fff; cursor: pointer; font-weight: 700; }
  .hero-foot { max-width: 700px; grid-template-columns: 1fr; gap: 28px; }
  .signal-panel { bottom: 100px; width: 205px; }
  .capability-grid { grid-template-columns: repeat(3, 1fr); }.cap-card:nth-child(1), .cap-card:nth-child(8), .cap-card:nth-child(15) { grid-column: span 1; }.cap-card:nth-child(1), .cap-card:nth-child(10) { grid-column: span 2; }
  .industry-grid { grid-template-columns: repeat(3, 1fr); }
  .product-rail { grid-auto-columns: minmax(340px, 55vw); }
  .process-photo { width: 75%; }.process-line { width: 63%; }
  .footer-main { grid-template-columns: 1.6fr 1fr 1fr; }.footer-main > div:last-child { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .section { padding-block: 88px; }
  .section-heading { grid-template-columns: 1fr; gap: 30px; margin-bottom: 55px; }.section-heading h2, .why-title h2 { font-size: 50px; }.section-heading > p { justify-self: start; }
  .hero { min-height: 720px; }.hero-content { padding-bottom: 110px; }.hero h1 { margin: 23px 0 30px; font-size: clamp(57px, 17vw, 82px); line-height: .82; }.hero-foot { gap: 25px; }.hero-buttons { flex-wrap: wrap; }.hero-buttons .btn { min-height: 49px; }
  .hero-orbit { width: 80vw; right: -35%; }.signal-panel { display: none; }.hero-controls { justify-content: space-between; }.hero-controls > div button { width: 45px; }.hero-controls > div button span { display: none; }.network-lines { opacity: .18; background-size: 55px 55px; }
  .meaning-stage { grid-template-columns: 1fr; min-height: 0; }.meaning-image { min-height: 470px; }.meaning-list { padding: 22px; }.meaning-list button { min-height: 66px; font-size: 25px; }
  .capability-grid { grid-template-columns: 1fr 1fr; }.cap-card, .cap-card:nth-child(1), .cap-card:nth-child(10) { min-height: 390px; grid-column: auto; }.cap-card:nth-child(1), .cap-card:nth-child(6), .cap-card:nth-child(13) { grid-column: 1 / -1; }.cap-copy p { display: none; }.cap-copy a { opacity: 1; transform: none; margin-top: 14px; }
  .solution-stack { gap: 75px; }.solution-stack article, .solution-stack article.reverse { grid-template-columns: 1fr; gap: 28px; }.solution-stack article.reverse .solution-media, .solution-stack article.reverse .solution-copy { order: initial; }.solution-copy h3 { margin-block: 18px; font-size: 49px; }.solution-copy p { font-size: 15px; }
  .product-rail { grid-auto-columns: minmax(300px, 84vw); }.product-card { min-height: 540px; padding: 22px; }.device { min-height: 340px; }.device-ui { min-height: 190px; }.product-meta p { min-height: 56px; font-size: 28px; }
  .industry-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 230px; }.industry-grid article.wide { grid-column: 1 / -1; }
  .process-photo { width: 100%; }.process-photo > img { min-height: 480px; }.process-window { top: 18px; right: 18px; }.process-line { position: relative; top: auto; width: calc(100% - 30px); margin: -100px 15px 0; transform: none; }.process-line button p { display: none !important; }
  .work-controls { justify-self: start; }.work-showcase article { min-height: 560px; }.work-bottom { align-items: start; flex-direction: column; }.work-bottom h3 { font-size: 55px; }.work-bottom a { min-width: 100%; }
  .why-grid { grid-template-columns: 1fr; gap: 70px; }.why-title { position: static; }.why-title img { width: 78%; margin-top: 40px; }.why-editorial article { padding-block: 27px; }
  .inquiry { min-height: 0; }.inquiry-grid { grid-template-columns: 1fr; gap: 60px; }.inquiry h2 { font-size: clamp(63px, 18vw, 90px); }.form-preview { backdrop-filter: blur(8px); }
  .footer-main { grid-template-columns: 1fr 1fr; }.footer-main .footer-brand, .footer-main > div:last-child { grid-column: 1 / -1; }.footer-bottom { flex-wrap: wrap; }.footer-bottom > div { order: 3; width: 100%; }
}

@media (max-width: 480px) {
  .capability-grid { grid-template-columns: 1fr; }.cap-card, .cap-card:nth-child(1), .cap-card:nth-child(6), .cap-card:nth-child(13) { min-height: 430px; grid-column: auto; }
  .meaning-caption { right: 12px; bottom: 12px; left: 12px; flex-direction: column; align-items: start; gap: 10px; }
  .industry-grid { grid-template-columns: 1fr; }.industry-grid article.wide { grid-column: auto; }
  .hero-buttons { display: grid; grid-template-columns: 1fr 1fr; }.hero-buttons .btn { padding-inline: 12px; gap: 10px; }.hero-foot > p { font-size: 15px; }
  .inquiry-actions { display: grid; grid-template-columns: 1fr 1fr; }.inquiry-actions .text-action { grid-column: 1 / -1; margin: 14px 0 0; text-align: left; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 45px 28px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .hero-slide img { transform: none; }
}

@media (hover: none) {
  .cap-copy a { margin-top: 14px; opacity: 1; transform: none; }
}

/* Multi-page platform */
.desktop-nav a[aria-current="page"] { color: #fff; }
.desktop-nav a[aria-current="page"]::after { transform: scaleX(1); }
.mobile-navigation a[aria-current="page"] { color: var(--signal); }
.mobile-navigation .mobile-contact { display: flex; justify-content: space-between; margin-top: 35px; padding: 18px; border: 0; background: var(--signal); color: #fff; font-size: 14px; font-weight: 750; }
.text-link { display: inline-flex; align-items: center; gap: 24px; padding-bottom: 8px; border-bottom: 1px solid currentColor; font-size: 12px; font-weight: 720; }
.text-link.light { color: #fff; }

.home-hero { position: relative; height: 100svh; min-height: 760px; max-height: 1080px; overflow: hidden; background: #080a08; color: #fff; }
.home-hero > img { position: absolute; inset: 0; height: 100%; object-fit: cover; filter: saturate(.65) contrast(1.15); }
.home-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(5,7,5,.92),rgba(5,7,5,.43) 58%,rgba(5,7,5,.2)),linear-gradient(0deg,rgba(5,7,5,.82),transparent 58%); }
.home-network { position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size: 88px 88px; mask-image: linear-gradient(90deg,transparent 25%,#000,transparent); }
.home-hero-inner { position: relative; display: flex; height: 100%; flex-direction: column; justify-content: flex-end; padding-bottom: clamp(80px,10vh,120px); }
.home-hero h1 { max-width: 1120px; margin: 28px 0 45px; font-size: clamp(72px,10vw,150px); font-weight: 520; line-height: .78; letter-spacing: -.08em; }
.home-hero h1 em,.home-ai h2 em,.home-final h2 em { color: var(--signal); font-family: Georgia,serif; font-weight: 400; }
.home-hero-foot { display: grid; grid-template-columns: minmax(300px,620px) auto; gap: 55px; align-items: end; }
.home-hero-foot > p { margin: 0; color: rgba(255,255,255,.72); font-size: clamp(17px,1.55vw,22px); line-height: 1.55; }
.home-hero-foot > div { display: flex; gap: 8px; }
.editorial-intro { display: grid; grid-template-columns: .55fr 1.45fr; gap: 70px; }
.editorial-intro h2 { margin: 0 0 35px; font-size: clamp(55px,7vw,105px); font-weight: 520; line-height: .9; letter-spacing: -.072em; }
.editorial-intro p { max-width: 690px; color: var(--muted); font-size: 20px; line-height: 1.65; }
.editorial-intro .text-link { margin-top: 25px; }
.route-gateways { padding-block: clamp(100px,12vw,190px); background: #11130f; color: #fff; }
.gateway-grid { display: grid; grid-template-columns: repeat(3,1fr); grid-auto-rows: 420px; gap: 10px; }
.gateway-grid > a { position: relative; overflow: hidden; }
.gateway-grid > a.gateway-wide { grid-column: span 2; }
.gateway-grid img { height: 100%; object-fit: cover; filter: saturate(.55) contrast(1.08); transition: transform .65s var(--ease),filter .35s; }
.gateway-grid > a > div { position: absolute; inset: 0; background: linear-gradient(0deg,rgba(7,9,7,.9),transparent 65%); }
.gateway-grid > a > span { position: absolute; top: 22px; left: 22px; font: 9px var(--font-mono); }
.gateway-grid h3 { position: absolute; right: 22px; bottom: 87px; left: 22px; margin: 0; font-size: clamp(35px,4vw,61px); font-weight: 520; letter-spacing: -.06em; }
.gateway-grid p { position: absolute; bottom: 22px; left: 22px; max-width: 430px; margin: 0; color: #a2a69e; font-size: 12px; line-height: 1.5; }
.gateway-grid > a > span:last-child { right: 22px; bottom: 22px; left: auto; top: auto; color: var(--signal); font-size: 20px; }
.gateway-grid > a:hover img { transform: scale(1.04); filter: saturate(.8); }
.home-ai { padding-block: clamp(110px,13vw,200px); background: #d9d8d0; }
.home-ai-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(55px,9vw,140px); align-items: center; }
.home-ai h2 { margin: 25px 0; font-size: clamp(58px,7vw,102px); font-weight: 520; line-height: .87; letter-spacing: -.075em; }
.home-ai p { max-width: 580px; color: var(--muted); font-size: 18px; line-height: 1.65; }
.home-ai .btn { margin-top: 28px; }
.home-ai img { min-height: 620px; object-fit: cover; filter: saturate(.62); box-shadow: var(--shadow-1); }
.home-final { padding-block: clamp(120px,14vw,210px); background: #0e100d; color: #fff; }
.home-final h2 { margin: 36px 0 55px; font-size: clamp(78px,11vw,160px); font-weight: 520; line-height: .78; letter-spacing: -.082em; }
.home-final .container > div { display: flex; gap: 32px; align-items: center; }

.page-hero { position: relative; min-height: 820px; height: 88svh; max-height: 980px; overflow: hidden; background: #0a0c09; color: #fff; }
.page-hero > img { position: absolute; inset: 0; height: 100%; object-fit: cover; filter: saturate(.62) contrast(1.12); }
.page-hero::before,.home-hero::before,.service-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 28%,rgba(255,92,53,.22),transparent 28%),linear-gradient(120deg,rgba(141,230,188,.16),transparent 42%),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 74px),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 74px),#0a0c09}
.page-hero>img,.home-hero>img,.service-hero>img,.services-index-grid img,.solution-index-grid img,.project-media img,.portfolio-mosaic img,.purpose img,.philosophy-media img,.culture-gallery img,.ai-use-grid img{background:radial-gradient(circle at 28% 24%,rgba(255,92,53,.3),transparent 30%),linear-gradient(135deg,#11130f,#2a302a 55%,#161915)}
.page-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(5,7,5,.92),rgba(5,7,5,.48) 56%,rgba(5,7,5,.22)),linear-gradient(0deg,rgba(5,7,5,.86),transparent 60%); }
.page-hero-signal .page-hero-shade { background: linear-gradient(90deg,rgba(5,7,5,.93),rgba(28,14,9,.52) 62%,rgba(255,92,53,.18)),linear-gradient(0deg,rgba(5,7,5,.84),transparent); }
.page-grid { position: absolute; inset: 0; opacity: .42; background: linear-gradient(90deg,transparent calc(25% - 1px),rgba(255,255,255,.12) 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),rgba(255,255,255,.12) 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),rgba(255,255,255,.12) 75%,transparent calc(75% + 1px)); }
.page-hero-inner { position: relative; display: flex; height: 100%; flex-direction: column; justify-content: flex-end; padding-bottom: clamp(70px,9vh,105px); }
.page-hero h1 { max-width: 1180px; margin: 30px 0 45px; font-size: clamp(65px,8.5vw,132px); font-weight: 520; line-height: .82; letter-spacing: -.078em; }
.page-hero h1 em { color: var(--signal); font-family: Georgia,serif; font-weight: 400; }
.page-hero-foot { display: grid; grid-template-columns: minmax(300px,660px) auto; gap: 55px; align-items: end; }
.page-hero-foot > p { margin: 0; color: rgba(255,255,255,.7); font-size: clamp(17px,1.5vw,21px); line-height: 1.55; }

.story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(60px,10vw,150px); }
.story-grid h2 { margin: 28px 0 0; font-size: clamp(50px,6vw,84px); font-weight: 520; line-height: .94; letter-spacing: -.065em; }
.story-grid > div:last-child { padding-top: 45px; }
.story-grid p { color: var(--muted); font-size: 18px; line-height: 1.7; }
.story-grid .text-link { margin-top: 25px; }
.name-system { background: #11130f; color: #fff; }
.name-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--light-line); border-left: 1px solid var(--light-line); }
.name-grid article { min-height: 270px; padding: 28px; border-right: 1px solid var(--light-line); border-bottom: 1px solid var(--light-line); }
.name-grid span { color: var(--signal); font: 11px var(--font-mono); }
.name-grid h3 { margin: 50px 0 14px; font-size: clamp(31px,3vw,46px); font-weight: 520; letter-spacing: -.05em; }
.name-grid p { color: #8e938a; font-size: 13px; line-height: 1.6; }
.editorial-list { margin-left: 32%; }
.editorial-list article { display: grid; grid-template-columns: 48px 1fr 1fr; gap: 25px; padding: 32px 0; border-top: 1px solid var(--line); }
.editorial-list article:last-child { border-bottom: 1px solid var(--line); }
.editorial-list span { font: 9px var(--font-mono); }.editorial-list h3 { margin: 0; font-size: clamp(28px,3vw,44px); font-weight: 520; letter-spacing: -.05em; }.editorial-list p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }

.service-group-list { display: grid; gap: 110px; }
.service-group-list article { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(45px,8vw,120px); align-items: center; }
.service-group-list article:nth-child(even) .group-media { order: 2; }
.group-media { position: relative; }.group-media img { aspect-ratio: 4/3; object-fit: cover; filter: saturate(.62); box-shadow: var(--shadow-1); }.group-media span { position: absolute; top: 20px; left: 20px; display: grid; width: 50px; height: 50px; place-items: center; background: rgba(10,12,9,.7); color: #fff; font: 9px var(--font-mono); }
.group-copy h2 { margin: 0 0 20px; font-size: clamp(46px,5.2vw,78px); font-weight: 520; line-height: .92; letter-spacing: -.065em; }.group-copy > p { color: var(--muted); font-size: 17px; line-height: 1.6; }.group-copy ul { margin: 28px 0; padding: 0; list-style: none; }.group-copy li { padding: 12px 0; border-top: 1px solid var(--line); font-size: 13px; }.group-copy li:last-child { border-bottom: 1px solid var(--line); }

.solution-index { background: #dcdad2; }
.solution-index-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.solution-index-grid article { position: relative; min-height: 590px; overflow: hidden; color: #fff; background:#151812; }
.solution-index-grid article::before,.services-index-grid>a::before,.portfolio-mosaic article::before,.project-media::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.16) 0 1px,transparent 1px 22%),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 58px),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 58px);mix-blend-mode:screen;opacity:.34;z-index:1}.project-media::before{z-index:2;opacity:.18}
.services-index-grid>a>span,.services-index-grid h2,.services-index-grid p,.services-index-grid>a>div,.solution-index-grid article>span,.solution-index-grid article>div,.portfolio-mosaic article>div,.portfolio-mosaic span,.portfolio-mosaic h2,.portfolio-mosaic p,.project-media>span{z-index:3}
.services-index-grid>a>span,.services-index-grid h2,.services-index-grid p,.solution-index-grid article>span,.solution-index-grid article>div,.portfolio-mosaic span,.portfolio-mosaic h2,.portfolio-mosaic p{position:absolute}
.solution-index-grid article:nth-child(3n+1) { grid-column: span 2; min-height: 680px; }
.solution-index-grid img { position: absolute; inset: 0; height: 100%; object-fit: cover; filter: saturate(.58); transition: transform .7s var(--ease); }
.solution-index-shade { position: absolute; inset: 0; background: linear-gradient(0deg,rgba(7,9,7,.9),transparent 70%); }
.solution-index-grid article > span { position: absolute; top: 24px; left: 24px; font: 9px var(--font-mono); }
.solution-index-grid article > div:last-child { position: absolute; right: 25px; bottom: 26px; left: 25px; }
.solution-index-grid small { color: #a6aaa2; font: 9px var(--font-mono); text-transform: uppercase; letter-spacing: .09em; }.solution-index-grid h2 { margin: 12px 0; font-size: clamp(40px,5vw,76px); font-weight: 520; line-height: .9; letter-spacing: -.065em; }.solution-index-grid p { max-width: 530px; color: #b8bbb5; font-size: 13px; }.solution-index-grid a { display: inline-flex; gap: 22px; margin-top: 12px; color: var(--signal); font-size: 11px; }.solution-index-grid article:hover img { transform: scale(1.035); }
.delivery-band { padding-block: 100px; background: #11130f; color: #fff; }
.phase-line { display: grid; grid-template-columns: repeat(8,1fr); margin-top: 55px; }.phase-line div { display: grid; gap: 17px; }.phase-line small { color: #73786f; font: 8px var(--font-mono); }.phase-line i { position: relative; height: 1px; background: rgba(255,255,255,.18); }.phase-line i::before { content:""; position:absolute; top:-3px; left:0; width:7px; height:7px; border-radius:50%; background:var(--signal); }.phase-line span { font-size: 12px; }

.ai-principles { background: #f1f0e9; }
.three-up { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.three-up article { min-height: 330px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.three-up span { color: var(--signal); font: 9px var(--font-mono); }.three-up h3 { margin: 80px 0 15px; font-size: clamp(35px,4vw,58px); font-weight: 520; letter-spacing: -.06em; }.three-up p { color: var(--muted); font-size: 14px; line-height: 1.65; }
.ai-use-cases { background: #dcdad2; }.ai-use-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(55px,9vw,140px); align-items: center; }.ai-use-grid > img { min-height: 710px; object-fit: cover; filter: saturate(.55); box-shadow: var(--shadow-1); }.ai-use-grid h2 { margin: 25px 0 45px; font-size: clamp(50px,6vw,90px); font-weight: 520; line-height: .9; letter-spacing: -.07em; }.ai-use-grid a { display: grid; grid-template-columns: 36px 1fr auto; gap: 10px; padding: 20px 0; border-top: 1px solid var(--line); font-size: 16px; }.ai-use-grid a:last-child { border-bottom: 1px solid var(--line); }.ai-use-grid small { font: 8px var(--font-mono); }.responsible-band { padding-block: 115px; background: var(--signal); color: #fff; }.responsible-band h2 { max-width: 1100px; margin: 30px 0 50px; font-size: clamp(45px,6.5vw,96px); font-weight: 520; line-height: .92; letter-spacing: -.07em; }

.product-index { background: #11130f; color: #fff; }.product-index-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }.product-index-grid article { padding: 34px; background: #20231e; transition:background .35s var(--ease),transform .35s var(--ease); }.product-index-grid article:nth-child(3n+1) { grid-column: span 2; }.product-index-grid article:hover{background:#262a24;transform:translateY(-3px)}.product-screen-link{display:block;outline-offset:5px}.product-screen-link:focus-visible{outline:2px solid var(--product)}.product-screen { min-height: 360px; padding: 20px; border: 1px solid rgba(255,255,255,.19); border-radius: 24px; background: radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--product) 25%,transparent),transparent 42%),#171a15; box-shadow: inset 0 0 0 6px rgba(0,0,0,.15),0 24px 50px rgba(0,0,0,.25); transition:transform .55s var(--ease),border-color .35s; }.product-index-grid article:hover .product-screen{transform:perspective(900px) rotateX(1deg) translateY(-5px);border-color:color-mix(in srgb,var(--product) 60%,white)}.product-screen header { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding-bottom: 17px; border-bottom: 1px solid rgba(255,255,255,.14); font-size: 11px; }.product-screen header i { width: 7px; height: 7px; border-radius: 50%; background: var(--product); }.product-screen header small { font: 8px var(--font-mono); }.product-screen > div { display: grid; grid-template-columns: repeat(3,1fr); align-items: end; gap: 9px; min-height: 260px; padding: 35px; }.product-screen b { grid-column: 1/-1; color: var(--product); font-size: 72px; text-align: center; }.product-screen > div i { height: 35px; background: linear-gradient(var(--product),var(--product-2)); opacity: .75; }.product-screen > div i:nth-last-child(2) { height: 70px; }.product-screen > div i:last-child { height: 105px; }.product-index-grid article > span { display:flex;align-items:center;gap:8px;margin-top: 28px; color: #9ba096; font: 8px var(--font-mono); text-transform: uppercase; }.status-dot{width:7px;height:7px;border-radius:50%;background:var(--product)}.product-index-grid article > h2 { margin: 12px 0; color: var(--product); font-size: clamp(43px,5vw,72px); font-weight: 520; letter-spacing: -.065em; }.product-index-grid article > p { max-width:650px;color: #b2b6ae; }.product-index-grid article > a { display: inline-flex; gap: 20px; margin-top: 20px; color: #fff; font-size: 11px; }.product-index-grid article>a:hover{color:var(--product)}
.product-screen{position:relative;overflow:hidden}.product-screen::before{content:"";position:absolute;inset:58px 20px 20px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 46px),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 46px);mask-image:radial-gradient(circle at 50% 48%,#000,transparent 76%)}.product-screen header,.product-screen>div{position:relative;z-index:1}.product-screen>div{grid-template-columns:1.15fr .85fr .7fr;align-items:stretch;gap:12px;padding:35px 22px 18px}.product-screen b{position:absolute;top:24px;left:50%;grid-column:auto;line-height:1;transform:translateX(-50%);text-shadow:0 0 34px color-mix(in srgb,var(--product) 45%,transparent)}.screen-map,.screen-feed,.screen-bars{display:grid;align-self:end;min-height:150px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.14);backdrop-filter:blur(4px)}.screen-map{position:relative;grid-template-columns:repeat(5,1fr);align-items:center;padding:18px;overflow:hidden}.screen-map::before,.screen-map::after{content:"";position:absolute;inset:24% 12% auto;height:1px;background:linear-gradient(90deg,var(--product),var(--product-2));transform:rotate(-18deg);box-shadow:36px 62px 0 color-mix(in srgb,var(--product) 70%,transparent),-22px 98px 0 color-mix(in srgb,var(--product-2) 70%,transparent)}.screen-map i{width:8px;height:8px;border-radius:50%;background:var(--product);box-shadow:0 0 18px var(--product)}.screen-feed{gap:8px;padding:18px}.screen-feed i{height:12px;background:linear-gradient(90deg,var(--product),rgba(255,255,255,.22))}.screen-feed i:nth-child(2){width:72%}.screen-feed i:nth-child(3){width:86%}.screen-feed i:last-child{width:58%;background:var(--product-2)}.screen-bars{grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;padding:18px}.screen-bars i{background:linear-gradient(var(--product),var(--product-2));opacity:.78}.screen-bars i:first-child{height:38%}.screen-bars i:nth-child(2){height:68%}.screen-bars i:last-child{height:95%}

/* Phase 5 — product showcase */
.product-detail{--product:#8de6bc;--product-2:#d9ef75;background:#11130f;color:#fff}.product-hero{position:relative;min-height:100svh;overflow:hidden;padding:150px 0 90px;background:linear-gradient(135deg,#0b0d0a,#161a14 58%,color-mix(in srgb,var(--product) 16%,#0b0d0a))}.product-ambient{position:absolute;inset:0;opacity:.75;pointer-events:none}.product-ambient i{position:absolute;border:1px solid color-mix(in srgb,var(--product) 28%,transparent);border-radius:50%;animation:product-drift 16s ease-in-out infinite}.product-ambient i:first-child{width:52vw;height:52vw;right:-18vw;top:-17vw}.product-ambient i:nth-child(2){width:28vw;height:28vw;right:7vw;bottom:-16vw;animation-delay:-6s}.product-ambient i:last-child{width:9px;height:9px;left:8vw;top:38%;background:var(--product);border:0}@keyframes product-drift{50%{transform:translate3d(0,18px,0) scale(1.025)}}.product-hero-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(55px,8vw,130px);align-items:center}.product-breadcrumb{display:flex;gap:10px;margin-bottom:28px;color:#898e85;font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.product-breadcrumb a:hover{color:var(--product)}.status-chip{display:inline-flex;align-items:center;gap:10px;width:max-content;padding:9px 12px;border:1px solid color-mix(in srgb,var(--product) 45%,transparent);background:color-mix(in srgb,var(--product) 8%,transparent);color:var(--product);font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.status-chip i{width:7px;height:7px;border-radius:50%;background:var(--product)}.product-hero h1{max-width:740px;margin:26px 0;font-size:clamp(65px,7.7vw,118px);font-weight:520;line-height:.82;letter-spacing:-.078em;text-wrap:balance}.product-hero-copy>p{max-width:600px;color:#b6bbb1;font-size:17px;line-height:1.65}.product-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.product-btn{background:var(--product);border-color:var(--product);color:#0b0d0a}.product-btn:hover{background:var(--product-2);border-color:var(--product-2);transform:translateY(-2px)}.hero-device{position:relative;padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:#080a08;box-shadow:0 45px 120px rgba(0,0,0,.55);transform:perspective(1300px) rotateY(-7deg) rotateX(2deg)}.product-hero-1 .hero-device{transform:perspective(1300px) rotateY(7deg) rotateX(2deg)}.product-hero-2 .product-hero-grid{grid-template-columns:1fr 1fr}.product-hero-2 .hero-device{border-radius:48px;transform:perspective(1300px) rotateZ(1.5deg)}.browser-bar{display:flex;align-items:center;gap:6px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.1);color:#777d74;font:8px var(--font-mono)}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#40443d}.browser-bar span{margin-left:9px}.hero-ui{min-height:570px;padding:24px;background:radial-gradient(circle at 75% 25%,color-mix(in srgb,var(--product) 25%,transparent),transparent 34%),linear-gradient(145deg,#161a14,#0e110d)}.hero-ui header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px}.hero-ui header b{display:grid;width:42px;height:42px;place-items:center;background:var(--product);color:#0b0d0a;font-size:11px}.hero-ui header span{font-size:12px}.hero-ui header small{color:#777d74;font:8px var(--font-mono)}.ui-stage{display:grid;grid-template-columns:1fr .65fr;gap:24px;align-items:end;min-height:430px}.ui-title small{display:block;color:var(--product);font:8px var(--font-mono);text-transform:uppercase}.ui-title strong{display:block;max-width:430px;margin-top:17px;font-size:clamp(37px,4vw,63px);font-weight:520;line-height:.92;letter-spacing:-.06em}.ui-chart{display:flex;align-items:end;gap:8px;height:175px;padding:20px;border-left:1px solid rgba(255,255,255,.12)}.ui-chart i{flex:1;height:22%;background:var(--product);opacity:.75}.ui-chart i:nth-child(2){height:48%}.ui-chart i:nth-child(3){height:35%}.ui-chart i:nth-child(4){height:76%}.ui-chart i:nth-child(5){height:100%;background:var(--product-2)}.hero-ui footer{display:flex;align-items:center;gap:7px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);color:#6f746c;font:8px var(--font-mono);text-transform:uppercase}.hero-ui footer span{margin-right:auto}.hero-ui footer i{width:28px;height:3px;background:var(--product)}
.product-principles{overflow:hidden;background:#eeede6;color:#11130f}.feature-slider{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(360px,38vw);gap:14px;overflow-x:auto;padding:4px 0 28px;scroll-snap-type:x mandatory;scrollbar-color:var(--product) #c9c8c0}.feature-slider article{min-height:590px;padding:28px;background:#191c17;color:#fff;scroll-snap-align:start}.feature-slider article>span{color:var(--product);font:9px var(--font-mono)}.feature-visual{position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:7px;height:275px;margin:24px 0 40px;padding:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--product) 28%,transparent),transparent 43%),#10130f}.feature-visual b{position:absolute;top:50%;left:50%;color:var(--product);font-size:68px;letter-spacing:-.08em;transform:translate(-50%,-50%)}.feature-visual i{height:20%;background:var(--product);opacity:.45}.feature-visual i:nth-last-child(2){height:48%}.feature-visual i:last-child{height:76%;background:var(--product-2)}.feature-visual-1{border-radius:130px 130px 20px 20px}.feature-visual-2{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.feature-slider h3{margin:0 0 17px;color:var(--product);font-size:clamp(36px,4vw,58px);font-weight:520;line-height:.95;letter-spacing:-.055em}.feature-slider p{max-width:410px;color:#a7aca3;font-size:14px;line-height:1.65}.slider-hint{display:flex;justify-content:flex-end;gap:20px;color:var(--muted);font:9px var(--font-mono);text-transform:uppercase}.slider-hint span{color:var(--signal)}
.slider-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.slider-controls p{margin:0;color:var(--muted);font:9px var(--font-mono);text-transform:uppercase}.slider-controls p span{color:var(--signal)}.slider-controls>div{display:flex;gap:8px}.slider-controls button{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(0,0,0,.22);background:transparent;color:#111;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.slider-controls button:hover,.slider-controls button:focus-visible{border-color:var(--signal);background:var(--signal);color:#fff;outline:0;transform:translateY(-2px)}.feature-visual-2{clip-path:none;border-radius:20px 70px 20px 20px}.interface-mode-1{grid-template-columns:1fr 2fr 1fr}.interface-mode-2{border-radius:140px}.interface-mode-3{background:linear-gradient(135deg,color-mix(in srgb,var(--product) 22%,#10130f),#10130f)}.interface-mode-4 b{font-family:Georgia,serif;font-weight:400}.interface-mode-5{grid-template-columns:repeat(4,1fr);border-radius:34px}.interface-mode-6{background:linear-gradient(0deg,color-mix(in srgb,var(--product) 15%,#10130f),#10130f)}.interface-mode-7{border-style:dashed}
.slider-controls a{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(0,0,0,.22);background:transparent;color:#111;font:9px var(--font-mono);transition:background .2s,border-color .2s,transform .2s}.slider-controls a:hover,.slider-controls a:focus-visible{border-color:var(--signal);background:var(--signal);color:#fff;outline:0;transform:translateY(-2px)}.feature-slider article{scroll-margin-inline:0}
.product-flow{background:#11130f}.workflow-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px}.workflow-line article{position:relative;padding:0 28px 30px 0}.workflow-line span{color:#747a71;font:8px var(--font-mono)}.workflow-line article>i{display:block;position:relative;height:1px;margin:20px 0 42px;background:rgba(255,255,255,.18)}.workflow-line article>i:before{content:"";position:absolute;top:-5px;left:0;width:11px;height:11px;border-radius:50%;background:var(--product);box-shadow:0 0 0 6px color-mix(in srgb,var(--product) 12%,transparent)}.workflow-line h3{margin:0 0 13px;color:var(--product);font-size:clamp(30px,3vw,47px);font-weight:520;letter-spacing:-.05em}.workflow-line p{max-width:210px;color:#90958c;font-size:12px;line-height:1.55}.product-gallery{background:#d8d7cf;color:#11130f}.product-gallery-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.gallery-view{padding:28px;background:#eeede6}.gallery-view:first-child{grid-row:span 2}.mini-device{min-height:330px;padding:18px;border:1px solid rgba(0,0,0,.14);border-radius:20px;background:#11130f;color:#fff;box-shadow:0 25px 60px rgba(0,0,0,.18)}.gallery-view:first-child .mini-device{min-height:650px}.mini-device header{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12);font-size:10px}.mini-device header i{width:7px;height:7px;border-radius:50%;background:var(--product)}.mini-device header small{font:8px var(--font-mono)}.mini-device>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:end;min-height:260px;padding:30px;background:radial-gradient(circle at 60% 35%,color-mix(in srgb,var(--product) 23%,transparent),transparent 38%)}.gallery-view:first-child .mini-device>div{min-height:580px}.mini-device b{grid-column:1/-1;align-self:center;color:var(--product);font-size:clamp(70px,9vw,130px);text-align:center}.mini-device>div span{height:8px;background:var(--product);opacity:.5}.gallery-view h3{margin:25px 0 10px;font-size:clamp(31px,3vw,45px);font-weight:520;letter-spacing:-.05em}.gallery-view p{color:var(--muted);font-size:13px;line-height:1.6}.product-truth{padding-block:clamp(90px,11vw,145px);background:var(--product);color:#0b0d0a}.product-truth-grid{display:grid;grid-template-columns:.45fr 1fr;gap:32px}.product-truth .status-chip{border-color:rgba(0,0,0,.35);background:rgba(255,255,255,.16);color:#0b0d0a}.product-truth .status-chip i{background:#0b0d0a}.product-truth h2{margin:0;font-size:clamp(52px,7vw,96px);font-weight:520;line-height:.88;letter-spacing:-.07em}.product-truth p,.product-truth a{grid-column:2;max-width:680px}.product-truth p{font-size:17px;line-height:1.65}.product-route-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;padding-block:40px}.product-route-nav a{display:grid;gap:8px;padding:20px;border:1px solid rgba(255,255,255,.14);transition:border-color .25s,background .25s}.product-route-nav a:last-child{text-align:right}.product-route-nav small{color:#747a71;font:8px var(--font-mono);text-transform:uppercase}.product-route-nav strong{font-size:14px}.product-route-nav a:hover,.product-route-nav a:focus-visible{border-color:var(--product);background:color-mix(in srgb,var(--product) 7%,transparent);outline:0}
.gallery-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:14px;border-top:1px solid rgba(0,0,0,.2)}.gallery-tabs button{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:20px 18px;border:0;border-right:1px solid rgba(0,0,0,.18);border-bottom:1px solid rgba(0,0,0,.2);background:transparent;color:#111;text-align:left;cursor:pointer}.gallery-tabs button:first-child{border-left:1px solid rgba(0,0,0,.18)}.gallery-tabs button span{color:var(--muted);font:8px var(--font-mono)}.gallery-tabs button[aria-selected=true],.gallery-tabs button:hover,.gallery-tabs button:focus-visible{background:#11130f;color:var(--product);outline:0}.active-gallery-view{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(40px,7vw,100px);align-items:end;padding:clamp(20px,3vw,36px);background:#eeede6}.showcase-device{min-width:0;padding:14px;border:1px solid rgba(0,0,0,.14);border-radius:24px;background:#0e110d;color:#fff;box-shadow:0 30px 75px rgba(0,0,0,.22)}.showcase-device>header{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:12px 8px 20px;border-bottom:1px solid rgba(255,255,255,.12);font-size:11px}.showcase-device>header i{width:7px;height:7px;border-radius:50%;background:var(--product)}.showcase-device>header small{font:8px var(--font-mono)}.showcase-workspace{display:grid;grid-template-columns:130px 1fr;min-height:500px}.showcase-workspace aside{display:flex;flex-direction:column;gap:13px;padding:24px 18px;border-right:1px solid rgba(255,255,255,.1)}.showcase-workspace aside b{display:grid;width:50px;height:50px;place-items:center;background:var(--product);color:#0d100c;font-size:13px}.showcase-workspace aside i{height:5px;background:#363b33}.showcase-workspace main{display:grid;align-content:end;gap:22px;min-width:0;padding:42px;background:radial-gradient(circle at 72% 25%,color-mix(in srgb,var(--product) 26%,transparent),transparent 38%)}.showcase-workspace main>span{width:42px;height:6px;background:var(--product)}.showcase-workspace main strong{max-width:570px;font-size:clamp(42px,6vw,82px);font-weight:520;line-height:.89;letter-spacing:-.065em;overflow-wrap:anywhere}.showcase-workspace main>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;height:110px}.showcase-workspace main i{height:25%;background:var(--product);opacity:.55}.showcase-workspace main i:nth-child(2){height:58%}.showcase-workspace main i:nth-child(3){height:42%}.showcase-workspace main i:last-child{height:92%;background:var(--product-2)}.showcase-screen-1 .showcase-workspace main{align-content:center}.showcase-screen-2 .showcase-workspace{grid-template-columns:1fr}.showcase-screen-2 aside{display:none}.showcase-device-1{border-radius:44px}.showcase-device-2{border-radius:44px 44px 12px 12px}.showcase-device-3 .showcase-workspace{grid-template-columns:200px 1fr}.showcase-device-4{border-radius:8px}.showcase-device-5{border-width:8px}.showcase-device-6 .showcase-workspace main{background:linear-gradient(145deg,color-mix(in srgb,var(--product) 19%,#11130f),#11130f)}.showcase-device-7{border-style:dashed}.active-gallery-view>div:last-child h3{margin:26px 0 15px;font-size:clamp(45px,5.5vw,76px);font-weight:520;line-height:.9;letter-spacing:-.065em}.active-gallery-view>div:last-child p{color:var(--muted);font-size:15px;line-height:1.65}.active-gallery-view>div:last-child small{display:block;margin-top:28px;color:var(--signal);font:8px var(--font-mono);text-transform:uppercase}
.gallery-tabs a{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:20px 18px;border-right:1px solid rgba(0,0,0,.18);border-bottom:1px solid rgba(0,0,0,.2);background:transparent;color:#111;text-align:left}.gallery-tabs a:first-child{border-left:1px solid rgba(0,0,0,.18)}.gallery-tabs a span{color:var(--muted);font:8px var(--font-mono)}.gallery-tabs a:hover,.gallery-tabs a:focus-visible{background:#11130f;color:var(--product);outline:0}.gallery-view-rail{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--product) #bdbcb5}.gallery-view-rail .active-gallery-view{scroll-snap-align:start;scroll-margin-inline:0}

.project-list { background: #f1f0e9; }.project-list article { display: grid; grid-template-columns: 1.3fr .7fr; gap: clamp(45px,8vw,120px); align-items: center; padding-block: 80px; border-top: 1px solid var(--line); }.project-list article:nth-of-type(odd) .project-media { order:2; }.project-media { position: relative; }.project-media img { aspect-ratio: 16/11; object-fit: cover; filter: saturate(.65); box-shadow: var(--shadow-1); }.project-media > span { position: absolute; top:20px; left:20px; display:grid; place-items:center; width:48px; height:48px; background:rgba(8,10,8,.7); color:#fff; font:9px var(--font-mono); }.project-copy small { color: var(--signal); font: 9px var(--font-mono); text-transform: uppercase; }.project-copy h2 { margin: 20px 0 8px; font-size: clamp(47px,5.5vw,80px); font-weight: 520; line-height: .9; letter-spacing: -.067em; }.project-copy strong { color: var(--muted); font-size: 12px; }.project-copy p { max-width: 470px; margin-block: 28px; color: var(--muted); line-height: 1.65; }
.portfolio-grid { background:#11130f;color:#fff; }.portfolio-mosaic { display:grid; grid-template-columns:repeat(2,1fr); grid-auto-rows:560px; gap:12px; }.portfolio-mosaic article { position:relative; overflow:hidden; }.portfolio-mosaic article.large { grid-column:span 2; }.portfolio-mosaic img { height:100%; object-fit:cover; filter:saturate(.58); transition:transform .7s var(--ease); }.portfolio-mosaic article:hover img { transform:scale(1.04); }.portfolio-mosaic article > div { position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,9,7,.88),transparent 64%); }.portfolio-mosaic span { position:absolute;top:22px;left:22px;font:9px var(--font-mono); }.portfolio-mosaic h2 { position:absolute;right:22px;bottom:62px;left:22px;margin:0;font-size:clamp(42px,5vw,76px);font-weight:520;letter-spacing:-.065em; }.portfolio-mosaic p { position:absolute;bottom:22px;left:22px;margin:0;color:#a3a79f;font-size:13px; }.portfolio-next { display:flex;justify-content:space-between;align-items:center;gap:35px;padding-top:70px; }.portfolio-next p { font-size:20px; }
.portfolio-proof{background:#ecebe4;padding-block:clamp(55px,7vw,95px)}
.portfolio-proof-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(150px,.55fr));gap:12px;align-items:stretch}
.portfolio-proof-grid>div{padding-right:clamp(24px,4vw,80px)}
.portfolio-proof h2{max-width:720px;margin:24px 0 0;font-size:clamp(34px,4.5vw,68px);font-weight:520;line-height:.95;letter-spacing:-.06em}
.portfolio-proof article{display:flex;min-height:210px;flex-direction:column;justify-content:space-between;padding:24px;border-left:1px solid var(--line);background:#f7f6ef}
.portfolio-proof strong{color:var(--signal);font-size:clamp(44px,5vw,74px);font-weight:520;letter-spacing:-.06em}
.portfolio-proof p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.portfolio-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(420px,34vw);gap:12px}
.portfolio-showcase-grid article{position:relative;overflow:hidden;background:#151812;color:#fff}
.portfolio-showcase-grid article.featured{grid-column:span 2;grid-row:span 2}
.portfolio-showcase-grid img{position:absolute;inset:0;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.08);transition:transform .7s var(--ease),filter .35s}
.portfolio-showcase-grid article:hover img{transform:scale(1.04);filter:saturate(.82) contrast(1.04)}
.portfolio-showcase-grid article::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.065) 0 1px,transparent 1px 62px),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 62px);mix-blend-mode:screen;opacity:.35}
.portfolio-card-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,rgba(7,9,7,.95),rgba(7,9,7,.18) 72%),linear-gradient(90deg,rgba(7,9,7,.42),transparent)}
.portfolio-showcase-grid article>span{position:absolute;z-index:3;top:22px;left:22px;max-width:calc(100% - 44px);color:#d0d4cc;font:9px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.portfolio-showcase-grid article>div:last-child{position:absolute;z-index:3;right:24px;bottom:24px;left:24px}
.portfolio-showcase-grid h2{max-width:720px;margin:0 0 14px;font-size:clamp(34px,4.4vw,76px);font-weight:520;line-height:.9;letter-spacing:-.065em}
.portfolio-showcase-grid p{max-width:560px;margin:0;color:#b7bbb3;font-size:14px;line-height:1.6}
.portfolio-showcase-grid ul{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.portfolio-showcase-grid li{padding:8px 10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#f3f2ec;font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.08em}
.portfolio-standards{background:#e5e4dc}
.portfolio-standards-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(55px,9vw,140px);align-items:start}
.portfolio-standards h2{margin:26px 0;font-size:clamp(52px,6.4vw,96px);font-weight:520;line-height:.88;letter-spacing:-.075em}
.portfolio-standards-grid>div:first-child p{max-width:520px;color:var(--muted);font-size:17px;line-height:1.7}
.portfolio-standards-grid>div:last-child{border-top:1px solid var(--line)}
.portfolio-standards article{display:grid;grid-template-columns:48px minmax(180px,.55fr) 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}
.portfolio-standards article span{color:var(--signal);font:9px var(--font-mono)}
.portfolio-standards h3{margin:0;font-size:clamp(24px,2.5vw,38px);font-weight:520;line-height:1;letter-spacing:-.045em}
.portfolio-standards article p{margin:0;color:var(--muted);line-height:1.65}
.portfolio-conversion{position:relative;overflow:hidden;padding-block:clamp(105px,13vw,180px);background:#0b0d0a;color:#fff}
.portfolio-conversion::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 24%,rgba(255,92,53,.28),transparent 32%),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 80px)}
.portfolio-conversion-inner{position:relative}
.portfolio-conversion h2{max-width:980px;margin:30px 0 24px;font-size:clamp(58px,7.2vw,112px);font-weight:520;line-height:.84;letter-spacing:-.078em}
.portfolio-conversion p{max-width:640px;margin:0 0 36px;color:#a8ada5;font-size:18px;line-height:1.65}
.portfolio-conversion-inner>div{display:flex;flex-wrap:wrap;gap:18px;align-items:center}

.career-culture { background:#dcdad2; }.openings { width:min(100%,850px); margin:120px 0 0 auto; padding:60px; background:#11130f;color:#fff; box-shadow:var(--shadow-1); }.openings h2 { margin:28px 0;font-size:clamp(45px,6vw,76px);font-weight:520;line-height:.93;letter-spacing:-.065em; }.openings p { color:#989d94;line-height:1.65; }.openings .text-link { margin-top:25px; }
.contact-page { position:relative; min-height:100svh; padding:170px 0 100px; background:#0c0e0b;color:#fff; }.contact-image { position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=2200&q=86") center/cover;filter:saturate(.55); }.contact-shade { position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,5,.95),rgba(5,7,5,.75) 55%,rgba(5,7,5,.48)); }.contact-grid { position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,150px);align-items:end; }.contact-grid h1 { margin:32px 0;font-size:clamp(70px,9vw,130px);font-weight:520;line-height:.8;letter-spacing:-.08em; }.contact-grid h1 em { color:var(--signal);font-family:Georgia,serif;font-weight:400; }.contact-grid > div > p { max-width:560px;color:rgba(255,255,255,.7);font-size:18px;line-height:1.6; }.contact-direct { display:grid;gap:12px;margin-top:55px; }.contact-direct small { color:#747970;font:9px var(--font-mono);text-transform:uppercase; }.contact-direct a { font-size:22px; }.contact-direct span { color:#898e85;font-size:11px; }.contact-grid form { display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:36px;border:1px solid rgba(255,255,255,.2);background:rgba(12,15,11,.63);backdrop-filter:blur(13px);box-shadow:var(--shadow-2); }.contact-grid form > div { display:grid;gap:7px; }.contact-grid form .full { grid-column:1/-1; }.contact-grid label { font-size:10px;font-weight:700; }.contact-grid input,.contact-grid textarea,.contact-grid select { width:100%;padding:13px 0;border:0;border-bottom:1px solid rgba(255,255,255,.22);border-radius:0;outline:0;background:transparent;color:#fff; }.contact-grid select option { color:#111; }.contact-grid textarea { resize:vertical; }.contact-grid input:focus,.contact-grid textarea:focus,.contact-grid select:focus { border-color:var(--signal); }.contact-grid form .btn { width:max-content; }.form-message { margin:0;padding:15px;border-left:3px solid var(--mint);background:rgba(141,230,188,.1);color:#d7efe3;font-size:12px;line-height:1.5; }

/* Phase 6 — secure inquiry */
.inquiry-page{min-height:100svh;padding:145px 0 90px}.inquiry-page .contact-image{background-image:url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=78");filter:saturate(.45)}.inquiry-page .contact-shade{background:linear-gradient(90deg,rgba(5,7,5,.97),rgba(5,7,5,.8) 48%,rgba(5,7,5,.68))}.inquiry-layout{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(45px,7vw,110px);align-items:start}.inquiry-intro{position:sticky;top:120px}.inquiry-intro h1{margin:30px 0;font-size:clamp(66px,7.5vw,112px);font-weight:520;line-height:.8;letter-spacing:-.08em}.inquiry-intro h1 em{color:var(--signal);font-family:Georgia,serif;font-weight:400}.inquiry-intro>p{max-width:520px;color:#b4b9b0;font-size:17px;line-height:1.65}.inquiry-glass{min-height:690px;border:1px solid rgba(255,255,255,.2);background:rgba(12,15,11,.76);backdrop-filter:blur(15px);box-shadow:0 40px 100px rgba(0,0,0,.4)}.inquiry-glass form{padding:clamp(24px,4vw,48px)}.inquiry-progress{margin-bottom:45px}.inquiry-progress>div:first-child{display:flex;justify-content:space-between;align-items:end}.inquiry-progress>div:first-child span{color:#777d74;font:8px var(--font-mono);text-transform:uppercase}.inquiry-progress>div:first-child strong{color:var(--signal);font-size:19px}.progress-track{height:2px;margin:15px 0 24px;background:rgba(255,255,255,.12)}.progress-track i{display:block;height:100%;background:var(--signal);transition:width .45s var(--ease)}.inquiry-progress ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.inquiry-progress li{display:grid;gap:6px;color:#656b62;font-size:10px}.inquiry-progress li span{font:8px var(--font-mono)}.inquiry-progress li.active{color:#fff}.inquiry-step{display:none;grid-template-columns:1fr 1fr;gap:25px;animation:inquiry-in .35s var(--ease)}.inquiry-step.active{display:grid}.inquiry-step>div{display:grid;gap:8px}.inquiry-step .wide,.inquiry-step>fieldset.wide,.inquiry-step>label.wide{grid-column:1/-1}.inquiry-step label,.inquiry-step legend{font-size:10px;font-weight:700}.inquiry-step input,.inquiry-step textarea,.inquiry-step select{width:100%;padding:13px 0;border:0;border-bottom:1px solid rgba(255,255,255,.24);border-radius:0;outline:0;background:transparent;color:#fff}.inquiry-step textarea{resize:vertical}.inquiry-step select option{color:#111}.inquiry-step input:focus,.inquiry-step textarea:focus,.inquiry-step select:focus{border-color:var(--signal)}.inquiry-step input:user-invalid,.inquiry-step textarea:user-invalid,.inquiry-step select:user-invalid{border-color:#ff8f82}.inquiry-step small{color:#747a71;font-size:9px;line-height:1.5}.contact-choice{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:0;padding:0;border:0}.contact-choice legend{margin-bottom:13px}.contact-choice label{cursor:pointer}.contact-choice input{position:absolute;opacity:0;width:1px}.contact-choice span{display:grid;min-height:74px;place-items:center;border:1px solid rgba(255,255,255,.18);color:#9da299;transition:border-color .2s,background .2s}.contact-choice input:checked+span{border-color:var(--signal);background:rgba(255,92,53,.14);color:#fff}.contact-choice input:focus-visible+span{outline:2px solid var(--signal);outline-offset:3px}.consent{display:grid!important;grid-template-columns:auto 1fr;gap:12px!important;align-items:start;margin-top:10px;color:#aeb3aa;font-size:11px!important;line-height:1.55}.consent input{width:18px;height:18px;margin-top:1px;accent-color:var(--signal)}.consent a{color:#fff;text-decoration:underline}.inquiry-review{margin-top:12px;padding:20px;border-left:2px solid var(--mint);background:rgba(141,230,188,.07)}.inquiry-review p{margin:10px 0 0;color:#aeb3aa;font-size:12px;line-height:1.6}.inquiry-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.inquiry-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:42px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}.inquiry-nav .btn{min-width:145px}.inquiry-nav .btn:disabled{cursor:wait;opacity:.75}.inquiry-error{margin:22px 0 0;padding:15px;border-left:3px solid #ff7668;background:rgba(255,92,53,.12);color:#ffd5cf;font-size:12px;line-height:1.5}.submit-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:submit-spin .75s linear infinite}.inquiry-success{display:grid;min-height:690px;place-items:start;align-content:center;padding:clamp(30px,6vw,80px)}.inquiry-success>i{display:grid;width:68px;height:68px;place-items:center;margin-bottom:36px;border-radius:50%;background:var(--mint);color:#0c0f0b;font-style:normal;font-size:28px}.inquiry-success h2{margin:20px 0;font-size:clamp(65px,8vw,110px);font-weight:520;line-height:.85;letter-spacing:-.075em}.inquiry-success p{max-width:520px;color:#aab0a6;line-height:1.6}.inquiry-success strong{display:block;margin:4px 0 22px;color:var(--mint);font:16px var(--font-mono);letter-spacing:.08em}.inquiry-success .btn{margin-top:20px}@keyframes inquiry-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes submit-spin{to{transform:rotate(360deg)}}
.legal-page { min-height:100vh;padding:180px 0 120px;background:#eeede6; }.legal-grid { display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(60px,10vw,150px); }.legal-grid aside { position:sticky;top:45px;align-self:start; }.legal-grid h1 { margin:28px 0;font-size:clamp(54px,7vw,94px);font-weight:520;line-height:.9;letter-spacing:-.07em; }.legal-grid aside p { color:var(--muted);font:9px var(--font-mono); }.legal-copy section { padding:34px 0;border-top:1px solid var(--line); }.legal-copy section:last-child { border-bottom:1px solid var(--line); }.legal-copy h2 { margin:0 0 16px;font-size:clamp(28px,3vw,42px);font-weight:540;letter-spacing:-.045em; }.legal-copy p { margin:0;color:var(--muted);font-size:15px;line-height:1.75; }.legal-copy a { color:var(--signal);text-decoration:underline; }
.project-cta { padding-block:clamp(115px,13vw,190px);background:var(--signal);color:#fff; }.project-cta-inner h2 { max-width:1050px;margin:35px 0;font-size:clamp(65px,9vw,130px);font-weight:520;line-height:.82;letter-spacing:-.08em; }.project-cta-inner p { max-width:580px;font-size:18px;line-height:1.6; }.project-cta .btn { margin-top:30px;background:#11130f;border-color:#11130f; }

@media(max-width:980px){
  .home-hero-foot,.page-hero-foot { grid-template-columns:1fr;gap:30px;max-width:720px; }
  .home-hero-foot > div { flex-wrap:wrap; }
  .editorial-intro { grid-template-columns:1fr; }
  .gateway-grid { grid-template-columns:1fr 1fr; }.gateway-grid > a.gateway-wide { grid-column:span 1; }
  .home-ai-grid,.story-grid,.service-group-list article,.ai-use-grid,.contact-grid { grid-template-columns:1fr; }
  .service-group-list article:nth-child(even) .group-media,.project-list article:nth-of-type(odd) .project-media { order:initial; }
  .editorial-list { margin-left:15%; }
  .phase-line { grid-template-columns:repeat(4,1fr);gap:30px 0; }
  .product-index-grid { grid-template-columns:1fr; }.product-index-grid article:nth-child(3n+1){grid-column:auto;}
  .project-list article { grid-template-columns:1fr; }
  .contact-grid { align-items:start; }
  .product-hero-grid{grid-template-columns:1fr}.product-hero-copy{max-width:760px}.hero-device,.product-hero-1 .hero-device,.product-hero-2 .hero-device{width:min(100%,760px);margin-inline:auto;transform:none}.feature-slider{grid-auto-columns:minmax(340px,62vw)}.active-gallery-view{grid-template-columns:1fr}.showcase-workspace{min-height:430px}
}
@media(max-width:700px){
  .home-hero,.page-hero { min-height:720px;height:100svh; }
  .home-hero h1,.page-hero h1 { font-size:clamp(58px,17vw,82px);line-height:.82; }
  .home-hero-foot > div { display:grid;grid-template-columns:1fr 1fr; }.home-hero-foot .btn { padding-inline:12px;gap:10px; }
  .editorial-intro h2,.section-heading h2 { font-size:49px; }
  .gateway-grid { grid-template-columns:1fr;grid-auto-rows:390px; }
  .home-ai-grid { gap:55px; }.home-ai h2,.home-final h2 { font-size:62px; }.home-ai img { min-height:470px; }.home-final .container > div { flex-direction:column;align-items:flex-start; }
  .name-grid,.three-up { grid-template-columns:1fr; }.name-grid article,.three-up article { min-height:230px; }.name-grid h3,.three-up h3 { margin-top:42px; }
  .editorial-list { margin-left:0; }.editorial-list article { grid-template-columns:35px 1fr; }.editorial-list p { grid-column:2; }
  .service-group-list { gap:80px; }.group-copy h2 { font-size:48px; }
  .solution-index-grid { grid-template-columns:1fr; }.solution-index-grid article,.solution-index-grid article:nth-child(3n+1) { grid-column:auto;min-height:520px; }
  .phase-line { grid-template-columns:repeat(2,1fr); }
  .ai-use-grid > img { min-height:490px; }.responsible-band h2 { font-size:49px; }
  .product-index-grid article { padding:22px; }.product-screen { min-height:310px; }.product-screen > div { min-height:220px;padding:22px; }
  .project-list article { padding-block:55px; }.project-copy h2 { font-size:50px; }
  .portfolio-mosaic { grid-template-columns:1fr;grid-auto-rows:460px; }.portfolio-mosaic article.large { grid-column:auto; }.portfolio-next { flex-direction:column;align-items:flex-start; }
  .portfolio-proof-grid,.portfolio-standards-grid{grid-template-columns:1fr}
  .portfolio-proof article{min-height:160px}
  .portfolio-showcase-grid{grid-template-columns:1fr;grid-auto-rows:minmax(480px,auto)}
  .portfolio-showcase-grid article.featured{grid-column:auto;grid-row:auto}
  .portfolio-standards article{grid-template-columns:38px 1fr;gap:16px}
  .portfolio-standards article p{grid-column:2}
  .openings { margin-top:80px;padding:35px 25px; }
  .contact-page { padding-top:130px; }.contact-grid h1 { font-size:64px; }.contact-grid form { grid-template-columns:1fr;padding:24px; }.contact-grid form > div,.contact-grid form .full { grid-column:1; }
  .legal-grid { grid-template-columns:1fr;gap:55px; }.legal-grid aside { position:static; }.legal-page { padding-top:140px; }
  .project-cta-inner h2 { font-size:62px; }
  .product-hero{min-height:auto;padding:125px 0 65px}.product-hero h1{font-size:clamp(58px,16vw,78px)}.product-actions{align-items:flex-start;flex-direction:column}.hero-device{padding:7px;border-radius:18px}.hero-ui{min-height:430px;padding:18px}.ui-stage{grid-template-columns:1fr;min-height:315px}.ui-chart{height:92px;padding:12px;border-left:0;border-top:1px solid rgba(255,255,255,.12)}.ui-title strong{font-size:38px}.feature-slider{grid-auto-columns:86vw}.feature-slider article{min-height:520px;padding:21px}.feature-visual{height:230px}.workflow-line{grid-template-columns:1fr 1fr;gap:38px 0}.gallery-tabs{grid-template-columns:1fr}.gallery-tabs button{border-left:1px solid rgba(0,0,0,.18)}.active-gallery-view{padding:16px}.showcase-device{padding:8px;border-radius:16px}.showcase-workspace,.showcase-device-3 .showcase-workspace{grid-template-columns:72px 1fr;min-height:340px}.showcase-workspace aside{padding:16px 11px}.showcase-workspace aside b{width:38px;height:38px}.showcase-workspace main{padding:20px}.showcase-workspace main strong{font-size:36px}.product-index-grid article{padding:21px}.product-truth-grid{grid-template-columns:1fr}.product-truth p,.product-truth a{grid-column:1}.product-route-nav{grid-template-columns:1fr}.product-route-nav a:last-child{text-align:left}
}

@media(prefers-reduced-motion:reduce){
  .product-ambient i,.submit-spinner{animation:none}.product-index-grid article,.product-screen,.progress-track i{transition:none}
}

@media(max-width:700px){
  .gallery-tabs{display:flex;overflow-x:auto}.gallery-tabs a{min-width:220px;border-left:1px solid rgba(0,0,0,.18)}
}

@media(max-width:980px){
  .inquiry-layout{grid-template-columns:1fr}.inquiry-intro{position:static}.inquiry-intro h1{max-width:760px}.inquiry-intro>p{max-width:680px}
}

@media(max-width:700px){
  .inquiry-page{padding:120px 0 60px}.inquiry-intro h1{font-size:64px}.inquiry-glass{min-height:0}.inquiry-glass form{padding:24px 19px}.inquiry-progress ol{gap:7px}.inquiry-progress li{font-size:8px}.inquiry-step{grid-template-columns:1fr}.inquiry-step .wide,.inquiry-step>fieldset.wide,.inquiry-step>label.wide{grid-column:1}.contact-choice{grid-template-columns:1fr 1fr}.inquiry-nav .btn{min-width:0;padding-inline:17px}.inquiry-success{min-height:600px;padding:32px 24px}.inquiry-success h2{font-size:66px}.contact-direct a{font-size:18px}
}

.inquiry-nav .btn{min-height:48px}

/* Phase 7 — global live chat */
.live-chat{position:fixed;right:clamp(16px,2.4vw,34px);bottom:clamp(16px,2.4vw,30px);z-index:180;width:min(390px,calc(100vw - 32px));color:#fff}.chat-launcher{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:17px;width:100%;min-height:67px;padding:12px 15px 12px 18px;border:1px solid rgba(255,255,255,.2);background:rgba(15,18,14,.86);color:#fff;box-shadow:0 22px 65px rgba(0,0,0,.34);backdrop-filter:blur(16px);cursor:pointer;text-align:left;transition:transform .25s var(--ease),border-color .25s}.chat-launcher:hover,.chat-launcher:focus-visible{border-color:var(--signal);outline:0;transform:translateY(-2px)}.chat-launcher-status{display:flex;align-items:center;gap:8px;color:#9ca198;font:8px var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.chat-launcher-status i,.chat-status i{width:7px;height:7px;border-radius:50%;background:#747a71}.chat-launcher-status.online i,.chat-status.online i{background:var(--mint);box-shadow:0 0 0 5px rgba(141,230,188,.1)}.chat-launcher b{font-size:13px}.chat-launcher>span:last-child{display:grid;width:38px;height:38px;place-items:center;background:var(--signal);font-size:15px}.chat-panel{margin-bottom:10px;overflow:hidden;border:1px solid rgba(255,255,255,.19);background:rgba(12,15,11,.92);box-shadow:0 36px 100px rgba(0,0,0,.48);backdrop-filter:blur(18px);animation:chat-enter .3s var(--ease)}.chat-panel>header{display:flex;justify-content:space-between;align-items:start;padding:25px 25px 21px;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,92,53,.13),transparent)}.chat-status{display:flex;align-items:center;gap:8px;color:#969b92;font:8px var(--font-mono);text-transform:uppercase;letter-spacing:.09em}.chat-panel h2{margin:13px 0 0;font-size:32px;font-weight:520;letter-spacing:-.055em}.chat-panel>header button{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;cursor:pointer;font-size:18px}.chat-panel>header button:hover,.chat-panel>header button:focus-visible{border-color:var(--signal);outline:0}.chat-panel form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px 25px}.chat-panel form>p,.chat-panel form>div:nth-of-type(3),.chat-panel form>div:nth-of-type(4),.chat-consent,.chat-start{grid-column:1/-1}.chat-panel form>p{margin:0 0 4px;color:#abb0a6;font-size:12px;line-height:1.55}.chat-panel form>div{display:grid;gap:6px}.chat-panel label{font-size:9px;font-weight:700}.chat-panel input,.chat-panel select,.chat-panel textarea{width:100%;padding:10px 0;border:0;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;outline:0;background:transparent;color:#fff;font-size:12px}.chat-panel select option{color:#111}.chat-panel textarea{resize:vertical}.chat-panel input:focus,.chat-panel select:focus,.chat-panel textarea:focus{border-color:var(--signal)}.chat-consent{display:grid!important;grid-template-columns:auto 1fr;gap:10px!important;align-items:start;color:#9ba097;font-size:9px!important;line-height:1.45}.chat-consent input{width:15px;height:15px;accent-color:var(--signal)}.chat-consent a{text-decoration:underline}.chat-start{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:13px 16px;border:0;background:var(--signal);color:#fff;font-size:11px;font-weight:750;cursor:pointer}.chat-start:hover,.chat-start:focus-visible{background:#e94d28;outline:2px solid #fff;outline-offset:2px}.chat-panel>footer{padding:12px 25px;border-top:1px solid rgba(255,255,255,.1);color:#676c64;font:7px var(--font-mono);text-transform:uppercase;letter-spacing:.07em}.chat-unconfigured{display:grid;gap:18px;padding:26px}.chat-unconfigured p{margin:0;color:#aeb3aa;font-size:13px;line-height:1.65}@keyframes chat-enter{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:700px){
  .live-chat{right:12px;bottom:12px;width:calc(100vw - 24px)}.chat-panel{max-height:min(690px,calc(100svh - 100px));overflow-y:auto}.chat-panel form{grid-template-columns:1fr;padding:19px}.chat-panel form>p,.chat-panel form>div,.chat-consent,.chat-start{grid-column:1}.chat-panel>header{padding:20px 19px}.chat-panel>footer{padding-inline:19px}.chat-launcher{min-height:62px}
}

@media(prefers-reduced-motion:reduce){.chat-panel{animation:none}.chat-launcher{transition:none}}

.live-chat[open]{display:flex;flex-direction:column-reverse}.chat-launcher{list-style:none}.chat-launcher::-webkit-details-marker{display:none}.chat-close-label{display:none}.live-chat[open] .chat-open-label{display:none}.live-chat[open] .chat-close-label{display:inline}.chat-launcher>span:last-child i{font-style:normal}.chat-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}

/* Phase 3 — About NIOSUS */
.about-manifesto{padding-block:clamp(110px,14vw,210px);background:#eeede6}
.about-manifesto p{max-width:1250px;margin:35px 0 75px;font-size:clamp(54px,7.6vw,115px);font-weight:520;line-height:.88;letter-spacing:-.075em;text-wrap:balance}
.about-manifesto>div>div{display:flex;align-items:center;gap:20px;color:var(--muted);font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.12em}
.about-manifesto i{flex:1;height:1px;background:var(--line)}
.about-story{background:#d8d7cf}
.about-story-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(65px,10vw,160px)}
.about-story aside{position:sticky;top:45px;align-self:start}
.about-story aside h2{margin:30px 0 60px;font-size:clamp(52px,6vw,88px);font-weight:520;line-height:.9;letter-spacing:-.07em}
.story-signal{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:8px;width:240px;height:100px;padding:18px;background:#11130f;color:#fff}
.story-signal i{height:35%;background:var(--signal)}.story-signal i:nth-child(2){height:75%}.story-signal i:nth-child(3){height:52%}.story-signal i:nth-child(4){height:90%}
.story-signal span{grid-column:1/-1;color:#777d74;font:8px var(--font-mono);text-transform:uppercase}
.story-chapters{display:grid;gap:90px}
.story-chapters article{display:grid;grid-template-columns:160px 1fr;gap:28px;padding-top:22px;border-top:1px solid rgba(0,0,0,.2)}
.story-chapters article>span{font:9px var(--font-mono);text-transform:uppercase}
.story-chapters p{margin:0;font-size:clamp(27px,3vw,43px);line-height:1.12;letter-spacing:-.045em}
.story-chapters img{grid-column:2;width:76%;aspect-ratio:16/10;margin:20px 0 0 auto;object-fit:cover;filter:saturate(.58);box-shadow:var(--shadow-1)}
.purpose{background:#f1f0e9}
.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.purpose article{position:relative;min-height:720px;padding:clamp(30px,4vw,60px);overflow:hidden;background:#11130f;color:#fff}
.purpose article>img{position:absolute;inset:0;height:100%;object-fit:cover;opacity:.38;filter:saturate(.5);transition:transform .8s var(--ease)}
.purpose article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,8,6,.9),transparent 72%)}
.purpose article>*:not(img){position:relative;z-index:2}
.purpose h2{position:absolute!important;right:clamp(30px,4vw,60px);bottom:clamp(30px,4vw,60px);left:clamp(30px,4vw,60px);margin:0;font-size:clamp(43px,5vw,72px);font-weight:520;line-height:.92;letter-spacing:-.065em}
.purpose article:hover img{transform:scale(1.035)}
.values{background:#dcdad2}
.values-track{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(0,0,0,.18);border-left:1px solid rgba(0,0,0,.18)}
.values-track article{min-height:330px;padding:30px;border-right:1px solid rgba(0,0,0,.18);border-bottom:1px solid rgba(0,0,0,.18);transition:background .3s,color .3s}
.values-track article>span{font:9px var(--font-mono)}
.values-track h3{margin:85px 0 14px;font-size:clamp(35px,4vw,56px);font-weight:520;letter-spacing:-.06em}
.values-track p{color:var(--muted);font-size:14px;line-height:1.6}
.values-track article:hover{background:#11130f;color:#fff}.values-track article:hover p{color:#9ba097}.values-track article:hover>span{color:var(--signal)}
.founder-section{background:#ecebe4}
.founder-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(60px,10vw,150px);align-items:center}
.founder-principle{min-height:660px;padding:48px;background:linear-gradient(145deg,#191c1a 0%,#2b312d 58%,#ff5c35 180%);box-shadow:var(--shadow-1);color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}
.founder-principle::after{content:"";position:absolute;inset:12% -20% auto 18%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:rotate(-28deg);box-shadow:0 90px rgba(255,255,255,.12),0 180px rgba(255,255,255,.08)}
.founder-principle span,.founder-principle i{font:700 11px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;position:relative;z-index:1}
.founder-principle strong{font-size:clamp(44px,5vw,82px);line-height:.9;letter-spacing:-.06em;max-width:8ch;position:relative;z-index:1}
.founder-grid>div:last-child h2{margin:30px 0;font-size:clamp(58px,7vw,100px);font-weight:520;line-height:.86;letter-spacing:-.075em}
.founder-grid blockquote{margin:38px 0;padding-left:25px;border-left:3px solid var(--signal);font-family:Georgia,serif;font-size:clamp(23px,2.5vw,36px);line-height:1.35}
.founder-grid>div:last-child>p{max-width:620px;color:var(--muted);line-height:1.7}.founder-grid .text-link{margin-top:25px}
.expertise-map{background:#11130f;color:#fff}
.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--light-line);border-left:1px solid var(--light-line)}
.expertise-grid a{position:relative;min-height:310px;padding:28px;border-right:1px solid var(--light-line);border-bottom:1px solid var(--light-line);transition:background .3s}
.expertise-grid a>span:first-child{color:#737970;font:9px var(--font-mono)}
.expertise-grid h3{margin:72px 0 14px;font-size:clamp(35px,4vw,55px);font-weight:520;letter-spacing:-.06em}
.expertise-grid p{max-width:330px;color:#8f948b;font-size:13px;line-height:1.6}
.expertise-grid a>span:last-child{position:absolute;right:25px;bottom:23px;color:var(--signal);font-size:20px}
.expertise-grid a:hover{background:#1d201b}
.philosophy{background:#d8d7cf}
.philosophy-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(55px,9vw,140px);align-items:center}
.philosophy-media{position:relative}.philosophy-media>img{min-height:680px;object-fit:cover;filter:saturate(.52);box-shadow:var(--shadow-1)}
.philosophy-media>div{position:absolute;right:25px;bottom:25px;left:25px;display:flex;justify-content:space-between;gap:20px;padding:20px;background:rgba(12,15,11,.72);color:#fff;backdrop-filter:blur(10px)}
.philosophy-media span{font:8px var(--font-mono);text-transform:uppercase}.philosophy-media strong{font-size:13px}
.philosophy-grid>div:last-child h2{margin:28px 0;font-size:clamp(50px,6vw,88px);font-weight:520;line-height:.9;letter-spacing:-.07em}
.philosophy-grid>div:last-child p{color:var(--muted);font-size:17px;line-height:1.7}
.philosophy-grid ul{margin:35px 0 0;padding:0;list-style:none}.philosophy-grid li{padding:16px 0;border-top:1px solid rgba(0,0,0,.18);font-size:13px}.philosophy-grid li:last-child{border-bottom:1px solid rgba(0,0,0,.18)}
.ai-direction{position:relative;min-height:850px;padding-block:clamp(125px,14vw,210px);overflow:hidden;color:#fff}
.ai-direction>img{position:absolute;inset:0;height:100%;object-fit:cover;filter:saturate(.55)}
.ai-direction-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,5,.94),rgba(5,7,5,.53) 65%,rgba(5,7,5,.2)),linear-gradient(0deg,rgba(5,7,5,.75),transparent)}
.ai-direction .container{position:relative}.ai-direction h2{max-width:1150px;margin:38px 0;font-size:clamp(65px,8.5vw,128px);font-weight:520;line-height:.82;letter-spacing:-.08em}
.ai-direction p{max-width:650px;color:rgba(255,255,255,.7);font-size:18px;line-height:1.65}.ai-direction .btn{margin-top:30px}
.culture{background:#efeee7}.culture-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,10vw,150px);align-items:center}
.culture-grid>div:first-child h2{margin:30px 0;font-size:clamp(58px,7vw,100px);font-weight:520;line-height:.86;letter-spacing:-.075em}.culture-grid>div:first-child h2 em{color:var(--signal);font-family:Georgia,serif;font-weight:400}.culture-grid>div:first-child p{color:var(--muted);font-size:17px;line-height:1.7}.culture-grid .text-link{margin-top:25px}
.culture-gallery{position:relative;display:grid;grid-template-columns:1.35fr .65fr;gap:10px}.culture-gallery img{height:670px;object-fit:cover;filter:saturate(.62)}.culture-gallery img:nth-child(2){height:490px;margin-top:90px}.culture-gallery span{position:absolute;right:18px;bottom:18px;padding:12px;background:rgba(10,12,9,.72);color:#fff;font:8px var(--font-mono);text-transform:uppercase;backdrop-filter:blur(8px)}
.operating-principles{background:#dcdad2}

@media(max-width:980px){
  .about-story-grid,.founder-grid,.philosophy-grid,.culture-grid{grid-template-columns:1fr}
  .about-story aside{position:static}.story-chapters{margin-left:15%}
  .purpose-grid{grid-template-columns:1fr}.purpose article{min-height:630px}
  .values-track,.expertise-grid{grid-template-columns:repeat(2,1fr)}
  .founder-principle{width:min(100%,620px)}
}
@media(max-width:700px){
  .about-manifesto p{font-size:52px}.about-manifesto>div>div{display:grid;grid-template-columns:1fr auto 1fr}.about-manifesto i{width:25px}.about-manifesto i:nth-of-type(2),.about-manifesto i:nth-of-type(3){display:none}
  .story-chapters{margin-left:0;gap:65px}.story-chapters article{grid-template-columns:1fr}.story-chapters img{grid-column:1;width:100%}
  .purpose article{min-height:540px}.purpose h2{font-size:42px}
  .values-track,.expertise-grid{grid-template-columns:1fr}
  .values-track article,.expertise-grid a{min-height:250px}.values-track h3,.expertise-grid h3{margin-top:45px}
  .founder-principle{min-height:430px;padding:28px}.founder-grid>div:last-child h2{font-size:58px}
  .philosophy-media>img{min-height:500px}.philosophy-grid>div:last-child h2{font-size:50px}
  .ai-direction{min-height:760px}.ai-direction h2{font-size:61px}
  .culture-gallery{grid-template-columns:1fr 1fr}.culture-gallery img{height:470px}.culture-gallery img:nth-child(2){height:350px;margin-top:60px}
}

/* Phase 4 — Image-led services */
.services-index{background:#ecebe4}
.services-index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.services-index-grid>a{position:relative;min-height:590px;overflow:hidden;color:#fff;background:#151812}
.services-index-grid>a:nth-child(3n+1){grid-column:span 2;min-height:680px}
.services-index-grid img{position:absolute;inset:0;height:100%;object-fit:cover;filter:saturate(.58) contrast(1.08);transition:transform .7s var(--ease),filter .4s}
.services-index-grid>a>div{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,9,7,.92),transparent 68%)}
.services-index-grid>a>span:first-of-type{position:absolute;top:24px;left:24px;padding:9px 10px;border:1px solid rgba(255,255,255,.23);background:rgba(9,11,8,.4);font:9px var(--font-mono)}
.services-index-grid h2{position:absolute;right:25px;bottom:92px;left:25px;margin:0;font-size:clamp(44px,5.5vw,82px);font-weight:520;line-height:.88;letter-spacing:-.07em}
.services-index-grid p{position:absolute;bottom:25px;left:25px;max-width:480px;margin:0;color:#aeb2aa;font-size:13px;line-height:1.5}
.services-index-grid>a>span:last-child{position:absolute;right:25px;bottom:25px;color:var(--service-accent);font-size:24px}
.services-index-grid>a:hover img{transform:scale(1.035);filter:saturate(.82)}
.services-index-grid>a:hover h2{color:var(--service-accent)}.services-index-grid h2{transition:color .3s}.services-index-grid>a:focus-visible{outline-color:var(--service-accent);outline-offset:3px}
.services-index-grid>a>div{transition:background .3s}.services-index-grid>a:hover>div{background:linear-gradient(0deg,rgba(7,9,7,.96),rgba(7,9,7,.1) 72%)}
.services-connect{padding-block:clamp(110px,13vw,190px);background:#11130f;color:#fff}
.services-connect h2{max-width:1100px;margin:35px 0;font-size:clamp(62px,8vw,120px);font-weight:520;line-height:.84;letter-spacing:-.078em}
.services-connect p{max-width:600px;color:#93988f;font-size:18px;line-height:1.65}.services-connect .text-link{margin-top:28px}

.service-detail{--service-accent:var(--signal)}
.service-detail .btn.primary{background:var(--service-accent);border-color:var(--service-accent)}
.service-hero{position:relative;min-height:820px;height:100svh;max-height:1050px;overflow:hidden;background:#080a08;color:#fff}
.service-hero>img{position:absolute;inset:0;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.12)}
.service-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,5,.94),rgba(5,7,5,.5) 58%,rgba(5,7,5,.2)),linear-gradient(0deg,rgba(5,7,5,.87),transparent 62%)}
.service-hero-grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(90deg,transparent 28%,#000,transparent)}
.service-hero-inner{position:relative;display:flex;height:100%;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(75px,9vh,110px)}
.service-hero h1{max-width:1200px;margin:32px 0 48px;font-size:clamp(72px,9.2vw,142px);font-weight:520;line-height:.8;letter-spacing:-.08em;text-wrap:balance}
.service-hero h1::first-line{color:inherit}
.service-hero-foot{display:grid;grid-template-columns:minmax(300px,640px) auto;gap:55px;align-items:end}
.service-hero-foot>p{margin:0;color:rgba(255,255,255,.72);font-size:clamp(18px,1.55vw,22px);line-height:1.55}
.service-hero-foot>div{display:flex;gap:9px}.service-hero .btn.ghost span:last-child,.service-inquiry .btn.ghost span:last-child{color:var(--service-accent);font-size:9px}
.service-hero-index{position:absolute;z-index:4;right:var(--gutter);top:130px;display:grid;gap:9px;min-width:120px;padding:16px;border-top:2px solid var(--service-accent);background:rgba(9,11,8,.68);color:#fff;backdrop-filter:blur(8px)}
.service-hero-index span{color:#8f948b;font:8px var(--font-mono);text-transform:uppercase}.service-hero-index strong{font:11px var(--font-mono)}.service-hero-index i{height:1px;background:rgba(255,255,255,.2)}
.service-hero-v1{background:#10130f}.service-hero-v1>img{inset:88px 0 0 48%;width:52%;height:calc(100% - 88px)}.service-hero-v1 .service-hero-shade{background:linear-gradient(90deg,#10130f 0%,#10130f 42%,rgba(16,19,15,.68) 60%,rgba(16,19,15,.15)),linear-gradient(0deg,rgba(6,8,6,.82),transparent 62%)}.service-hero-v1 .service-hero-grid{right:52%;mask-image:linear-gradient(#000,transparent)}
.service-hero-v1 h1{max-width:850px;font-size:clamp(68px,8vw,124px)}
.service-hero-v2{background:#0e100d}.service-hero-v2>img{inset:135px var(--gutter) 80px auto;width:min(47vw,700px);height:auto;aspect-ratio:4/5;box-shadow:var(--shadow-2)}.service-hero-v2 .service-hero-shade{background:linear-gradient(90deg,#0e100d 0%,#0e100d 48%,rgba(14,16,13,.5) 75%,rgba(14,16,13,.2))}.service-hero-v2 .service-hero-grid{right:48%;mask-image:linear-gradient(90deg,#000,transparent)}
.service-hero-v2 h1{max-width:760px;font-size:clamp(64px,7.5vw,116px)}.service-hero-v2 .service-hero-foot{max-width:720px;grid-template-columns:1fr}.service-hero-v2 .service-hero-index{right:calc(var(--gutter) + 24px);top:160px}
.service-overview{background:#eeede6}.service-overview-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(65px,10vw,160px)}
.service-overview h2{margin:28px 0 0;font-size:clamp(55px,6.5vw,96px);font-weight:520;line-height:.9;letter-spacing:-.072em}
.service-overview-grid>div:last-child{padding-top:45px}.service-overview-grid>div:last-child>p{margin:0;color:var(--muted);font-size:clamp(22px,2.4vw,35px);line-height:1.35;letter-spacing:-.03em}.service-overview .text-link{margin-top:35px}
.service-challenges{background:#11130f;color:#fff}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--light-line);border-left:1px solid var(--light-line)}
.challenge-grid article{min-height:360px;padding:30px;border-right:1px solid var(--light-line);border-bottom:1px solid var(--light-line)}
.challenge-grid span{color:var(--service-accent);font:9px var(--font-mono)}.challenge-grid p{margin:105px 0 0;font-size:clamp(26px,2.6vw,41px);line-height:1.08;letter-spacing:-.045em}
.service-deliverables{background:#d9d8d0}.deliverables-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(55px,9vw,140px);align-items:center}
.deliverable-media{position:relative}.deliverable-media>img{min-height:710px;object-fit:cover;filter:saturate(.58);box-shadow:var(--shadow-1)}
.deliverable-media>div{position:absolute;right:24px;bottom:24px;left:24px;display:flex;justify-content:space-between;gap:20px;padding:19px;background:rgba(11,14,10,.72);color:#fff;backdrop-filter:blur(9px)}
.deliverable-media span{font:8px var(--font-mono);text-transform:uppercase}.deliverable-media strong{font-size:11px}
.deliverables-grid>div:last-child h2{margin:27px 0 45px;font-size:clamp(50px,6vw,88px);font-weight:520;line-height:.9;letter-spacing:-.07em}
.deliverables-grid ol{margin:0;padding:0;list-style:none}.deliverables-grid li{display:grid;grid-template-columns:45px 1fr;gap:10px;padding:20px 0;border-top:1px solid rgba(0,0,0,.18);font-size:17px}.deliverables-grid li:last-child{border-bottom:1px solid rgba(0,0,0,.18)}.deliverables-grid li span{color:var(--service-accent);font:9px var(--font-mono)}
.service-process{background:#f1f0e9}.service-process-line{display:grid;grid-template-columns:repeat(4,1fr)}
.service-process-line article{position:relative;min-height:350px;padding:0 27px;border-left:1px solid var(--line)}.service-process-line article:last-child{border-right:1px solid var(--line)}
.service-process-line article>span{font:9px var(--font-mono)}.service-process-line article>i{display:block;width:9px;height:9px;margin:35px 0;border-radius:50%;background:var(--service-accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--service-accent) 18%,transparent)}
.service-process-line article:before{content:"";position:absolute;top:74px;left:0;width:100%;height:1px;background:var(--line)}
.service-process-line h3{position:relative;margin:55px 0 16px;font-size:clamp(30px,3vw,45px);font-weight:520;letter-spacing:-.05em}.service-process-line p{color:var(--muted);font-size:13px;line-height:1.6}
.service-technology{background:var(--service-accent);color:#11130f}.tech-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(60px,10vw,150px)}
.tech-grid h2{margin:30px 0;font-size:clamp(55px,6.5vw,95px);font-weight:520;line-height:.88;letter-spacing:-.072em}.tech-grid>div:first-child p{max-width:490px;line-height:1.6}
.tech-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(0,0,0,.25);border-left:1px solid rgba(0,0,0,.25)}.tech-grid>div:last-child>span{display:grid;grid-template-columns:35px 1fr;align-items:end;min-height:145px;padding:20px;border-right:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25);font-size:18px}.tech-grid small{font:8px var(--font-mono)}
.ideal-clients{background:#e8e7df}.ideal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ideal-grid article{min-height:330px;padding:30px;background:#fff;box-shadow:0 14px 40px rgba(12,14,10,.07)}
.ideal-grid span{color:var(--service-accent);font:9px var(--font-mono)}.ideal-grid p{margin:95px 0 0;font-size:clamp(25px,2.6vw,39px);line-height:1.1;letter-spacing:-.045em}
.related-service-work{padding-block:clamp(100px,12vw,180px);background:#11130f;color:#fff}.related-work-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(55px,9vw,140px);align-items:center}
.related-work-grid h2{margin:30px 0 12px;font-size:clamp(55px,6.5vw,96px);font-weight:520;line-height:.88;letter-spacing:-.072em}.related-work-grid p{color:#a0a59c;font-size:18px}.related-work-grid small{display:block;color:#72776e;font:8px var(--font-mono);text-transform:uppercase}.related-work-grid .text-link{margin-top:35px}.related-work-grid>img{min-height:650px;object-fit:cover;filter:saturate(.58);box-shadow:var(--shadow-2)}
.service-faq{background:#efeee7}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(60px,10vw,150px)}.faq-grid header h2{margin:30px 0;font-size:clamp(55px,6vw,88px);font-weight:520;line-height:.9;letter-spacing:-.07em}
.faq-grid details{border-top:1px solid var(--line)}.faq-grid details:last-child{border-bottom:1px solid var(--line)}.faq-grid summary{display:grid;grid-template-columns:42px 1fr auto;align-items:center;min-height:92px;cursor:pointer;list-style:none;font-size:clamp(18px,2vw,27px);font-weight:550;letter-spacing:-.025em}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary span{font:8px var(--font-mono)}.faq-grid summary i{font-size:24px;font-style:normal;transition:transform .25s}.faq-grid details[open] summary i{transform:rotate(45deg)}.faq-grid details p{max-width:680px;margin:0 0 28px;padding-left:42px;color:var(--muted);line-height:1.7}
.service-inquiry{padding-block:clamp(115px,13vw,190px);background:#0e100d;color:#fff}.service-inquiry-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(60px,9vw,130px);align-items:end}.service-inquiry h2{margin:35px 0 0;font-size:clamp(62px,7.5vw,112px);font-weight:520;line-height:.84;letter-spacing:-.078em}.service-inquiry-grid>div:last-child p{color:#9a9f96;font-size:17px;line-height:1.65}.service-inquiry-grid>div:last-child{display:flex;flex-wrap:wrap;gap:10px}.service-inquiry-grid>div:last-child p{width:100%;margin-bottom:25px}
.more-services{padding-block:85px;background:#191c17;color:#fff}.more-services .container>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid var(--light-line);border-left:1px solid var(--light-line)}.more-services a{display:flex;min-height:135px;justify-content:space-between;align-items:end;padding:22px;border-right:1px solid var(--light-line);border-bottom:1px solid var(--light-line);font-size:20px;transition:background .25s}.more-services a:hover{background:#252922}.more-services a>span:last-child{color:var(--service-accent)}
.service-route-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;border-top:1px solid var(--light-line);background:#0d0f0c;color:#fff}
.service-route-nav>a{display:flex;min-height:140px;flex-direction:column;justify-content:center;padding:25px var(--gutter);transition:background .25s}.service-route-nav>a:last-child{align-items:flex-end;text-align:right}.service-route-nav>a:hover{background:#191c17}.service-route-nav small{margin-bottom:13px;color:#73786f;font:8px var(--font-mono);text-transform:uppercase}.service-route-nav>a>span{font-size:18px}
.service-route-nav>div{display:flex;align-items:center;gap:22px;padding:0 30px;border-right:1px solid var(--light-line);border-left:1px solid var(--light-line)}.service-route-nav>div a{color:#8f948b;font-size:10px;transition:color .2s}.service-route-nav>div a:hover{color:var(--service-accent)}
.service-detail :where(.text-link,.more-services a,.service-route-nav a):focus-visible{outline-color:var(--service-accent)}

@media(max-width:980px){
  .service-hero-foot,.service-overview-grid,.deliverables-grid,.tech-grid,.related-work-grid,.faq-grid,.service-inquiry-grid{grid-template-columns:1fr}
  .service-hero-foot{max-width:720px}.service-overview-grid>div:last-child{padding-top:0}
  .challenge-grid,.ideal-grid{grid-template-columns:1fr 1fr}.challenge-grid article:last-child,.ideal-grid article:last-child{grid-column:span 2}
  .service-process-line{grid-template-columns:1fr 1fr;gap:55px 0}.service-process-line article:nth-child(2){border-right:1px solid var(--line)}
  .related-work-grid>img{min-height:520px}.service-inquiry-grid>div:last-child{max-width:650px}
  .service-hero-v1>img{left:42%;width:58%}.service-hero-v1 .service-hero-shade{background:linear-gradient(90deg,#10130f 0%,rgba(16,19,15,.94) 45%,rgba(16,19,15,.4))}
  .service-hero-v2>img{width:53vw;opacity:.72}.service-route-nav>div{display:none}.service-route-nav{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .services-index-grid{grid-template-columns:1fr}.services-index-grid>a,.services-index-grid>a:nth-child(3n+1){grid-column:auto;min-height:480px}.services-index-grid h2{font-size:45px}.services-connect h2{font-size:58px}
  .service-hero{min-height:760px}.service-hero h1{font-size:clamp(58px,17vw,82px);line-height:.82}.service-hero-foot>div{display:grid;grid-template-columns:1fr 1fr}.service-hero-foot .btn{padding-inline:11px;gap:10px}
  .service-overview h2,.deliverables-grid>div:last-child h2,.tech-grid h2,.faq-grid header h2{font-size:49px}
  .service-overview-grid>div:last-child>p{font-size:23px}
  .challenge-grid,.ideal-grid{grid-template-columns:1fr}.challenge-grid article,.challenge-grid article:last-child,.ideal-grid article,.ideal-grid article:last-child{grid-column:auto;min-height:250px}.challenge-grid p,.ideal-grid p{margin-top:55px}
  .deliverable-media>img{min-height:500px}.deliverable-media>div{right:14px;bottom:14px;left:14px;flex-direction:column}
  .service-process-line{grid-template-columns:1fr;gap:45px}.service-process-line article,.service-process-line article:nth-child(2){min-height:250px;border-right:1px solid var(--line)}
  .tech-grid>div:last-child{grid-template-columns:1fr}.tech-grid>div:last-child>span{min-height:100px}
  .related-work-grid h2{font-size:52px}.related-work-grid>img{min-height:440px}
  .faq-grid summary{min-height:82px;font-size:18px}
  .service-inquiry h2{font-size:58px}.service-inquiry-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr}.service-inquiry-grid>div:last-child p{grid-column:1/-1}
  .more-services .container>div{grid-template-columns:1fr}
  .service-hero-index{top:98px;right:20px;min-width:94px;padding:11px}
  .service-hero-v1>img,.service-hero-v2>img{inset:72px 0 0;width:100%;height:calc(100% - 72px);aspect-ratio:auto;opacity:1;box-shadow:none}
  .service-hero-v1 .service-hero-shade,.service-hero-v2 .service-hero-shade{background:linear-gradient(0deg,rgba(5,7,5,.94),rgba(5,7,5,.18) 75%),linear-gradient(90deg,rgba(5,7,5,.68),transparent)}
  .service-hero-v1 h1,.service-hero-v2 h1{font-size:clamp(58px,17vw,82px)}
  .service-hero-v2 .service-hero-foot{max-width:none}.service-hero-v2 .service-hero-index{top:98px;right:20px}
  .service-route-nav>a{min-height:120px;padding:20px}.service-route-nav>a>span{font-size:13px}
}

/* Phase 9 — responsive performance and accessibility */
main > section:not(.home-hero):not(.page-hero):not(.service-hero),
main > article > section:not(.product-hero) {
  content-visibility: auto;
  contain-intrinsic-size: auto 900px;
}

.newsletter { display:grid; gap:12px; }
.newsletter > span { color:#747970; font-size:11px; }
.newsletter > a { display:flex; min-height:44px; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid rgba(255,255,255,.2); color:#b4b8b0; font-size:12px; }
.mobile-navigation { overflow-y:auto; overscroll-behavior:contain; }
.mobile-navigation a,
.footer-main a,
.footer-bottom a { min-height:44px; align-items:center; }
.footer-main a,.footer-bottom a { display:flex; }
.inquiry-step input:not([type="checkbox"]):not([type="radio"]),
.inquiry-step select,
.chat-panel input:not([type="checkbox"]),
.chat-panel select { min-height:44px; }
.inquiry-step textarea,.chat-panel textarea { min-height:112px; }
.faq-grid summary { scroll-margin-top:24px; }
.feature-slider,.gallery-view-rail { overscroll-behavior-inline:contain; scrollbar-gutter:stable; }

@media(min-width:1800px){
  :root { --container:1640px; --gutter:clamp(48px,4vw,82px); }
  .home-hero h1,.page-hero h1,.service-hero h1 { max-width:1280px; }
}

@media(max-width:480px){
  :root { --gutter:18px; }
  .home-hero,.page-hero,.service-hero { min-height:680px; }
  .home-hero h1,.page-hero h1,.service-hero h1 { overflow-wrap:anywhere; }
  .home-hero-foot>div,.service-hero-foot>div,.service-inquiry-grid>div:last-child { grid-template-columns:1fr; width:100%; }
  .home-hero-foot .btn,.service-hero-foot .btn,.service-inquiry .btn { width:100%; }
  .contact-choice { grid-template-columns:1fr; }
  .inquiry-progress ol { grid-template-columns:repeat(2,1fr); gap:12px; }
  .inquiry-nav { align-items:stretch; flex-direction:column-reverse; }
  .inquiry-nav>span { display:none; }
  .inquiry-nav .btn { width:100%; }
  .chat-panel { backdrop-filter:none; }
  .portfolio-showcase-grid{grid-auto-rows:440px}
  .portfolio-showcase-grid article>div:last-child{right:18px;bottom:18px;left:18px}
  .portfolio-showcase-grid ul{gap:6px}
  .portfolio-showcase-grid li{padding:7px 8px}
  .portfolio-conversion-inner>div{display:grid;grid-template-columns:1fr;width:100%}
  .portfolio-conversion .btn{width:100%}
}

@media(max-width:380px){
  .home-hero h1,.page-hero h1,.service-hero h1 { font-size:52px; }
  .section-heading h2,.about-manifesto p,.services-connect h2,.service-inquiry h2 { font-size:43px; }
  .mobile-navigation a { grid-template-columns:32px 1fr auto; font-size:23px; }
  .footer-main { grid-template-columns:1fr; }
  .footer-main .footer-brand,.footer-main>div:last-child { grid-column:1; }
}

@media(prefers-reduced-motion:reduce){
  html { scroll-behavior:auto; }
  .home-network,.service-hero-grid { background-attachment:initial; }
}

@media(forced-colors:active){
  :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible { outline:3px solid Highlight; }
  .btn,.nav-cta,.menu-button,.chat-launcher,.chat-start { border:1px solid ButtonText; }
  .chat-launcher-status i,.chat-status i,.status-dot { forced-color-adjust:none; }
}

@media(max-width:700px),(prefers-reduced-motion:reduce){
  .nav-shell,.mobile-navigation,.inquiry-glass,.chat-launcher,.chat-panel,.page-hero-foot,.deliverable-media>div,.philosophy-media>div { backdrop-filter:none; }
}

.slider-controls>div :where(a,button){
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  border:1px solid rgba(0,0,0,.22);
  background:transparent;
  color:#111;
  cursor:pointer;
  transition:background .2s,border-color .2s,transform .2s;
}
.slider-controls>div :where(a,button):hover,
.slider-controls>div :where(a,button):focus-visible{
  border-color:var(--signal);
  background:var(--signal);
  color:#fff;
  transform:translateY(-2px);
}
.gallery-tabs a{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  min-height:60px;
  align-items:center;
  padding:20px 18px;
  border-right:1px solid rgba(0,0,0,.18);
  border-bottom:1px solid rgba(0,0,0,.2);
  color:#111;
}
.gallery-tabs a:first-child{border-left:1px solid rgba(0,0,0,.18)}
.gallery-tabs a:hover,.gallery-tabs a:focus-visible{background:#11130f;color:var(--product)}

:where(.eyebrow,.footer-bottom,.product-breadcrumb,.slider-hint,.slider-controls p,.inquiry-progress li,.inquiry-step label,.inquiry-step legend,.chat-status,.chat-launcher-status,.chat-panel label,.chat-panel>footer){font-size:11px}
.chat-panel>header button,.toast button{width:44px;height:44px}
.footer-bottom,.footer-brand p{color:#9ba097}
.chat-panel>footer{color:#969b92}

@media(hover:none),(pointer:coarse){
  .hero-slide img,.hero-device,.product-hero-1 .hero-device,.product-hero-2 .hero-device{transform:none}
  .purpose article:hover img,.services-index-grid>a:hover img,.gateway-grid>a:hover img{transform:none}
}

.showcase-main{display:grid;align-content:end;gap:22px;min-width:0;padding:42px;background:radial-gradient(circle at 72% 25%,color-mix(in srgb,var(--product) 26%,transparent),transparent 38%)}
.showcase-main>span{width:42px;height:6px;background:var(--product)}
.showcase-main strong{max-width:570px;font-size:clamp(42px,6vw,82px);font-weight:520;line-height:.89;letter-spacing:-.065em;overflow-wrap:anywhere}
.showcase-main>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;height:110px}
.showcase-main i{height:25%;background:var(--product);opacity:.55}
.showcase-main i:nth-child(2){height:58%}.showcase-main i:nth-child(3){height:42%}.showcase-main i:last-child{height:92%;background:var(--product-2)}
.showcase-screen-1 .showcase-main{align-content:center}
.showcase-device-6 .showcase-main{background:linear-gradient(145deg,color-mix(in srgb,var(--product) 19%,#11130f),#11130f)}
@media(max-width:700px){.showcase-main{padding:20px}.showcase-main strong{font-size:36px}}
.hero-ui-footer{display:flex;align-items:center;gap:7px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);color:#969b92;font:11px var(--font-mono);text-transform:uppercase}
.hero-ui-footer span{margin-right:auto}.hero-ui-footer i{width:28px;height:3px;background:var(--product)}

/* Phase 10 - cinematic sliders, glass depth and pointer feedback */
:root{
  --mx:50vw;
  --my:50vh;
  --rx:0deg;
  --ry:0deg;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(520px circle at var(--mx) var(--my),rgba(255,92,53,.11),transparent 58%),
    radial-gradient(360px circle at calc(var(--mx) + 8vw) calc(var(--my) + 5vh),rgba(141,230,188,.08),transparent 64%);
  mix-blend-mode:screen;
}

.ambient-layer{position:fixed;inset:0;z-index:90;pointer-events:none;overflow:hidden}
.cursor-aura{
  position:absolute;
  left:var(--mx);
  top:var(--my);
  width:190px;
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,92,53,.14),rgba(141,230,188,.06) 42%,transparent 68%);
  box-shadow:0 0 55px rgba(255,92,53,.16),inset 0 0 34px rgba(255,255,255,.07);
  transform:translate(-50%,-50%) scale(.92);
  transition:width .25s var(--ease),opacity .25s;
  opacity:.78;
}
.ambient-grid{
  position:absolute;
  inset:-20%;
  opacity:.06;
  background-image:linear-gradient(rgba(255,255,255,.9) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.9) 1px,transparent 1px);
  background-size:62px 62px;
  transform:translate3d(calc((50vw - var(--mx)) * .018),calc((50vh - var(--my)) * .018),0) rotate(.001deg);
}
.spark-field i{
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--mint);
  box-shadow:0 0 22px var(--mint),0 0 42px rgba(255,92,53,.5);
  animation:sparkFly .92s var(--ease) forwards;
}

.hero-media-slider{position:absolute;inset:0;z-index:0;perspective:1100px;background:#070907}
.hero-media-slide{position:absolute;inset:0;opacity:0;transform:scale(1.055) rotateX(var(--rx)) rotateY(var(--ry));transition:opacity 1.15s ease,transform 1.8s var(--ease),filter 1.2s;will-change:opacity,transform}
.hero-media-slide.active{opacity:1;transform:scale(1.01) rotateX(calc(var(--rx) * .35)) rotateY(calc(var(--ry) * .35))}
.hero-media-slide img,.hero-media-slide video{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.16) brightness(.86);transform:translate3d(calc((50vw - var(--mx)) * .016),calc((50vh - var(--my)) * .012),0) scale(1.05)}
.hero-media-slide video{filter:saturate(.85) contrast(1.1) brightness(.82)}
.hero-media-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 28%,transparent 72%,rgba(141,230,188,.12));
  mix-blend-mode:overlay;
  opacity:.45;
}

.cinema-controls{
  position:absolute;
  z-index:8;
  right:var(--gutter);
  bottom:26px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(8,10,8,.28);
  backdrop-filter:blur(18px) saturate(1.45);
  box-shadow:0 22px 70px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.16);
}
.cinema-controls>div{display:flex;gap:6px}
.cinema-controls button{color:#fff;cursor:pointer}
.cinema-controls>div button{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:8px;
  width:66px;
  height:34px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  font:9px var(--font-mono),monospace;
  transition:transform .25s var(--ease),background .25s,border-color .25s;
}
.cinema-controls i{height:2px;background:rgba(255,255,255,.24)}
.cinema-controls button.active{border-color:rgba(255,92,53,.8);background:rgba(255,92,53,.2)}
.cinema-controls button.active i{background:var(--signal);box-shadow:0 0 14px var(--signal)}
.cinema-controls button:hover{transform:translateY(-2px)}
.cinema-pause{height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);font:9px var(--font-mono),monospace;text-transform:uppercase}

.hero-depth-field{position:absolute;inset:0;z-index:2;pointer-events:none;transform-style:preserve-3d}
.hero-depth-field i{
  position:absolute;
  display:block;
  border:1px solid rgba(255,255,255,.17);
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.02));
  box-shadow:0 30px 90px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.28);
  backdrop-filter:blur(10px);
  transform:translate3d(calc((var(--mx) - 50vw) * .018),calc((var(--my) - 50vh) * .018),0) rotateX(var(--rx)) rotateY(var(--ry));
}
.hero-depth-field i:nth-child(1){right:9%;top:22%;width:92px;height:92px;clip-path:polygon(0 0,100% 0,78% 100%,0 78%)}
.hero-depth-field i:nth-child(2){right:30%;bottom:17%;width:155px;height:44px}
.hero-depth-field i:nth-child(3){left:6%;top:28%;width:56px;height:56px;border-radius:50%}
.hero-depth-field i:nth-child(4){right:17%;top:53%;width:10px;height:150px;background:var(--signal);box-shadow:0 0 30px rgba(255,92,53,.65)}

.hero-glass-console{
  position:absolute;
  z-index:4;
  right:var(--gutter);
  top:128px;
  width:245px;
  padding:18px;
  border:1px solid rgba(255,255,255,.2);
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.045));
  color:#fff;
  backdrop-filter:blur(18px) saturate(1.35);
  box-shadow:0 30px 90px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.2);
  transform:translate3d(calc((var(--mx) - 50vw) * .014),calc((var(--my) - 50vh) * .014),0);
}
.hero-glass-console span{color:rgba(255,255,255,.62);font:9px var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.14em}
.hero-glass-console strong{display:block;margin:12px 0;font-size:56px;line-height:.9;letter-spacing:-.06em}
.hero-glass-console div{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;align-items:end;height:44px}
.hero-glass-console i{background:var(--mint);box-shadow:0 0 18px rgba(141,230,188,.5);animation:consoleBars 1.7s ease-in-out infinite}
.hero-glass-console i:nth-child(1){height:42%}.hero-glass-console i:nth-child(2){height:78%;animation-delay:-.2s}.hero-glass-console i:nth-child(3){height:55%;animation-delay:-.45s}.hero-glass-console i:nth-child(4){height:92%;background:var(--signal);animation-delay:-.7s}.hero-glass-console i:nth-child(5){height:64%;animation-delay:-.95s}

.hero-orbit-stack{position:absolute;z-index:3;right:10%;top:24%;width:min(38vw,560px);aspect-ratio:1;border:1px solid rgba(255,255,255,.13);border-radius:50%;animation:rotate 34s linear infinite;transform:translate3d(calc((50vw - var(--mx)) * .012),calc((50vh - var(--my)) * .012),0)}
.hero-orbit-stack::before,.hero-orbit-stack::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:inherit}.hero-orbit-stack::before{inset:18%}.hero-orbit-stack::after{inset:37%}
.hero-orbit-stack i{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 24px #fff}.hero-orbit-stack i:nth-child(1){left:14%;top:16%}.hero-orbit-stack i:nth-child(2){right:3%;top:48%;background:var(--signal);box-shadow:0 0 28px var(--signal)}.hero-orbit-stack i:nth-child(3){left:42%;bottom:0;background:var(--mint);box-shadow:0 0 28px var(--mint)}

.page-hero-inner,.home-hero-inner,.service-hero-inner{z-index:5;transform:translate3d(calc((var(--mx) - 50vw) * -.006),calc((var(--my) - 50vh) * -.006),0)}
.page-hero-foot,.home-hero-foot,.signal-panel,.meaning-caption,.deliverable-media>div,.philosophy-media>div,.process-window,.chat-panel{
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.035));
  backdrop-filter:blur(16px) saturate(1.25);
  box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.13);
}
.home-hero-foot,.page-hero-foot{padding:18px}

:where(.gateway-grid>a,.services-index-grid>a,.solution-index-grid article,.product-index-grid article,.portfolio-showcase-grid article,.cap-card,.three-up article,.values-track article,.expertise-grid a,.challenge-grid article,.ideal-grid article){
  transform-style:preserve-3d;
  transition:transform .42s var(--ease),box-shadow .42s var(--ease),border-color .3s,filter .3s;
}
:where(.gateway-grid>a,.services-index-grid>a,.solution-index-grid article,.product-index-grid article,.portfolio-showcase-grid article,.cap-card,.three-up article,.values-track article,.expertise-grid a,.challenge-grid article,.ideal-grid article):hover{
  transform:translateY(-10px) rotateX(calc(var(--rx) * .22)) rotateY(calc(var(--ry) * .18));
  box-shadow:0 34px 100px rgba(0,0,0,.25),0 0 0 1px rgba(255,92,53,.16);
  filter:saturate(1.08);
}
:where(.btn,.text-link,.nav-cta,.desktop-nav a,.mobile-navigation a){transition:transform .25s var(--ease),box-shadow .25s,background .25s,border-color .25s,color .25s}
.btn:hover,.text-link:hover,.nav-cta:hover{box-shadow:0 16px 42px rgba(255,92,53,.26),0 0 0 1px rgba(255,255,255,.12);text-shadow:0 0 18px rgba(255,255,255,.4)}
.site-header{position:absolute}
.nav-shell{box-shadow:0 12px 52px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.14)}
.home-network,.page-grid,.service-hero-grid{animation:gridDrift 18s linear infinite}
.service-hero>img{transform:translate3d(calc((50vw - var(--mx)) * .012),calc((50vh - var(--my)) * .01),0) scale(1.04);transition:transform .45s var(--ease),filter .45s;filter:saturate(.82) contrast(1.16) brightness(.9)}
.service-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:radial-gradient(520px circle at var(--mx) var(--my),color-mix(in srgb,var(--service-accent, var(--signal)) 22%,transparent),transparent 58%);
  mix-blend-mode:screen;
}

@keyframes sparkFly{
  0%{opacity:.98;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(calc(-50% + 34px),calc(-50% - 46px)) scale(.15)}
}
@keyframes consoleBars{50%{transform:scaleY(.45);opacity:.58}}
@keyframes gridDrift{to{background-position:86px 86px}}

@media(max-width:900px){
  .cursor-aura,.spark-field,.hero-glass-console,.hero-orbit-stack{display:none}
  .cinema-controls{right:18px;left:18px;bottom:16px;justify-content:space-between}
  .cinema-controls>div button{width:48px}
  .home-hero-foot,.page-hero-foot{padding:0;border:0;background:transparent;box-shadow:none}
}

@media(prefers-reduced-motion:reduce){
  body::before,.ambient-layer{display:none}
  .hero-media-slide,.hero-media-slide img,.hero-media-slide video,.page-hero-inner,.home-hero-inner,.service-hero-inner,.service-hero>img{transform:none!important}
  .home-network,.page-grid,.service-hero-grid,.hero-orbit-stack,.hero-glass-console i{animation:none!important}
}

/* Phase 11 - owned NIOSUS identity and interactive homepage layers */
.system-composer{
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,92,53,.2),transparent 30%),
    radial-gradient(circle at 18% 80%,rgba(141,230,188,.15),transparent 35%),
    #0d0f0c;
  color:#fff;
}
.system-composer::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);
  background-size:92px 92px;
  mask-image:radial-gradient(circle at 72% 48%,#000,transparent 72%);
}
.system-composer-grid{position:relative;display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(44px,7vw,110px);align-items:center}
.composer-copy h2,.audience-launchpad h2,.signal-standards h2{
  margin:28px 0;
  font-size:clamp(54px,7vw,105px);
  font-weight:520;
  line-height:.88;
  letter-spacing:-.075em;
  text-wrap:balance;
}
.composer-copy h2 em,.audience-launchpad h2 em{color:var(--mint);font-family:Georgia,serif;font-weight:400}
.composer-copy p,.signal-standards-grid>div:first-child p{max-width:560px;color:#a2a89f;font-size:18px;line-height:1.65}
.composer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:34px}
.composer-tabs button{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:13px;
  min-height:64px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.045);
  color:#cfd4cc;
  cursor:pointer;
  text-align:left;
  transition:background .25s,border-color .25s,transform .25s var(--ease),box-shadow .25s;
}
.composer-tabs button span{color:var(--signal);font:9px var(--font-mono),monospace}
.composer-tabs button.active,.composer-tabs button:hover{border-color:rgba(255,92,53,.58);background:rgba(255,92,53,.12);box-shadow:0 18px 50px rgba(255,92,53,.14);transform:translateY(-3px)}
.composer-stage{
  position:relative;
  min-height:680px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  background:
    linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035)),
    radial-gradient(circle at 50% 44%,rgba(255,92,53,.24),transparent 29%),
    #11130f;
  box-shadow:0 45px 130px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.18);
  transform:translate3d(calc((var(--mx) - 50vw) * .006),calc((var(--my) - 50vh) * .006),0);
}
.composer-stage::before{
  content:"";
  position:absolute;
  inset:-15%;
  background:conic-gradient(from 180deg,transparent,rgba(255,92,53,.25),transparent,rgba(141,230,188,.23),transparent);
  animation:rotate 28s linear infinite;
  opacity:.48;
}
.composer-orb{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:rotate 24s linear infinite}
.composer-orb::before,.composer-orb::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:inherit}.composer-orb::before{inset:17%}.composer-orb::after{inset:35%}
.composer-orb i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 26px var(--mint)}
.composer-orb i:nth-child(1){left:13%;top:18%}.composer-orb i:nth-child(2){right:6%;top:46%;background:var(--signal);box-shadow:0 0 28px var(--signal)}.composer-orb i:nth-child(3){left:48%;bottom:0}.composer-orb i:nth-child(4){left:50%;top:50%;width:76px;height:76px;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff,var(--signal) 34%,transparent 70%);box-shadow:0 0 90px var(--signal)}
.composer-panel{
  position:absolute;
  right:28px;
  bottom:28px;
  width:min(420px,calc(100% - 56px));
  padding:25px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(8,10,8,.5);
  color:#fff;
  backdrop-filter:blur(18px) saturate(1.3);
  box-shadow:0 30px 90px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.16);
}
.composer-panel small,.composer-readout span{color:#9fa59c;font:9px var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.13em}
.composer-panel strong{display:block;margin:12px 0 8px;color:var(--signal);font-size:clamp(58px,7vw,96px);line-height:.8;letter-spacing:-.075em}
.composer-panel h3{margin:0 0 12px;font-size:clamp(30px,3.8vw,52px);font-weight:540;letter-spacing:-.055em}
.composer-panel p{margin:0;color:#b3b8af;line-height:1.55}
.composer-panel ul{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 0;padding:0;list-style:none}
.composer-panel li{padding:8px 10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);font-size:11px}
.composer-readout{position:absolute;left:25px;top:25px;display:grid;grid-template-columns:1fr repeat(5,28px);gap:8px;align-items:end;width:min(370px,calc(100% - 50px));padding:15px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);backdrop-filter:blur(14px)}
.composer-readout i{height:24px;background:var(--mint);box-shadow:0 0 16px rgba(141,230,188,.45);animation:consoleBars 1.8s ease-in-out infinite}.composer-readout i:nth-child(3){height:38px;background:var(--signal)}.composer-readout i:nth-child(4){height:18px}.composer-readout i:nth-child(5){height:46px}.composer-readout i:nth-child(6){height:31px}

.audience-launchpad{
  position:relative;
  overflow:hidden;
  padding-block:clamp(105px,12vw,185px);
  background:#11130f;
  color:#fff;
}
.audience-launchpad::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,92,53,.18),transparent 44%)}
.audience-launchpad .container{position:relative}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.audience-grid a{
  position:relative;
  min-height:390px;
  overflow:hidden;
  padding:26px;
  border:1px solid rgba(255,255,255,.15);
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.025));
  box-shadow:inset 0 1px rgba(255,255,255,.16);
}
.audience-grid a::before{content:"";position:absolute;inset:auto 18px 18px 18px;height:4px;background:linear-gradient(90deg,var(--signal),var(--mint));transform:scaleX(.28);transform-origin:left;transition:transform .35s var(--ease)}
.audience-grid a:hover::before{transform:scaleX(1)}
.audience-grid span{color:var(--signal);font:9px var(--font-mono),monospace}
.audience-grid h3{margin:90px 0 18px;font-size:clamp(30px,3vw,45px);font-weight:540;letter-spacing:-.055em}
.audience-grid p{color:#a7aca4;line-height:1.6}
.audience-grid i{position:absolute;right:25px;top:24px;width:52px;height:52px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:radial-gradient(circle,var(--mint),transparent 62%);opacity:.72}
.audience-grid a>span:last-child{position:absolute;right:25px;bottom:28px;color:#fff;font-size:18px}

.signal-standards{background:#e8e7df}
.signal-standards-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(54px,9vw,135px);align-items:start}
.signal-standards h2{color:#11130f}
.signal-standards h2 em{color:var(--signal);font-family:Georgia,serif;font-weight:400}
.signal-standards-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(0,0,0,.17);border-left:1px solid rgba(0,0,0,.17)}
.signal-standards article{min-height:265px;padding:26px;border-right:1px solid rgba(0,0,0,.17);border-bottom:1px solid rgba(0,0,0,.17);background:rgba(255,255,255,.32);transition:background .25s,transform .3s var(--ease),box-shadow .3s}
.signal-standards article:hover{background:#fff;transform:translateY(-7px);box-shadow:0 28px 70px rgba(12,14,10,.12)}
.signal-standards article span{color:var(--signal);font:9px var(--font-mono),monospace}
.signal-standards article h3{margin:74px 0 12px;font-size:clamp(25px,2.5vw,38px);font-weight:540;letter-spacing:-.045em}
.signal-standards article p{margin:0;color:var(--muted);line-height:1.6}

@media(max-width:980px){
  .system-composer-grid,.signal-standards-grid{grid-template-columns:1fr}
  .composer-stage{min-height:590px}
  .audience-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:700px){
  .composer-tabs,.audience-grid,.signal-standards-grid>div:last-child{grid-template-columns:1fr}
  .composer-stage{min-height:560px}
  .composer-readout{display:none}
  .audience-grid a{min-height:300px}
  .audience-grid h3{margin-top:70px}
}

@media(prefers-reduced-motion:reduce){
  .composer-stage::before,.composer-orb,.composer-readout i{animation:none!important}
}

/* Phase 12 - premium diagnostic inquiry */
.premium-inquiry .contact-image{
  background-image:image-set(url("/niosus-command-core-1200.webp") type("image/webp") 1x,url("/niosus-command-core-1800.webp") type("image/webp") 2x);
  background-position:center;
  filter:saturate(.82) contrast(1.12) brightness(.72);
  transform:scale(1.04);
}
@supports not (background-image:image-set(url("/niosus-command-core-1200.webp") type("image/webp") 1x)){
  .premium-inquiry .contact-image{background-image:url("/niosus-command-core-1200.webp")}
}
.premium-inquiry .contact-shade{
  background:
    radial-gradient(560px circle at var(--mx) var(--my),rgba(255,92,53,.22),transparent 54%),
    linear-gradient(90deg,rgba(5,7,5,.98),rgba(5,7,5,.84) 45%,rgba(5,7,5,.56)),
    linear-gradient(0deg,rgba(5,7,5,.92),transparent 70%);
}
.premium-inquiry .inquiry-layout{grid-template-columns:.78fr 1.22fr}
.diagnostic-card{
  position:relative;
  overflow:hidden;
  max-width:360px;
  margin-top:34px;
  padding:20px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
  backdrop-filter:blur(16px) saturate(1.35);
  box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.16);
}
.diagnostic-card span,.mission-readout span{
  color:#9fa59c;
  font:9px var(--font-mono),monospace;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.diagnostic-card strong{display:block;margin:12px 0 6px;color:var(--signal);font-size:72px;line-height:.85;letter-spacing:-.075em}
.diagnostic-card p{margin:0 0 18px;color:#fff;font-size:14px}
.diagnostic-card i{display:block;height:3px;background:linear-gradient(90deg,var(--signal),var(--mint));box-shadow:0 0 18px rgba(255,92,53,.55);transition:width .45s var(--ease)}
.mission-control{position:relative;overflow:hidden}
.mission-control::before{
  content:"";
  position:absolute;
  inset:-30%;
  pointer-events:none;
  background:conic-gradient(from 90deg,transparent,rgba(255,92,53,.2),transparent,rgba(141,230,188,.16),transparent);
  animation:rotate 36s linear infinite;
  opacity:.52;
}
.mission-control form,.mission-control .inquiry-success{position:relative;z-index:1}
.mission-readout{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:10px;
  margin:-16px 0 34px;
}
.mission-readout>div{
  display:flex;
  min-height:112px;
  flex-wrap:wrap;
  align-content:flex-start;
  gap:8px;
  padding:16px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);
}
.mission-readout span{width:100%;margin-bottom:4px}
.mission-readout strong{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,92,53,.12);
  color:#fff;
  font-size:11px;
}
.priority-choice{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin:0;
  padding:0;
  border:0;
}
.priority-choice legend{grid-column:1/-1;margin-bottom:5px}
.priority-choice label{cursor:pointer}
.priority-choice input{position:absolute;opacity:0;width:1px;height:1px}
.priority-choice span{
  display:flex;
  min-height:82px;
  align-items:flex-end;
  padding:13px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  color:#aeb3aa;
  transition:background .25s,border-color .25s,transform .25s var(--ease),box-shadow .25s;
}
.priority-choice input:checked+span{
  border-color:rgba(255,92,53,.75);
  background:rgba(255,92,53,.16);
  color:#fff;
  box-shadow:0 18px 48px rgba(255,92,53,.14);
  transform:translateY(-3px);
}
.priority-choice input:focus-visible+span{outline:2px solid var(--signal);outline-offset:3px}
.launch-summary{
  position:relative;
  overflow:hidden;
  padding:24px;
  border:1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 82% 15%,rgba(141,230,188,.18),transparent 32%),
    rgba(255,255,255,.055);
}
.launch-summary h2{margin:12px 0;font-size:clamp(38px,4.5vw,68px);font-weight:520;line-height:.88;letter-spacing:-.065em}
.launch-summary p{max-width:680px;margin:0;color:#b2b8af;line-height:1.6}
.premium-inquiry .inquiry-step input,.premium-inquiry .inquiry-step textarea,.premium-inquiry .inquiry-step select{
  background:linear-gradient(180deg,rgba(255,255,255,.035),transparent);
}
.premium-inquiry .inquiry-success>i{
  width:auto;
  min-width:76px;
  padding-inline:18px;
  border-radius:0;
  font:13px var(--font-mono),monospace;
}

@media(max-width:980px){
  .premium-inquiry .inquiry-layout{grid-template-columns:1fr}
  .diagnostic-card{max-width:none}
}

@media(max-width:700px){
  .mission-readout,.priority-choice{grid-template-columns:1fr}
  .mission-readout{margin-top:0}
}

@media(prefers-reduced-motion:reduce){
  .mission-control::before{animation:none!important}
}

/* Phase 13 - performance polish, scroll choreography and mobile control */
.hero-media-slide video{content-visibility:auto}
.hero-media-slide:not(.active) video{visibility:hidden}
.cinema-controls{max-width:calc(100vw - (var(--gutter) * 2))}
.cinema-controls>div{overflow-x:auto;scrollbar-width:none}
.cinema-controls>div::-webkit-scrollbar{display:none}

@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:clip}
  .hero-media-slide video{display:none}
  .hero-media-slide img{transform:scale(1.02)}
  .cinema-controls{
    gap:8px;
    padding:8px;
    backdrop-filter:none;
  }
  .cinema-controls>div{width:100%;justify-content:space-between}
  .cinema-controls>div button{
    width:42px;
    grid-template-columns:1fr;
    justify-items:center;
    gap:4px;
    padding:0 5px;
  }
  .cinema-controls>div button span{font-size:8px}
  .cinema-pause{width:48px;padding:0;font-size:8px}
  .home-hero-inner,.page-hero-inner,.service-hero-inner{transform:none}
  .premium-inquiry .contact-image{background-image:url("/niosus-command-core-760.webp")}
  .diagnostic-card strong{font-size:58px}
  .launch-summary{padding:19px}
  .system-composer,.audience-launchpad,.signal-standards,.route-gateways,.home-ai,.home-final,.premium-inquiry{overflow-x:clip}
}

@media(max-width:420px){
  .cinema-controls{left:12px;right:12px}
  .cinema-controls>div button{width:34px}
  .composer-panel{right:16px;bottom:16px;width:calc(100% - 32px);padding:19px}
  .composer-panel strong{font-size:54px}
  .composer-panel ul{display:grid;grid-template-columns:1fr}
  .mission-readout>div{min-height:0}
}

@media(prefers-reduced-data:reduce){
  .hero-media-slide video{display:none}
  .ambient-layer,.hero-depth-field,.hero-orbit-stack,.hero-glass-console{display:none}
  body::before{display:none}
}

@media(prefers-reduced-motion:reduce){
  .hero-media-slide,.cinema-controls,.btn,.nav-cta,.desktop-nav a{transition:none!important}
}

/* Phase 14 - flagship case study */
.case-overview{background:#efeee7}
.case-overview-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(54px,9vw,140px);align-items:start}
.case-overview h2,.case-interface h2,.case-phases h2{
  margin:28px 0 0;
  font-size:clamp(52px,6.4vw,96px);
  font-weight:520;
  line-height:.9;
  letter-spacing:-.072em;
}
.case-overview-grid p,.case-interface-grid p,.case-phases-grid p{color:var(--muted);font-size:17px;line-height:1.7}
.case-console{
  overflow:hidden;
  background:radial-gradient(circle at 80% 18%,rgba(255,92,53,.2),transparent 32%),radial-gradient(circle at 12% 80%,rgba(141,230,188,.14),transparent 34%),#10120f;
  color:#fff;
}
.case-map{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}
.case-map article{position:relative;min-height:390px;padding:24px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.case-map span,.case-outcome-grid span,.case-phases article span{color:var(--signal);font:9px var(--font-mono),monospace}
.case-map h3{margin:120px 0 14px;font-size:clamp(26px,2.7vw,42px);font-weight:540;letter-spacing:-.05em}
.case-map p{color:#aab0a6;font-size:13px;line-height:1.6}
.case-map i{position:absolute;right:22px;top:22px;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:radial-gradient(circle,var(--mint),transparent 65%);box-shadow:0 0 28px rgba(141,230,188,.25)}
.case-interface{background:#deddd5}
.case-interface-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(50px,8vw,120px);align-items:center}
.case-device{overflow:hidden;border:1px solid rgba(0,0,0,.18);border-radius:26px;background:#0d100c;color:#fff;box-shadow:0 38px 95px rgba(0,0,0,.28)}
.case-device>header{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.12)}
.case-device>header span{font-weight:800;letter-spacing:.16em}.case-device>header small{color:#83897f;font:9px var(--font-mono),monospace;text-transform:uppercase}.case-device>header i{width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 18px var(--mint)}
.case-device-body{display:grid;grid-template-columns:145px 1fr;min-height:520px}
.case-device aside{display:flex;flex-direction:column;gap:14px;padding:28px 20px;border-right:1px solid rgba(255,255,255,.1)}
.case-device aside b{display:grid;width:54px;height:54px;place-items:center;background:var(--signal);color:#fff}.case-device aside i{height:6px;background:#32372f}.case-device aside i:nth-child(3){background:var(--mint)}
.case-device-panel{display:grid;align-content:end;gap:24px;padding:34px;background:radial-gradient(circle at 72% 18%,rgba(255,92,53,.2),transparent 36%)}
.case-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.case-kpis span{display:grid;gap:8px;padding:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#aeb4aa;font-size:11px}.case-kpis strong{color:#fff;font-size:38px;line-height:.9;letter-spacing:-.055em}
.case-chart{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end;height:165px}.case-chart i{background:var(--signal);box-shadow:0 0 18px rgba(255,92,53,.25)}.case-chart i:nth-child(1){height:42%}.case-chart i:nth-child(2){height:76%;background:var(--mint)}.case-chart i:nth-child(3){height:58%}.case-chart i:nth-child(4){height:92%;background:#fff}.case-chart i:nth-child(5){height:65%}
.case-feed{display:grid;gap:8px}.case-feed span{padding:13px 15px;border-left:2px solid var(--mint);background:rgba(255,255,255,.06);color:#d7ddd4;font-size:12px}
.case-interface ul{margin:28px 0 0;padding:0;list-style:none}.case-interface li{padding:16px 0;border-top:1px solid rgba(0,0,0,.16);color:#3d413a}.case-interface li:last-child{border-bottom:1px solid rgba(0,0,0,.16)}
.case-outcomes{background:#f3f2ec}.case-outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.case-outcome-grid article{min-height:310px;padding:26px;background:#fff;box-shadow:0 20px 60px rgba(12,14,10,.08)}.case-outcome-grid h3{margin:100px 0 14px;font-size:clamp(26px,2.7vw,40px);font-weight:540;line-height:1;letter-spacing:-.045em}.case-outcome-grid p{color:var(--muted);line-height:1.6}
.case-phases{background:#e6e5dd}.case-phases-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:clamp(54px,9vw,135px)}.case-phases-grid>div:last-child{border-top:1px solid var(--line)}.case-phases article{display:grid;grid-template-columns:50px minmax(170px,.45fr) 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.case-phases h3{margin:0;font-size:clamp(25px,2.4vw,38px);font-weight:540;letter-spacing:-.045em}.case-phases article p{margin:0}
.case-cta{position:relative;overflow:hidden;padding-block:clamp(105px,13vw,180px);background:#0c0f0b;color:#fff}.case-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 28%,rgba(255,92,53,.28),transparent 32%),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 82px)}.case-cta-inner{position:relative}.case-cta h2{max-width:980px;margin:30px 0 22px;font-size:clamp(58px,7.4vw,116px);font-weight:520;line-height:.84;letter-spacing:-.08em}.case-cta p{max-width:650px;color:#a8ada5;font-size:18px;line-height:1.65}.case-cta-inner>div{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;align-items:center}
.portfolio-showcase-grid article a{display:inline-flex;gap:16px;margin-top:20px;color:var(--signal);font-size:11px;font-weight:700}

@media(max-width:980px){
  .case-overview-grid,.case-interface-grid,.case-phases-grid{grid-template-columns:1fr}
  .case-map,.case-outcome-grid{grid-template-columns:1fr 1fr}
  .case-interface-grid .case-device{order:2}
}
@media(max-width:700px){
  .case-map,.case-outcome-grid{grid-template-columns:1fr}
  .case-map article,.case-outcome-grid article{min-height:250px}
  .case-map h3,.case-outcome-grid h3{margin-top:70px}
  .case-device-body{grid-template-columns:1fr}.case-device aside{display:none}.case-kpis{grid-template-columns:1fr}.case-device-panel{padding:22px}.case-chart{height:120px}
  .case-phases article{grid-template-columns:38px 1fr}.case-phases article p{grid-column:2}
  .case-cta-inner>div{display:grid;grid-template-columns:1fr}.case-cta .btn{width:100%}
}