:root {
  --ink: #020b16;
  --ink-2: #071326;
  --ink-soft: #101d2e;
  --paper: #eef2f1;
  --paper-2: #dfe6e5;
  --white: #fbfcfb;
  --teal: #147bff;
  --blue: #15bfd8;
  --muted: #667682;
  --line: rgba(2, 11, 22, .14);
  --line-dark: rgba(255,255,255,.14);
  --shadow: 0 24px 70px rgba(3, 18, 24, .16);
  --sans: "DM Sans", sans-serif;
  --display: "Manrope", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 82px; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
a { color: inherit; text-decoration: none; }
ul { margin: 0; padding: 0; list-style: none; }
p, h1, h2, h3 { margin-top: 0; }
h1, h2, h3 { font-family: var(--display); letter-spacing: -.055em; }
em { font-style: normal; color: var(--teal); }
.icon-library { position: absolute; width: 0; height: 0; overflow: hidden; }
.line-icon, .metric-icon { display: block; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.line-icon { width: 30px; height: 30px; }
.noise {
  position: fixed; inset: 0; pointer-events: none; opacity: .04; z-index: 10;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}

.site-header {
  height: 74px;
  padding: 0 5vw;
  display: flex;
  align-items: center;
  gap: 2rem;
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 30;
  color: var(--white);
  border-bottom: 1px solid rgba(255,255,255,.14);
  background: rgba(7, 23, 30, .9);
  backdrop-filter: blur(16px);
  transition: background .25s ease, height .25s ease, backdrop-filter .25s ease;
}
.site-header.is-scrolled {
  height: 66px;
  background: rgba(7, 23, 30, .96);
  backdrop-filter: blur(16px);
  box-shadow: 0 12px 35px rgba(0,0,0,.14);
}
.brand { display: inline-flex; align-items: center; gap: .75rem; font: 800 1.15rem var(--display); letter-spacing: -.04em; min-width: 170px; }
.brand-logo { display: block; width: clamp(132px, 12vw, 190px); height: auto; }
.brand-mark { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid currentColor; font-size: .8rem; }
.desktop-nav { margin-left: auto; display: flex; gap: clamp(1rem, 2vw, 2rem); }
.desktop-nav a { font-size: .69rem; text-transform: uppercase; letter-spacing: .12em; opacity: .78; transition: opacity .2s, color .2s; }
.desktop-nav a:hover { opacity: 1; color: var(--teal); }
.header-cta { font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; border: 1px solid rgba(20,123,255,.38); padding: .8rem 1.35rem; color: var(--teal); }
.header-cta span { color: inherit; margin-left: .35rem; }
.menu-button { display: none; background: none; border: 0; padding: 10px; color: white; }
.menu-button span { display: block; width: 24px; height: 1px; background: currentColor; margin: 6px; transition: transform .2s; }
.menu-button[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-button[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }

.section-pad { padding: 120px 5vw; }
.section-kicker, .eyebrow { margin: 0 0 1.6rem; font-size: .68rem; letter-spacing: .2em; text-transform: uppercase; font-weight: 700; }
.section-kicker { color: #4d686e; }
.section-kicker.light { color: var(--teal); }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 3rem; margin-bottom: 64px; }
.section-heading h2, .proof-intro h2, .about-copy h2, .contact h2 { font-size: clamp(2.7rem, 4.7vw, 5.4rem); line-height: 1.03; letter-spacing: -.073em; font-weight: 700; margin: 0; }
.section-heading > p { color: #5b6c70; line-height: 1.7; max-width: 440px; margin-bottom: .25rem; }
.dark { background: var(--ink); color: white; }

.hero {
  min-height: 100vh;
  background: radial-gradient(circle at 74% 45%, rgba(20,123,255,.14), transparent 29%), var(--ink);
  color: var(--white);
  padding: 164px 5vw 34px;
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
  gap: 4vw;
  align-content: center;
}
.hero::after {
  content: "";
  position: absolute;
  inset: auto -8% -25% 40%;
  height: 55%;
  background: radial-gradient(circle, rgba(21,191,216,.14), transparent 60%);
  pointer-events: none;
}
.hero-copy { position: relative; z-index: 2; max-width: 850px; }
.eyebrow { color: rgba(255,255,255,.62); display: flex; align-items: center; gap: 10px; }
.eyebrow span { width: 22px; height: 1px; background: var(--teal); }
h1 { font-size: clamp(4rem, 7.1vw, 8.1rem); line-height: .94; letter-spacing: -.08em; font-weight: 700; margin-bottom: 2.2rem; }
.hero-intro { font-size: clamp(1rem, 1.35vw, 1.25rem); line-height: 1.68; color: rgba(255,255,255,.68); max-width: 650px; }
.hero-actions { display: flex; align-items: center; gap: 2rem; margin-top: 2.4rem; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 3rem; padding: 1.08rem 1.25rem; min-width: 220px; font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; transition: transform .2s, background .2s, border .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--teal); color: var(--ink); }
.button-light { background: white; color: var(--ink); }
.text-link { font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,.3); padding: .6rem 0; color: rgba(255,255,255,.86); }
.text-link span { color: var(--teal); margin-left: .6rem; }
.hero-trust { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-top: 4.6rem; max-width: 760px; }
.hero-trust span { border-top: 1px solid rgba(255,255,255,.18); padding-top: .8rem; color: rgba(255,255,255,.65); text-transform: uppercase; letter-spacing: .1em; font-size: .53rem; line-height: 1.55; display:flex; align-items:center; gap:.65rem; }
.hero-trust .line-icon { width:22px;height:22px;color:white;flex:0 0 auto; }
.hero-visual { position: relative; align-self: center; z-index: 1; display: grid; align-items: center; min-height: 560px; }
.twin-frame { position: relative; border: 1px solid rgba(255,255,255,.18); background: rgba(14,39,46,.45); box-shadow: 0 35px 90px rgba(0,0,0,.26); transform: perspective(1000px) rotateY(-4deg); }
.twin-frame::before,.twin-frame::after { content:""; position:absolute; width:42px; height:42px; border-color:var(--teal); opacity:.75; z-index: 2; }
.twin-frame::before { left:-8px;top:-8px;border-left:1px solid;border-top:1px solid; }
.twin-frame::after { right:-8px;bottom:-8px;border-right:1px solid;border-bottom:1px solid; }
.twin-top { height:45px; display:flex; align-items:center; justify-content:space-between; padding:0 1rem; border-bottom:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.52); font-size:.55rem; text-transform:uppercase; letter-spacing:.15em; }
.twin-top b { color:var(--teal); font-weight:600; }
.twin-svg { display:block; width:100%; height:auto; }
.twin-metrics { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.14); }
.twin-metrics span { padding:.85rem; font-size:.48rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.52); border-right:1px solid rgba(255,255,255,.14); }
.twin-metrics span:last-child{ border:0; }
.twin-metrics b { color:var(--teal); margin-right:.35rem; }
.flow-path { stroke-dasharray:12 10; animation:flow 3s linear infinite; }
.flow-delay{animation-delay:-1s}.flow-delay-two{animation-delay:-2s}.flow-delay-three{animation-delay:-1.5s}
.callout { animation: float 5s ease-in-out infinite; }
.callout-b { animation-delay: -1.4s; }
.callout-c { animation-delay: -2.8s; }
.hero-foot { grid-column: 1 / -1; align-self: end; margin-top: 45px; display: flex; justify-content: space-between; color: rgba(255,255,255,.42); font-size: .58rem; text-transform: uppercase; letter-spacing: .16em; position: relative; z-index: 2; }
.scroll-label { display: flex; align-items: center; gap: 12px; }
.scroll-label i { display: inline-block; width: 40px; height: 1px; background: var(--teal); }

