:root {
  --navy-950: #071522;
  --navy-900: #0b1f33;
  --navy-800: #12324a;
  --navy-700: #1e435b;
  --orange-600: #e95d00;
  --orange-500: #ff6a00;
  --orange-700: #c84e00;
  --orange-100: #fff0e5;
  --teal-500: #20bfa5;
  --teal-100: #e7f8f4;
  --warm-white: #fafaf8;
  --gray-50: #f7f9fa;
  --gray-100: #f4f7fa;
  --gray-200: #e7edf1;
  --gray-300: #d8e0e6;
  --gray-500: #71838f;
  --gray-700: #536878;
  --text: #0b1f33;
  --white: #fff;
  --shadow-card: 0 18px 50px rgba(11, 31, 51, 0.09);
  --shadow-hover: 0 24px 64px rgba(11, 31, 51, 0.15);
  --container: 1200px;
  --container-wide: 1440px;
  --section-space: clamp(104px, 8vw, 128px);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 80px;
  --type--1: 12.8px;
  --type-0: 16px;
  --type-1: 20px;
  --type-2: 25px;
  --type-3: 31.25px;
  --type-4: 39.06px;
  --type-5: 48.83px;
  --type-6: 61.04px;
  --control-xs: 28px;
  --control-sm: 36px;
  --control-lg: 44px;
  --icon-sm: 16px;
  --icon-md: 24px;
  --icon-lg: 40px;
  --functional-gap: 16px;
  --radius-card: 20px;
  --radius-image: 18px;
  --radius-button: 12px;
  --ease: 240ms cubic-bezier(.2,.8,.2,1);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--warm-white);
  font-family: Inter, "HarmonyOS Sans SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  font-size: var(--type-0);
  line-height: 1.75;
  text-rendering: optimizeLegibility;
}
body.menu-open { overflow: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.container-wide { width: min(calc(100% - 40px), var(--container-wide)); margin-inline: auto; }
.section { padding-block: var(--section-space); position: relative; overflow: hidden; }
.section--white { background: #fff; }
.section--gray { background: var(--gray-100); }
.section--navy { background: var(--navy-900); color: #fff; }
.section-head { max-width: 850px; margin-bottom: 48px; }
.section-head.center { margin-inline: auto; text-align: center; }
.eyebrow { color: var(--orange-500); font: 700 13px/1.2 Inter, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.section--navy .eyebrow { color: var(--teal-500); }
h1, h2, h3, h4, p { margin-top: 0; }
h1 { font-size: clamp(40px, 5vw, 68px); line-height: 1.18; letter-spacing: -.045em; }
h2 { font-size: clamp(34px, 4vw, 46px); line-height: 1.24; letter-spacing: -.035em; margin-bottom: 18px; }
h3 { font-size: clamp(22px, 2vw, 28px); line-height: 1.35; }
.lead { color: #617584; font-size: clamp(16px, 1.5vw, 18px); max-width: 760px; }
.section--navy .lead { color: #b7cad5; }
.orange { color: var(--orange-500); }
.muted { color: var(--gray-500); }
.small { font-size: 13px; }
.status-note { padding: 14px 18px; border-radius: 14px; background: var(--orange-100); color: #7c4a29; font-size: 13px; }

.site-header {
  position: fixed;
  z-index: 1000;
  inset: 0 0 auto;
  height: 76px;
  color: #fff;
  transition: var(--ease);
}
.site-header.scrolled { color: var(--text); background: rgba(255,255,255,.9); backdrop-filter: blur(16px); box-shadow: 0 8px 28px rgba(11,31,51,.08); }
.nav { height: 76px; display: flex; align-items: center; gap: 34px; }
.brand { display: flex; align-items: center; gap: 12px; margin-right: auto; font-weight: 700; }
.brand-mark { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: var(--orange-500); font: 800 24px/1 Inter, sans-serif; }
.nav-links { display: flex; align-items: center; gap: 26px; font-size: 14px; }
.nav-links a { opacity: .88; }
.nav-links a:hover, .nav-links a[aria-current="page"] { opacity: 1; color: var(--orange-500); }
.nav-cta, .btn { min-height: 50px; padding: 0 20px; border: 0; border-radius: var(--radius-button); display: inline-flex; align-items: center; justify-content: center; gap: 18px; font-weight: 700; transition: var(--ease); }
.nav-cta, .btn--primary { color: #fff; background: var(--orange-500); }
.btn--secondary { color: var(--text); background: #fff; border: 1px solid var(--gray-300); }
.btn--dark { color: #fff; background: var(--navy-900); }
.btn:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(11,31,51,.15); }
.btn:hover .arrow { transform: translateX(6px); }
.arrow { transition: var(--ease); }
.menu-toggle { width: 44px; height: 44px; padding: 0; border: 0; border-radius: 12px; background: rgba(255,255,255,.1); color: currentColor; display: none; }
.mobile-menu { display: none; }

.hero { min-height: 820px; padding: 150px 0 84px; color: #fff; background:
  radial-gradient(circle at 82% 38%, rgba(255,106,0,.21), transparent 30%),
  linear-gradient(125deg, var(--navy-950), #0b243a); position: relative; overflow: hidden; }
.hero::after { content:""; position:absolute; inset:0; opacity:.12; background-image: linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px); background-size:60px 60px; pointer-events:none; }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .9fr 1.1fr; gap: 52px; align-items: center; }
.hero-copy { max-width: 560px; }
.hero-copy h1 { margin: 26px 0 28px; }
.hero-copy p { color: #c2d2dc; font-size: 18px; }
.tag { display: inline-flex; align-items: center; min-height: 32px; padding: 0 14px; border-radius: 99px; background: rgba(32,191,165,.14); color: #91e0d3; font-size: 13px; }
.button-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 42px; color: #d6e2e9; font-size: 13px; }
.trust-row span:not(:last-child)::after { content:""; display:inline-block; width:4px; height:4px; margin-left:22px; border-radius:50%; background:var(--orange-500); vertical-align:middle; }
.hero-visual { min-height: 570px; position: relative; }
.visual-factory { position:absolute; inset: 10px 42px 150px 20px; }
.visual-store { position:absolute; width:min(470px,84%); height:312px; top:104px; right:0; padding:18px; border-radius:18px; background:#fff; color:var(--text); box-shadow:0 24px 70px rgba(0,0,0,.3); }
.browser-bar { height: 32px; border-radius: 10px 10px 0 0; background:#edf2f5; display:flex; align-items:center; gap:7px; padding:0 12px; font:600 11px/1 Inter,sans-serif; color:#607785; }
.browser-bar i { width:8px;height:8px;border-radius:50%;background:var(--orange-500); }
.browser-bar i:nth-child(2){background:var(--teal-500)} .browser-bar i:nth-child(3){background:#93a7b5}
.store-banner { min-height:88px; margin-top:12px; padding:25px 20px; border-radius:12px; color:#fff; background:var(--navy-900); font:700 14px/1.3 Inter,sans-serif; }
.store-cards { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px; }
.store-cards div { min-height:110px;border-radius:12px;background:#f0f4f6;display:grid;place-items:center;font:700 10px/1 Inter,sans-serif;color:#607785; }
.store-cards div:nth-child(2){background:var(--orange-100);color:#cc5100}
.visual-metric { position:absolute; left:-24px; bottom:26px; width:240px; padding:18px; border-radius:16px; background:#fff; color:var(--text); box-shadow:var(--shadow-card); }
.visual-training { position:absolute; right:0; bottom:0; width:280px; height:164px; }

.image-slot { position:relative; min-height:220px; overflow:hidden; border:1px solid #c7d4dc; border-radius:var(--radius-image); background:linear-gradient(135deg,#cfdde5,#eef3f6); }
.image-slot.dark { border-color:#405d70; background:linear-gradient(135deg,#203d52,#10273a); }
.image-slot::before { content:"REAL PHOTO"; position:absolute; left:18px; top:18px; padding:6px 12px; border-radius:99px; background:var(--teal-100); color:#147c6c; font:700 11px/1 Inter,sans-serif; letter-spacing:.08em; }
.image-slot.dark::before { color:#d0e1ea; background:#153b55; }
.image-slot figcaption, .image-caption { position:absolute; inset:auto 20px 18px; font-weight:700; color:#344c5b; }
.image-slot.dark figcaption, .image-slot.dark .image-caption { color:#fff; }
.image-slot small { display:block;color:#718491;font-weight:400; }.image-slot.dark small{color:#afc3d0}
.real-image { width:100%;height:100%;object-fit:cover;border-radius:inherit; }

.strength-grid { display:grid;grid-template-columns: .9fr 1.1fr;gap:38px;align-items:stretch; }
.metric-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.metric-card { padding:24px;border:1px solid var(--gray-200);border-radius:var(--radius-card);background:#fff; }
.metric-number { display:flex;align-items:baseline;gap:8px;font:800 46px/1 Inter,sans-serif; }
.metric-number small { color:var(--orange-500);font-size:15px; }
.metric-card h3 { margin:14px 0 6px;font-size:17px; }.metric-card p{margin:0;color:var(--gray-500);font-size:13px}

.bento { display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:24px; }
.bento-card { padding:28px;border-radius:24px;background:var(--gray-100); }
.bento-card.main { grid-row:span 2;color:#fff;background:var(--navy-900); }
.bento-card.orange { background:#fff7f1; }
.funnel { margin-top:32px;display:grid;gap:12px; }.funnel div{height:32px;border-radius:8px;background:#2a4a60;padding:5px 14px;font-size:13px}.funnel div:nth-child(2){width:76%}.funnel div:nth-child(3){width:54%}.funnel div:nth-child(4){width:26%;background:var(--orange-500)}
.ai-strip { margin-top:24px;padding:28px;border-radius:22px;background:var(--teal-100);display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center; }.ai-strip strong{font:800 38px/1 Inter,sans-serif;color:var(--teal-500)}

.service-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px; }
.service-card { min-height:460px;border:1px solid #dfe7ec;border-radius:var(--radius-card);background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(11,31,51,.05);transition:var(--ease); }
.service-card:hover { transform:translateY(-4px);border-color:#ffb27a;box-shadow:var(--shadow-hover); }
.service-visual { height:202px;background:#dce7ee;overflow:hidden; }.service-card:nth-child(2) .service-visual,.service-card:nth-child(5) .service-visual{background:var(--orange-100)}.service-card:nth-child(3) .service-visual,.service-card:nth-child(6) .service-visual{background:var(--teal-100)}
.service-card:hover .service-visual>* { transform:scale(1.03); }
.service-body { padding:24px; }.service-body h3{margin:16px 0 12px}.service-body p{color:#617584}.service-delivery{padding-top:16px;border-top:1px solid var(--gray-200);font-size:13px;color:#526977}

.advantage-grid { display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center; }
.tab-list { display:grid;gap:10px;margin-top:36px; }.tab-button { width:100%;padding:18px 20px;text-align:left;border:0;border-radius:16px;background:transparent;color:var(--text);display:grid;grid-template-columns:46px 1fr;gap:12px; }.tab-button.active{color:#fff;background:var(--navy-900)}.tab-button b{color:var(--orange-500)}.tab-button span{display:block;font-weight:700}.tab-button small{display:block;margin-top:4px;color:var(--gray-500)}.tab-button.active small{color:#bfd0db}
.photo-collage { display:grid;grid-template-columns:1fr 190px;grid-template-rows:1fr 1fr;gap:18px;min-height:520px}.photo-collage .image-slot:first-child{grid-row:span 2}

.team-layout { display:grid;grid-template-columns:1.15fr 1fr;gap:54px; }.founder{display:grid;grid-template-columns:330px 1fr;gap:36px}.founder .image-slot{min-height:550px}.founder-copy p{color:#afc3d0}.partner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.partner-card{padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.07)}.partner-card .image-slot{min-height:132px}.partner-card h3{margin:16px 4px 4px;font-size:20px}.partner-card p{margin:0 4px;color:#b9cbd6;font-size:12px}

.industry-layout { display:grid;grid-template-columns:300px 1fr;gap:30px; }.industry-nav{padding:14px;border-radius:22px;background:var(--navy-900)}.industry-nav button{width:100%;padding:14px 20px;border:0;border-radius:12px;background:transparent;color:#c6d5de;text-align:left}.industry-nav button.active{color:#fff;background:var(--orange-500);font-weight:700}.industry-panel{padding:30px;border:1px solid #dfe7ec;border-radius:22px;background:#fff}.industry-top{display:grid;grid-template-columns:1fr 340px;gap:28px}.industry-top .image-slot{min-height:240px}.industry-info{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px}.info-card{padding:18px;border-radius:16px;background:#f5f8fa}.info-card.accent{background:#fff7f1}.info-card b{display:block;margin-bottom:8px;color:#168a74;font-size:13px}.info-card.accent b{color:#c94e00}.info-card p{margin:0;color:#536878;font-size:14px}

.filter-row { display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}.filter-btn{padding:9px 18px;border:1px solid #dfe6eb;border-radius:99px;background:var(--gray-100);color:#536878;font-size:13px}.filter-btn.active{border-color:var(--navy-900);color:#fff;background:var(--navy-900)}
.case-grid { display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:20px; }.case-card{display:flex;flex-direction:column;min-height:330px;border:1px solid #dfe7ec;border-radius:20px;background:#fff;overflow:hidden;transition:var(--ease)}.case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.case-card.featured{grid-row:span 2;min-height:680px}.case-media{position:relative;min-height:190px;background:#d9e4ea}.case-card.featured .case-media{min-height:390px}.case-body{padding:20px;display:flex;flex-direction:column;flex:1}.case-body h3{margin:14px 0 8px}.case-body p{margin:0;color:#6a7d8a;font-size:13px}.case-link{margin-top:auto;color:var(--orange-500);font-weight:700;font-size:13px}.ratio-badge{position:absolute;left:16px;top:16px;padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.92);font:700 11px/1 Inter,sans-serif;color:#536878}

.featured-case { display:grid;grid-template-columns:.72fr 1.28fr;gap:40px}.breakdown{padding:30px;border-radius:22px;background:var(--navy-900);color:#fff}.breakdown-list{display:grid;gap:18px;margin:30px 0}.breakdown-row{display:grid;grid-template-columns:30px 92px 1fr;gap:10px;font-size:13px}.breakdown-row b:first-child{color:var(--orange-500)}.breakdown-row span{color:#afc3d0}.case-browser{padding:18px;border:1px solid #d9e2e8;border-radius:22px;background:#fff}.case-tabs{display:flex;gap:10px;margin:16px 0}.case-tabs button{flex:1;padding:10px;border:0;border-radius:10px;background:var(--gray-100);font-size:12px}.case-tabs button.active{color:#fff;background:var(--navy-900)}.browser-content{min-height:360px;border-radius:16px;background:linear-gradient(135deg,#d8e4ea,#eef3f6);display:grid;place-items:center;text-align:center;color:#506977}

.process-nodes { display:grid;grid-template-columns:repeat(7,1fr);position:relative;margin:50px 0 36px}.process-nodes::before{content:"";position:absolute;left:6%;right:6%;top:22px;height:1px;background:#c9d5dc}.process-node{z-index:1;text-align:center}.process-node button{width:44px;height:44px;border:2px solid #afc0cb;border-radius:50%;background:#fff;color:#536878;font:700 13px/1 Inter,sans-serif}.process-node.active button{border-color:var(--orange-500);color:#fff;background:var(--orange-500)}.process-node span{display:block;margin-top:12px;font-size:13px}.process-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:28px;border:1px solid #dfe7ec;border-radius:22px;background:#fff}.process-panel div{padding:0 22px}.process-panel div+div{border-left:1px solid #e4eaee}.process-panel p{color:#617584;font-size:14px}

.honor-scroll { display:grid;grid-template-columns:repeat(4,1fr);gap:20px;overflow:auto;scroll-snap-type:x mandatory}.honor-card{min-width:250px;padding:12px 12px 18px;border-radius:18px;background:var(--gray-100);scroll-snap-align:start}.honor-card .image-slot{min-height:140px}.proof-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.proof-badge{padding:14px 18px;border-radius:14px;color:#fff;background:var(--navy-900);font-size:13px;font-weight:700}.proof-badge.pending{color:#b94a00;background:#fff7f1;border:1px solid #ffb27a}

.event-layout { display:grid;grid-template-columns:1.25fr .95fr;gap:48px}.event-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 100px;gap:14px}.event-main{grid-column:span 3;min-height:420px}.event-thumb{min-height:100px}.event-info{padding:30px;border-radius:22px;color:#fff;background:var(--navy-900)}.event-info dl{display:grid;grid-template-columns:82px 1fr;gap:14px 12px}.event-info dt{color:#7fe0d2;font-size:12px;font-weight:700}.event-info dd{margin:0;color:#c9d8e1;font-size:13px}

.culture { min-height:650px;padding:100px 0;color:#fff;background:linear-gradient(110deg,rgba(7,21,34,.95),rgba(7,21,34,.76)),linear-gradient(135deg,#17364c,#071522);display:flex;align-items:center}.culture h2{font-size:clamp(42px,5vw,62px)}.culture-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:48px;max-width:950px}.culture-card{padding:18px 22px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.07)}.culture-card b{display:block;color:var(--teal-500);font-size:12px}.culture-card span{display:block;margin-top:8px;font-weight:700}

.contact-grid { display:grid;grid-template-columns:1.3fr .9fr;gap:30px}.form-card,.contact-card{padding:30px;border:1px solid #dfe7ec;border-radius:24px;background:#fff}.contact-card{color:#fff;background:var(--navy-900)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.field label{display:block;margin-bottom:8px;color:#536878;font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:54px;padding:0 16px;border:1px solid #cad5dd;border-radius:12px;background:#fff;color:var(--text)}.field.full{grid-column:1/-1}.field textarea{min-height:120px;padding-block:14px;resize:vertical}.choice-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.choice-grid label{padding:8px 14px;border-radius:99px;background:var(--gray-100);font-size:12px}.privacy{display:flex;gap:10px;margin:22px 0;color:#71838f;font-size:12px}.privacy input{margin-top:4px}.contact-list{display:grid;gap:18px;margin:30px 0}.contact-item{display:grid;grid-template-columns:76px 1fr;gap:10px}.contact-item b{color:var(--teal-500);font-size:12px}.qr-placeholder{width:150px;aspect-ratio:1;border-radius:16px;background:#fff;color:#536878;display:grid;place-items:center;text-align:center;font-weight:700}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.quick-actions button{padding:12px 16px;border:1px solid #3b586c;border-radius:12px;color:#fff;background:#153b55}.quick-actions button:first-child{border-color:var(--orange-500);background:var(--orange-500)}

.site-footer { padding:64px 0 28px;color:#b7c8d2;background:var(--navy-950)}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:48px}.footer-brand h3{color:#fff}.footer-col h4{color:#fff}.footer-col a{display:block;margin:9px 0;color:#9fb4c2;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:42px;padding-top:24px;border-top:1px solid #294254;color:#7893a4;font-size:12px}.footer-warning{color:#ff9a55}

.mobile-contact-bar { position:fixed;z-index:999;display:none;inset:auto 0 0;height:64px;padding:8px;background:#fff;box-shadow:0 -8px 24px rgba(11,31,51,.14);grid-template-columns:repeat(3,1fr);gap:6px}.mobile-contact-bar a,.mobile-contact-bar button{display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--text);font-size:13px;font-weight:700}.mobile-contact-bar a:last-child{color:#fff;background:var(--orange-500)}

.page-hero { padding:150px 0 90px;color:#fff;background:linear-gradient(125deg,var(--navy-950),#0b2b44)}.page-hero .breadcrumbs{margin-bottom:28px;color:#9fb4c2;font-size:13px}.page-hero p{max-width:760px;color:#c3d3dc;font-size:18px}.page-actions{display:flex;gap:14px;margin-top:30px}.content-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.detail-section{padding:32px;border:1px solid var(--gray-200);border-radius:20px;background:#fff}.detail-list{display:grid;gap:12px;padding:0;list-style:none}.detail-list li{padding-left:22px;position:relative}.detail-list li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--teal-500)}
.case-cover { display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:center}.metadata{display:flex;flex-wrap:wrap;gap:10px}.metadata span{padding:8px 12px;border-radius:99px;background:var(--orange-100);color:#c94e00;font-size:12px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-item{position:relative;overflow:hidden;border:1px solid var(--gray-200);border-radius:18px;background:#fff}.gallery-item.ratio-1x1{aspect-ratio:1}.gallery-item.ratio-3x4{aspect-ratio:3/4}.gallery-item.ratio-16x9{aspect-ratio:16/9}.gallery-item.ratio-4x3{aspect-ratio:4/3}.gallery-item .image-slot{height:100%;border:0;border-radius:0}.timeline{display:grid;gap:18px}.timeline-item{display:grid;grid-template-columns:90px 1fr;gap:20px}.timeline-item b{color:var(--orange-500)}

.lightbox { position:fixed;z-index:2000;inset:0;display:none;place-items:center;padding:20px;background:rgba(7,21,34,.88)}.lightbox.open{display:grid}.lightbox-dialog{max-width:min(1100px,95vw);max-height:90vh;position:relative}.lightbox img{max-height:86vh;border-radius:16px}.lightbox-close{position:absolute;right:10px;top:10px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:var(--text);font-size:24px}
.toast { position:fixed;z-index:2200;left:50%;bottom:90px;transform:translate(-50%,16px);padding:12px 18px;border-radius:12px;color:#fff;background:var(--navy-900);opacity:0;pointer-events:none;transition:var(--ease)}.toast.show{opacity:1;transform:translate(-50%,0)}

.design-tokens { display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.swatch{min-height:170px;border-radius:20px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--gray-300)}.swatch.light{color:var(--text)}.swatch.dark{color:#fff}.component-shelf{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:28px;border:1px solid var(--gray-200);border-radius:20px;background:#fff}

@media (min-width: 1441px) {
  .container { max-width: 1200px; }
  .container-wide { max-width: 1440px; }
}

@media (max-width: 1199px) {
  .nav-links,.nav-cta{display:none}.menu-toggle{display:grid;place-items:center}.mobile-menu{position:fixed;z-index:999;inset:76px 0 0;padding:20px;background:#fff;color:var(--text);transform:translateX(100%);transition:var(--ease);display:block}.mobile-menu.open{transform:translateX(0)}.mobile-menu a{display:block;padding:18px 4px;border-bottom:1px solid var(--gray-200);font-weight:700}
  .hero-grid,.strength-grid,.advantage-grid,.team-layout,.industry-layout,.event-layout,.contact-grid,.featured-case,.case-cover{grid-template-columns:1fr}
  .hero-visual{min-height:540px}.service-grid{grid-template-columns:repeat(2,1fr)}.team-layout{gap:36px}.industry-nav{display:flex;overflow:auto;gap:8px;background:transparent;padding:0}.industry-nav button{min-width:max-content;color:#536878;background:#fff;border:1px solid var(--gray-200)}.industry-top{grid-template-columns:1fr}.case-grid{grid-template-columns:repeat(2,1fr)}.case-card.featured{grid-row:auto;grid-column:span 2}.process-panel{grid-template-columns:repeat(2,1fr)}.process-panel div:nth-child(3){border-left:0}.process-panel div{padding-block:14px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}.design-tokens{grid-template-columns:repeat(3,1fr)}
}

@media (max-width: 767px) {
  body{padding-bottom:64px}.container,.container-wide{width:min(calc(100% - 40px),var(--container))}.section{padding-block:80px}.section-head{margin-bottom:34px}.lead{font-size:16px}.site-header,.nav{height:68px}.mobile-menu{inset:68px 0 0}.brand-mark{width:42px;height:42px}.hero{min-height:auto;padding:122px 0 70px}.hero-grid{gap:34px}.hero-copy h1{font-size:38px;letter-spacing:-.035em}.hero-copy p{font-size:16px}.button-row .btn{width:100%}.trust-row{gap:10px}.trust-row span{width:100%}.trust-row span::after{display:none!important}.hero-visual{min-height:455px}.visual-factory{inset:0 28px 90px 0}.visual-store{top:70px;width:92%;height:280px}.store-cards div{min-height:88px}.visual-metric{left:0;bottom:0;width:200px}.visual-training{width:170px;height:120px}
  .metric-grid{grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{padding:18px}.metric-number{font-size:34px}.metric-card h3{font-size:15px}.bento{grid-template-columns:1fr;grid-template-rows:auto}.bento-card.main{grid-row:auto}.ai-strip{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.photo-collage{grid-template-columns:1fr 1fr;grid-template-rows:340px 150px}.photo-collage .image-slot:first-child{grid-column:span 2;grid-row:auto}.founder{grid-template-columns:1fr}.founder .image-slot{min-height:430px}.partner-grid{grid-template-columns:1fr 1fr}.industry-info{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr}.case-card.featured{grid-column:auto;min-height:520px}.case-card.featured .case-media{min-height:300px}.process-nodes{display:flex;overflow:auto;gap:24px;padding-bottom:12px}.process-nodes::before{display:none}.process-node{min-width:84px}.process-panel{grid-template-columns:1fr}.process-panel div+div{border-left:0;border-top:1px solid var(--gray-200)}.honor-scroll{grid-template-columns:repeat(4,260px)}.event-gallery{grid-template-rows:300px 90px}.event-main{min-height:300px}.culture-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.mobile-contact-bar{display:grid}.page-hero{padding:118px 0 72px}.page-hero h1{font-size:38px}.content-grid-2,.gallery-grid{grid-template-columns:1fr}.gallery-grid.two-mobile{grid-template-columns:repeat(2,1fr)}.design-tokens{grid-template-columns:repeat(2,1fr)}
}

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

/* Visual refinement pass — editorial, local and evidence-led */
::selection{color:#fff;background:var(--orange-500)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,106,0,.38);outline-offset:3px}
.site-header{border-bottom:1px solid rgba(255,255,255,.08)}
.site-header.scrolled{border-color:rgba(11,31,51,.08)}
.nav{gap:28px}
.brand{gap:14px;line-height:1.05}
.brand-wordmark{display:flex;align-items:baseline;gap:3px;font-size:21px;letter-spacing:-.05em}
.brand-wordmark b{color:var(--orange-500);font-size:24px}
.brand small{padding-left:14px;border-left:1px solid rgba(255,255,255,.26);color:#b9cbd6;font-size:10px;font-weight:500;letter-spacing:.08em}
.site-header.scrolled .brand small{border-color:var(--gray-300);color:var(--gray-500)}
.nav-links{gap:28px;font-weight:600}
.nav-cta{min-height:44px;padding-inline:18px;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 26px rgba(255,106,0,.2)}

.hero{min-height:800px;padding:136px 0 80px;background:radial-gradient(circle at 78% 22%,rgba(255,106,0,.16),transparent 28%),radial-gradient(circle at 54% 78%,rgba(32,191,165,.08),transparent 26%),linear-gradient(128deg,#061421 0%,#0a2236 72%,#0c2a42 100%)}
.hero::after{opacity:.075;background-size:72px 72px}
.hero-grid{grid-template-columns:.93fr 1.07fr;gap:56px}
.hero-copy{max-width:585px}
.hero-copy .tag{border:1px solid rgba(145,224,211,.2);background:rgba(32,191,165,.1)}
.hero-kicker{margin:24px 0 -7px!important;color:#6f91a5!important;font:700 11px/1 Inter,sans-serif!important;letter-spacing:.2em}
.hero-copy h1{max-width:590px;margin:24px 0 28px;font-size:clamp(44px,3.75vw,52px);line-height:1.16;letter-spacing:-.055em}
.hero-copy h1 .orange{padding-left:.12em;white-space:nowrap}
.hero-copy>p:not(.hero-kicker){max-width:540px;color:#b9ccd7;font-size:17px;line-height:1.85}
.hero .btn--secondary{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.96)}
.hero-visual{min-height:575px;isolation:isolate}
.hero-photo{position:absolute;z-index:1;left:0;top:10px;width:66%;height:520px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:#16364d;box-shadow:0 34px 90px rgba(0,0,0,.34)}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,21,34,.06) 25%,rgba(7,21,34,.92) 100%)}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 8%;filter:saturate(.82) contrast(1.03);transform:scale(1.5)}
.hero-photo figcaption{position:absolute;z-index:2;inset:auto 24px 24px;color:#fff}
.hero-photo figcaption span,.hero-photo figcaption small{display:block;color:#b6d2df;font-size:11px;letter-spacing:.08em}
.hero-photo figcaption strong{display:block;margin:7px 0 4px;font-size:19px;line-height:1.4}
.visual-store{z-index:3;top:108px;right:0;width:min(390px,68%);height:300px;padding:14px;border:1px solid rgba(255,255,255,.76);border-radius:20px;box-shadow:0 26px 80px rgba(3,13,22,.42)}
.visual-store .browser-bar{height:30px;background:#f4f6f7}
.visual-store .store-banner{display:flex;min-height:102px;margin-top:10px;padding:17px 18px;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#0b1f33,#173c54)}
.store-banner span{margin-bottom:7px;color:#77d9ca;font:700 9px/1 Inter,sans-serif;letter-spacing:.14em}
.store-banner strong{font-size:15px;line-height:1.42}
.visual-store .store-cards{gap:8px;margin-top:9px}
.visual-store .store-cards div{min-height:94px;padding:12px;text-align:center;font-size:11px;line-height:1.35}
.visual-metric{z-index:5;left:auto;right:22px;bottom:8px;width:232px;padding:20px 22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;color:#fff;background:rgba(7,27,42,.92);backdrop-filter:blur(16px);box-shadow:0 22px 54px rgba(0,0,0,.28)}
.visual-metric>span{display:block;color:#72d9ca;font-size:11px;font-weight:700;letter-spacing:.08em}
.visual-metric>strong{display:block;margin-top:8px;font-size:16px;line-height:1.5}
.metric-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:16px}
.metric-steps i{height:5px;border-radius:10px;background:#31536a}.metric-steps i:nth-child(-n+3){background:var(--orange-500)}
.hero-city-card{position:absolute;z-index:4;left:-14px;bottom:58px;display:grid;gap:4px;width:238px;padding:17px 20px;border:1px solid rgba(255,255,255,.16);border-radius:17px;color:#fff;background:rgba(18,50,74,.92);backdrop-filter:blur(12px);box-shadow:0 20px 48px rgba(0,0,0,.26)}
.hero-city-card span{color:#73d9c9;font:700 9px/1 Inter,sans-serif;letter-spacing:.14em}.hero-city-card b{font-size:15px}.hero-city-card small{color:#a9becb;font-size:11px}

.strength-section{background:linear-gradient(180deg,#fff 0%,var(--warm-white) 100%)}
.section-head .eyebrow::before{content:"";display:inline-block;width:28px;height:1px;margin-right:10px;background:currentColor;vertical-align:middle}
.strength-grid{grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.strength-photo{position:relative;min-height:548px;margin:0;overflow:hidden;border-radius:26px;background:#102a3d;box-shadow:var(--shadow-card)}
.strength-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(7,21,34,.9))}
.strength-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.82)}
.strength-photo figcaption{position:absolute;z-index:1;inset:auto 28px 26px;color:#fff}
.strength-photo figcaption span{display:block;color:#86dfd1;font-size:11px;font-weight:700;letter-spacing:.08em}
.strength-photo figcaption strong{display:block;max-width:380px;margin-top:7px;font-size:22px;line-height:1.45}
.metric-grid{gap:14px}
.metric-card{min-height:154px;padding:22px 22px 20px;border-color:#e1e8ec;box-shadow:0 8px 30px rgba(11,31,51,.04);transition:var(--ease)}
.metric-card:hover{transform:translateY(-3px);border-color:#ffc097;box-shadow:var(--shadow-card)}
.metric-card:nth-child(1),.metric-card:nth-child(4){background:linear-gradient(145deg,#fff,#fff7f1)}
.metric-number{font-size:42px;letter-spacing:-.04em}.metric-card h3{margin-top:12px}.data-note{padding-left:14px;border-left:2px solid #d7e2e8}

.service-grid{gap:22px}
.service-card{min-height:430px;border-color:#e1e8ec;box-shadow:0 12px 36px rgba(11,31,51,.055)}
.service-visual{position:relative;display:flex;height:184px;padding:24px;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(135deg,#0c273b,#184a67)!important}
.service-card:nth-child(2) .service-visual,.service-card:nth-child(5) .service-visual{color:var(--text);background:linear-gradient(135deg,#fff3e9,#ffd5b8)!important}
.service-card:nth-child(3) .service-visual,.service-card:nth-child(6) .service-visual{background:linear-gradient(135deg,#0d3d43,#168b79)!important}
.service-visual>span{position:absolute;right:18px;top:7px;color:rgba(255,255,255,.12);font:800 76px/1 Inter,sans-serif;letter-spacing:-.08em}
.service-card:nth-child(2) .service-visual>span,.service-card:nth-child(5) .service-visual>span{color:rgba(233,93,0,.13)}
.service-visual>strong{position:relative;max-width:240px;font-size:18px;line-height:1.45}.service-visual>small{position:relative;margin-top:8px;color:rgba(255,255,255,.58);font:700 9px/1 Inter,sans-serif;letter-spacing:.14em}.service-card:nth-child(2) .service-visual>small,.service-card:nth-child(5) .service-visual>small{color:#9e7257}
.service-body{padding:24px 25px 26px}.service-body h3{font-size:23px}.service-delivery{display:flex;justify-content:space-between;gap:12px}.service-delivery b{color:var(--orange-500);transition:var(--ease)}.service-card:hover .service-delivery b{transform:translateX(6px)}

.case-grid{gap:22px}
.case-card{border-color:#e1e8ec;box-shadow:0 10px 34px rgba(11,31,51,.04)}
.case-media{overflow:hidden}
.case-art{isolation:isolate}
.case-art>div{position:absolute;inset:0;display:flex;padding:28px;flex-direction:column;justify-content:flex-end}
.case-art--industrial{color:#fff;background:radial-gradient(circle at 82% 22%,rgba(255,106,0,.38),transparent 27%),linear-gradient(135deg,#0b1f33,#193e56)}
.case-art--industrial::after{content:"XINGYA / INDUSTRIAL";position:absolute;right:-25px;top:82px;transform:rotate(90deg);color:rgba(255,255,255,.2);font:700 9px/1 Inter,sans-serif;letter-spacing:.16em}
.case-art--industrial small{margin-bottom:18px;color:#71d9ca;font:700 10px/1 Inter,sans-serif;letter-spacing:.15em}.case-art--industrial strong{padding:10px 0;border-top:1px solid rgba(255,255,255,.18);font-size:22px}
.case-art--product{background:linear-gradient(145deg,#fff6ef,#f4c7a7)}
.case-art--product>div{align-items:flex-start;justify-content:center}.case-art--product b{font:800 64px/1 Inter,sans-serif;color:#e85c00}.case-art--product span{margin-top:10px;color:#754d35;font:700 10px/1.5 Inter,sans-serif;letter-spacing:.14em}
.case-art--detail{background:linear-gradient(145deg,#eaf8f5,#c4e8e1)}
.case-art--detail>div{gap:8px;justify-content:center}.case-art--detail i{display:block;height:22px;border-radius:7px;background:rgba(11,31,51,.1)}.case-art--detail i:nth-child(2){width:78%;background:#20bfa5}.case-art--detail i:nth-child(3){width:55%}.case-art--detail strong{margin-top:8px;color:#175c53;font-size:13px}
.case-art--photo .real-image{object-fit:cover;object-position:center 40%;transition:var(--ease)}.case-card:hover .case-art--photo .real-image{transform:scale(1.03)}
.case-art--growth{background:linear-gradient(145deg,#e9eff3,#cad9e2)}.case-art--growth>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center}.case-art--growth span{padding:13px;border:1px solid rgba(11,31,51,.1);border-radius:10px;color:#29495e;background:rgba(255,255,255,.6);font-size:11px;font-weight:700}

.culture{background-image:linear-gradient(105deg,rgba(7,21,34,.96) 15%,rgba(7,21,34,.78) 70%,rgba(7,21,34,.62)),url("../assets/event-cover.webp");background-position:center,center 43%;background-size:cover}
.culture .tag{border:1px solid rgba(255,255,255,.18);background:rgba(7,21,34,.55)}

.page-hero{padding:136px 0 80px;background:radial-gradient(circle at 82% 15%,rgba(255,106,0,.18),transparent 28%),linear-gradient(125deg,#071522,#0b2b43)}
.page-hero h1{max-width:860px;margin:18px 0 24px;font-size:clamp(42px,4.8vw,64px)}
.page-hero p{max-width:760px;color:#b8cbd6;font-size:17px}
.case-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}
.case-hero-aside{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.case-hero-aside>span{grid-column:1/-1;margin-bottom:4px;color:#7ed9cb;font-size:11px;font-weight:700;letter-spacing:.08em}.case-hero-aside div{padding:14px 10px;border-radius:12px;background:rgba(255,255,255,.07)}.case-hero-aside b,.case-hero-aside small{display:block}.case-hero-aside b{color:#fff;font:800 24px/1 Inter,sans-serif}.case-hero-aside small{margin-top:8px;color:#acc1cd;font-size:10px;line-height:1.4}.case-consent-note{display:inline-flex;border:1px solid #ffd6bb;background:#fff8f3}
.image-slot::before{content:"授权素材位";letter-spacing:.06em}.image-slot:has(.real-image)::before{display:none}

@media (max-width:1199px){
  .brand small{display:none}.hero{padding-top:120px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:680px}.hero-copy h1{max-width:680px}.hero-visual{width:min(100%,700px);margin-inline:auto}.strength-grid{grid-template-columns:1fr}.strength-photo{min-height:500px}.case-hero-grid{grid-template-columns:1fr}.case-hero-aside{max-width:560px}
}

@media (max-width:767px){
  .brand-wordmark{font-size:19px}.brand-wordmark b{font-size:22px}.hero{padding-top:108px}.hero-copy h1{font-size:37px;line-height:1.2}.hero-copy h1 .orange{display:inline;padding-left:.1em}.hero-kicker{margin-top:18px!important}.hero-visual{min-height:500px}.hero-photo{width:78%;height:430px;border-radius:21px}.hero-photo figcaption{inset:auto 18px 18px}.hero-photo figcaption strong{font-size:16px}.visual-store{top:96px;width:70%;height:246px;padding:10px}.visual-store .store-banner{min-height:82px;padding:12px}.visual-store .store-cards div{min-height:70px;padding:7px;font-size:9px}.visual-metric{right:0;bottom:0;width:190px;padding:16px}.hero-city-card{left:0;bottom:47px;width:194px;padding:14px 15px}.strength-photo{min-height:430px}.strength-photo figcaption{inset:auto 20px 20px}.strength-photo figcaption strong{font-size:18px}.service-card{min-height:410px}.case-hero-aside{grid-template-columns:repeat(3,1fr);gap:7px;padding:12px}.case-hero-aside div{padding:12px 8px}.case-art--industrial strong{font-size:18px}.culture{background-position:center,60% center}
}

/* 2026 design-rule pass: type scale, 60-30-10 color, 8px rhythm, image discipline */
:root{
  --shadow-card:0 16px 40px rgba(11,31,51,.07);
  --shadow-hover:0 20px 48px rgba(11,31,51,.11);
}
body{font-size:var(--type-0);line-height:1.75}
h1,h2,h3,h4{font-weight:750;text-wrap:balance}
p,.lead{overflow-wrap:anywhere;text-wrap:pretty}
h1{font-size:clamp(var(--type-5),5vw,var(--type-6));line-height:1.14}
h2{margin-bottom:var(--space-4);font-size:clamp(var(--type-4),4vw,var(--type-5));line-height:1.2}
h3{font-size:var(--type-2);line-height:1.35}
h4{font-size:var(--type-1);line-height:1.4}
.small,.eyebrow{font-size:var(--type--1)}
.lead{max-width:720px;font-size:var(--type-0);line-height:1.8}
.metric-number,.case-hero-aside b,.service-visual>span{font-variant-numeric:tabular-nums lining-nums}
.container{width:min(calc(100% - 48px),var(--container))}
.container-wide{width:min(calc(100% - 48px),var(--container-wide))}
.section-head{max-width:720px;margin-bottom:var(--space-7)}
.eyebrow{color:var(--orange-700)}
.section--navy .eyebrow{color:var(--orange-500)}
.section--navy .tag{color:#ffd5b8;background:rgba(255,106,0,.12)}
.tag{min-height:32px;padding-inline:var(--space-3);color:#a94100;background:#fff3e9}
.nav{gap:var(--space-6)}
.nav-links{gap:var(--space-5)}
.nav-cta,.btn{min-height:48px;padding-inline:var(--space-5);gap:var(--space-2)}
.nav-cta,.btn--primary{background:var(--orange-700)}
.nav-cta:hover,.btn--primary:hover{background:var(--orange-600)}
.site-header.scrolled .brand-wordmark b,.site-header.scrolled .nav-links a:hover,.site-header.scrolled .nav-links a[aria-current="page"]{color:var(--orange-700)}
.button-row{gap:var(--space-4);margin-top:var(--space-6)}
.trust-row{gap:var(--space-5);margin-top:var(--space-6)}

.hero{background:radial-gradient(circle at 78% 22%,rgba(255,106,0,.14),transparent 28%),linear-gradient(128deg,#061421 0%,#0a2236 72%,#0c2a42 100%)}
.hero-grid{gap:var(--space-8)}
.hero-copy .tag{border-color:rgba(255,255,255,.16);color:#dce8ee;background:rgba(255,255,255,.06)}
.hero-kicker{margin:var(--space-5) 0 -8px!important}
.hero-copy h1{margin:var(--space-5) 0 var(--space-5);font-size:clamp(var(--type-4),3.65vw,var(--type-5));line-height:1.18}
.hero-copy>p:not(.hero-kicker){max-width:560px;font-size:var(--type-0);line-height:1.8}
.store-banner span,.visual-metric>span,.hero-city-card span,.hero-photo figcaption span,.strength-photo figcaption span{color:#ff9a55}
.visual-store,.hero-photo,.visual-metric,.hero-city-card{box-shadow:var(--shadow-card)}
.visual-store .store-cards div:nth-child(2){color:#a94100;background:#fff3e9}
.strength-grid{gap:var(--space-8)}
.metric-grid{gap:var(--space-4)}
.metric-card{padding:var(--space-5);box-shadow:none}
.metric-card:nth-child(1),.metric-card:nth-child(4){background:#fffaf6}
.data-note{padding-left:var(--space-4)}

.service-grid,.case-grid{gap:var(--space-5)}
.service-card,.case-card{box-shadow:none}
.service-card:hover,.case-card:hover{box-shadow:var(--shadow-hover)}
.service-visual{padding:var(--space-5)}
.service-card:nth-child(2) .service-visual,.service-card:nth-child(5) .service-visual{background:linear-gradient(135deg,#fff7f1,#ffd9bf)!important}
.service-card:nth-child(3) .service-visual,.service-card:nth-child(6) .service-visual{background:linear-gradient(135deg,#102b40,#28536c)!important}
.service-body{padding:var(--space-5)}
.service-body h3{font-size:var(--type-2)}
.service-delivery{gap:var(--space-2)}
.service-delivery b,.case-link{color:var(--orange-700)}
.case-art>div{padding:var(--space-5)}
.case-art--industrial small{color:#ff9a55}
.case-art--detail{background:linear-gradient(145deg,#f1f4f6,#d8e1e7)}
.case-art--detail i{background:rgba(11,31,51,.1)}
.case-art--detail i:nth-child(2){background:var(--navy-700)}
.case-art--detail i:nth-child(3){background:var(--orange-500)}
.case-art--detail strong{color:var(--navy-800)}
.ai-strip{padding:var(--space-6);gap:var(--space-5);background:#eef3f6}
.ai-strip strong{color:var(--orange-500)}
.info-card b{color:var(--navy-800)}
.event-info dt,.culture-card b,.contact-item b{color:#ff9a55}
.case-hero-grid{gap:var(--space-8)}
.case-hero-aside{gap:var(--space-2);padding:var(--space-4)}
.case-hero-aside>span{color:#ff9a55}
.page-hero p{max-width:680px;font-size:var(--type-0);line-height:1.8}
.image-slot::before{color:#a94100;background:#fff3e9}

/* B2B functional layer: compact, repeatable controls without flattening the marketing hierarchy. */
.nav-cta,.btn{min-height:var(--control-lg);padding-inline:var(--space-4)}
.hero .btn,.page-actions .btn{min-height:48px;padding-inline:var(--space-5)}
.btn:disabled{cursor:not-allowed;opacity:.72;transform:none;box-shadow:none}
.tag{min-height:var(--control-xs);padding-inline:var(--space-3);font-size:var(--type--1)}
.page-hero--compact{padding:120px 0 var(--space-8)}
.page-hero--compact .breadcrumbs{margin-bottom:var(--space-5)}
.page-hero--compact h1{max-width:820px;margin:var(--space-4) 0 var(--space-4);font-size:clamp(var(--type-4),4.2vw,56px);line-height:1.16}
.section--functional{padding-block:var(--space-9)}

.filter-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6)}
.filter-row{gap:var(--space-2);margin-bottom:0}
.filter-btn{min-height:var(--control-sm);padding:0 var(--space-4);border-color:var(--gray-300);background:#fff;color:var(--gray-700);font-size:13px;font-weight:600;line-height:1;transition:var(--ease)}
.filter-btn:hover{border-color:#9fb1bd;background:var(--gray-50)}
.filter-btn[aria-pressed="true"],.filter-btn.active{border-color:var(--navy-900);color:#fff;background:var(--navy-900)}
.filter-summary{flex:0 0 auto;margin:7px 0 0;color:var(--gray-500);font-size:13px;white-space:nowrap}
.case-empty{padding:var(--space-7);border:1px dashed #bdcad2;border-radius:var(--radius-card);text-align:center;background:var(--gray-50)}
.case-empty[hidden]{display:none}
.case-empty h3{margin-bottom:var(--space-2);font-size:var(--type-1)}
.case-empty p{margin:0 auto var(--space-5);max-width:520px;color:var(--gray-500);font-size:14px}
.case-body h3{font-size:var(--type-1)}
.case-card.featured .case-body h3{font-size:var(--type-2)}
.ratio-badge{min-height:24px;display:inline-flex;align-items:center;padding:0 var(--space-2)}

.form-grid{column-gap:var(--functional-gap);row-gap:var(--space-4)}
.field label{margin-bottom:var(--space-2);font-size:13px;line-height:1.4}
.required-marker{margin-left:2px;color:var(--orange-700)}
.field input,.field select,.field textarea{min-height:var(--control-lg);padding-inline:var(--space-3);border-radius:10px;transition:border-color var(--ease),box-shadow var(--ease),background-color var(--ease)}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#9fb1bd}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange-700);box-shadow:0 0 0 3px rgba(200,78,0,.12);outline:0}
.field input:user-invalid,.field select:user-invalid,.field textarea:user-invalid{border-color:#b42318;background:#fffafa}
.field textarea{min-height:112px;padding-block:var(--space-3)}
.privacy{margin:var(--space-5) 0 var(--space-4);font-size:13px;line-height:1.6}
.form-status{display:inline-block;margin:0 0 0 var(--space-3);color:var(--gray-500);font-size:13px;vertical-align:middle}
.form-status.error{color:#b42318}
.form-status.success{color:#147c6c}
.quick-actions{gap:var(--space-2)}
.quick-actions button,.case-tabs button{min-height:var(--control-sm);padding:0 var(--space-3)}
.industry-nav button{min-height:var(--control-lg);padding-block:0}
.choice-grid label{min-height:var(--control-xs);display:inline-flex;align-items:center;padding:0 var(--space-3)}

@media (max-width:1199px){
  .hero-grid,.strength-grid,.case-hero-grid{gap:var(--space-7)}
}

@media (max-width:767px){
  .container,.container-wide{width:min(calc(100% - 40px),var(--container))}
  .section{padding-block:var(--space-9)}
  .section-head{margin-bottom:var(--space-6)}
  h1{font-size:var(--type-4)}
  h2{font-size:var(--type-3)}
  h3{font-size:var(--type-1)}
  .hero-copy h1{font-size:38px;line-height:1.2}
  .hero-copy>p:not(.hero-kicker){font-size:var(--type-0)}
  .button-row{gap:var(--space-3)}
  .metric-grid{gap:var(--space-3)}
  .service-grid,.case-grid{gap:var(--space-4)}
  .page-hero--compact{padding:104px 0 var(--space-7)}
  .page-hero--compact h1{font-size:37px}
  .section--functional{padding-block:var(--space-8)}
  .filter-toolbar{display:block;margin-bottom:var(--space-5)}
  .filter-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-2);scroll-snap-type:x proximity;scrollbar-width:none}
  .filter-row::-webkit-scrollbar{display:none}
  .filter-btn{flex:0 0 auto;scroll-snap-align:start}
  .filter-summary{margin-top:var(--space-2);white-space:normal}
  .field input,.field select{min-height:48px}
  .form-status{display:block;margin:var(--space-3) 0 0}
}

/* Selected direction — Warm Industrial Canvas
   Editorial whitespace, monumental type, real manufacturing imagery. */
:root{
  --canvas:#fafaf8;
  --ink:#101a22;
  --body:#66727d;
  --muted:#8a918f;
  --line:#d8d8d2;
  --navy-950:#071522;
  --navy-900:#0b1f33;
  --orange-500:#ff6a00;
  --orange-600:#e85f00;
  --orange-700:#c84e00;
  --gray-100:#f4f7fa;
  --gray-200:#e3e7e9;
  --gray-500:#66727d;
  --text:#101a22;
  --radius-card:12px;
  --radius-image:10px;
  --radius-button:7px;
  --shadow-card:none;
  --shadow-hover:0 18px 50px rgba(11,31,51,.08);
  --section-space:clamp(108px,8.3vw,136px);
  --ease:220ms cubic-bezier(.22,1,.36,1);
}

body{color:var(--ink);background:var(--canvas)}
.container{width:min(calc(100% - 80px),1200px)}
.container-wide{width:min(calc(100% - 80px),1440px)}
.section{border-top:1px solid rgba(16,26,34,.055)}
.section--white{background:#fff}
.section--gray{background:#f4f5f3}
.section-head{max-width:900px;margin-bottom:64px}
.section-head h2{max-width:860px;margin:16px 0 18px;font-size:clamp(42px,4.4vw,64px);font-weight:760;line-height:1.06;letter-spacing:-.045em}
.section-head .lead{max-width:700px;color:var(--body);font-size:17px;line-height:1.75}
.eyebrow{color:var(--orange-700);font:650 12px/1.4 Inter,"HarmonyOS Sans SC",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.section-head .eyebrow::before{width:36px;margin-right:12px}
.section--navy .section-head h2{color:#fff}
.section--navy .section-head .lead{color:#b7c7d1}

.site-header,.site-header.scrolled{
  position:fixed;z-index:1000;inset:0 0 auto;height:76px;
  color:var(--ink);background:rgba(250,250,248,.94);
  border-bottom:1px solid var(--line);box-shadow:none;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.nav{height:76px;gap:34px}
.brand{gap:20px;min-width:0;color:var(--navy-900)}
.brand-wordmark{display:block;font-size:30px;line-height:1;font-weight:820;letter-spacing:-.055em;white-space:nowrap}
.brand-wordmark b,.site-header.scrolled .brand-wordmark b{color:var(--navy-900);font-size:inherit}
.brand small,.site-header.scrolled .brand small{max-width:260px;padding-left:20px;border-left:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:500;line-height:1.45;letter-spacing:.01em}
.nav-links{gap:32px;color:var(--ink);font-size:15px;font-weight:560}
.nav-links a{position:relative;opacity:1;white-space:nowrap}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-12px;height:2px;background:var(--orange-500);transition:right var(--ease)}
.nav-links a:hover,.nav-links a[aria-current="page"],.site-header.scrolled .nav-links a:hover,.site-header.scrolled .nav-links a[aria-current="page"]{color:var(--ink)}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{right:0}
.nav-cta{min-height:44px;padding:0 18px;border:0;border-radius:7px;color:#fff;background:var(--orange-500);box-shadow:none}
.nav-cta:hover{color:#fff;background:var(--orange-700);transform:translateY(-1px)}
.menu-toggle{width:auto;min-width:52px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#fff;font-size:13px;font-weight:700}
.mobile-menu{background:var(--canvas)}
.mobile-menu a{border-color:var(--line)}

.hero{
  min-height:900px;padding:76px 0 0;color:var(--ink);background:var(--canvas)
}
.hero::after{display:none}
.hero-grid{
  position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  gap:24px;align-items:start;width:min(calc(100% - 128px),1312px);min-height:824px;padding-top:130px
}
.hero-copy{position:relative;z-index:3;grid-column:1 / span 8;max-width:890px}
.hero-kicker{margin:0 0 28px!important;color:var(--orange-700)!important;font:650 12px/1 Inter,sans-serif!important;letter-spacing:.18em}
.hero-copy h1{max-width:none;margin:0 0 28px;font-size:clamp(60px,5.28vw,76px);font-weight:820;line-height:.99;letter-spacing:-.055em}
.hero-copy h1 span{display:block;white-space:nowrap}
.hero-copy h1 em{color:var(--orange-700);font-style:normal}
.hero-copy>p:not(.hero-kicker){max-width:610px;margin:0;color:var(--body);font-size:18px;line-height:1.72}
.hero .button-row{gap:24px;margin-top:32px}
.hero .btn{min-height:54px;padding:0 28px;border-radius:7px;font-size:16px;font-weight:680;box-shadow:none}
.hero .btn--primary{background:var(--orange-500)}
.hero .btn--primary:hover{background:var(--orange-700);transform:translateY(-2px)}
.hero .btn--secondary{border:1px solid var(--navy-900);color:var(--navy-900);background:rgba(250,250,248,.8)}
.hero .btn--secondary:hover{color:#fff;background:var(--navy-900);transform:translateY(-2px)}
.arrow{transition:transform var(--ease)}
.btn:hover .arrow{transform:translateX(4px)}
.hero-proof{width:min(450px,100%);margin-top:86px}
.hero-proof>p{display:flex;align-items:center;gap:8px;margin:0 0 16px!important;color:var(--muted)!important;font:600 12px/1.4 Inter,"HarmonyOS Sans SC",sans-serif!important;letter-spacing:.08em}
.hero-proof>p::before{content:"";width:28px;height:1px;background:var(--orange-500)}
.hero-proof>p span{color:var(--orange-700);letter-spacing:.14em}
.hero .trust-row{display:flex;gap:0;margin:0;padding-top:16px;border-top:1px solid var(--line);color:var(--body)}
.hero .trust-row span{display:flex;align-items:center;font-size:15px;font-weight:520;white-space:nowrap}
.hero .trust-row span::after{display:none!important}
.hero .trust-row span+span::before{content:"";width:5px;height:5px;margin:0 24px;border-radius:50%;background:var(--orange-500)}
.hero-visual{
  position:absolute;z-index:1;left:42%;right:calc((100vw - 100%)/-2);top:144px;bottom:0;
  min-height:0;margin:0;overflow:hidden;background:#e6e2da;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%)
}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:61% 55%;filter:saturate(.74) contrast(.95) sepia(.045)}

.btn{border-radius:7px;box-shadow:none}
.btn--primary{background:var(--orange-500)}
.btn--primary:hover{background:var(--orange-700)}
.btn--secondary{border:1px solid var(--navy-900);background:transparent}
.tag{border-radius:4px}

.strength-section{background:#fff}
.strength-grid{grid-template-columns:.82fr 1.18fr;gap:72px}
.strength-photo{min-height:610px;border-radius:4px;box-shadow:none}
.strength-photo img{transform:scale(1.03);filter:saturate(.7) contrast(.96)}
.strength-photo::after{background:linear-gradient(180deg,transparent 55%,rgba(7,21,34,.86))}
.metric-grid{grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line)}
.metric-card,.metric-card:nth-child(1),.metric-card:nth-child(4){min-height:175px;padding:28px 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
.metric-card:nth-child(odd){border-right:1px solid var(--line)}
.metric-card:hover{transform:none;border-color:var(--line);background:#fff7f1;box-shadow:none}
.metric-number{color:var(--navy-900);font-size:48px;font-weight:800}
.metric-card:nth-child(1) .metric-number,.metric-card:nth-child(4) .metric-number{color:var(--orange-700)}
.metric-card h3{font-size:16px}

.bento{gap:16px}
.bento-card{padding:34px;border:1px solid var(--line);border-radius:8px;background:#fff}
.bento-card.main{background:var(--navy-900)}
.bento-card.orange{background:#fff5ed}
.ai-strip{border-radius:8px;background:#ebeef0}

.service-grid{gap:0;border:1px solid var(--line);background:var(--line)}
.service-card{min-height:418px;border:0;border-radius:0;background:#fff;box-shadow:none}
.service-card:hover{z-index:1;transform:translateY(-4px);outline:1px solid #ffb481;box-shadow:var(--shadow-hover)}
.service-visual{height:156px;padding:28px;border:0;background:var(--navy-900)!important}
.service-card:nth-child(2) .service-visual,.service-card:nth-child(5) .service-visual{color:var(--ink);background:#f1e7df!important}
.service-card:nth-child(3) .service-visual,.service-card:nth-child(6) .service-visual{background:#173549!important}
.service-body{padding:30px}
.service-body h3{font-size:24px;letter-spacing:-.025em}
.service-delivery{padding-top:18px;border-top:1px solid var(--line)}

.advantage-grid{grid-template-columns:.78fr 1.22fr;gap:80px}
.tab-list{gap:0;border-top:1px solid var(--line)}
.tab-button{position:relative;padding:20px 0;border-bottom:1px solid var(--line);border-radius:0}
.tab-button.active{color:var(--ink);background:transparent}
.tab-button.active span{color:var(--navy-900)}
.tab-button.active small{color:var(--body)}
.tab-button.active::after{content:"";position:absolute;right:0;width:24px;height:2px;background:var(--orange-500)}
.photo-collage{gap:12px}
.photo-collage .image-slot{border-radius:6px}

.section--navy{background:var(--navy-900)}
.partner-card{border-radius:6px;background:rgba(255,255,255,.045)}
.founder .image-slot,.partner-card .image-slot{border-radius:4px}

.industry-layout{grid-template-columns:270px 1fr;gap:44px}
.industry-nav{padding:0;border-radius:0;background:transparent;border-top:1px solid var(--line)}
.industry-nav button{padding:0 4px;border-bottom:1px solid var(--line);border-radius:0;color:var(--body)}
.industry-nav button.active{color:var(--ink);background:transparent;font-weight:750}
.industry-nav button.active::after{content:"";float:right;width:24px;height:2px;background:var(--orange-500)}
.industry-panel{padding:40px;border-color:var(--line);border-radius:8px}
.info-card{border-radius:6px;background:#f3f4f2}

.case-grid{gap:16px}
.case-card{border-color:var(--line);border-radius:7px;box-shadow:none}
.case-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}
.case-media{background:#e4e7e7}
.ratio-badge{border-radius:4px}
.featured-case{gap:24px}
.breakdown,.case-browser{border-radius:8px}
.browser-content{border-radius:5px}

.process-nodes{margin-top:58px}
.process-node button{border-radius:7px}
.process-node.active button{border-color:var(--orange-500);background:var(--orange-500)}
.process-panel{border-radius:8px}

.honor-card{border:1px solid var(--line);border-radius:7px;background:#fff}
.proof-badge{border-radius:5px}
.event-layout{gap:64px}
.event-gallery .image-slot,.event-info{border-radius:7px}
.event-info{background:var(--navy-900)}
.culture{min-height:680px;background-position:center,center 43%}
.culture-card{border-radius:6px;background:rgba(255,255,255,.055)}

.contact-grid{grid-template-columns:1.2fr .8fr;gap:16px}
.form-card,.contact-card{padding:38px;border-radius:8px}
.field input,.field select,.field textarea{border-radius:6px;background:#fdfdfc}
.qr-placeholder,.quick-actions button{border-radius:6px}

.page-hero,.page-hero--compact{padding:156px 0 88px;color:var(--ink);background:var(--canvas);border-bottom:1px solid var(--line)}
.page-hero .breadcrumbs{color:var(--muted)}
.page-hero h1,.page-hero--compact h1{max-width:940px;color:var(--ink);font-size:clamp(52px,5vw,72px);line-height:1.02;letter-spacing:-.05em}
.page-hero p{color:var(--body)}
.detail-section,.gallery-item,.component-shelf,.swatch{border-color:var(--line);border-radius:8px;box-shadow:none}
.metadata span{border-radius:4px}

.site-footer{padding-top:78px;background:var(--navy-950)}
.footer-grid{gap:56px}
.footer-col a{transition:color var(--ease)}
.footer-col a:hover{color:#fff}

@keyframes hero-copy-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes hero-image-in{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
.hero-kicker,.hero-copy h1,.hero-copy>p,.hero .button-row,.hero-proof{animation:hero-copy-in .48s both}
.hero-copy h1{animation-delay:.06s}.hero-copy>p{animation-delay:.13s}.hero .button-row{animation-delay:.2s}.hero-proof{animation-delay:.27s}
.hero-visual{animation:hero-image-in .62s .08s both}

@media (max-width:1199px){
  .container,.container-wide{width:min(calc(100% - 64px),1200px)}
  .brand small{display:none}
  .hero{min-height:auto;padding-top:76px}
  .hero-grid{display:grid;grid-template-columns:1fr;width:min(calc(100% - 80px),900px);min-height:0;padding:96px 0 0}
  .hero-copy{grid-column:auto;max-width:840px}
  .hero-copy h1{font-size:clamp(56px,7vw,72px)}
  .hero-visual{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:calc(100% + 80px);height:auto;min-height:0;aspect-ratio:16/9;margin:64px -40px 0;-webkit-mask-image:none;mask-image:none}
  .hero-proof{margin-top:60px}
  .strength-grid,.advantage-grid,.team-layout,.industry-layout,.event-layout,.contact-grid,.featured-case{gap:48px}
  .industry-nav{display:flex;border:0;gap:8px}
  .industry-nav button{border:1px solid var(--line);border-radius:5px;background:#fff}
  .industry-nav button.active{color:#fff;background:var(--navy-900)}
  .industry-nav button.active::after{display:none}
}

@media (max-width:767px){
  .container,.container-wide{width:min(calc(100% - 40px),1200px)}
  .site-header,.site-header.scrolled,.nav{height:68px}
  .brand-wordmark{font-size:24px}
  .hero{padding-top:68px}
  .hero-grid{width:calc(100% - 40px);padding-top:68px}
  .hero-kicker{margin-bottom:20px!important;font-size:10px!important}
  .hero-copy h1{margin-bottom:24px;font-size:clamp(38px,11vw,44px);line-height:1.08;letter-spacing:-.045em}
  .hero-copy h1 span{white-space:normal}
  .hero-copy h1 em{display:block}
  .hero-copy>p:not(.hero-kicker){font-size:16px;line-height:1.75}
  .hero .button-row{display:grid;grid-template-columns:1fr;margin-top:28px}
  .hero .btn{width:100%}
  .hero-proof{margin-top:54px}
  .hero .trust-row{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
  .hero .trust-row span+span::before{margin:0 10px 0 0}
  .hero .trust-row span:nth-child(3){grid-column:1/-1}
  .hero-visual{width:calc(100% + 40px);margin:44px -20px 0;aspect-ratio:16/10}
  .section-head{margin-bottom:40px}
  .section-head h2{font-size:38px;line-height:1.1}
  .section-head .lead{font-size:16px}
  .strength-photo{min-height:440px}
  .metric-card{min-height:156px;padding:22px 16px}
  .metric-number{font-size:38px}
  .service-card{min-height:390px}
  .service-visual{height:148px}
  .industry-panel{padding:24px}
  .case-grid{gap:14px}
  .form-card,.contact-card{padding:24px}
  .page-hero,.page-hero--compact{padding:124px 0 72px}
  .page-hero h1,.page-hero--compact h1{font-size:40px}
  .mobile-contact-bar{border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(11,31,51,.08)}
  .mobile-contact-bar a,.mobile-contact-bar button{border-radius:5px}
}

@media (prefers-reduced-motion:reduce){
  .hero-kicker,.hero-copy h1,.hero-copy>p,.hero .button-row,.hero-proof,.hero-visual{animation:none}
}

/* Mobile composition — designed independently from the desktop canvas. */
@media (max-width:767px){
  html{scroll-padding-top:68px}
  body{font-size:15px;line-height:1.7}
  .container,.container-wide{width:calc(100% - 40px)}
  .section{padding-block:68px}
  .section-head{margin-bottom:34px}
  .section-head h2{margin:12px 0 14px;font-size:34px;line-height:1.12;letter-spacing:-.04em}
  .section-head .lead{font-size:15px;line-height:1.7}
  .eyebrow{font-size:10px;letter-spacing:.13em}
  .section-head .eyebrow::before{width:24px;margin-right:9px}

  .site-header,.site-header.scrolled,.nav{height:68px}
  .nav{gap:12px}
  .brand{gap:0}
  .brand-wordmark{font-size:23px;letter-spacing:-.05em}
  .menu-toggle{min-width:52px;height:38px;padding-inline:11px;font-size:12px}
  .mobile-menu{inset:68px 0 0;padding:12px 20px 84px;overflow-y:auto}
  .mobile-menu a{padding:16px 2px;font-size:16px}

  .hero{min-height:0;padding-top:68px}
  .hero-grid{width:calc(100% - 40px);padding-top:36px}
  .hero-copy{max-width:none}
  .hero-kicker{margin-bottom:18px!important;font-size:9px!important;letter-spacing:.16em}
  .hero-copy h1{margin-bottom:20px;font-size:40px;line-height:1.08;letter-spacing:-.047em}
  .hero-copy h1 span{white-space:normal}
  .hero-copy h1 em{display:block}
  .hero-copy>p:not(.hero-kicker){font-size:15px;line-height:1.72}
  .hero .button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
  .hero .btn{min-height:50px;padding:0 12px;font-size:14px;gap:7px;white-space:nowrap}
  .hero-proof{display:none}
  .hero-visual{width:calc(100% + 40px);margin:32px -20px 0;aspect-ratio:16/10}
  .hero-visual img{object-position:64% 52%;filter:saturate(.76) contrast(.96) sepia(.035)}

  .strength-grid,.advantage-grid,.team-layout,.industry-layout,.event-layout,.contact-grid,.featured-case{gap:32px}
  .strength-photo{min-height:0;aspect-ratio:4/3;border-radius:4px}
  .strength-photo img{object-position:center 42%;transform:none}
  .strength-photo figcaption{inset:auto 18px 18px}
  .strength-photo figcaption strong{font-size:17px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric-card,.metric-card:nth-child(1),.metric-card:nth-child(4){min-height:142px;padding:20px 14px}
  .metric-number{font-size:36px}
  .metric-card h3{margin:8px 0 4px;font-size:14px;line-height:1.35}
  .metric-card p{font-size:11px;line-height:1.55}
  .data-note{margin-top:16px!important;font-size:12px}

  .bento{gap:12px}
  .bento-card{padding:24px;border-radius:6px}
  .bento-card h3{font-size:21px}
  .funnel{gap:6px}
  .funnel div{padding:10px 7px;font-size:11px}
  .ai-strip{gap:16px;padding:22px;border-radius:6px}
  .ai-strip strong{font-size:36px}

  .service-grid{gap:1px}
  .service-card{min-height:315px}
  .service-visual{height:112px;padding:20px}
  .service-visual>span{font-size:58px}
  .service-visual>strong{font-size:16px}
  .service-body{padding:22px}
  .service-body h3{font-size:21px}
  .service-body p{font-size:14px}
  .service-delivery{padding-top:14px;font-size:12px}

  .advantage-grid{align-items:start}
  .tab-list{margin-top:26px}
  .tab-button{grid-template-columns:38px 1fr;padding:16px 0}
  .tab-button small{font-size:12px;line-height:1.5}
  .photo-collage{grid-template-rows:240px 108px;gap:8px}
  .photo-collage .image-slot:first-child{min-height:240px}
  .photo-collage .image-slot{min-height:108px}

  .team-layout{gap:36px}
  .founder{gap:24px}
  .founder .image-slot{min-height:0;aspect-ratio:4/5}
  .founder-copy h3{font-size:28px}
  .founder-copy p{font-size:14px}
  .partner-grid{grid-template-columns:1fr;gap:12px}
  .partner-card{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto auto;column-gap:16px;padding:12px}
  .partner-card .image-slot{grid-row:1 / span 2;min-height:124px}
  .partner-card h3{align-self:end;margin:8px 0 0;font-size:19px}
  .partner-card p{align-self:start;margin:4px 0 8px;font-size:12px}

  .industry-nav{gap:8px;margin-right:-20px;padding:0 20px 8px 0;scrollbar-width:none}
  .industry-nav::-webkit-scrollbar{display:none}
  .industry-nav button{min-height:42px;padding-inline:14px}
  .industry-panel{padding:22px;border-radius:6px}
  .industry-top{gap:20px}
  .industry-top .image-slot{min-height:190px}
  .industry-info{gap:10px;margin-top:18px}
  .info-card{padding:16px;border-radius:5px}

  .filter-toolbar{margin-bottom:22px}
  .filter-row{margin-right:-20px;padding-right:20px}
  .filter-btn{min-height:36px;padding-inline:14px}
  .case-grid{gap:12px}
  .case-card,.case-card.featured{min-height:0;border-radius:6px}
  .case-card.featured .case-media{min-height:260px}
  .case-media{min-height:176px}
  .case-body{padding:18px}
  .case-card.featured .case-body h3,.case-body h3{font-size:20px}
  .case-link{margin-top:20px}

  .featured-case{gap:16px}
  .breakdown{padding:24px}
  .breakdown h3{font-size:24px}
  .breakdown-row{grid-template-columns:26px 72px 1fr;gap:8px;font-size:12px}
  .case-browser{padding:12px}
  .case-tabs{overflow-x:auto;gap:8px;padding-bottom:6px;scrollbar-width:none}
  .case-tabs::-webkit-scrollbar{display:none}
  .case-tabs button{flex:0 0 auto;min-width:92px}
  .browser-content{min-height:240px}

  .process-nodes{margin:34px -20px 24px 0;padding-right:20px}
  .process-node{min-width:76px}
  .process-panel{padding:18px}
  .process-panel div{padding:16px 4px}
  .process-panel p{font-size:13px}

  .honor-scroll{margin-right:-20px;grid-template-columns:repeat(4,232px);gap:12px;padding-right:20px}
  .honor-card{min-width:232px}
  .proof-badges{gap:8px;margin-top:24px}
  .proof-badge{padding:11px 13px;font-size:12px}

  .event-layout{gap:26px}
  .event-gallery{grid-template-rows:240px 76px;gap:8px}
  .event-main{min-height:240px}
  .event-thumb{min-height:76px}
  .event-info{padding:24px}
  .event-info h3{font-size:25px}
  .event-info dl{grid-template-columns:68px 1fr;gap:12px 8px}
  .event-info .button-row{display:grid;grid-template-columns:1fr;gap:10px}
  .event-info .btn{width:100%}

  .culture{min-height:0;padding:72px 0;background-position:center,60% center}
  .culture h2{font-size:36px;line-height:1.12}
  .culture-grid{gap:10px;margin-top:32px}
  .culture-card{padding:16px 18px}

  .contact-grid{gap:12px}
  .form-card,.contact-card{padding:22px;border-radius:6px}
  .form-card h3,.contact-card h3{font-size:23px}
  .form-grid{gap:14px}
  .field input,.field select{min-height:48px}
  .privacy{font-size:12px}
  .contact-list{gap:14px;margin:24px 0}
  .contact-item{grid-template-columns:64px 1fr}
  .qr-placeholder{width:132px}
  .quick-actions{display:grid;grid-template-columns:repeat(3,1fr)}
  .quick-actions button{padding:10px 7px;font-size:12px}

  .page-hero,.page-hero--compact{padding:108px 0 58px}
  .page-hero .breadcrumbs{margin-bottom:20px}
  .page-hero h1,.page-hero--compact h1{margin:14px 0 18px;font-size:38px;line-height:1.08}
  .page-hero p{font-size:15px;line-height:1.7}
  .page-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
  .page-actions .btn{width:100%;padding-inline:10px;font-size:13px}
  .detail-section{padding:22px;border-radius:6px}
  .content-grid-2,.gallery-grid{gap:12px}
  .timeline-item{grid-template-columns:64px 1fr;gap:12px}

  .site-footer{padding:54px 0 92px}
  .footer-grid{gap:26px}
  .footer-col a{margin:7px 0}
  .footer-bottom{gap:14px;margin-top:28px;padding-top:18px}
  .mobile-contact-bar{height:60px;padding:6px;gap:4px}
  .mobile-contact-bar a,.mobile-contact-bar button{font-size:12px}
}

@media (max-width:359px){
  .hero .button-row,.page-actions{grid-template-columns:1fr}
  .hero-copy h1{font-size:37px}
}

/* Mobile editorial pass — shorter reading path, stronger hierarchy, fewer placeholders. */
.hero-summary-mobile,.mobile-quick-nav{display:none}

@media (max-width:767px){
  .section{padding-block:62px}

  .hero-grid{padding-top:30px}
  .hero-kicker,.hero-summary{display:none}
  .hero-summary-mobile{display:block}
  .hero-copy h1{margin-bottom:18px;font-size:38px;line-height:1.06}
  .hero-copy>p.hero-summary-mobile{max-width:34em;font-size:15px;line-height:1.65}
  .hero .button-row{margin-top:22px}
  .hero-visual{margin-top:28px;aspect-ratio:4/3}

  .mobile-quick-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 40px);margin:0 auto;border-bottom:1px solid var(--line);background:var(--canvas)}
  .mobile-quick-nav a{display:grid;gap:3px;min-width:0;padding:17px 8px 16px;color:var(--ink);text-align:center}
  .mobile-quick-nav a+a{border-left:1px solid var(--line)}
  .mobile-quick-nav b{color:var(--orange-700);font:750 10px/1 Inter,sans-serif;letter-spacing:.08em}
  .mobile-quick-nav span{font-size:13px;font-weight:720}

  .bento{display:flex;gap:12px;margin-right:-20px;padding-right:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .bento::-webkit-scrollbar{display:none}
  .bento-card,.bento-card.main{flex:0 0 86%;min-height:248px;padding:24px;scroll-snap-align:start}
  .bento-card:not(.main){display:flex;flex-direction:column;justify-content:flex-end}
  .ai-strip{margin-top:12px}

  .service-card{display:grid;grid-template-columns:84px minmax(0,1fr);min-height:0}
  .service-visual{display:flex;height:auto;min-height:100%;padding:14px 10px;align-items:center;justify-content:center;text-align:center}
  .service-visual>span{position:static;font-size:38px;letter-spacing:-.08em}
  .service-visual>strong,.service-visual>small{display:none}
  .service-body{padding:17px 16px 16px}
  .service-body .tag{font-size:9px}
  .service-body h3{margin:8px 0 6px;font-size:19px;line-height:1.3}
  .service-body p{margin:0;font-size:13px;line-height:1.55}
  .service-delivery{margin-top:12px;padding-top:10px;font-size:11px;line-height:1.45}

  .advantage-grid>div:last-child{display:none}
  .tab-list{margin-top:22px}

  .founder>.image-slot,.partner-card>.image-slot{display:none}
  .founder{display:block}
  .founder-copy h3{margin-top:0}
  .partner-grid{gap:1px;background:rgba(255,255,255,.12)}
  .partner-card{display:block;padding:18px;background:var(--navy-900);border:0;border-radius:0}
  .partner-card h3{margin:0 0 4px;font-size:18px}
  .partner-card p{margin:0;font-size:12px;line-height:1.55}

  .industry-top{display:block}
  .industry-top .image-slot{display:none}

  .case-browser{display:none}
  .featured-case{display:block}

  .honor-scroll{grid-template-columns:repeat(4,206px)}
  .honor-card{display:flex;min-width:206px;min-height:138px;padding:20px;flex-direction:column;justify-content:flex-end}
  .honor-card .image-slot{display:none}
  .honor-card h3{margin:0 0 7px;font-size:17px}

  .event-gallery{display:block}
  .event-main{display:block;width:100%;min-height:0;aspect-ratio:4/3;overflow:hidden}
  .event-main img{width:100%;height:100%;object-fit:cover}
  .event-thumb{display:none}

  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .footer-brand{grid-column:1/-1}
}

@media (max-width:359px){
  .hero-copy h1{font-size:36px}
  .mobile-quick-nav{width:calc(100% - 32px)}
  .mobile-quick-nav a{padding-inline:5px}
  .bento-card,.bento-card.main{flex-basis:91%}
  .service-card{grid-template-columns:74px minmax(0,1fr)}
}

/* Responsive repair: keep the industry selector above the content panel. */
@media (max-width:1199px){
  .industry-layout{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
  .industry-nav{width:100%;min-width:0;align-items:flex-start}
  .industry-nav button{width:auto;flex:0 0 auto;white-space:nowrap}
  .industry-panel{grid-column:1;width:100%;min-width:0}
}

@media (max-width:767px){
  .strength-grid,.advantage-grid,.contact-grid{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
  .industry-layout{display:grid;gap:18px;overflow:visible}
  .industry-nav{width:calc(100% + 20px);margin-right:-20px;padding:0 20px 8px 0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}
  .industry-nav button{width:auto;min-width:max-content;height:42px;min-height:42px;padding:0 14px;align-self:flex-start;scroll-snap-align:start}
  .industry-panel{padding:22px;overflow:hidden}
}

/* Desktop editorial refinement — preserve the 1200px system without table-like stacking. */
@media (min-width:1200px){
  .section{padding-block:104px}
  .section-head{max-width:800px;margin-bottom:48px}
  .section-head h2{max-width:790px;font-size:clamp(44px,3.9vw,58px)}
  .section-head .lead{max-width:680px;font-size:16px}

  .hero{min-height:820px}
  .hero-grid{min-height:744px;padding-top:100px}
  .hero-copy{grid-column:1 / span 8;max-width:820px}
  .hero-copy h1{font-size:clamp(58px,5vw,72px)}
  .hero-visual{left:44%;top:116px}
  .hero-proof{margin-top:58px}

  .strength-grid{gap:56px}
  .strength-photo{min-height:560px}

  .service-grid{gap:20px;border:0;background:transparent}
  .service-card{min-height:400px;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px rgba(11,31,51,.045)}
  .service-visual{height:148px;padding:26px}
  .service-body{padding:26px}
  .service-card:hover{outline:0;border-color:#efb48d;box-shadow:var(--shadow-hover)}

  .advantage-grid{display:block}
  .advantage-grid>div:first-child{display:grid;grid-template-columns:.72fr 1.28fr;column-gap:72px;align-items:start}
  .advantage-grid>div:first-child>.eyebrow,.advantage-grid>div:first-child>h2,.advantage-grid>div:first-child>.lead{grid-column:1}
  .advantage-grid .tab-list{grid-column:2;grid-row:1 / span 4;margin-top:0}
  .advantage-grid>div:last-child{display:none}
  .tab-button{grid-template-columns:54px 1fr;padding:22px 0}
  .tab-button b{font-size:13px}
  .tab-button span{font-size:18px}

  .team-layout{grid-template-columns:1.18fr .82fr;gap:76px;align-items:start}
  .founder{display:block}
  .founder>.image-slot,.partner-card>.image-slot{display:none}
  .founder-copy{max-width:680px}
  .founder-copy h3{margin-bottom:8px;font-size:42px}
  .founder-copy p{max-width:640px;font-size:16px;line-height:1.8}
  .founder-copy .status-note{display:inline-flex;width:auto;max-width:max-content;padding:10px 14px}
  .partner-grid{grid-template-columns:1fr;gap:0;border-top:1px solid rgba(255,255,255,.16)}
  .partner-card{display:grid;grid-template-columns:142px 1fr;gap:20px;align-items:baseline;padding:22px 0;border:0;border-bottom:1px solid rgba(255,255,255,.16);border-radius:0;background:transparent}
  .partner-card h3{margin:0;font-size:21px}
  .partner-card p{margin:0;font-size:13px;line-height:1.55}

  .industry-layout{grid-template-columns:250px minmax(0,1fr);gap:36px}
  .industry-panel{padding:36px}
  .industry-top{display:block}
  .industry-top .image-slot{display:none}
  .industry-info{gap:12px;margin-top:30px}
  .info-card{padding:20px}

  .case-grid{gap:18px}
  .case-card{min-height:306px;border-radius:14px}
  .case-card.featured{min-height:630px}
  .case-media{height:174px;min-height:174px;flex:0 0 174px}
  .case-card.featured .case-media{height:340px;min-height:340px;flex-basis:340px}
  .case-media>.real-image{width:100%;height:100%;object-fit:cover;object-position:center 28%}
  .case-body{padding:22px}

  .featured-case{gap:28px}
  .breakdown,.case-browser{border-radius:14px}

  .honor-scroll{gap:14px}
  .honor-card{display:flex;min-height:154px;padding:24px;flex-direction:column;justify-content:flex-end;border-radius:12px}
  .honor-card .image-slot{display:none}
  .honor-card h3{margin:0 0 8px;font-size:20px}

  .contact-grid{gap:24px}
  .form-card,.contact-card{padding:36px;border-radius:14px}
}

/* V11 — evidence-led content, conversion forms and accessible overlays. */
:root{
  --body:#55636d;
  --muted:#66727a;
  --gray-500:#5f6f7a;
}

body.modal-open{overflow:hidden}
.muted,.filter-summary,.case-body p,.metric-card p,.field label,.privacy{color:var(--body)}
.optional-marker{margin-left:6px;color:var(--muted);font-size:11px;font-weight:500}
.field-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.privacy a{color:var(--orange-700);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.form-status{min-height:24px}

.mobile-menu-close{display:block;width:100%;padding:14px 2px;border:0;border-bottom:1px solid var(--line);color:var(--muted);background:transparent;text-align:right;font-weight:700}
.mobile-menu-cta{margin-top:12px;border:0!important;color:#fff!important;background:var(--orange-500);text-align:center}

.case-card--guide{cursor:default}
.case-card--guide:hover{transform:none;box-shadow:none}
.case-card--guide .case-link{color:var(--muted);font-weight:600}
.case-disclosure{display:grid;grid-template-columns:130px 1fr;gap:24px;margin-top:34px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.case-disclosure strong{color:var(--orange-700)}
.case-disclosure p{margin:0;color:var(--body)}

.advantage-grid>.advantage-copy{display:block!important}
.advantage-list{display:grid;margin-top:34px;border-top:1px solid var(--line)}
.advantage-item{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}
.advantage-item b{color:var(--orange-700);font:750 13px/1.6 Inter,sans-serif}
.advantage-item span{font-size:18px;font-weight:750}
.advantage-item small{display:block;margin-top:5px;color:var(--body);font-size:13px;font-weight:500;line-height:1.6}

.featured-event-visual{display:block;width:100%;min-height:480px;padding:0;overflow:hidden;border:0;border-radius:14px;background:var(--navy-900);box-shadow:0 18px 48px rgba(11,31,51,.12)}
.featured-event-visual img{width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center 30%;transition:transform var(--ease)}
.featured-event-visual:hover img{transform:scale(1.02)}

.next-step-grid,.ratio-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.next-step-grid article,.ratio-rule-grid article{min-width:0;padding:30px 24px}
.next-step-grid article+article,.ratio-rule-grid article+article{border-left:1px solid var(--line)}
.next-step-grid b,.ratio-rule-grid b{color:var(--orange-700);font:760 13px/1 Inter,sans-serif;letter-spacing:.08em}
.next-step-grid h3,.ratio-rule-grid h3{margin:18px 0 8px;font-size:20px}
.next-step-grid p,.ratio-rule-grid p{margin:0;color:var(--body);font-size:14px;line-height:1.7}
.ratio-rule-grid b{font-size:34px;letter-spacing:-.05em}

.response-promise{display:grid;gap:8px;margin:30px 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
.response-promise span{color:#ff9a55;font:750 10px/1 Inter,sans-serif;letter-spacing:.14em}
.response-promise strong{font-size:19px;line-height:1.55}
.contact-card a{color:inherit}
.quick-actions a,.quick-actions button{display:inline-flex;min-height:40px;padding:0 16px;align-items:center;justify-content:center;border:1px solid #3b586c;border-radius:6px;color:#fff;background:#153b55;font-size:13px;font-weight:700}
.quick-actions button:first-child{border-color:var(--orange-500);background:var(--orange-500)}

.about-evidence{display:flex;min-height:400px;padding:42px;flex-direction:column;justify-content:flex-end;border-radius:14px;color:#fff;background:radial-gradient(circle at 88% 16%,rgba(255,106,0,.42),transparent 30%),linear-gradient(145deg,#0b1f33,#17445f)}
.about-evidence>span{color:#7ed9cb;font:750 11px/1 Inter,sans-serif;letter-spacing:.14em}
.about-evidence>strong{margin-top:16px;font-size:44px;line-height:1.1;letter-spacing:-.05em}
.about-evidence p{max-width:360px;margin:18px 0;color:#bdd0da}
.about-evidence a{color:#ff9a55;font-weight:700}

.policy-content{max-width:880px}
.policy-content h2{margin:48px 0 12px;font-size:28px}
.policy-content h2:first-child{margin-top:0}
.policy-content p{color:var(--body)}
.policy-content a{color:var(--orange-700);font-weight:700}
.policy-updated{margin-top:50px;padding-top:22px;border-top:1px solid var(--line);font-size:13px}

.ratio-service-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;min-height:410px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line)}
.ratio-service-panel>span{grid-column:1/-1;display:flex;padding:30px;align-items:flex-end;color:#ff9a55;background:var(--navy-900);font:750 11px/1 Inter,sans-serif;letter-spacing:.14em}
.ratio-service-panel>div{display:flex;padding:24px;flex-direction:column;justify-content:flex-end;background:#fff}
.ratio-service-panel b{font:800 38px/1 Inter,sans-serif;letter-spacing:-.05em}
.ratio-service-panel small{margin-top:10px;color:var(--body)}

.ai-capability-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.14)}
.ai-capability-panel>span{grid-column:1/-1;padding:24px;color:#ff9a55;background:rgba(255,255,255,.04);font:750 11px/1 Inter,sans-serif;letter-spacing:.14em}
.ai-capability-panel>div{padding:28px;background:rgba(255,255,255,.04)}
.ai-capability-panel b{color:#ff9a55;font:750 12px/1 Inter,sans-serif}
.ai-capability-panel p{margin:12px 0 0;color:#d1dee5;font-weight:700}

.event-record-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px}
.event-record-grid button{min-height:420px;padding:0;overflow:hidden;border:0;border-radius:12px;background:var(--navy-900)}
.event-record-grid img{width:100%;height:100%;object-fit:cover;transition:transform var(--ease)}
.event-record-grid button:hover img{transform:scale(1.025)}

.final-cta{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.final-cta .button-row{flex:0 0 auto}

.lightbox[aria-hidden="true"]{display:none}
.lightbox[aria-hidden="false"]{display:grid}
.lightbox-dialog{outline:0}

@media (max-width:1199px){
  .next-step-grid,.ratio-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .next-step-grid article:nth-child(3),.ratio-rule-grid article:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .next-step-grid article:nth-child(4),.ratio-rule-grid article:nth-child(4){border-top:1px solid var(--line)}
  .featured-event-visual{min-height:420px}
}

@media (min-width:1200px){
  .advantage-grid>.advantage-copy{display:grid!important;grid-template-columns:.72fr 1.28fr;column-gap:72px;align-items:start}
  .advantage-copy>.eyebrow,.advantage-copy>h2,.advantage-copy>.lead{grid-column:1}
  .advantage-list{grid-column:2;grid-row:1 / span 4;margin-top:0}
}

@media (max-width:767px){
  body{padding-bottom:60px}
  .container,.container-wide{max-width:100%}
  .section-head h2{font-size:clamp(32px,9vw,38px)}
  .hero-copy h1{font-size:clamp(36px,10vw,40px)}
  .hero-copy h1 em{display:inline}
  .hero .button-row{grid-template-columns:1fr 1fr}
  .hero .btn{white-space:normal;text-align:center}
  .strength-grid{gap:28px}
  .advantage-item{grid-template-columns:38px 1fr;padding:18px 0}
  .advantage-item span{font-size:16px}
  .metric-card,.metric-card:nth-child(1),.metric-card:nth-child(4){min-height:132px}
  .case-disclosure{grid-template-columns:1fr;gap:6px}
  .featured-event-visual{min-height:0;aspect-ratio:4/3;border-radius:7px}
  .featured-event-visual img{min-height:0;object-position:center 28%}
  .next-step-grid,.ratio-rule-grid{grid-template-columns:1fr}
  .next-step-grid article,.ratio-rule-grid article{padding:22px 4px}
  .next-step-grid article+article,.ratio-rule-grid article+article{border-left:0;border-top:1px solid var(--line)}
  .quick-actions{grid-template-columns:1fr 1fr}
  .quick-actions a,.quick-actions button{width:100%;padding-inline:8px}
  .about-evidence{min-height:300px;padding:28px;border-radius:7px}
  .about-evidence>strong{font-size:36px}
  .ratio-service-panel{min-height:330px;border-radius:7px}
  .ratio-service-panel>span{padding:24px}
  .ratio-service-panel>div{padding:16px 12px}
  .ratio-service-panel b{font-size:28px}
  .ai-capability-panel{border-radius:7px}
  .ai-capability-panel>div{padding:22px 18px}
  .event-record-grid{grid-template-columns:1fr 1fr;gap:10px}
  .event-record-grid button{min-height:0;aspect-ratio:4/3;border-radius:7px}
  .event-record-grid button:first-child{grid-column:1/-1;aspect-ratio:16/10}
  .final-cta{display:block}
  .final-cta .button-row{display:grid;grid-template-columns:1fr;margin-top:28px}
  .footer-bottom a{text-decoration:underline;text-underline-offset:3px}
}

@media (max-width:359px){
  .hero .button-row{grid-template-columns:1fr}
}

/* Motion direction — editorial scroll storytelling inspired by monopo.paris. */
.motion-progress{position:fixed;z-index:1400;inset:0 0 auto;height:3px;transform:scaleX(0);transform-origin:left center;background:var(--orange-500);pointer-events:none;will-change:transform}
.motion-marquee{position:relative;z-index:3;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--navy-900);background:#fff}
.motion-marquee-track{display:flex;width:max-content;will-change:transform;animation:motion-marquee 24s linear infinite}
.motion-marquee span{display:block;padding:17px 0;font:760 13px/1 Inter,"HarmonyOS Sans SC",sans-serif;letter-spacing:.11em;white-space:nowrap}
.motion-reveal{opacity:0;clip-path:inset(0 0 14% 0);transform:translate3d(0,34px,0);transition:opacity 720ms cubic-bezier(.22,1,.36,1) var(--motion-delay,0ms),transform 720ms cubic-bezier(.22,1,.36,1) var(--motion-delay,0ms),clip-path 760ms cubic-bezier(.22,1,.36,1) var(--motion-delay,0ms);will-change:opacity,transform,clip-path}
.motion-reveal.is-visible{opacity:1;clip-path:inset(0);transform:translate3d(0,0,0)}
.motion-parallax{transform:translate3d(0,var(--parallax-y,0),0) scale(1.055)!important;will-change:transform;transition:transform 80ms linear}
.motion-cursor{position:fixed;z-index:2300;left:-18px;top:-18px;width:36px;height:36px;border:1px solid rgba(255,106,0,.68);border-radius:50%;opacity:.7;pointer-events:none;transition:width 180ms ease,height 180ms ease,left 180ms ease,top 180ms ease,background-color 180ms ease,opacity 180ms ease;will-change:transform}
.motion-cursor::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;transform:translate(-50%,-50%);border-radius:50%;background:var(--orange-500)}
.motion-cursor.is-active{left:-26px;top:-26px;width:52px;height:52px;opacity:.9;background:rgba(255,106,0,.08)}
.service-card,.case-card,.advantage-item,.next-step-grid article{transition-property:transform,border-color,box-shadow,background-color;transition-duration:280ms;transition-timing-function:cubic-bezier(.22,1,.36,1)}
.advantage-item:hover{padding-left:12px;background:linear-gradient(90deg,#fff5ec,transparent 72%)}
.next-step-grid article:hover{background:#fff7f1}
.event-record-grid button,.featured-event-visual{position:relative}
.event-record-grid button::after,.featured-event-visual::after{content:"VIEW";position:absolute;right:16px;bottom:16px;display:grid;width:54px;height:54px;place-items:center;border-radius:50%;color:#fff;background:rgba(11,31,51,.78);backdrop-filter:blur(8px);font:750 9px/1 Inter,sans-serif;letter-spacing:.08em;transform:scale(.84);opacity:0;transition:opacity 220ms ease,transform 280ms cubic-bezier(.22,1,.36,1)}
.event-record-grid button:hover::after,.featured-event-visual:hover::after{opacity:1;transform:scale(1)}

@keyframes motion-marquee{to{transform:translate3d(-50%,0,0)}}

@media (max-width:767px){
  .motion-progress{height:2px}
  .motion-marquee span{padding:14px 0;font-size:10px}
  .motion-marquee-track{animation-duration:30s}
  .motion-reveal{clip-path:none;transform:translate3d(0,16px,0);transition-duration:520ms}
  .motion-parallax{transform:none!important;transition:none}
  .advantage-item:hover{padding-left:0;background:transparent}
  .event-record-grid button::after,.featured-event-visual::after{display:none}
}

@media (prefers-reduced-motion:reduce){
  .motion-marquee-track{animation:none}
  .motion-reveal,.motion-reveal.is-visible{opacity:1;clip-path:none;transform:none;transition:none}
  .motion-parallax{transform:none!important;transition:none}
  .motion-progress,.motion-cursor{display:none}
}

/* V12 — GSAP-inspired high-contrast stage, adapted to Xingya's brand system. */
:root{
  --signal-green:#31e6ad;
  --signal-cream:#fffbe8;
  --signal-orange:#ff6a00;
  --stage:#071522;
  --stage-soft:#0d2639;
}

body.has-dark-hero .site-header:not(.scrolled){color:#fff;background:linear-gradient(180deg,rgba(7,21,34,.82),rgba(7,21,34,0));border-color:rgba(255,255,255,.12);backdrop-filter:none;-webkit-backdrop-filter:none}
body.has-dark-hero .site-header:not(.scrolled) .brand,
body.has-dark-hero .site-header:not(.scrolled) .brand-wordmark b,
body.has-dark-hero .site-header:not(.scrolled) .nav-links{color:#fff}
body.has-dark-hero .site-header:not(.scrolled) .brand small{color:#b9ccd7;border-color:rgba(255,255,255,.22)}
body.has-dark-hero .site-header:not(.scrolled) .nav-links a:hover,
body.has-dark-hero .site-header:not(.scrolled) .nav-links a[aria-current="page"]{color:#fff}
body.has-dark-hero .site-header:not(.scrolled) .menu-toggle{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}

.hero{min-height:920px;color:#fff;background:radial-gradient(circle at 68% 25%,rgba(49,230,173,.13),transparent 26%),radial-gradient(circle at 92% 78%,rgba(255,106,0,.24),transparent 32%),linear-gradient(125deg,#06131f 0%,#0a2133 58%,#0c2a3e 100%)}
.hero::before{content:"";position:absolute;z-index:0;inset:0;opacity:.22;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:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 72%);pointer-events:none}
.hero-grid{min-height:844px}
.hero-copy{z-index:4}
.hero-kicker{color:var(--signal-green)!important}
.hero-copy h1{color:#fff;text-shadow:0 10px 50px rgba(0,0,0,.18)}
.hero-copy h1 em{color:var(--signal-orange)}
.hero-copy>p:not(.hero-kicker){color:#bed0da}
.hero .btn--secondary{color:#fff;background:transparent;border-color:rgba(255,255,255,.52)}
.hero .btn--secondary:hover{color:var(--stage);background:var(--signal-cream);border-color:var(--signal-cream)}
.hero-proof>p{color:#91a7b4!important}
.hero-proof>p span{color:var(--signal-green)}
.hero .trust-row{color:#d4e0e6;border-color:rgba(255,255,255,.18)}
.hero .trust-row span+span::before{background:var(--signal-green)}
.hero-visual{isolation:isolate;overflow:visible;background:#18354a;box-shadow:0 34px 100px rgba(0,0,0,.3);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 100%)}
.hero-visual::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(7,21,34,.22),transparent 38%),linear-gradient(180deg,transparent 55%,rgba(7,21,34,.74));pointer-events:none}
.hero-visual img{filter:saturate(.82) contrast(1.04) brightness(.82)}
.hero-visual-caption{position:absolute;z-index:3;right:34px;bottom:34px;display:grid;gap:7px;max-width:280px;padding:18px 20px;color:#fff;background:rgba(7,21,34,.72);border:1px solid rgba(255,255,255,.16);border-radius:10px;backdrop-filter:blur(14px)}
.hero-visual-caption span{color:var(--signal-green);font:750 10px/1 Inter,sans-serif;letter-spacing:.15em}
.hero-visual-caption strong{font-size:16px;line-height:1.45}
.hero-orbit{position:absolute;z-index:4;left:14%;top:12%;display:grid;width:130px;height:130px;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;color:var(--stage);background:var(--signal-green);box-shadow:0 18px 45px rgba(0,0,0,.22);animation:hero-orbit-float 4.4s cubic-bezier(.37,0,.63,1) infinite alternate}
.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;inset:12px;border:1px solid rgba(7,21,34,.28);border-radius:50%}
.hero-orbit::after{inset:28px}
.hero-orbit span{position:relative;z-index:2;font-size:20px;font-weight:850;letter-spacing:-.04em}
.hero-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--signal-orange)}
.hero-orbit i:nth-of-type(1){left:18px;top:30px}.hero-orbit i:nth-of-type(2){right:20px;bottom:26px}.hero-orbit i:nth-of-type(3){right:28px;top:18px;background:var(--stage)}
.hero-signal{position:absolute;z-index:3;left:22%;bottom:28px;display:flex;gap:8px}
.hero-signal span{padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:99px;color:#d7e3e8;background:rgba(7,21,34,.58);backdrop-filter:blur(10px);font-size:11px;font-weight:700}
.hero-backtype{position:absolute;z-index:0;left:0;bottom:8px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.1);font:850 clamp(72px,10vw,156px)/.85 Inter,sans-serif;letter-spacing:-.07em;white-space:nowrap;pointer-events:none;user-select:none}

.motion-marquee{color:var(--stage);background:var(--signal-orange);border-color:rgba(7,21,34,.25)}
.motion-marquee span{display:flex;align-items:center;padding:20px 0;font-size:14px;letter-spacing:.13em}
.motion-marquee span i{display:inline-block;width:12px;height:12px;margin:0 18px;border-radius:50%;background:var(--signal-green);box-shadow:0 0 0 5px rgba(7,21,34,.12)}

.bento-card{position:relative;isolation:isolate;overflow:hidden}
.bento-card::after,.service-stage .service-card::after{content:"";position:absolute;z-index:0;inset:0;opacity:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(255,255,255,.2),transparent 34%);transition:opacity 220ms ease;pointer-events:none}
.bento-card:hover::after,.service-stage .service-card:hover::after{opacity:1}
.bento-card>*{position:relative;z-index:1}
.bento-card.main{background:linear-gradient(145deg,#071522,#153c56)}
.bento-card.main .tag{color:var(--stage);background:var(--signal-green)}
.bento-card.orange{color:var(--stage);background:var(--signal-orange)}
.bento-card.orange p{color:#4a2a16}
.ai-strip{color:var(--stage);background:var(--signal-cream);border:1px solid var(--line)}
.ai-strip strong{color:var(--signal-orange)}

.service-stage{color:#fff;background:radial-gradient(circle at 87% 9%,rgba(49,230,173,.13),transparent 24%),linear-gradient(180deg,#071522,#0a1e2d)}
.service-stage::before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}
.service-stage .container{position:relative;z-index:1}
.service-heading-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:80px;align-items:center;margin-bottom:70px}
.service-heading-grid .section-head{margin:0}
.service-stage .section-head h2{color:#fff}
.service-stage .section-head .lead{color:#adc2ce}
.service-stage .eyebrow{color:var(--signal-green)}
.service-orbit{position:relative;display:grid;width:300px;height:300px;place-items:center;justify-self:end;border:1px solid rgba(255,255,255,.17);border-radius:50%}
.service-orbit::before,.service-orbit::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.service-orbit::before{inset:38px}.service-orbit::after{inset:76px;background:rgba(49,230,173,.07)}
.service-orbit strong{position:relative;z-index:2;color:#fff;font-size:30px;letter-spacing:-.05em}
.service-orbit small{position:absolute;z-index:2;top:174px;color:var(--signal-green);font:750 9px/1 Inter,sans-serif;letter-spacing:.18em}
.service-orbit-ring{position:absolute;inset:0;animation:service-orbit-spin 24s linear infinite}
.service-orbit-ring span{position:absolute;color:#c5d5dd;font:700 10px/1 Inter,"HarmonyOS Sans SC",sans-serif;letter-spacing:.08em}
.service-orbit-ring span:nth-child(1){left:50%;top:-6px}.service-orbit-ring span:nth-child(2){right:2px;top:25%}.service-orbit-ring span:nth-child(3){right:13px;bottom:20%}.service-orbit-ring span:nth-child(4){left:46%;bottom:-7px}.service-orbit-ring span:nth-child(5){left:4px;bottom:23%}.service-orbit-ring span:nth-child(6){left:-3px;top:24%}
.service-stage .service-grid{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.12)}
.service-stage .service-card{position:relative;isolation:isolate;color:var(--stage);background:var(--signal-cream);border-color:transparent}
.service-stage .service-card:nth-child(2){background:var(--signal-orange)}
.service-stage .service-card:nth-child(3){background:var(--signal-green)}
.service-stage .service-card:nth-child(4){color:#fff;background:#102c41}
.service-stage .service-card:nth-child(5){background:#e9eff2}
.service-stage .service-card:nth-child(6){background:#ffe0c9}
.service-stage .service-card>*{position:relative;z-index:1}
.service-stage .service-visual{color:inherit;background:transparent!important;border-bottom:1px solid rgba(7,21,34,.18)}
.service-stage .service-card:nth-child(2) .service-visual,.service-stage .service-card:nth-child(3) .service-visual,.service-stage .service-card:nth-child(5) .service-visual,.service-stage .service-card:nth-child(6) .service-visual{color:var(--stage);background:transparent!important}
.service-stage .service-card:nth-child(4) .service-visual{color:#fff;background:transparent!important;border-color:rgba(255,255,255,.18)}
.service-stage .service-visual>span{color:rgba(7,21,34,.12)}
.service-stage .service-card:nth-child(4) .service-visual>span{color:rgba(255,255,255,.12)}
.service-stage .service-visual>small{color:rgba(7,21,34,.55)}
.service-stage .service-card:nth-child(4) .service-visual>small{color:rgba(255,255,255,.58)}
.service-stage .tag{color:var(--stage);background:rgba(7,21,34,.08)}
.service-stage .service-card:nth-child(4) .tag{color:var(--signal-green);background:rgba(49,230,173,.1)}
.service-stage .service-card:nth-child(4) p{color:#b8cad4}
.service-stage .service-card:nth-child(4) .service-delivery{color:#d0dce2;border-color:rgba(255,255,255,.18)}
.service-stage .service-card:hover{outline-color:var(--signal-green);box-shadow:0 28px 70px rgba(0,0,0,.24)}
.service-stage .service-card:hover .service-visual>span{transform:translate3d(-8px,8px,0) rotate(-4deg)}

.industry-nav button.active{border-color:var(--signal-orange);box-shadow:inset 4px 0 0 var(--signal-orange)}
.process-node.active button{color:var(--stage);background:var(--signal-green);border-color:var(--signal-green)}
.process-panel{box-shadow:inset 4px 0 0 var(--signal-orange)}
.culture .tag{color:var(--stage);background:var(--signal-green);border-color:var(--signal-green)}

@keyframes hero-orbit-float{to{transform:translate3d(0,18px,0) rotate(6deg)}}
@keyframes service-orbit-spin{to{transform:rotate(360deg)}}
@keyframes hero-line-in{from{opacity:0;clip-path:inset(0 0 100%);transform:translateY(42px)}to{opacity:1;clip-path:inset(0);transform:none}}
.motion-enabled .hero-copy h1 span{animation:hero-line-in 820ms cubic-bezier(.22,1,.36,1) both}
.motion-enabled .hero-copy h1 span:nth-child(2){animation-delay:90ms}

@media (max-width:1199px){
  .hero{min-height:auto}
  .hero-grid{min-height:0}
  .hero-visual{overflow:hidden;box-shadow:none;-webkit-mask-image:none;mask-image:none}
  .hero-backtype{display:none}
  .service-heading-grid{grid-template-columns:minmax(0,1fr) 260px;gap:42px}
  .service-orbit{width:230px;height:230px}
  .service-orbit small{top:138px}
}

@media (max-width:767px){
  body.has-dark-hero .site-header:not(.scrolled){background:rgba(7,21,34,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .hero-grid{padding-top:42px}
  .hero-copy h1{font-size:38px}
  .hero .btn--secondary{color:#fff;border-color:rgba(255,255,255,.5)}
  .hero-visual{aspect-ratio:4/3;background:#18354a}
  .hero-visual img{object-position:66% 52%;filter:saturate(.86) contrast(1.02) brightness(.85)}
  .hero-visual-caption{right:14px;bottom:14px;max-width:220px;padding:13px 14px}
  .hero-visual-caption strong{font-size:13px}
  .hero-orbit{left:14px;top:14px;width:82px;height:82px}
  .hero-orbit::before{inset:9px}.hero-orbit::after{inset:20px}
  .hero-orbit span{font-size:15px}
  .hero-orbit i{width:5px;height:5px}.hero-orbit i:nth-of-type(1){left:10px;top:20px}.hero-orbit i:nth-of-type(2){right:12px;bottom:17px}.hero-orbit i:nth-of-type(3){right:17px;top:10px}
  .hero-signal{display:none}
  .motion-marquee span{padding:15px 0;font-size:10px}
  .motion-marquee span i{width:8px;height:8px;margin-inline:12px;box-shadow:0 0 0 3px rgba(7,21,34,.12)}
  .service-heading-grid{display:block;margin-bottom:38px}
  .service-heading-grid .section-head{margin-bottom:0}
  .service-heading-grid .section-head h2 br{display:none}
  .service-orbit{display:none}
  .service-stage .service-grid{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.14)}
  .service-stage .service-card{grid-template-columns:76px minmax(0,1fr)}
  .service-stage .service-visual{border:0;border-right:1px solid rgba(7,21,34,.18)}
  .service-stage .service-card:nth-child(4) .service-visual{border-right-color:rgba(255,255,255,.18)}
  .service-stage .service-visual>span{font-size:34px}
  .bento-card::after,.service-stage .service-card::after{display:none}
}

@media (prefers-reduced-motion:reduce){
  .hero-orbit,.service-orbit-ring,.motion-enabled .hero-copy h1 span{animation:none}
}

/* V13 — foldable phones: compact cover screens, unfolded canvases and hinge-safe layouts. */
:root{
  --safe-top:env(safe-area-inset-top,0px);
  --safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
}

main,.hero-grid,.strength-grid,.service-grid,.industry-layout,.industry-panel,
.case-grid,.featured-case,.event-layout,.contact-grid,.form-grid,.footer-grid{
  min-width:0;
}

@media (max-width:599px){
  .container,.container-wide,.hero-grid{
    width:auto;
    margin-left:max(16px,var(--safe-left));
    margin-right:max(16px,var(--safe-right));
  }
  .site-header,.site-header.scrolled{
    height:calc(68px + var(--safe-top));
    padding-top:var(--safe-top);
  }
  .mobile-menu{
    inset:calc(68px + var(--safe-top)) 0 0;
    padding-right:max(20px,var(--safe-right));
    padding-bottom:calc(84px + var(--safe-bottom));
    padding-left:max(20px,var(--safe-left));
  }
  .hero-grid{padding-top:30px}
  .hero-copy h1 em{display:block}
  .hero-visual{
    width:calc(100% + max(16px,var(--safe-left)) + max(16px,var(--safe-right)));
    margin-right:calc(0px - max(16px,var(--safe-right)));
    margin-left:calc(0px - max(16px,var(--safe-left)));
  }
  .mobile-quick-nav{
    width:auto;
    margin-right:max(16px,var(--safe-right));
    margin-left:max(16px,var(--safe-left));
  }
  .mobile-quick-nav a,.mobile-contact-bar a,.mobile-contact-bar button{min-width:0;white-space:nowrap}
  .industry-nav,.filter-row,.process-nodes,.honor-scroll{
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .mobile-contact-bar{
    height:calc(60px + var(--safe-bottom));
    padding-right:max(6px,var(--safe-right));
    padding-bottom:max(6px,var(--safe-bottom));
    padding-left:max(6px,var(--safe-left));
  }
  body{padding-bottom:calc(60px + var(--safe-bottom))}
  .toast{max-width:calc(100% - 32px);bottom:calc(78px + var(--safe-bottom));white-space:normal;text-align:center}
}

@media (max-width:359px){
  .brand-wordmark,.brand-wordmark b{font-size:21px}
  .menu-toggle{min-width:48px;padding-inline:9px}
  .hero-copy h1{font-size:clamp(33px,10.6vw,36px)}
  .hero .button-row,.page-actions{grid-template-columns:1fr}
  .mobile-quick-nav a{padding-inline:4px}
  .mobile-contact-bar{grid-template-columns:.95fr .95fr 1.1fr}
  .mobile-contact-bar a,.mobile-contact-bar button{padding-inline:2px;font-size:11px}
  .form-card,.contact-card,.industry-panel,.breakdown{padding:19px}
}

/* Unfolded phone range: denser than a tablet, roomier than a single phone column. */
@media (min-width:600px) and (max-width:899px){
  body{padding-bottom:calc(64px + var(--safe-bottom))}
  .container,.container-wide,.hero-grid{
    width:auto;
    max-width:none;
    margin-left:max(28px,var(--safe-left));
    margin-right:max(28px,var(--safe-right));
  }
  .section{padding-block:80px}
  .section-head{margin-bottom:40px}
  .section-head h2{font-size:clamp(38px,6vw,48px)}
  .site-header,.site-header.scrolled{
    height:calc(72px + var(--safe-top));
    padding-top:var(--safe-top);
  }
  .nav{height:72px}
  .brand-wordmark,.brand-wordmark b{font-size:25px}
  .mobile-menu{
    inset:calc(72px + var(--safe-top)) 0 0 auto;
    width:min(430px,100%);
    padding:18px max(28px,var(--safe-right)) calc(84px + var(--safe-bottom)) 28px;
    border-left:1px solid var(--line);
    box-shadow:-24px 0 70px rgba(7,21,34,.14);
  }
  .hero{padding-top:calc(72px + var(--safe-top))}
  .hero-grid{gap:36px;padding:54px 0 0}
  .hero-copy{max-width:720px}
  .hero-kicker{display:block;margin:0 0 20px!important}
  .hero-summary{display:block}
  .hero-summary-mobile{display:none}
  .hero-copy h1{font-size:clamp(44px,7.3vw,56px);line-height:1.04}
  .hero-copy>p:not(.hero-kicker){font-size:16px;line-height:1.72}
  .hero .button-row{display:flex;gap:12px}
  .hero .btn{width:auto;min-width:184px}
  .hero-proof{display:block;margin-top:42px}
  .hero .trust-row{display:flex;gap:0}
  .hero .trust-row span{width:auto}
  .hero-visual{
    width:100%;
    margin:0;
    aspect-ratio:16/9;
    border-radius:12px;
  }
  .hero-orbit{width:100px;height:100px}
  .hero-orbit::before{inset:10px}.hero-orbit::after{inset:23px}
  .hero-orbit span{font-size:17px}
  .hero-signal{display:none}
  .mobile-quick-nav{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:auto;
    margin:0 max(28px,var(--safe-right)) 0 max(28px,var(--safe-left));
    border-bottom:1px solid var(--line);
    background:var(--canvas);
  }
  .mobile-quick-nav a{display:grid;gap:4px;min-width:0;padding:18px 10px;text-align:center}
  .mobile-quick-nav a+a{border-left:1px solid var(--line)}
  .mobile-quick-nav b{color:var(--orange-700);font:750 10px/1 Inter,sans-serif}
  .mobile-quick-nav span{font-size:13px;font-weight:720}
  .mobile-contact-bar{
    display:grid;
    height:calc(64px + var(--safe-bottom));
    padding:8px max(24px,var(--safe-right)) max(8px,var(--safe-bottom)) max(24px,var(--safe-left));
  }
  .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .metric-card,.metric-card:nth-child(1),.metric-card:nth-child(4){min-height:150px;padding:22px 18px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}
  .service-stage .service-card{display:flex;min-height:350px;flex-direction:column}
  .service-stage .service-visual{
    display:flex;
    height:124px;
    min-height:124px;
    padding:20px;
    align-items:flex-start;
    justify-content:flex-end;
    border-right:0;
    border-bottom:1px solid rgba(7,21,34,.18);
    text-align:left;
  }
  .service-stage .service-card:nth-child(4) .service-visual{border-right:0;border-bottom-color:rgba(255,255,255,.18)}
  .service-stage .service-visual>span{position:absolute;right:14px;top:5px;font-size:58px}
  .service-stage .service-visual>strong{display:block;max-width:230px;font-size:16px}
  .service-stage .service-visual>small{display:block}
  .service-stage .service-body{display:flex;padding:22px;flex:1;flex-direction:column}
  .service-stage .service-delivery{margin-top:auto}
  .partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}
  .partner-card{display:block;padding:20px}
  .industry-info,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .field.full{grid-column:1/-1}
  .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-card.featured{grid-column:1/-1}
  .case-browser{display:block}
  .process-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-panel div+div{border-top:0}
  .process-panel div:nth-child(3),.process-panel div:nth-child(4){border-top:1px solid var(--gray-200)}
  .next-step-grid,.ratio-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .next-step-grid article,.ratio-rule-grid article{padding:26px 20px}
  .event-gallery{display:grid;grid-template-rows:300px 84px}
  .event-main{grid-column:span 3;aspect-ratio:auto;min-height:300px}
  .event-thumb{display:block;min-height:84px}
  .culture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-brand{grid-column:1/-1}
  .site-footer{padding-bottom:calc(92px + var(--safe-bottom))}
}

/* Nearly square unfolded screens use the two physical halves as a composed hero. */
@media (min-width:680px) and (max-width:899px) and (min-aspect-ratio:4/5){
  .hero-grid{
    grid-template-columns:minmax(0,1.12fr) minmax(250px,.88fr);
    gap:28px;
    align-items:center;
    padding:46px 0;
  }
  .hero-copy{grid-column:1}
  .hero-copy h1{font-size:clamp(40px,5.8vw,48px)}
  .hero-copy h1 em{display:block}
  .hero-copy>p:not(.hero-kicker){font-size:14px}
  .hero .btn{min-width:0;padding-inline:14px;font-size:13px}
  .hero-proof{display:none}
  .hero-visual{
    grid-column:2;
    align-self:stretch;
    min-height:430px;
    aspect-ratio:auto;
  }
  .hero-visual img{object-position:66% 50%}
  .hero-visual-caption{right:12px;bottom:12px;max-width:200px;padding:12px}
  .hero-visual-caption strong{font-size:12px}
  .hero-backtype{display:none}
  .bento{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;overflow:visible;margin-right:0;padding-right:0}
  .bento-card,.bento-card.main{min-height:0;flex:auto}
  .bento-card.main{grid-row:span 2}
  .strength-grid{grid-template-columns:.78fr 1.22fr;gap:26px;align-items:stretch}
  .strength-photo{min-height:100%;aspect-ratio:auto}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .event-layout{grid-template-columns:1.04fr .96fr;gap:24px}
}

/* Standards-based segmented viewports: reserve the physical hinge as real whitespace. */
@media (horizontal-viewport-segments:2){
  :root{
    --fold-hinge:max(28px,calc(env(viewport-segment-left 1 0,0px) - env(viewport-segment-right 0 0,0px) + 24px));
  }
  .hero-grid{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:0;
    padding-right:max(24px,var(--safe-right));
    padding-left:max(24px,var(--safe-left));
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:var(--fold-hinge);
  }
  .hero-copy{grid-column:1}
  .hero-visual{grid-column:2;margin:0;align-self:stretch;aspect-ratio:auto}
  .content-grid-2,.event-layout,.featured-case,.contact-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:var(--fold-hinge);
  }
  .lightbox{padding-right:max(20px,var(--safe-right));padding-left:max(20px,var(--safe-left))}
}

/* Temporary AI visuals — explicitly labelled until approved real materials replace them. */
.ai-temp-visual{
  position:relative;
  isolation:isolate;
  display:block;
  width:100%;
  min-height:320px;
  margin:0;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:14px;
  color:#fff;
  background:var(--navy-900);
  text-align:left;
  box-shadow:0 18px 48px rgba(11,31,51,.11);
}
.ai-temp-visual::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(7,21,34,.03) 38%,rgba(7,21,34,.86) 100%);
  pointer-events:none;
}
.ai-temp-visual>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 380ms cubic-bezier(.22,1,.36,1);
}
button.ai-temp-visual{cursor:zoom-in}
.ai-temp-visual:hover>img{transform:scale(1.025)}
.ai-temp-badge{
  position:absolute;
  z-index:3;
  left:16px;
  top:16px;
  min-height:28px;
  display:inline-flex;
  padding:0 11px;
  align-items:center;
  border:1px solid rgba(255,255,255,.32);
  border-radius:99px;
  color:#071522;
  background:var(--signal-green);
  font:780 10px/1 Inter,"HarmonyOS Sans SC",sans-serif;
  letter-spacing:.05em;
}
.ai-temp-visual figcaption,.ai-temp-caption{
  position:absolute;
  z-index:3;
  right:20px;
  bottom:18px;
  left:20px;
  display:grid;
  gap:5px;
  color:#fff;
  font-size:17px;
  font-weight:760;
  line-height:1.4;
}
.ai-temp-visual figcaption small,.ai-temp-caption small{
  color:#c4d4dc;
  font-size:11px;
  font-weight:560;
}
.ai-temp-visual--industry{min-height:280px}
.ai-temp-visual--industry>img{object-position:center 58%}
.ai-temp-visual--service{min-height:410px}
.ai-temp-visual--service>img{object-position:center}

.about-evidence--image{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--navy-900);
}
.about-evidence--image::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(7,21,34,.08) 25%,rgba(7,21,34,.93) 100%);
}
.about-evidence--image>img{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.about-evidence--image>span,.about-evidence--image>strong,
.about-evidence--image>p,.about-evidence--image>a{position:relative;z-index:2}

.case-art--ai{isolation:isolate;background:var(--navy-900)}
.case-art--ai::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(7,21,34,.04),rgba(7,21,34,.8));
  pointer-events:none;
}
.case-art--ai>.real-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform 340ms cubic-bezier(.22,1,.36,1);
}
.case-art--square>.real-image{object-position:36% 62%}
.case-card:hover .case-art--ai>.real-image{transform:scale(1.035)}
.case-art--ai .ratio-badge{z-index:3}
.case-ai-caption{
  position:absolute;
  z-index:3;
  right:18px;
  bottom:17px;
  left:18px;
  color:#fff;
  font-size:15px;
  line-height:1.35;
}

.gallery-item .image-slot figcaption{
  z-index:2;
  right:12px;
  bottom:12px;
  left:12px;
  padding:10px 12px;
  border-radius:5px;
  color:#fff;
  background:rgba(7,21,34,.78);
  font-size:12px;
  line-height:1.4;
  backdrop-filter:blur(8px);
}

@media (min-width:1200px){
  .industry-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:28px;
    align-items:stretch;
  }
}

@media (min-width:600px) and (max-width:1199px){
  .industry-top{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);
    gap:22px;
    align-items:stretch;
  }
  .industry-top .ai-temp-visual{min-height:250px}
}

@media (max-width:599px){
  .industry-top{display:block}
  .industry-top .ai-temp-visual{min-height:230px;margin-top:20px}
  .ai-temp-visual--service{min-height:280px}
  .ai-temp-visual figcaption,.ai-temp-caption{right:16px;bottom:14px;left:16px;font-size:15px}
  .ai-temp-badge{left:12px;top:12px}
  .case-ai-caption{font-size:13px}
}

/* V15 team portraits — anonymous AI placeholders until authorized real portraits arrive. */
.team-disclosure{
  display:inline-flex;
  width:auto;
  max-width:720px;
  margin:18px 0 0;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:6px;
  color:#c8d7df;
  background:rgba(255,255,255,.055);
  font-size:12px;
  line-height:1.6;
}
.team-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:38px;
}
.founder{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  align-items:start;
}
.team-photo{
  position:relative;
  isolation:isolate;
  display:block;
  width:100%;
  min-height:0;
  margin:0;
  aspect-ratio:4/5;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:#153044;
}
.team-photo::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(7,21,34,.02) 42%,rgba(7,21,34,.88) 100%);
  pointer-events:none;
}
.team-photo>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.82) contrast(.98);
  transition:transform 320ms cubic-bezier(.22,1,.36,1);
}
.team-photo:hover>img{transform:scale(1.025)}
.team-photo-badge{
  position:absolute;
  z-index:2;
  left:10px;
  top:10px;
  padding:5px 7px;
  border-radius:99px;
  color:#073c33;
  background:#73e2cd;
  font:760 9px/1 Inter,"HarmonyOS Sans SC",sans-serif;
  letter-spacing:.02em;
  white-space:nowrap;
}
.team-photo figcaption{
  position:absolute;
  z-index:2;
  right:10px;
  bottom:10px;
  left:10px;
  color:#fff;
  font-size:10px;
  font-weight:650;
  line-height:1.45;
}
.founder-copy h3{margin:0 0 8px;font-size:32px}
.founder-copy p{max-width:640px}
.partner-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  border:0;
  background:transparent;
}
.partner-card{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:rgba(255,255,255,.055);
}
.partner-card .team-photo{width:112px}
.partner-copy{min-width:0;padding-right:4px}
.partner-card h3{margin:0 0 6px;font-size:20px;line-height:1.25}
.partner-card p{margin:0;color:#b9cbd6;font-size:12px;line-height:1.55}

@media (min-width:600px){
  .founder{
    grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);
    gap:28px;
    align-items:center;
  }
  .partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .partner-card{display:flex;padding:12px;flex-direction:column;align-items:stretch}
  .partner-card .team-photo{width:100%}
  .partner-copy{padding:3px 4px 7px}
}

@media (min-width:900px) and (max-width:1199px){
  .partner-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (min-width:1200px){
  .team-layout{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
    gap:60px;
    align-items:start;
  }
  .founder{
    grid-template-columns:300px minmax(0,1fr);
    gap:32px;
    align-items:start;
  }
  .team-photo--founder{min-height:375px}
  .founder-copy h3{font-size:42px}
  .founder-copy p{font-size:15px;line-height:1.76}
  .partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .partner-card{display:flex;padding:12px;flex-direction:column;align-items:stretch}
  .partner-card .team-photo{width:100%}
}