:root {
  --ink: #0b0d0c;
  --paper: #f3f1ea;
  --brand: #1664ff;
  --brand-bright: #4f8cff;
  --brand-pale: #dfeaff;
  --blue: #0b4ddd;
  --line: rgba(255,255,255,.18);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Manrope, sans-serif; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
.site-header { position: fixed; z-index: 20; top: 0; left: 0; right: 0; height: 78px; padding: 0 3vw; display: flex; align-items: center; justify-content: space-between; color: white; mix-blend-mode: difference; }
.wordmark { display:block; width:150px; line-height:0; }
.wordmark img { width:100%; height:auto; display:block; }
.site-header .wordmark { width:142px; }
footer .wordmark { width:165px; }
nav { display: flex; gap: 2.4rem; font-size: .77rem; text-transform: uppercase; letter-spacing: .1em; }
.header-cta { padding-bottom: 5px; border-bottom: 1px solid currentColor; font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; }
.menu-button { display: none; color: inherit; background: none; border: 0; font: inherit; }
.hero { height: 100svh; min-height: 680px; position: relative; overflow: hidden; background: #080b10; color: white; padding: 19vh 5vw 5vw; }
.hero-product { position:absolute; inset:0 0 0 45%; overflow:hidden; }
.hero-product::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#080b10 0%,rgba(8,11,16,.68) 18%,transparent 62%),linear-gradient(0deg,#080b10 0%,transparent 35%); }
.hero-product img { width:100%; height:100%; object-fit:cover; object-position:58% center; filter:saturate(.9) contrast(1.08); transform:scale(1.03); animation:hero-breathe 12s ease-in-out infinite alternate; }
@keyframes hero-breathe { to { transform:scale(1.09); } }
.hero-grid { display:none; }
.orb { position:absolute; border-radius:50%; filter: blur(2px); }
.orb-one { width:52vw; aspect-ratio:1; right:-7vw; top:-8vw; background: radial-gradient(circle at 34% 30%,#b9d2ff 0, #316de0 10%, #101d38 34%, #040506 69%); box-shadow: inset -30px -30px 80px #000, 0 0 160px rgba(22,100,255,.22); animation: float 9s ease-in-out infinite; }
.orb-two { width:14vw; aspect-ratio:1; right:29vw; bottom:5vh; background: radial-gradient(circle at 35% 30%,#f6f1d4,#1c2920 33%,#050605 68%); box-shadow: inset -15px -15px 30px #000; animation: float 7s ease-in-out infinite reverse; }
@keyframes float { 50% { transform: translateY(24px) rotate(5deg); } }
.hero-copy { position:relative; z-index:2; }
.eyebrow,.section-index,.label { font: 400 .72rem DM Mono, monospace; text-transform: uppercase; letter-spacing:.14em; }
.hero h1 { font-size: clamp(4rem, 8.2vw, 8rem); line-height:.88; letter-spacing:-.075em; margin: 7vh 0 5vh; max-width: 940px; }
.hero h1 em { color:var(--brand-bright); font-style:normal; font-weight:400; }
.hero-bottom { display:flex; gap:2rem; align-items:center; max-width:620px; margin-left:0; }
.hero-bottom p { max-width:450px; line-height:1.6; font-size:1rem; color:#c9cdc8; }
.round-link { width:58px; height:58px; display:grid; place-items:center; border:1px solid #777; border-radius:50%; font-size:1.4rem; transition:.3s; }
.round-link:hover { background:var(--brand); color:white; border-color:var(--brand); transform:rotate(-35deg); }
.hero-status { position:absolute; right:4vw; bottom:4vw; z-index:2; display:flex; gap:.6rem; align-items:center; color:#9ca19c; font: .65rem DM Mono; text-transform:uppercase; letter-spacing:.12em; }
.pulse { width:7px; height:7px; border-radius:50%; background:var(--brand-bright); box-shadow:0 0 15px var(--brand-bright); animation:pulse 1.5s infinite; }
@keyframes pulse { 50% { opacity:.35; } }
.statement { display:grid; grid-template-columns:1fr 3fr; padding:10rem 5vw; gap:4vw; }
.statement h2 { margin:0; font-size:clamp(2.8rem,6vw,6.4rem); line-height:.98; letter-spacing:-.065em; font-weight:500; }
.statement h2 span { color:#8e918a; }
.statement-body { max-width:650px; font-size:1.25rem; line-height:1.7; margin:3rem 0 0 34%; color:#4f514d; }
.metrics { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #c9c8c1; border-bottom:1px solid #c9c8c1; margin:0 5vw 10rem; }
.metric { padding:2rem 1rem; border-right:1px solid #c9c8c1; }
.metric:last-child { border:0; }
.metric strong { display:block; font-size:clamp(2.5rem,5vw,5rem); letter-spacing:-.06em; }
.metric span { font: .68rem DM Mono; text-transform:uppercase; }
.materials { background:var(--ink); color:white; padding:9rem 4vw; }
.materials-intro { display:grid; grid-template-columns:1fr 2fr 1fr; gap:3vw; align-items:end; margin-bottom:8rem; }
.materials-intro h2 { font-size:clamp(3rem,6vw,6rem); letter-spacing:-.065em; line-height:.92; margin:0; }
.materials-intro>p:last-child { color:#9da19d; line-height:1.6; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.product-card { background:#151817; border:1px solid var(--line); border-radius:4px; overflow:hidden; display:flex; flex-direction:column; }
.product-card img { width:100%; aspect-ratio:1.28; object-fit:cover; display:block; }
.product-card-copy { padding:2rem; flex:1; display:flex; flex-direction:column; align-items:flex-start; }
.product-card-copy h3 { font-size:clamp(3rem,5vw,5.5rem); letter-spacing:-.07em; margin:.55rem 0 1.2rem; }
.product-card-copy>p:not(.label) { color:#a9ada9; line-height:1.6; margin:0 0 1.6rem; }
.grade-tags,.application-tags { display:flex; flex-wrap:wrap; gap:.45rem; }
.grade-tags { margin-top:auto; }
.grade-tags span,.application-tags span { border:1px solid #444b47; border-radius:100px; padding:.45rem .75rem; font:400 .64rem DM Mono,monospace; text-transform:uppercase; letter-spacing:.05em; }
.product-trigger,.enquire-grade { width:100%; margin-top:1.7rem; display:flex; justify-content:space-between; align-items:center; border:0; background:var(--brand); color:white; padding:1rem 1.2rem; cursor:pointer; font:500 .75rem DM Mono,monospace; text-transform:uppercase; letter-spacing:.06em; }
.product-trigger:hover,.enquire-grade:hover { background:var(--brand-bright); }
.product-detail { position:relative; margin-top:1.2rem; background:#f4f6fa; color:var(--ink); padding:3.5rem; border-radius:4px; }
.detail-close { position:absolute; right:2rem; top:1.5rem; border:0; background:none; font-size:2rem; cursor:pointer; }
.detail-heading { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:end; padding-right:3rem; }
.detail-heading h3 { margin:.4rem 0 0; font-size:clamp(4rem,8vw,8rem); letter-spacing:-.08em; line-height:.8; }
.detail-heading>p { color:#555b57; line-height:1.7; max-width:500px; }
.application-tags { margin:3rem 0; }
.application-tags span { border-color:#b9c0cb; }
.table-scroll { width:100%; overflow-x:auto; border:1px solid #cfd4dc; }
table { width:100%; min-width:1180px; border-collapse:collapse; font:400 .7rem DM Mono,monospace; }
th,td { padding:1rem .8rem; text-align:left; border-bottom:1px solid #d9dde4; white-space:nowrap; }
th { background:#e1e7f0; text-transform:uppercase; font-size:.62rem; letter-spacing:.04em; }
tbody tr:hover { background:white; }
.product-detail .enquire-grade { width:auto; margin-top:2rem; gap:4rem; }
.detail-note { border-top:1px solid #cfd4dc; border-bottom:1px solid #cfd4dc; padding:2rem 0; display:flex; flex-direction:column; gap:.6rem; }
.detail-note span { color:#5d625f; }
.grade-finder { padding:8rem 5vw; display:grid; grid-template-columns:.72fr 1.55fr; gap:6vw; background:#f4f5f7; }
.finder-heading { align-self:start; position:sticky; top:110px; }
.finder-heading h2 { font-size:clamp(3.5rem,6vw,6.5rem); line-height:.9; letter-spacing:-.075em; margin:1.5rem 0 2rem; }
.finder-heading>p:last-child { max-width:420px; color:#5d636a; line-height:1.7; }
.finder-tool { background:white; border:1px solid #dce1e8; }
.application-search { position:relative; padding:1.4rem 2rem; background:#0b101c; color:white; }
.application-search>label { display:block; margin-bottom:.65rem; color:#aeb8ca; font:500 .58rem DM Mono,monospace; text-transform:uppercase; letter-spacing:.08em; }
.search-field { display:flex; align-items:center; gap:.75rem; border-bottom:1px solid #5d687b; }
.search-field>span { color:var(--brand-bright); font-size:1.4rem; }
.search-field input { width:100%; border:0; outline:0; background:transparent; color:white; padding:.7rem 0; font:500 1rem Manrope,sans-serif; }
.search-field input::placeholder { color:#7d8799; }
.search-results { position:absolute; z-index:8; top:100%; left:2rem; right:2rem; max-height:320px; overflow-y:auto; background:white; color:var(--ink); border:1px solid #d7dce4; box-shadow:0 20px 45px rgba(3,10,24,.22); }
.search-result { width:100%; border:0; border-bottom:1px solid #e4e7ec; background:white; padding:.9rem 1rem; display:flex; justify-content:space-between; gap:1rem; text-align:left; cursor:pointer; }
.search-result:hover,.search-result:focus { background:#edf3ff; outline:0; }
.search-result strong { font-size:.78rem; }
.search-result span { color:#77808d; font:400 .58rem DM Mono,monospace; text-transform:uppercase; }
.search-empty { padding:1rem; color:#6e7580; font-size:.75rem; }
.finder-question { display:grid; grid-template-columns:60px 1fr; gap:1rem; padding:2rem; border-bottom:1px solid #dce1e8; }
.finder-step { font:500 .65rem DM Mono,monospace; color:var(--brand); padding-top:.1rem; }
.application-picker { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.2rem; }
.application-choice { border:1px solid #cbd1da; background:white; border-radius:100px; padding:.75rem 1rem; cursor:pointer; color:#515761; font:500 .7rem DM Mono,monospace; }
.application-choice:hover { border-color:var(--brand); color:var(--brand); }
.application-choice.active { background:var(--brand); border-color:var(--brand); color:white; }
.finder-fields { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:.7rem; margin-top:1.2rem; }
.finder-fields label { display:flex; flex-direction:column; gap:.45rem; color:#747b84; font:500 .58rem DM Mono,monospace; text-transform:uppercase; letter-spacing:.05em; }
.finder-fields select { width:100%; min-width:0; border:1px solid #cbd1da; border-radius:0; background:#f7f8fa; color:var(--ink); padding:.85rem .7rem; font:500 .72rem Manrope,sans-serif; text-transform:none; outline:none; }
.finder-fields select:focus { border-color:var(--brand); background:white; }
.hardness-label { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.hardness-label strong { color:var(--brand); font-size:1.1rem; }
#hardness-range { width:100%; height:4px; margin:2rem 0 .75rem; appearance:none; background:linear-gradient(90deg,var(--brand) 0 40%,#dce1e8 40%); border-radius:10px; }
#hardness-range::-webkit-slider-thumb { appearance:none; width:22px; height:22px; border:5px solid white; border-radius:50%; background:var(--brand); box-shadow:0 0 0 1px var(--brand),0 4px 12px rgba(22,100,255,.3); cursor:pointer; }
.range-labels { display:flex; justify-content:space-between; color:#858b93; font:400 .6rem DM Mono,monospace; text-transform:uppercase; }
.finder-result { display:grid; grid-template-columns:.62fr 1.38fr; min-height:380px; }
.result-badge { background:#0b101c; color:white; display:flex; flex-direction:column; justify-content:space-between; padding:2rem; }
.result-badge span { font:400 .62rem DM Mono,monospace; text-transform:uppercase; letter-spacing:.08em; color:#aab6cc; }
.result-badge strong { font-size:clamp(5rem,10vw,10rem); line-height:.75; letter-spacing:-.09em; color:var(--brand-bright); }
.result-copy { padding:2.5rem; display:flex; flex-direction:column; justify-content:center; }
.result-copy h3 { font-size:clamp(2rem,3.5vw,3.8rem); line-height:.98; letter-spacing:-.055em; margin:.8rem 0 1rem; }
.result-copy>p:not(.label) { color:#626870; line-height:1.6; }
.result-specs { display:grid; grid-template-columns:repeat(3,1fr); margin:1.5rem 0; border-top:1px solid #dce1e8; border-bottom:1px solid #dce1e8; }
.result-specs div { padding:1rem .7rem; border-right:1px solid #dce1e8; display:flex; flex-direction:column; gap:.4rem; }
.result-specs div:last-child { border-right:0; }
.result-specs span { color:#7b828c; font:400 .58rem DM Mono,monospace; text-transform:uppercase; }
.result-specs strong { font-size:.78rem; }
.finder-enquire { border:0; background:var(--brand); color:white; cursor:pointer; padding:1rem; display:flex; justify-content:space-between; font:500 .7rem DM Mono,monospace; text-transform:uppercase; }
.finder-disclaimer { margin:0; padding:1rem 2rem; border-top:1px solid #dce1e8; color:#7a8087; font-size:.68rem; line-height:1.5; }
.finder-result.textile .result-badge strong { font-size:clamp(3rem,6vw,6rem); }
.material-card { min-height:540px; position:relative; display:grid; grid-template-columns:90px 1fr 1.2fr; border-top:1px solid var(--line); padding:3rem 0; overflow:hidden; }
.card-no { font: .72rem DM Mono; color:#767b76; }
.card-copy { position:relative; z-index:2; max-width:480px; display:flex; flex-direction:column; align-items:flex-start; }
.card-copy h3 { font-size:clamp(4rem,8vw,8rem); letter-spacing:-.07em; margin:1rem 0 2rem; }
.card-copy>p:not(.label) { color:#a9ada9; line-height:1.7; max-width:420px; }
.card-copy a { margin-top:auto; border-bottom:1px solid #777; padding-bottom:.5rem; font-size:.8rem; text-transform:uppercase; letter-spacing:.1em; }
.material-visual { position:absolute; width:46vw; height:46vw; right:-4vw; top:50%; transform:translateY(-50%); display:grid; place-items:center; }
.core { position:relative; z-index:2; font-size:13vw; font-weight:800; letter-spacing:-.08em; }
.ring { position:absolute; width:70%; height:70%; border:3vw solid #1b2437; border-top-color:var(--brand-bright); border-radius:50%; filter:drop-shadow(0 0 35px rgba(22,100,255,.28)); transform:rotate(45deg); }
.industrial .core { color:var(--brand-bright); }
.medical { background:var(--brand-pale); color:var(--ink); margin:0 -4vw; padding-left:4vw; padding-right:4vw; }
.medical .card-copy>p:not(.label) { color:#5d605b; }
.medical .drop { position:absolute; width:55%; height:65%; background:linear-gradient(145deg,#e9ecff,#6b89ff 38%,#1430a8 75%); border-radius:64% 36% 58% 42%/56% 62% 38% 44%; box-shadow:inset 2vw 2vw 4vw rgba(255,255,255,.7),0 3vw 8vw rgba(36,89,255,.25); animation:morph 8s ease-in-out infinite; }
.medical .core { color:white; text-shadow:0 4px 30px rgba(0,0,0,.3); }
@keyframes morph { 50% { border-radius:38% 62% 35% 65%/65% 38% 62% 35%; transform:rotate(12deg); } }
.threads { position:absolute; inset:15%; background:repeating-radial-gradient(ellipse at center,transparent 0 8px,rgba(79,140,255,.8) 10px 12px,transparent 14px 20px); transform:rotate(-15deg) scale(1.4); }
.textile .core { color:var(--brand-bright); text-shadow:0 0 50px rgba(22,100,255,.48); }
.capabilities { display:grid; grid-template-columns:.72fr 1.55fr; padding:8rem 5vw; gap:6vw; background:#e8edf5; }
.capability-heading { align-self:center; }
.capability-heading h2 { font-size:clamp(3rem,5vw,5.5rem); line-height:.94; letter-spacing:-.065em; margin:1.5rem 0; }
.capability-heading>p:last-child { color:#59616b; line-height:1.7; max-width:430px; }
.process-panel { background:white; box-shadow:0 24px 70px rgba(25,45,80,.1); }
.process-tabs { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid #d8dde5; }
.process-tab { border:0; border-right:1px solid #d8dde5; background:white; padding:1.2rem .8rem; cursor:pointer; display:flex; flex-direction:column; gap:.45rem; text-align:left; color:#7b828c; font:500 .69rem DM Mono,monospace; text-transform:uppercase; }
.process-tab:last-child { border-right:0; }
.process-tab span { font-size:.58rem; }
.process-tab.active { background:var(--brand); color:white; }
.process-stage { min-height:370px; display:grid; grid-template-columns:.85fr 1.15fr; }
.process-visual { background:#0b101c; position:relative; overflow:hidden; display:grid; place-items:center; }
.stage-number { position:relative; z-index:2; color:white; font-size:clamp(5rem,9vw,9rem); font-weight:700; letter-spacing:-.08em; }
.stage-orbit { position:absolute; width:70%; aspect-ratio:1; border:1px solid rgba(79,140,255,.55); border-radius:50%; box-shadow:0 0 80px rgba(22,100,255,.3),inset 0 0 50px rgba(22,100,255,.16); animation:orbit-pulse 4s ease-in-out infinite; }
.stage-orbit::before,.stage-orbit::after { content:""; position:absolute; border:1px solid rgba(79,140,255,.28); border-radius:50%; inset:14%; }
.stage-orbit::after { inset:30%; background:rgba(22,100,255,.14); }
@keyframes orbit-pulse { 50% { transform:scale(.9); opacity:.7; } }
.process-content { padding:3rem; display:flex; flex-direction:column; justify-content:center; }
.process-content h3 { font-size:clamp(2.8rem,4.5vw,5rem); letter-spacing:-.06em; margin:.5rem 0 1rem; }
.process-content>p:not(.label) { color:#626872; line-height:1.65; margin:0; }
.process-content ul { display:flex; flex-wrap:wrap; gap:.5rem; list-style:none; padding:0; margin:2rem 0 0; }
.process-content li { border:1px solid #cdd3dc; border-radius:100px; padding:.5rem .8rem; font:400 .61rem DM Mono,monospace; text-transform:uppercase; }
.manifesto { background:var(--blue); color:white; overflow:hidden; padding:4rem 0 8rem; }
.manifesto-track { display:flex; gap:2rem; align-items:center; white-space:nowrap; font-size:13vw; font-weight:800; letter-spacing:-.08em; animation:marquee 18s linear infinite; }
.manifesto-track i { color:#9fc0ff; font-size:5vw; }
@keyframes marquee { to { transform:translateX(-50%); } }
.manifesto-copy { padding:7rem 5vw 0; }
.manifesto-copy p { font: .75rem DM Mono; text-transform:uppercase; letter-spacing:.1em; }
.manifesto-copy h2 { font-size:clamp(3rem,7vw,7rem); letter-spacing:-.07em; margin:.5rem 0 0; }
.contact { background:var(--brand); color:white; min-height:80vh; padding:8rem 5vw; display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; }
.contact-intro h2 { font-size:clamp(3.6rem,6.5vw,7rem); line-height:.9; letter-spacing:-.075em; margin:2rem 0; }
.contact-intro>p:not(.section-index) { max-width:510px; line-height:1.7; color:#dce7ff; }
.contact-direct { margin-top:7rem; border-top:1px solid rgba(255,255,255,.35); padding-top:1.5rem; display:flex; justify-content:space-between; gap:2rem; font-size:.72rem; line-height:1.8; text-transform:uppercase; }
.enquiry-form { background:white; color:var(--ink); padding:2.5rem; align-self:start; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.enquiry-form label { display:flex; flex-direction:column; gap:.55rem; margin-bottom:1.2rem; font:500 .65rem DM Mono,monospace; text-transform:uppercase; letter-spacing:.07em; }
.enquiry-form input,.enquiry-form select,.enquiry-form textarea { width:100%; background:#f1f4f8; color:var(--ink); border:1px solid transparent; border-radius:0; padding:1rem; font:400 .9rem Manrope,sans-serif; outline:none; }
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus { background:white; border-color:var(--brand); }
.enquiry-form textarea { resize:vertical; }
.enquiry-form button { width:100%; display:flex; justify-content:space-between; border:0; background:var(--ink); color:white; padding:1.2rem; cursor:pointer; font:500 .75rem DM Mono,monospace; text-transform:uppercase; letter-spacing:.08em; }
.form-note { color:#686d69; font-size:.7rem; line-height:1.5; margin:1rem 0 0; }
footer { background:var(--ink); color:white; padding:2rem 5vw; display:flex; justify-content:space-between; align-items:center; font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; }
.reveal { opacity:0; transform:translateY(34px); transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1); }
.reveal.visible { opacity:1; transform:none; }
.cursor-glow { position:fixed; z-index:99; pointer-events:none; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle,rgba(22,100,255,.12),transparent 65%); transform:translate(-50%,-50%); }
@media (max-width: 800px) {
  nav,.header-cta { display:none; }.menu-button{display:block}
  .hero{padding:18vh 6vw 5vh}.hero h1{font-size:16vw;max-width:92vw}.hero-product{inset:42% 0 0 20%}.hero-product::after{background:linear-gradient(180deg,#080b10 0%,rgba(8,11,16,.25) 35%,transparent),linear-gradient(90deg,#080b10,transparent 30%)}.hero-bottom{margin-left:0;max-width:78vw}.orb-one,.orb-two{display:none}
  .statement,.capabilities{grid-template-columns:1fr;padding:7rem 6vw}.statement-body{margin-left:0}
  .metrics{grid-template-columns:1fr 1fr;margin:0 6vw 7rem}.metric:nth-child(2){border-right:0}
  .materials{padding:7rem 6vw}.materials-intro{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-card img{aspect-ratio:1.5}.product-detail{padding:3rem 1.2rem}.detail-heading{grid-template-columns:1fr;gap:1rem}.detail-heading h3{font-size:5rem}.product-detail .enquire-grade{width:100%;gap:1rem}.grade-finder{grid-template-columns:1fr;padding:6rem 6vw;gap:2rem}.finder-heading{position:static}.finder-question{grid-template-columns:35px 1fr;padding:1.5rem 1rem}.finder-fields{grid-template-columns:1fr}.finder-result{grid-template-columns:1fr}.result-badge{min-height:230px}.result-copy{padding:1.5rem}.result-specs{grid-template-columns:1fr}.result-specs div{border-right:0;border-bottom:1px solid #dce1e8}.result-specs div:last-child{border-bottom:0}.capabilities{grid-template-columns:1fr;padding:6rem 6vw;gap:2rem}.process-tabs{grid-template-columns:1fr 1fr}.process-stage{grid-template-columns:1fr}.process-visual{min-height:220px}.process-content{padding:2rem}.contact{grid-template-columns:1fr;padding:7rem 6vw}.contact-direct{margin-top:4rem;flex-direction:column}.form-row{grid-template-columns:1fr}.enquiry-form{padding:1.5rem}footer{gap:1rem;flex-wrap:wrap}
}
@media (prefers-reduced-motion: reduce) { * { animation:none!important; scroll-behavior:auto!important; }.reveal{opacity:1;transform:none} }

/* Search-focused inner pages */
.inner-page { background:#f4f5f7; }
.inner-page .site-header { position:absolute; mix-blend-mode:normal; background:#090d14; }
.inner-page .site-header nav a,.inner-page .header-cta { color:white; }
.page-hero { min-height:72vh; padding:12rem 5vw 6rem; background:#090d14; color:white; display:grid; grid-template-columns:1.15fr .85fr; gap:6vw; align-items:center; }
.page-hero h1 { font-size:clamp(3.8rem,7vw,7.5rem); line-height:.9; letter-spacing:-.07em; margin:1.5rem 0; }
.page-hero p:not(.eyebrow) { max-width:680px; color:#bbc2ce; line-height:1.7; font-size:1.05rem; }
.page-hero img { width:100%; aspect-ratio:1.15; object-fit:cover; border-radius:3px; }
.page-section { padding:7rem 5vw; }
.page-section.light { background:white; }
.page-section.blue { background:var(--brand); color:white; }
.page-section h2 { max-width:950px; font-size:clamp(2.7rem,5vw,5.5rem); line-height:.96; letter-spacing:-.06em; margin:1rem 0 3rem; }
.page-lead { max-width:800px; font-size:1.18rem; line-height:1.75; color:#535a64; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; }
.service-box { border:1px solid #d7dce4; padding:2rem; background:white; }
.service-box h3 { font-size:1.35rem; margin:.3rem 0 1rem; }
.service-box p { color:#626974; line-height:1.65; font-size:.88rem; }
.service-box a { color:var(--brand); font:500 .68rem DM Mono,monospace; text-transform:uppercase; }
.seo-list { columns:2; column-gap:4rem; max-width:1000px; padding:0; list-style:none; }
.seo-list li { break-inside:avoid; padding:1rem 0; border-bottom:1px solid #cfd5dd; }
.page-cta { display:inline-flex; gap:3rem; justify-content:space-between; background:#090d14; color:white; padding:1.1rem 1.3rem; font:500 .72rem DM Mono,monospace; text-transform:uppercase; }
.breadcrumbs { color:#9ba6b7; font:400 .62rem DM Mono,monospace; text-transform:uppercase; }
@media(max-width:800px){.page-hero{grid-template-columns:1fr;padding:9rem 6vw 4rem}.page-section{padding:5rem 6vw}.service-grid{grid-template-columns:1fr}.seo-list{columns:1}.inner-page .site-header nav{display:none}}