.statement { border-bottom: 1px solid var(--line); }
.statement-grid { display: grid; grid-template-columns: 1.4fr .6fr; gap: 8vw; }
.statement h2 { font-size: clamp(2.5rem, 4.15vw, 5rem); line-height: 1.1; letter-spacing: -.068em; font-weight: 600; margin: 0; }
.statement-side { border-left: 1px solid var(--line); padding-left: 2rem; align-self: end; }
.statement-side .big-line { font: 700 1.25rem var(--display); color: var(--ink); }
.statement-side p { color: #53656a; line-height: 1.72; font-size: .98rem; }

.ask-ziaco{background:var(--paper);border-bottom:1px solid var(--line)}
.ask-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ask-card{position:relative;min-height:285px;padding:1.45rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.35);overflow:hidden;transition:background .25s,color .25s,transform .25s}
.ask-card::after{content:"";position:absolute;right:-85px;bottom:-95px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(20,123,255,.18),transparent 68%);opacity:0;transition:opacity .25s,transform .35s}
.ask-card:hover{background:var(--ink);color:white;transform:translateY(-4px)}
.ask-card:hover::after{opacity:1;transform:scale(1.15)}
.ask-card>span{color:var(--teal);font-size:.56rem;text-transform:uppercase;letter-spacing:.14em}
.ask-card .line-icon{width:36px;height:36px;margin:1.45rem 0 2.2rem;color:var(--teal)}
.ask-card h3{max-width:330px;font-size:1.38rem;line-height:1.16;margin-bottom:1rem}
.ask-card p{max-width:390px;margin:0;color:#5e7277;font-size:.86rem;line-height:1.64}
.ask-card:hover p{color:rgba(255,255,255,.62)}
.engagement-examples{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 38%,rgba(20,123,255,.13),transparent 30%),var(--ink)}
.engagement-examples::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,123,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,123,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 92%);pointer-events:none}
.engagement-examples>*{position:relative;z-index:1}
.engagement-examples .section-heading>p{color:rgba(255,255,255,.62)}
.example-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}
.example-card{min-height:350px;padding:1.35rem;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);display:flex;flex-direction:column;background:rgba(255,255,255,.025);transition:background .25s,transform .25s,border-color .25s}
.example-card:hover{background:rgba(255,255,255,.06);transform:translateY(-4px);border-color:rgba(20,123,255,.42)}
.example-card span{color:var(--teal);font-size:.52rem;text-transform:uppercase;letter-spacing:.14em}
.example-card h3{margin:4.5rem 0 1rem;font-size:1.35rem;line-height:1.14}
.example-card p{color:rgba(255,255,255,.58);font-size:.82rem;line-height:1.64}
.example-card a{margin-top:auto;color:var(--teal);font-size:.54rem;text-transform:uppercase;letter-spacing:.11em}

.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.service-tile { min-height: 330px; padding: 1.6rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.23); position: relative; overflow: hidden; transition: background .25s, color .25s, transform .25s; }
.service-tile::after { content: ""; position: absolute; inset: auto -35% -45% auto; width: 220px; height: 220px; background: radial-gradient(circle, rgba(20,123,255,.22), transparent 68%); opacity: 0; transition: opacity .25s; }
.service-tile:hover { background: var(--ink); color: white; transform: translateY(-4px); }
.service-tile:hover::after { opacity: 1; }
.service-tile > span { color: var(--teal); font-size: .62rem; letter-spacing: .14em; }
.service-tile i { display: grid; place-items: center; width: 58px; height: 58px; margin: 1.4rem 0 2rem; border: 1px solid rgba(7,23,30,.7); color: #147bff; border-radius: 999px; font-style: normal; transition:color .25s,border-color .25s,transform .25s; }
.service-tile i .line-icon { width:34px;height:34px; }
.service-tile:hover i { color:var(--teal);border-color:var(--teal);transform:rotate(-4deg); }
.service-tile h3 { font-size: clamp(1.35rem, 1.55vw, 2rem); line-height: 1.18; margin-bottom: 1rem; }
.service-tile p { color: #63777b; line-height: 1.62; font-size: .9rem; max-width: 370px; }
.service-tile:hover p { color: rgba(255,255,255,.58); }
.service-tile ul { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.4rem; }
.service-tile li { font-size: .55rem; text-transform: uppercase; letter-spacing: .11em; border: 1px solid var(--line); padding: .45rem .55rem; color: #56686d; }
.service-tile:hover li { color: rgba(255,255,255,.65); border-color: rgba(255,255,255,.18); }

.proof-intro { max-width: 870px; margin-bottom: 60px; }
.proof-intro p:last-child { color: rgba(255,255,255,.55); max-width: 560px; line-height: 1.7; margin-top: 1.7rem; }
.metric-grid { display: grid; grid-template-columns: repeat(5, 1fr); border-left: 1px solid var(--line-dark); }
.metric-card { min-height: 250px; padding: 1.3rem; border: 1px solid var(--line-dark); border-left: 0; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; }
.metric-icon { position:absolute; left:1.3rem;top:1.3rem;width:44px;height:44px;color:var(--teal);stroke-width:1.35; }
.metric-card b { font: 800 clamp(2.2rem, 3vw, 4rem) var(--display); color: white; letter-spacing: -.07em; }
.metric-card span { color: rgba(255,255,255,.58); line-height: 1.55; max-width: 180px; }

.toolchain-map { position: relative; min-height: 280px; background: var(--ink); color: white; overflow: hidden; border: 1px solid rgba(10,25,32,.2); box-shadow: var(--shadow); }
.toolchain-map::before { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:34px 34px; }
.toolchain-map svg { position:absolute; inset:0; width:100%; height:100%; }
.toolchain-map path { fill: none; stroke: url(#flow); stroke-width: 2px; stroke-dasharray: 10 12; animation: flow 4s linear infinite; opacity: .7; }
.tool-node { position:absolute; z-index:2; width:210px; padding:1rem; background:#071326; border:1px solid rgba(20,123,255,.45); box-shadow:0 20px 50px rgba(0,0,0,.15); }
.tool-node small { display:block; color:var(--teal); text-transform:uppercase; letter-spacing:.14em; font-size:.52rem; margin-bottom:.8rem; }
.tool-node b { font: 700 .95rem/1.35 var(--display); }
.tool-node.input { left:5%; top:50%; transform:translateY(-50%); }
.tool-node.structure { left:30%; top:14%; }
.tool-node.intelligence { right:30%; bottom:14%; }
.tool-node.decision { right:5%; top:50%; transform:translateY(-50%); }
.tools-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1rem; }
.mini-card { background: var(--white); border:1px solid var(--line); padding:1.2rem; min-height:150px; }
.mini-card span { color: var(--teal); font: 800 .72rem var(--display); text-transform: uppercase; letter-spacing: .12em; }
.mini-card p { margin: 1.25rem 0 0; color: #5b6c70; line-height: 1.65; font-size: .9rem; }

.industry-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: .65rem; }
.industry-tile { min-height: 330px; color: white; display: flex; align-items: flex-end; padding: 1rem; position: relative; overflow: hidden; background: var(--ink); }
.industry-tile::before { content:""; position:absolute; inset:0; background: linear-gradient(180deg, transparent 20%, rgba(7,23,30,.88) 100%), var(--tile-bg); background-size: cover; background-position:center; transition: transform .4s ease; }
.industry-tile::after { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(20,123,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(20,123,255,.12) 1px,transparent 1px); background-size:30px 30px; opacity:.35; }
.industry-tile:hover::before { transform: scale(1.06); }
.industry-tile span { position:relative; z-index:2; font:700 1rem var(--display); letter-spacing:-.03em; display:flex;align-items:center;gap:.7rem; }
.industry-tile .line-icon { width:27px;height:27px;color:white;flex:0 0 auto; }
.energy { --tile-bg: radial-gradient(circle at 50% 35%, rgba(20,123,255,.55), transparent 5%), linear-gradient(135deg,#243842,#07171e); }
.engineering { --tile-bg: linear-gradient(135deg,#12242b,#31515c); }
.hydrogen { --tile-bg: radial-gradient(circle at 65% 25%, rgba(21,191,216,.6), transparent 10%), linear-gradient(135deg,#17333a,#839ea3); }
.innovation { --tile-bg: linear-gradient(135deg,#07171e,#132a46); }
.tech { --tile-bg: radial-gradient(circle at 35% 25%, rgba(20,123,255,.7), transparent 7%), linear-gradient(135deg,#102832,#07171e); }

.case-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-left: 1px solid var(--line-dark); }
.case-card { min-height: 330px; padding: 1.5rem; border: 1px solid var(--line-dark); border-left: 0; display: flex; flex-direction: column; justify-content: flex-end; }
.case-card span { color: var(--teal); text-transform: uppercase; letter-spacing: .14em; font-size: .55rem; margin-bottom: auto; }
.case-card h3 { font-size: 1.55rem; line-height: 1.15; margin-bottom: 1rem; }
.case-card p { color: rgba(255,255,255,.56); line-height: 1.65; font-size: .86rem; }

.about { display: grid; grid-template-columns: .75fr 1.25fr; gap: 8vw; align-items: center; }
.about-portrait { min-height: 620px; background-color: var(--paper-2); background-image:linear-gradient(rgba(10,25,32,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(10,25,32,.07) 1px,transparent 1px);background-size:32px 32px; position: relative; overflow: hidden; box-shadow: var(--shadow); }
.field-label{position:absolute;left:1.5rem;top:1.5rem;font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;color:#617277}
.field-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:165px;height:165px;border-radius:50%;background:var(--ink);color:white;display:grid;place-content:center;text-align:center;z-index:3;box-shadow:0 15px 45px rgba(10,25,32,.18)}
.field-core span{font:700 3.2rem/1 var(--display);letter-spacing:-.12em}.field-core small{margin-top:.6rem;color:var(--teal);font-size:.48rem;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}
.field-card{position:absolute;width:140px;padding:.8rem;background:rgba(241,240,235,.92);border:1px solid rgba(10,25,32,.22);z-index:2}.field-card .line-icon{width:28px;height:28px;color:#147bff;margin-bottom:.65rem}.field-card b{color:var(--teal);font-size:.5rem}.field-card span{display:block;margin:.55rem 0 .8rem;font:800 .72rem var(--display);text-transform:uppercase;letter-spacing:.06em}.field-card small{color:#657579;font-size:.52rem;line-height:1.55;text-transform:uppercase;letter-spacing:.08em}.field-engineering{left:6%;top:17%}.field-intelligence{right:5%;top:18%}.field-systems{right:9%;bottom:12%}
.field-connectors{position:absolute;inset:0;background:linear-gradient(28deg,transparent 49.8%,rgba(10,25,32,.25) 50%,transparent 50.2%),linear-gradient(-28deg,transparent 49.8%,rgba(10,25,32,.25) 50%,transparent 50.2%)}
.portrait-caption { position:absolute;left:1.5rem;bottom:1.5rem;font-size:.57rem;line-height:1.6;text-transform:uppercase;letter-spacing:.14em;color:#617277 }
.about-copy h2 { margin-bottom: 2.4rem; }
.about-copy p { color: #53656a; max-width: 680px; line-height: 1.76; font-size: 1rem; }
.about-pillars { margin-top: 2.5rem; border-top: 1px solid var(--line); }
.about-pillars span { display: flex; gap: 1rem; border-bottom: 1px solid var(--line); padding: 1rem 0; text-transform: uppercase; letter-spacing: .1em; font-size: .65rem; }
.about-pillars b { color: var(--teal); font-weight: 700; }

.approach { border-top: 1px solid var(--line); background:var(--ink);color:white; }
.approach .section-kicker{color:var(--teal)}.approach .section-heading>p{color:rgba(255,255,255,.52)}
.process { position: relative; display: grid; grid-template-columns: repeat(5,1fr); gap: 2rem; padding-top: 1rem; }
.process-line { position:absolute;top:43px;left:7%;right:7%;height:1px;background:rgba(20,123,255,.34); }
.process-line span{display:block;width:36%;height:1px;background:var(--teal); }
.process article { position:relative; padding-top: 5.7rem; }
.process article::before { display:none; }
.process-icon{position:absolute;left:0;top:0;width:72px;height:72px;border:1px solid var(--teal);border-radius:50%;background:var(--ink);display:grid;place-items:center;z-index:2;color:var(--teal)}
.process-icon .line-icon{width:34px;height:34px}
.process b { font-size:.58rem;letter-spacing:.14em;color:var(--teal); }
.process h3 { font-size:1.25rem;letter-spacing:-.04em;margin:1rem 0 .8rem; }
.process p { color:rgba(255,255,255,.56);font-size:.82rem;line-height:1.62;max-width:180px; }

.contact { background: var(--ink); color: white; padding: 120px 5vw 0; }
.contact-top { max-width: 960px; padding-bottom: 110px; }
.contact h2 { margin-bottom: 2rem; }
.contact-top > p:not(.section-kicker) { color: rgba(255,255,255,.56); line-height:1.7;max-width:590px;font-size:1rem;margin-bottom:2.4rem; }
footer { min-height: 120px; display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:2rem;border-top:1px solid rgba(255,255,255,.15);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.46); }
.brand-light { color:white;text-transform:none;letter-spacing:-.04em;font-size:1.15rem; }
footer div { display:flex;gap:1.5rem;color:white; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .72s ease, transform .72s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
@keyframes flow { to { stroke-dashoffset:-44; } }
@keyframes float { 50% { transform: translateY(-8px); } }

/* Branded multipage layout */
.section-pad { padding:72px 5vw; }

.hero { min-height:760px;padding:105px 3vw 28px;grid-template-columns:.88fr 1.12fr;gap:0;background:radial-gradient(circle at 78% 48%,color-mix(in srgb,var(--teal) 7%,transparent),transparent 37%),var(--ink); }
.hero-copy{align-self:start;padding-top:10px}.hero h1{font-size:clamp(4rem,5.4vw,6.4rem);line-height:1.04;max-width:650px;margin-bottom:1.65rem}
.hero-intro{font-size:1rem;line-height:1.75;max-width:560px}.hero-actions{margin-top:2rem}.hero-trust{margin-top:4rem;max-width:650px}.hero-foot{display:none}
.hero-visual{min-height:730px;height:730px;margin:-5px -3vw 0 -7vw;color:var(--teal);align-self:start;overflow:hidden}
.hero-system{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.hero-refinery-svg{filter:saturate(.82) brightness(.86) contrast(1.05);opacity:.96}.hero-dots{opacity:.1}.plant-illustration{display:none}.system-links{color:var(--teal);opacity:.68;filter:url(#lineGlow);stroke-linecap:round;stroke-linejoin:round}.plant-anchors{color:var(--teal);fill:var(--teal);filter:url(#lineGlow)}.hero-callout{color:var(--teal);fill:none;stroke:currentColor;stroke-width:1.25;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--teal) 55%,transparent));animation:calloutPulse 4s ease-in-out infinite}.hero-callout:nth-of-type(2){animation-delay:-.7s}.hero-callout:nth-of-type(3){animation-delay:-1.4s}.hero-callout:nth-of-type(4){animation-delay:-2.1s}.hero-callout:nth-of-type(5){animation-delay:-2.8s}.hero-callout text{fill:currentColor;stroke:none;text-anchor:middle;font:700 11px var(--sans);letter-spacing:.02em}
.hero-callout use{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

.services{background:var(--paper);}.services .section-heading{display:block;margin-bottom:26px}.services .section-heading h2{font-size:2.2rem;max-width:480px}.services .section-heading>p{margin-top:1rem;font-size:.85rem;max-width:450px}
.service-grid{max-width:1100px;margin:0 auto;border-color:rgba(10,25,32,.08)}.service-tile{min-height:245px;padding:1.7rem 2rem;background:rgba(255,255,255,.34);border-color:rgba(10,25,32,.08)}
.service-tile>span,.service-tile ul{display:none}.service-tile i{margin:0 0 1.25rem;width:58px;height:58px}.service-tile h3{font-size:1.15rem;margin-bottom:.8rem;max-width:245px}.service-tile p{font-size:.78rem;line-height:1.6;max-width:260px;margin-bottom:0}

.proof{position:relative;min-height:430px;display:grid;grid-template-columns:250px 1fr;gap:45px;align-items:start;overflow:hidden;padding-top:65px;padding-bottom:140px}.proof-intro{margin:0}.proof-intro h2{font-size:2rem;line-height:1.12}.proof-intro p:last-child{font-size:.76rem;margin-top:1.2rem}.metric-grid{position:relative;z-index:2;border:0}.metric-card{min-height:220px;padding:1rem 1.1rem;border-top:0;border-bottom:0}.metric-icon{left:50%;transform:translateX(-50%);width:42px;height:42px}.metric-card b{text-align:center;font-size:2.2rem;margin-bottom:.35rem}.metric-card span{text-align:center;font-size:.72rem;max-width:150px;margin:0 auto}.data-wave{position:absolute;left:0;right:0;bottom:-15px;width:100%;height:190px;color:var(--teal);opacity:.48;mask-image:linear-gradient(to bottom,transparent,black)}

.projects{background:var(--paper);border-bottom:1px solid var(--line)}.project-summary{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:end;margin-bottom:42px}.project-summary h2{font-size:clamp(2.5rem,4vw,4.8rem);line-height:1.05;margin:0 0 1.2rem}.project-summary>div:first-child>p:last-child{font-size:.82rem;line-height:1.65;color:#53656a;max-width:570px}.portfolio-stats{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.portfolio-stats article{min-height:125px;padding:1rem;border:1px solid var(--line);border-left:0;display:flex;flex-direction:column;justify-content:flex-end}.portfolio-stats b{font:800 clamp(1.8rem,2.5vw,3rem) var(--display);letter-spacing:-.07em;color:#147bff}.portfolio-stats span{font-size:.62rem;line-height:1.4;color:#53656a;text-transform:uppercase;letter-spacing:.08em}.project-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:65px 1.2fr 130px 150px 1.5fr;gap:1.2rem;align-items:center;padding:1.15rem 0;border-bottom:1px solid var(--line)}.project-id{font:700 .67rem var(--display);letter-spacing:.14em;color:#147bff}.project-row h3{font-size:1rem;letter-spacing:-.035em;margin:0 0 .3rem}.project-row p,.project-row small{font-size:.67rem;line-height:1.45;color:#607277;margin:0}.project-row strong{font:700 .9rem var(--display)}.project-row>span:not(.project-id){font-size:.62rem;line-height:1.4;text-transform:uppercase;letter-spacing:.08em;color:#40575d}
.delivery-capabilities{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.delivery-card{position:relative;min-height:235px;padding:1.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.delivery-card>span{position:absolute;top:1.5rem;right:1.5rem;font:700 .62rem var(--display);letter-spacing:.12em;color:#789095}.delivery-card .line-icon{width:42px;height:42px;margin-bottom:2rem;color:#147bff}.delivery-card h3{max-width:260px;margin:0 0 .75rem;font-size:1.05rem;line-height:1.2;letter-spacing:-.035em}.delivery-card p{max-width:285px;margin:0;font-size:.7rem;line-height:1.6;color:#607277}.delivery-skills{display:grid;grid-template-columns:190px 1fr;gap:2rem;align-items:start;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}.delivery-skills .section-kicker{margin:0}.delivery-skills ul{display:flex;flex-wrap:wrap;gap:.65rem;margin:0;padding:0;list-style:none}.delivery-skills li{padding:.65rem .85rem;border:1px solid var(--line);font-size:.62rem;line-height:1.3;text-transform:uppercase;letter-spacing:.06em;color:#40575d}
.anonymised-projects{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--line)}.anonymised-projects .project-row{display:block;min-height:210px;padding:1.25rem;border:1px solid var(--line);border-left:0}.anonymised-projects .project-id{display:block;margin-bottom:2.7rem}.anonymised-projects h3{font-size:1rem;line-height:1.2}.anonymised-projects p{font-size:.69rem;line-height:1.55}

.industries .section-heading{display:block;margin-bottom:24px}.industries .section-heading h2{font-size:2.15rem;max-width:550px}.industries .section-heading>p{display:none}.industry-grid{gap:5px}.industry-tile{min-height:280px;padding:0;background:var(--ink);border:1px solid color-mix(in srgb,var(--teal) 20%,transparent)}.industry-tile::before{background:linear-gradient(180deg,color-mix(in srgb,var(--teal) 15%,transparent),rgba(7,23,30,.92));}.industry-tile::after{display:none}.sector-art{position:absolute;inset:0;width:100%;height:78%;padding:15px;color:var(--teal);fill:none;stroke:currentColor;stroke-width:1.5;opacity:.75}.sector-art text{fill:currentColor;stroke:none;font:600 28px var(--display)}.industry-tile span{width:100%;padding:1rem;background:rgba(7,23,30,.78);font-size:.82rem;min-height:64px}

.about{display:grid;grid-template-columns:330px 1fr;gap:55px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-copy h2{font-size:2rem;line-height:1.12;margin-bottom:1rem}.about-copy p{font-size:.77rem;line-height:1.55}.journey-button{display:inline-flex;gap:1.4rem;border:1px solid var(--ink);padding:.65rem 1rem;font-size:.7rem;margin-top:.7rem}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}.journey-line{position:absolute;top:68px;left:12%;right:12%;height:1px;background:var(--ink)}.journey-line::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-right:1px solid;border-top:1px solid;transform:rotate(45deg)}.journey article{position:relative;text-align:center}.journey-icon{width:54px;height:54px;margin:0 auto 11px;color:var(--ink)}.journey-icon .line-icon{width:54px;height:54px}.journey i{display:block;width:8px;height:8px;border-radius:50%;background:var(--ink);margin:0 auto 18px;position:relative;z-index:2}.journey h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.02em;line-height:1.3;min-height:38px}.journey p{font-size:.67rem;color:#53656a;line-height:1.5;margin:0 auto;max-width:160px}

.approach{display:grid;grid-template-columns:250px 1fr;gap:45px;align-items:center}.approach .section-heading{display:block;margin:0}.approach .section-heading h2{font-size:2rem;line-height:1.2}.approach .section-heading>p{display:none}.process{gap:18px;padding-top:0}.process-line{top:30px;left:6%;right:6%;border-top:1px dashed var(--teal);background:none}.process-icon{width:60px;height:60px}.process-icon .line-icon{width:29px;height:29px}.process article{padding-top:78px}.process b{display:none}.process h3{font-size:.8rem;margin:0 0 .6rem;letter-spacing:0}.process p{font-size:.66rem;line-height:1.5}

.contact{padding:0 3.5vw;background:var(--ink)}.contact-icon{width:46px;height:46px;border:1px solid rgba(20,123,255,.38);border-radius:50%;display:grid;place-items:center;color:white}.contact-icon .line-icon{width:25px;height:25px}

@media(max-width:1180px){
  .hero{grid-template-columns:1fr;}.hero-visual{margin:0;max-width:900px;width:100%;min-height:680px;height:680px}.proof,.approach{grid-template-columns:1fr}.about{grid-template-columns:1fr}.journey{max-width:850px}.industry-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .hero{padding:110px 5vw 50px}.hero-visual{min-height:0;height:530px;margin:15px -5vw 0;width:110%}.hero-system{transform:scale(.88)}.hero-trust{grid-template-columns:1fr 1fr}.service-grid,.industry-grid,.metric-grid{grid-template-columns:1fr}.proof{padding-bottom:100px}.metric-card{min-height:170px}.journey{grid-template-columns:1fr}.journey-line{display:none}.journey article{display:grid;grid-template-columns:60px 1fr;text-align:left;gap:10px}.journey-icon,.journey i{margin:0}.journey i{display:none}.journey h3{align-self:end;margin:0}.journey p{grid-column:2;margin:0}.approach{display:block}.process{margin-top:2rem}
}
@keyframes calloutPulse{50%{opacity:.86}}
@media (prefers-reduced-motion: reduce){.system-links,.hero-callout{animation:none}}

/* Compact mobile edition: preserve the full story without making every
   collection a long vertical stack. */
@media (max-width:700px){
  html{scroll-padding-top:64px}
  body{overflow-x:hidden}
  .reveal{opacity:1;transform:none;transition:none}
  .site-header,.site-header.is-scrolled{
    position:fixed;
    height:64px;
    padding:0 4vw;
    background:rgba(7,23,30,.9);
    backdrop-filter:blur(16px);
  }
  .brand{font-size:1rem}.brand-mark{width:28px;height:28px}
  .desktop-nav.mobile-open{top:64px;padding:1.2rem 5vw;gap:1.15rem}

  .section-pad{padding:42px 5vw}
  .section-kicker,.eyebrow{font-size:.58rem;margin-bottom:.8rem}
  .section-heading{margin-bottom:20px;gap:.75rem}
  .section-heading h2,.proof-intro h2,.about-copy h2,.contact h2{font-size:1.85rem;line-height:1.08}
  .section-heading>p{font-size:.76rem;line-height:1.5}

  .hero{
    display:block;
    min-height:auto;
    padding:88px 5vw 30px;
  }
  .hero-copy{padding:0}
  .hero h1{font-size:clamp(3rem,15vw,4rem);line-height:.98;margin-bottom:1rem}
  .hero-intro{font-size:.84rem;line-height:1.55;margin-bottom:0;max-width:36rem}
  .hero-actions{flex-direction:row;align-items:center;gap:1rem;margin-top:1.25rem}
  .button{min-width:0;padding:.85rem 1rem;gap:1.2rem;font-size:.6rem}
  .text-link{font-size:.58rem;white-space:nowrap}
  .hero-trust{
    display:flex;
    gap:1.1rem;
    overflow-x:auto;
    margin:1.45rem -5vw 0;
    padding:0 5vw .4rem;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .hero-trust::-webkit-scrollbar{display:none}
  .hero-trust span{flex:0 0 auto;min-width:145px;scroll-snap-align:start}
  .hero-visual{
    width:112%;
    height:290px;
    min-height:0;
    margin:8px -6% -18px;
  }

  .services .section-heading,.industries .section-heading{margin-bottom:20px}
  .services .section-heading h2,.industries .section-heading h2{font-size:1.85rem}
  .services .section-heading>p{font-size:.75rem;line-height:1.5}

  .service-grid,.metric-grid,.industry-grid,.journey,.process{
    display:flex;
    gap:12px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    margin-left:-5vw;
    margin-right:-5vw;
    padding:0 5vw 12px;
    border:0;
  }
  .service-grid::-webkit-scrollbar,.metric-grid::-webkit-scrollbar,
  .industry-grid::-webkit-scrollbar,.journey::-webkit-scrollbar,
  .process::-webkit-scrollbar{display:none}
  .service-tile,.metric-card,.industry-tile,.journey article,.process article{scroll-snap-align:start}

  .service-tile{
    flex:0 0 76vw;
    min-height:190px;
    padding:1.15rem;
    border:1px solid rgba(10,25,32,.08);
  }
  .service-tile i{width:44px;height:44px;margin:0 0 .8rem}
  .service-tile i .line-icon{width:26px;height:26px}
  .service-tile h3{font-size:1rem;margin-bottom:.55rem}
  .service-tile p{font-size:.72rem;line-height:1.5}

  .about{display:block;padding-top:42px;padding-bottom:42px}
  .about-copy p{font-size:.75rem;line-height:1.55;margin-bottom:.7rem}
  .journey-button{margin-top:.25rem}
  .journey{margin-top:24px;gap:10px}
  .journey article{
    display:block;
    flex:0 0 54vw;
    min-height:155px;
    padding:1rem;
    text-align:left;
    background:rgba(255,255,255,.32);
    border:1px solid var(--line);
  }
  .journey-icon,.journey-icon .line-icon{width:38px;height:38px}
  .journey h3{min-height:0;margin:.7rem 0 .45rem;font-size:.66rem}
  .journey p{font-size:.63rem;line-height:1.45;margin:0;max-width:none}

  .approach{display:block;padding-top:42px;padding-bottom:42px}
  .approach .section-heading h2{font-size:1.85rem}
  .process{margin-top:22px;gap:10px}
  .process article{
    flex:0 0 52vw;
    min-height:155px;
    padding:58px 1rem 1rem;
    border:1px solid rgba(20,123,255,.22);
  }
  .process-icon{left:1rem;top:.8rem;width:40px;height:40px}
  .process-icon .line-icon{width:21px;height:21px}
  .process h3{font-size:.78rem;margin:.35rem 0}
  .process p{font-size:.63rem;line-height:1.45;margin:0}

  .proof{display:block;min-height:0;padding:42px 5vw 52px}
  .proof-intro{margin-bottom:22px}
  .proof-intro p:last-child{font-size:.7rem;line-height:1.5;margin-top:.8rem}
  .metric-grid{gap:10px}
  .metric-card{
    flex:0 0 43vw;
    min-height:145px;
    padding:.9rem;
    border:1px solid var(--line-dark);
  }
  .metric-icon{position:static;transform:none;width:30px;height:30px;margin-bottom:auto}
  .metric-card b{text-align:left;font-size:1.7rem}
  .metric-card span{text-align:left;font-size:.62rem;line-height:1.4;margin:0}
  .data-wave{height:85px;opacity:.25}

  .industry-grid{gap:10px}
  .industry-tile{flex:0 0 58vw;min-height:185px}
  .sector-art{height:72%;padding:12px}
  .industry-tile span{min-height:52px;padding:.75rem;font-size:.72rem}

  .projects{padding-top:42px;padding-bottom:42px}
  .project-summary{display:block;margin-bottom:22px}
  .project-summary h2{font-size:1.85rem;margin-bottom:.8rem}
  .project-summary>div:first-child>p:last-child{font-size:.72rem;line-height:1.5}
  .portfolio-stats{
    display:flex;
    gap:8px;
    overflow-x:auto;
    margin:20px -5vw 0;
    padding:0 5vw 8px;
    border:0;
    scrollbar-width:none;
  }
  .portfolio-stats::-webkit-scrollbar{display:none}
  .portfolio-stats article{flex:0 0 36vw;min-height:100px;border:1px solid var(--line);padding:.75rem}
  .portfolio-stats b{font-size:1.55rem}.portfolio-stats span{font-size:.52rem}
  .delivery-capabilities{
    display:flex;
    gap:10px;
    overflow-x:auto;
    margin:0 -5vw;
    padding:0 5vw 10px;
    border:0;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .delivery-capabilities::-webkit-scrollbar{display:none}
  .delivery-card{flex:0 0 72vw;min-height:205px;padding:1.15rem;border:1px solid var(--line);scroll-snap-align:start}
  .delivery-card>span{top:1.15rem;right:1.15rem}.delivery-card .line-icon{width:36px;height:36px;margin-bottom:1.6rem}
  .delivery-card h3{font-size:.95rem}.delivery-card p{font-size:.66rem}
  .delivery-skills{display:block;margin-top:22px;padding-top:20px}
  .delivery-skills .section-kicker{margin-bottom:.8rem}
  .delivery-skills ul{flex-wrap:nowrap;overflow-x:auto;margin:0 -5vw;padding:0 5vw 8px;scrollbar-width:none}
  .delivery-skills ul::-webkit-scrollbar{display:none}
  .delivery-skills li{flex:0 0 auto;font-size:.55rem}
  .project-list{
    display:flex;
    gap:10px;
    overflow-x:auto;
    margin:0 -5vw;
    padding:0 5vw 10px;
    border:0;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .project-list::-webkit-scrollbar{display:none}
  .project-row{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    flex:0 0 76vw;
    min-height:225px;
    gap:.6rem;
    padding:1rem;
    border:1px solid var(--line);
    background:rgba(255,255,255,.3);
    scroll-snap-align:start;
  }
  .project-row strong{font-size:1.15rem;margin-top:auto}
  .project-row small{font-size:.6rem}
  .anonymised-projects{display:flex;border:0}
  .anonymised-projects .project-row{display:block;min-height:205px;border:1px solid var(--line)}
  .anonymised-projects .project-id{margin-bottom:2rem}

  .contact{padding:0 5vw}
}

@media (max-width:390px){
  .hero h1{font-size:2.85rem}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:.55rem}
  .hero-visual{height:255px}
}

/* Premium interaction pass */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 32%,rgba(20,123,255,.05),transparent 24%),radial-gradient(circle at 88% 68%,rgba(21,191,216,.055),transparent 25%)}
.desktop-nav a{position:relative}.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--teal);transition:right .25s ease}.desktop-nav a:hover::after,.desktop-nav a.is-active::after{right:0}.desktop-nav a.is-active{opacity:1;color:var(--teal)}
.button{position:relative;overflow:hidden;transition:transform .25s,background .25s,border .25s,box-shadow .25s}.button::before{content:"";position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transition:transform .55s ease}.button:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.18)}.button:hover::before{transform:translateX(105%)}.button span,.header-cta span,.text-link span,.journey-button span{display:inline-block;transition:transform .22s ease}.button:hover span,.header-cta:hover span,.text-link:hover span,.journey-button:hover span{transform:translate(3px,-2px)}
.hero-visual::before{content:"";position:absolute;inset:12% 8%;border-radius:50%;background:radial-gradient(circle,rgba(20,123,255,.1),transparent 64%);filter:blur(18px);animation:ambientGlow 6s ease-in-out infinite;pointer-events:none}
.metric-card{transition:background .3s ease,transform .3s ease}.metric-card:hover{background:rgba(20,123,255,.055);transform:translateY(-4px)}.metric-icon{transition:filter .3s ease,transform .3s ease}.metric-card:hover .metric-icon{filter:drop-shadow(0 0 8px rgba(20,123,255,.7));transform:translateX(-50%) scale(1.08)}
.projects{position:relative;background-image:linear-gradient(rgba(7,23,30,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(7,23,30,.025) 1px,transparent 1px);background-size:42px 42px}
.delivery-card{cursor:pointer;transition:background .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease}.delivery-card::after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--teal);transition:right .35s ease}.delivery-card:hover,.delivery-card.is-active{background:var(--ink);color:white;transform:translateY(-4px);box-shadow:0 22px 50px rgba(7,23,30,.12)}.delivery-card:hover::after,.delivery-card.is-active::after{right:0}.delivery-card:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}.delivery-card .line-icon{transition:color .3s ease,transform .3s ease,filter .3s ease}.delivery-card:hover .line-icon,.delivery-card.is-active .line-icon{color:var(--teal);transform:scale(1.08);filter:drop-shadow(0 0 7px rgba(20,123,255,.5))}.delivery-card p{transition:color .3s ease}.delivery-card:hover p,.delivery-card.is-active p{color:rgba(255,255,255,.62)}
.delivery-detail{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:3vw;align-items:center;margin-top:22px;padding:2rem;background:var(--ink);color:white;box-shadow:var(--shadow);position:relative;overflow:hidden}.delivery-detail::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,123,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,123,255,.055) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,black);pointer-events:none}.delivery-detail>div,.delivery-detail>ul{position:relative;z-index:1}.delivery-detail .section-kicker{color:var(--teal);margin-bottom:.75rem}.delivery-detail-number{display:block;color:rgba(255,255,255,.38);font-size:.58rem;letter-spacing:.16em;margin-bottom:.65rem}.delivery-detail h3{font-size:1.5rem;line-height:1.15;margin-bottom:.75rem}.delivery-detail p{font-size:.74rem;line-height:1.65;color:rgba(255,255,255,.6);max-width:430px;margin:0}.delivery-path{display:flex;align-items:center;gap:.55rem}.delivery-path span{font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.72)}.delivery-path i{height:1px;flex:1;background:linear-gradient(90deg,var(--teal),rgba(20,123,255,.2));position:relative}.delivery-path i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal)}.delivery-detail ul{display:grid;gap:.7rem}.delivery-detail li{font-size:.62rem;line-height:1.4;text-transform:uppercase;letter-spacing:.06em;padding-bottom:.7rem;border-bottom:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.72)}.delivery-detail.is-changing>*{animation:detailSwap .32s ease}
.delivery-skills li{transition:background .2s,color .2s,border-color .2s}.delivery-skills li:hover{background:var(--ink);color:var(--teal);border-color:var(--ink)}
.toolchain{display:block;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(20,123,255,.1),transparent 30%),radial-gradient(circle at 88% 15%,rgba(21,191,216,.12),transparent 24%),var(--ink);color:white;border-bottom:1px solid rgba(20,123,255,.25)}.toolchain::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,123,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,123,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 88%);pointer-events:none}.toolchain>*{position:relative;z-index:1}.toolchain .section-heading{margin-bottom:34px}.toolchain .section-kicker{color:var(--teal)}.toolchain .section-heading h2{font-size:clamp(2.7rem,4.6vw,5.4rem)}.toolchain .section-heading>p{color:rgba(255,255,255,.58)}.systems-proof{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:14px;border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}.systems-proof span{display:flex;align-items:center;gap:.75rem;min-height:68px;padding:1rem;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.68);font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.systems-proof b{color:var(--teal);font:700 .58rem var(--display)}.toolchain-map{min-height:390px;border-color:rgba(20,123,255,.3);box-shadow:0 35px 90px rgba(0,0,0,.35)}.toolchain-map::after{content:"";position:absolute;inset:15%;border:1px solid rgba(20,123,255,.12);border-radius:50%;box-shadow:0 0 80px rgba(20,123,255,.08);pointer-events:none}.systems-core{position:absolute;z-index:3;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border:1px solid rgba(20,123,255,.6);border-radius:50%;background:radial-gradient(circle,rgba(20,123,255,.18),rgba(2,11,22,.92) 65%);box-shadow:0 0 0 18px rgba(20,123,255,.025),0 0 0 36px rgba(20,123,255,.018),0 0 55px rgba(20,123,255,.2)}.systems-core .line-icon{width:44px;height:44px;margin:0 auto .8rem;color:var(--teal);filter:drop-shadow(0 0 8px rgba(20,123,255,.6))}.systems-core small{color:var(--teal);font-size:.5rem;text-transform:uppercase;letter-spacing:.16em}.systems-core strong{display:block;max-width:165px;margin:.55rem auto;font:700 1.05rem/1.25 var(--display)}.systems-core span{font-size:.55rem;color:rgba(255,255,255,.46);text-transform:uppercase;letter-spacing:.07em}.tool-node{width:225px;padding:1.1rem;background:rgba(7,19,38,.88);backdrop-filter:blur(12px);border-color:rgba(20,123,255,.42);box-shadow:0 18px 45px rgba(0,0,0,.28);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.tool-node:hover{border-color:var(--teal);box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 20px rgba(20,123,255,.14)}.tool-node.input{left:4%}.tool-node.structure{left:25%;top:7%}.tool-node.intelligence{right:25%;bottom:7%}.tool-node.decision{right:4%}.toolchain-map path{stroke:var(--teal);stroke-width:1.5;opacity:.7;filter:drop-shadow(0 0 4px rgba(20,123,255,.5))}.tools-grid{gap:10px;margin-top:14px;border:0}.mini-card{position:relative;overflow:hidden;min-height:205px;padding:1.25rem;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));color:white;transition:background .25s ease,transform .25s ease,border-color .25s ease,box-shadow .25s ease}.mini-card::before{content:"";position:absolute;right:-55px;bottom:-70px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(20,123,255,.18),transparent 67%);transition:transform .35s ease}.mini-card:hover{background:rgba(255,255,255,.09);color:white;transform:translateY(-5px);border-color:rgba(20,123,255,.5);box-shadow:0 22px 45px rgba(0,0,0,.2)}.mini-card:hover::before{transform:scale(1.35)}.mini-card small{display:block;margin-bottom:2.2rem;color:var(--teal);font-size:.5rem;text-transform:uppercase;letter-spacing:.14em}.mini-card span{display:block;max-width:250px;color:white;font-size:.8rem;line-height:1.35}.mini-card p{max-width:280px;margin:.8rem 0 1.2rem;color:rgba(255,255,255,.55);font-size:.68rem;line-height:1.55}.mini-card:hover p{color:rgba(255,255,255,.68)}.mini-card i{position:absolute;left:1.25rem;bottom:1.15rem;color:rgba(255,255,255,.35);font-style:normal;font-size:.5rem;text-transform:uppercase;letter-spacing:.1em}
.brand-process{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(20,123,255,.16),transparent 34%),radial-gradient(circle at 18% 12%,rgba(21,191,216,.08),transparent 28%),var(--ink);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(20,123,255,.22)}.brand-process::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,123,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,123,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}.brand-process>*{position:relative;z-index:1}.brand-process .section-heading>p{color:rgba(255,255,255,.62)}.brand-process-visual{display:grid;place-items:center;padding:clamp(2rem,5vw,4rem);border:1px solid rgba(20,123,255,.28);background:linear-gradient(145deg,rgba(7,19,38,.88),rgba(2,11,22,.72));box-shadow:0 35px 100px rgba(0,0,0,.28),0 0 80px rgba(20,123,255,.1)}.brand-process-visual img{display:block;width:min(100%,980px);height:auto}
.service-architecture,.identity-map{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 42%,rgba(20,123,255,.14),transparent 31%),radial-gradient(circle at 18% 18%,rgba(21,191,216,.08),transparent 28%),var(--ink);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(20,123,255,.22)}
.service-architecture::before,.identity-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,123,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,123,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}
.service-architecture>*,
.identity-map>*{position:relative;z-index:1}
.service-architecture .section-heading>p,
.identity-map .section-heading>p{color:rgba(255,255,255,.62)}
.service-orbit{position:relative;min-height:430px;border:1px solid rgba(20,123,255,.28);background:linear-gradient(145deg,rgba(7,19,38,.86),rgba(2,11,22,.74));box-shadow:0 35px 100px rgba(0,0,0,.25),0 0 70px rgba(20,123,255,.08);overflow:hidden}
.service-orbit-lines{position:absolute;inset:0;width:100%;height:100%;color:var(--teal);fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;opacity:.42;filter:drop-shadow(0 0 6px rgba(20,123,255,.45))}
.service-orbit-core{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border:1px solid rgba(20,123,255,.55);border-radius:50%;background:radial-gradient(circle,rgba(20,123,255,.18),rgba(2,11,22,.94) 68%);box-shadow:0 0 0 18px rgba(20,123,255,.025),0 0 55px rgba(20,123,255,.18)}
.service-orbit-core .line-icon{width:42px;height:42px;margin:0 auto .85rem;color:var(--teal);filter:drop-shadow(0 0 8px rgba(20,123,255,.55))}
.service-orbit-core strong{font:700 1.05rem/1.2 var(--display);letter-spacing:-.03em;color:white}
.service-orbit-core span{max-width:130px;margin:.55rem auto 0;color:rgba(255,255,255,.52);font-size:.58rem;line-height:1.45;text-transform:uppercase;letter-spacing:.07em}
.orbit-node{position:absolute;width:150px;min-height:118px;padding:1rem;border:1px solid rgba(255,255,255,.14);background:rgba(2,11,22,.72);backdrop-filter:blur(10px);color:white}
.orbit-node .line-icon{width:28px;height:28px;color:var(--teal);margin-bottom:.85rem}
.orbit-node b{display:block;font:700 .82rem/1.1 var(--display)}
.orbit-node span{display:block;margin-top:.38rem;color:rgba(255,255,255,.52);font-size:.54rem;text-transform:uppercase;letter-spacing:.1em}
.orbit-strategy{left:6%;top:50%;transform:translateY(-50%)}.orbit-agents{left:20%;top:11%}.orbit-knowledge{right:20%;top:11%}.orbit-governance{right:6%;top:50%;transform:translateY(-50%)}.orbit-analytics{left:20%;bottom:11%}.orbit-delivery{right:20%;bottom:11%}
.identity-panel{position:relative;min-height:420px;border:1px solid rgba(20,123,255,.28);background:linear-gradient(145deg,rgba(7,19,38,.86),rgba(2,11,22,.74));box-shadow:0 35px 100px rgba(0,0,0,.25),0 0 70px rgba(20,123,255,.08);overflow:hidden}
.identity-lines{position:absolute;inset:0;width:100%;height:100%;color:var(--teal);fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;opacity:.48;filter:drop-shadow(0 0 7px rgba(20,123,255,.45))}
.identity-core{position:absolute;left:50%;top:50%;width:166px;height:166px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border-radius:50%;border:1px solid rgba(21,191,216,.6);background:radial-gradient(circle,rgba(21,191,216,.2),rgba(2,11,22,.94) 68%);box-shadow:0 0 0 20px rgba(21,191,216,.025),0 0 70px rgba(21,191,216,.18)}
.identity-core span{font:800 2.8rem/1 var(--display);letter-spacing:-.08em;color:white;text-shadow:0 0 18px rgba(21,191,216,.55)}
.identity-core small{margin-top:.65rem;color:var(--blue);font-size:.52rem;line-height:1.4;text-transform:uppercase;letter-spacing:.14em}
.identity-point{position:absolute;width:190px;padding:1rem;border:1px solid rgba(255,255,255,.14);background:rgba(2,11,22,.72);backdrop-filter:blur(10px);color:white}
.identity-point .line-icon{width:32px;height:32px;color:var(--teal);margin-bottom:.8rem}
.identity-point b{display:block;font:700 .92rem/1.15 var(--display)}
.identity-point span{display:block;margin-top:.45rem;color:rgba(255,255,255,.54);font-size:.58rem;text-transform:uppercase;letter-spacing:.09em}
.identity-engineering{left:7%;top:50%;transform:translateY(-50%)}.identity-data{left:50%;bottom:8%;transform:translateX(-50%)}.identity-ai{right:7%;top:50%;transform:translateY(-50%)}
.swipe-cue{display:none}.mobile-contact{display:none}
@keyframes ambientGlow{50%{opacity:.55;transform:scale(1.04)}}@keyframes detailSwap{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}

@media (max-width:700px){
  .metric-card:hover,.delivery-card:hover,.delivery-card.is-active{transform:none}
  .metric-card:hover .metric-icon{transform:none}
  .delivery-detail{display:block;margin-top:12px;padding:1.25rem}.delivery-detail h3{font-size:1.15rem}.delivery-detail p{font-size:.68rem}.delivery-path{display:grid;grid-template-columns:1fr;gap:.4rem;margin:1.2rem 0}.delivery-path span{font-size:.5rem;padding:.45rem .55rem;border:1px solid rgba(20,123,255,.22)}.delivery-path i{width:1px;height:9px;margin-left:.65rem}.delivery-path i::after{right:-2px;top:auto;bottom:0}.delivery-detail ul{grid-template-columns:1fr;gap:.45rem}.delivery-detail li{font-size:.55rem}
  .toolchain{padding-top:42px;padding-bottom:42px}.toolchain .section-heading{display:block;margin-bottom:20px}.toolchain .section-heading h2{font-size:2rem}.toolchain .section-heading>p{margin-top:.8rem}.systems-proof{display:flex;gap:8px;overflow-x:auto;margin:0 -5vw 12px;padding:0 5vw 8px;border:0;scrollbar-width:none}.systems-proof::-webkit-scrollbar{display:none}.systems-proof span{flex:0 0 58vw;min-height:58px;border:1px solid rgba(255,255,255,.14);font-size:.52rem}.toolchain-map{display:grid;grid-template-columns:1fr 1fr;min-height:0;gap:8px;padding:8px}.toolchain-map::after,.toolchain-map svg{display:none}.systems-core{position:relative;grid-column:1/-1;left:auto;top:auto;width:auto;height:auto;min-height:145px;transform:none;border-radius:0;box-shadow:0 0 35px rgba(20,123,255,.12)}.systems-core strong{font-size:.95rem}.tool-node{position:static;width:auto;min-height:105px;transform:none!important;padding:.75rem}.tool-node small{font-size:.43rem;margin-bottom:.45rem}.tool-node b{font-size:.68rem}.tools-grid{display:flex;gap:10px;overflow-x:auto;margin:12px -5vw 0;padding:0 5vw 10px;border:0;scroll-snap-type:x mandatory;scrollbar-width:none}.tools-grid::-webkit-scrollbar{display:none}.mini-card{flex:0 0 76vw;min-height:190px;padding:1rem;border:1px solid rgba(255,255,255,.14);scroll-snap-align:start}.mini-card small{margin-bottom:1.5rem}.mini-card i{left:1rem;bottom:1rem}.mini-card:hover{transform:none}
  .swipe-cue{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin:.25rem 0 .75rem;color:#607277;font-size:.52rem;text-transform:uppercase;letter-spacing:.1em}.swipe-cue::after{content:"";width:28px;height:1px;background:var(--teal);box-shadow:8px 0 0 -3px var(--teal)}
  .mobile-contact{display:flex;position:fixed;z-index:25;right:12px;bottom:12px;align-items:center;gap:.7rem;padding:.75rem .9rem;background:var(--teal);color:var(--ink);box-shadow:0 12px 35px rgba(3,18,24,.28);font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:transform .25s ease,opacity .25s ease}.mobile-contact.is-hidden{opacity:0;transform:translateY(20px);pointer-events:none}
}
@media (prefers-reduced-motion:reduce){.hero-visual::before,.delivery-detail.is-changing>*{animation:none}.button::before{display:none}.button,.delivery-card,.metric-card,.metric-icon,.desktop-nav a::after{transition:none}}

/* Multipage structure */
.home-page main,.inner-page main{display:block}
.case-studies{display:block}
.service-tile{min-height:315px}
.service-tile ul{display:flex}
.inner-page main{padding-top:84px}
.inner-page .site-header{background:rgba(7,23,30,.96);backdrop-filter:blur(18px)}
.page-footer{display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:2rem;padding:2rem 5vw;background:var(--ink);color:rgba(255,255,255,.62);border-top:1px solid rgba(255,255,255,.14);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}
.page-footer p{margin:0}.page-footer div{display:flex;gap:1.4rem}.page-footer a:hover{color:var(--teal)}
.page-footer div{flex-wrap:wrap}
.breadcrumbs{display:flex;gap:.65rem;align-items:center;margin-bottom:1.2rem;color:rgba(255,255,255,.48);font-size:.52rem;text-transform:uppercase;letter-spacing:.12em}.breadcrumbs a{color:var(--teal)}
.site-paths{background:var(--paper-2);border-top:1px solid var(--line)}.site-path-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.site-path-grid a{position:relative;min-height:225px;padding:1.4rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.28);transition:background .25s,color .25s,transform .25s}.site-path-grid a:hover{background:var(--ink);color:white;transform:translateY(-4px)}.site-path-grid small{color:#147bff;font-size:.52rem;text-transform:uppercase;letter-spacing:.13em}.site-path-grid h3{max-width:290px;margin:3rem 0 1rem;font-size:1.35rem;line-height:1.18}.site-path-grid span{position:absolute;left:1.4rem;bottom:1.3rem;color:#147bff;font-size:.55rem;text-transform:uppercase;letter-spacing:.1em}.site-path-grid a:hover small,.site-path-grid a:hover span{color:var(--teal)}
.legal-content{padding:135px 5vw 90px;background:var(--paper);min-height:80vh}.legal-content .breadcrumbs{color:#607277}.legal-content h1{max-width:1000px;font-size:clamp(4rem,7vw,7.5rem)}.legal-updated{color:#607277;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.legal-copy{max-width:820px;margin-top:4rem}.legal-copy h2{margin:2.3rem 0 .7rem;font-size:1.35rem;letter-spacing:-.04em}.legal-copy p{color:#53656a;line-height:1.75}.legal-copy a{color:#147bff;text-decoration:underline}
.error-page{min-height:100vh;background:radial-gradient(circle at 75% 45%,rgba(20,123,255,.12),transparent 28%),var(--ink);color:white}.error-content{min-height:100vh;padding:8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.error-content .brand{margin-bottom:5rem}.error-content h1{max-width:1000px}.error-content>p:not(.eyebrow){color:rgba(255,255,255,.6);margin-bottom:2rem}
.home-page .statement{min-height:65vh;display:grid;align-content:center}
.page-intro{min-height:520px;padding:145px 5vw 75px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 78% 44%,rgba(20,123,255,.14),transparent 28%),var(--ink);color:white;border-bottom:1px solid rgba(255,255,255,.12)}
.page-intro h1{max-width:1050px;margin:0 0 1.5rem;font-size:clamp(4rem,7vw,7.5rem)}
.page-intro>p:last-child{max-width:690px;margin:0;color:rgba(255,255,255,.62);font-size:1rem;line-height:1.7}
.contact-page main{padding-top:84px}.contact-page .contact{padding-top:0}
.contact-page .contact footer{display:grid}
.contact-page-content{min-height:calc(100vh - 84px);padding:96px 5vw;display:grid;grid-template-columns:.9fr 1.05fr;gap:5vw;align-items:center;background:radial-gradient(circle at 76% 35%,rgba(20,123,255,.14),transparent 25%),var(--ink);color:white}
.contact-intro h1{font-size:clamp(4rem,7vw,7.3rem);margin-bottom:1.8rem}.contact-intro>p:not(.eyebrow){max-width:680px;color:rgba(255,255,255,.68);font-size:1.08rem;line-height:1.75}
.contact-notes{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.2rem}.contact-notes span{padding:.72rem .9rem;border:1px solid rgba(20,123,255,.35);color:rgba(255,255,255,.78);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;background:rgba(2,11,22,.25)}
.contact-form{display:grid;gap:1.25rem;padding:clamp(2.1rem,3.2vw,3.4rem);border:1px solid rgba(20,123,255,.38);background:linear-gradient(145deg,rgba(7,19,38,.86),rgba(2,11,22,.78));box-shadow:0 35px 90px rgba(0,0,0,.26),0 0 60px rgba(20,123,255,.08)}
.form-context{padding:1rem 1.1rem;border:1px solid rgba(20,123,255,.24);background:rgba(20,123,255,.06)}
.form-context p{margin:0;color:rgba(255,255,255,.68);font-size:.82rem;line-height:1.6}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.contact-form label{display:grid;gap:.72rem;color:rgba(255,255,255,.78);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.24);border-radius:0;background:rgba(2,11,22,.68);color:white;padding:1.08rem 1rem;font:600 1rem/1.35 var(--sans);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.contact-form textarea{resize:vertical;min-height:190px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--teal);background:rgba(2,11,22,.9);box-shadow:0 0 0 3px rgba(20,123,255,.16)}.contact-form select option{color:var(--ink);background:white}.contact-form .button{border:0;cursor:pointer;margin-top:.35rem;font-size:.82rem;padding:1.2rem 1.35rem}.contact-form .button:disabled{cursor:wait;opacity:.72}.form-note{margin:0;color:rgba(255,255,255,.52);font-size:.72rem;line-height:1.5}.form-note[data-state="sending"]{color:rgba(255,255,255,.76)}.form-note[data-state="success"]{color:#74f5df}.form-note[data-state="error"]{color:#ff9a9a}

@media(max-width:700px){
  .inner-page main,.contact-page main{padding-top:68px}
  .page-footer{grid-template-columns:1fr 1fr;gap:1.2rem;padding:1.4rem 5vw}.page-footer>span{text-align:right}.page-footer div{justify-content:flex-end}
  .home-page .statement{min-height:auto}
  .service-tile{min-height:270px}
  .page-intro{min-height:385px;padding:105px 5vw 45px}.page-intro h1{font-size:3.15rem}.page-intro>p:last-child{font-size:.78rem}
  .contact-page-content{min-height:auto;padding:72px 5vw 54px;grid-template-columns:1fr;gap:2rem}.contact-intro h1{font-size:3.25rem}.contact-intro>p:not(.eyebrow){font-size:.95rem;line-height:1.65}.contact-form{padding:1.45rem;gap:1rem}.contact-form label{font-size:.68rem;gap:.65rem}.contact-form input,.contact-form select,.contact-form textarea{font-size:.95rem;padding:1rem}.contact-form textarea{min-height:170px}.form-row{grid-template-columns:1fr}.form-note{font-size:.68rem}
  .ask-grid,.example-grid{display:flex;gap:10px;overflow-x:auto;margin:0 -5vw;padding:0 5vw 10px;border:0;scroll-snap-type:x mandatory;scrollbar-width:none}.ask-grid::-webkit-scrollbar,.example-grid::-webkit-scrollbar{display:none}.ask-card,.example-card{flex:0 0 78vw;min-height:255px;border:1px solid var(--line);scroll-snap-align:start}.example-card{border-color:var(--line-dark);min-height:300px}.ask-card:hover,.example-card:hover{transform:none}.ask-card .line-icon{margin:1.2rem 0 1.5rem}.example-card h3{margin:3rem 0 1rem}
  .site-path-grid{display:flex;gap:10px;overflow-x:auto;margin:0 -5vw;padding:0 5vw 10px;border:0}.site-path-grid a{flex:0 0 78vw;min-height:205px;border:1px solid var(--line)}.legal-content{padding:105px 5vw 55px}.legal-content h1,.error-content h1{font-size:3rem}.legal-copy{margin-top:2rem}.page-footer div{gap:.65rem}
  .brand-process-visual{padding:1.2rem;overflow-x:auto;justify-content:start}
  .brand-process-visual img{width:760px;max-width:none}
  .service-orbit,.identity-panel{min-height:auto;padding:1rem;display:grid;gap:.75rem}
  .service-orbit-lines,.identity-lines{display:none}
  .service-orbit-core,.identity-core{position:relative;left:auto;top:auto;width:auto;height:auto;min-height:150px;transform:none;border-radius:0}
  .orbit-node,.identity-point{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;min-height:0;transform:none!important}
  .service-orbit{grid-template-columns:1fr 1fr}
  .service-orbit-core{grid-column:1/-1}
  .identity-panel{grid-template-columns:1fr}
}