:root{--aw-blue:#144872;--aw-blue-dark:#0D3152;--aw-blue-soft:#E8F0F6;--diesel-green:#155B2A;--paper:#F4F4F1;--paper-2:#E9ECE8;--white:#fff;--ink:#111418;--graphite:#5E646B;--muted:#7A8086;--line:#D9DDE0;--teal:#7D9D9C;--max:1160px;--shadow:0 24px 60px rgba(13,49,82,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Helvetica Neue",Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;letter-spacing:0em}a{color:inherit;text-decoration:none}
.header{position:sticky;top:0;z-index:50;background:rgba(244,244,241,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,72,114,.12)}.nav{max-width:var(--max);margin:0 auto;padding:15px 28px;display:flex;justify-content:space-between;align-items:center;gap:30px}.logo img{display:block;width:178px;height:auto}.nav-links{display:flex;align-items:center;gap:26px;color:var(--graphite);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.nav-links a:hover,.nav-links .active{color:var(--aw-blue)}.nav-cta{padding:10px 16px;border:1.5px solid var(--aw-blue);color:var(--aw-blue)!important}
.network-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.32;
background:
linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04)),
url("assets/flyer-network.svg") center/cover no-repeat}
.network-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,0) 35%,rgba(255,255,255,.08) 70%,rgba(255,255,255,.14));mix-blend-mode:screen}
.network-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.20),transparent 35%),radial-gradient(circle at 78% 18%,rgba(255,255,255,.16),transparent 28%),radial-gradient(circle at 62% 64%,rgba(255,255,255,.14),transparent 30%)}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(232,240,246,.94),rgba(244,244,241,.98))}.hero-inner{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:84px 28px 74px}.overline{margin:0 0 22px;color:var(--aw-blue);font-size:14px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}h1{margin:0;max-width:1020px;color:var(--ink);font-size:clamp(46px,7.2vw,94px);line-height:1.1;letter-spacing:0em;font-weight:880}.title-rule{width:90px;height:3px;margin:34px 0;background:var(--aw-blue)}.hero .lead,.hero p{max-width:820px;margin:0;color:var(--graphite);font-size:clamp(19px,2.2vw,28px);line-height:1.34;letter-spacing:0em;font-weight:600}
section{padding:88px 28px}.container{max-width:var(--max);margin:0 auto}.section-head{display:grid;grid-template-columns:.33fr 1fr;gap:44px;align-items:start;margin-bottom:46px}.section-label{color:var(--aw-blue);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.section-title{margin:0;color:var(--ink);font-size:clamp(30px, 4.7vw, 55px);line-height:1.2;letter-spacing:0em;font-weight:850}.section-intro{margin:18px 0 0;color:var(--graphite);max-width:820px;font-size:18px;line-height:1.58}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 19px;border:1.5px solid var(--aw-blue);color:var(--aw-blue);background:transparent;font-size:12px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;transition:.2s ease}.button:hover{transform:translateY(-2px);box-shadow:8px 8px 0 rgba(20,72,114,.14)}.button-primary{background:var(--aw-blue);color:var(--white)}.button-light{border-color:var(--white);color:var(--white)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.info-bar{background:var(--teal);color:#fff}.info-bar-inner{max-width:var(--max);margin:0 auto;padding:18px 28px;display:flex;justify-content:space-between;gap:24px;font-size:20px;font-weight:850;flex-wrap:wrap}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:var(--white);padding:30px;min-height:240px}.card h3{margin:0 0 12px;color:var(--ink);font-size:26px;line-height:1.1;letter-spacing:0em}.card p{margin:0;color:var(--graphite);font-size:16.5px}.blue-card{background:var(--aw-blue);color:#fff;padding:36px;box-shadow:var(--shadow)}.blue-card h3{margin:0;font-size:clamp(34px,4vw,54px);line-height:1.2;letter-spacing:0em}.blue-card p{color:rgba(255,255,255,.78);font-size:18px}
.platform-card{background:var(--paper);border:1px solid var(--line);box-shadow:0 16px 34px rgba(20,72,114,.07);padding:36px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between}.platform-card h2{margin:0 0 12px;color:var(--aw-blue);font-size:44px;letter-spacing:0em;line-height:1}.platform-card p{margin:0 0 26px;color:var(--graphite);font-size:18px}.note{margin-top:28px;padding:28px 32px;background:var(--aw-blue-soft);border-left:5px solid var(--aw-blue);color:var(--graphite);font-size:18px;line-height:1.55}
.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.step-card{background:var(--paper);padding:25px 20px;min-height:190px}.step-card span,.kicker{display:block;color:var(--aw-blue);font-weight:850;letter-spacing:.06em;text-transform:uppercase;font-size:15px;margin-bottom:42px}.step-card h3{margin:0;font-size:22px;line-height:1.12;letter-spacing:0em}
.product-logic{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.logic-card{background:var(--white);padding:30px;min-height:260px}.logic-kicker{color:var(--aw-blue);font-weight:850;letter-spacing:.06em;text-transform:uppercase;font-size:12px;margin-bottom:40px}.logic-card h3{margin:0 0 12px;color:var(--ink);font-size:28px;line-height:1.08;letter-spacing:0em}.logic-card p{margin:0;color:var(--graphite);font-size:16.5px;line-height:1.52}
.tech-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:46px}.tech-item{background:var(--white);padding:24px 20px;text-align:center;min-height:148px}.tech-icon{width:48px;height:48px;margin:0 auto 14px;border:2px solid var(--aw-blue);color:var(--aw-blue);border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:850}.tech-item h3{margin:0;color:var(--aw-blue);font-size:15px;line-height:1.18;text-transform:uppercase;letter-spacing:.02em}
.architecture-title{display:flex;align-items:center;gap:18px;margin:34px 0 24px;color:var(--aw-blue);font-size:20px;font-weight:850;text-transform:uppercase;letter-spacing:.035em}.architecture-title:before,.architecture-title:after{content:"";height:2px;background:var(--aw-blue);flex:1;opacity:.55}.fuel-architecture{display:grid;grid-template-columns:1fr 1.2fr;gap:28px}.fuel-column{border:1px solid var(--line);background:var(--white);box-shadow:0 16px 34px rgba(20,72,114,.06)}.fuel-header{padding:22px 26px;color:var(--white);min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:16px}.fuel-header.gasoline{background:linear-gradient(135deg,var(--aw-blue),var(--aw-blue-dark))}.fuel-header.diesel{background:linear-gradient(135deg,var(--diesel-green),#0F3F1D)}.fuel-header h2{margin:0;font-size:27px;letter-spacing:-.045em;line-height:1.05;text-transform:uppercase}.fuel-header span{display:block;margin-top:6px;color:rgba(255,255,255,.78);font-size:14px}.fuel-icon{width:54px;height:54px;border:1.5px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;font-size:27px;flex:0 0 auto}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}.diesel-systems{grid-template-columns:repeat(4,1fr)}.system-block{background:var(--white);padding:24px 18px;min-height:360px;display:flex;flex-direction:column;justify-content:space-between}.system-block h3{margin:0 0 12px;color:var(--aw-blue);font-size:18px;line-height:1.18;letter-spacing:0em;text-transform:uppercase}.diesel .system-block h3{color:var(--diesel-green)}.benefit{margin-bottom:18px}.benefit strong{display:block;color:var(--ink);font-size:17px;margin-bottom:5px}.benefit p{margin:0;color:var(--graphite);font-size:14.5px;line-height:1.45}.mini-products{display:grid;gap:10px}.mini-product{border:1px solid var(--line);padding:14px;background:var(--paper);min-height:112px}.mini-product h4{margin:0 0 4px;color:var(--aw-blue);font-size:15px;line-height:1.18}.diesel .mini-product h4{color:var(--diesel-green)}.mini-product p{margin:0 0 8px;color:var(--graphite);font-size:12.5px;line-height:1.35}.mini-product ul{margin:0;padding-left:15px;color:var(--graphite);font-size:12px;line-height:1.42}
.coverage-grid,.value-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:32px}.coverage-item{background:var(--paper);min-height:150px;padding:22px 16px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:10px}.coverage-icon{color:var(--aw-blue);font-size:31px}.coverage-item h3{margin:0;font-size:14px;line-height:1.2;text-transform:uppercase;letter-spacing:.025em;color:var(--aw-blue)}.value-grid{margin-top:24px}.value-item{background:var(--white);padding:18px;color:var(--graphite);font-size:14px;font-weight:700}.value-item:before{content:"✓";color:var(--aw-blue);font-weight:900;margin-right:8px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.product-card{background:var(--white);padding:28px;min-height:270px}.product-code{color:var(--aw-blue);font-weight:850;letter-spacing:.055em;text-transform:uppercase;font-size:12px;margin-bottom:42px}.product-card h3{margin:0 0 12px;color:var(--ink);font-size:24px;line-height:1.12;letter-spacing:0em}.product-card p{margin:0;color:var(--graphite);font-size:15.5px;line-height:1.5}
.dark{position:relative;overflow:hidden;background:var(--aw-blue-dark);color:var(--white)}.dark .network-bg{opacity:.18;filter:grayscale(.15) brightness(.7)}.dark .section-title,.dark h2{color:var(--white)}.dark p,.dark .section-intro{color:rgba(255,255,255,.74)}.dark .card h3{color:var(--ink)}.dark .card p{color:var(--graphite)}
.inquiry-box{position:relative;z-index:2;display:grid;grid-template-columns:1fr .85fr;gap:48px;align-items:center}.inquiry h2,.cta h2{margin:0;font-size:clamp(34px,4.8vw,64px);line-height:1.2;letter-spacing:0em}.request-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:32px}.request-card h3{margin:0 0 18px;font-size:24px;letter-spacing:0em;color:#fff}.request-list{display:grid;gap:12px;margin:0;padding:0;list-style:none;color:rgba(255,255,255,.74);font-size:16px}.request-list li{padding-left:18px;position:relative}.request-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);position:absolute;left:0;top:10px}
.legal{background:var(--white)}.legal article{max-width:920px;margin:0 auto;color:var(--graphite);font-size:17px}.legal h2{color:var(--ink);font-size:30px;letter-spacing:-.04em;margin:36px 0 12px}.legal p{margin:0 0 14px}.footer{background:var(--teal);color:var(--white);padding:20px 28px}.footer-inner{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:15px}.footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.fuel-architecture{grid-template-columns:1fr}.coverage-grid,.value-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.nav-links{display:none}.section-head,.grid-2,.platform-grid,.product-logic,.inquiry-box{grid-template-columns:1fr}.steps-grid,.tech-strip,.product-grid{grid-template-columns:repeat(2,1fr)}.system-grid,.diesel-systems{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero-inner{padding:58px 20px 58px}section{padding:66px 20px}.logo img{width:150px}.steps-grid,.tech-strip,.product-grid,.system-grid,.diesel-systems,.coverage-grid,.value-grid,.grid-3{grid-template-columns:1fr}.platform-card,.product-card,.request-card,.card,.logic-card{padding:26px}.button{width:100%}.architecture-title{font-size:15px;gap:10px}}

.mesh-surface{position:relative;overflow:hidden}
.mesh-surface:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background:url("assets/flyer-network.svg") center/cover no-repeat}
.mesh-surface > .container{position:relative;z-index:1}


/* V1.3 unified flyer-inspired mesh background */
.hero {
  background:
    linear-gradient(180deg, rgba(232,240,246,.86), rgba(244,244,241,.96)),
    url("assets/flyer-network.svg") center/cover no-repeat !important;
}
.hero .network-bg {
  opacity: .18 !important;
}
.dark {
  background:
    linear-gradient(180deg, rgba(13,49,82,.92), rgba(13,49,82,.96)),
    url("assets/flyer-network.svg") center/cover no-repeat !important;
}
.dark .network-bg {
  opacity: .12 !important;
  filter: grayscale(.15) brightness(.7);
}
.mesh-surface {
  position: relative;
  overflow: hidden;
}
.mesh-surface:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .10;
  background: url("assets/flyer-network.svg") center/cover no-repeat;
}
.mesh-surface > .container {
  position: relative;
  z-index: 1;
}
.values-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
  margin-top: 30px;
}
.value-card {
  background: var(--white);
  padding: 24px;
  min-height: 190px;
}
.value-card h3 {
  margin: 0 0 10px;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.12;
  letter-spacing: 0em;
}
.value-card p {
  margin: 0;
  color: var(--graphite);
  font-size: 14.5px;
  line-height: 1.45;
}
@media(max-width:980px){.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.values-grid{grid-template-columns:1fr}.value-card{padding:22px}}


/* V1.4 contact-points depth update */
.hero{
  background:
    linear-gradient(180deg, rgba(232,240,246,.82), rgba(244,244,241,.94)),
    url("assets/flyer-network.svg") center/cover no-repeat !important;
}
.hero .network-bg{
  opacity:.22 !important;
}
.dark{
  background:
    linear-gradient(180deg, rgba(13,49,82,.92), rgba(13,49,82,.97)),
    url("assets/flyer-network.svg") center/cover no-repeat !important;
}
.dark .network-bg{
  opacity:.14 !important;
  filter: saturate(1.05) brightness(.72);
}
.mesh-surface:before{
  opacity:.13 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    url("assets/flyer-network.svg") center/cover no-repeat !important;
}
.network-bg:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 38% 16%, rgba(104,167,213,.13), transparent 18%),
    radial-gradient(circle at 70% 28%, rgba(125,157,156,.14), transparent 20%),
    radial-gradient(circle at 33% 56%, rgba(104,167,213,.10), transparent 18%),
    radial-gradient(circle at 58% 72%, rgba(125,157,156,.12), transparent 20%);
  mix-blend-mode:screen;
}
.network-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,0) 38%, rgba(255,255,255,.06) 68%, rgba(255,255,255,.10)),
    radial-gradient(circle at 16% 20%, rgba(255,255,255,.18), transparent 28%),
    radial-gradient(circle at 78% 14%, rgba(255,255,255,.16), transparent 22%),
    radial-gradient(circle at 66% 66%, rgba(255,255,255,.12), transparent 25%);
}


/* V1.5 refinements */
.where-play .blue-card{
  padding: 28px 30px;
}
.where-play .blue-card h3{
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1.2;
}
.where-play .blue-card p{
  margin-top: 12px;
  font-size: 17px;
}
.where-play .card{
  min-height: 160px;
  padding: 22px 24px;
}
.where-play .card h3{
  margin: 0 0 10px;
  font-size: 22px;
}
.where-play .card p{
  font-size: 15px;
  line-height: 1.48;
}
.where-play .grid-3{
  align-self: stretch;
}
@media(max-width:640px){
  .where-play .blue-card,
  .where-play .card{
    padding: 22px;
  }
  .where-play .card{
    min-height: auto;
  }
}

/* flyer-background intersection refinement */
.hero{
  background:
    linear-gradient(180deg, rgba(232,240,246,.84), rgba(244,244,241,.95)),
    url("assets/flyer-network.svg") center/cover no-repeat !important;
}
.hero .network-bg{
  opacity:.18 !important;
}
.dark{
  background:
    linear-gradient(180deg, rgba(13,49,82,.93), rgba(13,49,82,.97)),
    url("assets/flyer-network.svg") center/cover no-repeat !important;
}
.dark .network-bg{
  opacity:.12 !important;
  filter:saturate(1.03) brightness(.72);
}
.mesh-surface:before{
  opacity:.11 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    url("assets/flyer-network.svg") center/cover no-repeat !important;
}
.network-bg:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 38% 18%, rgba(96,156,204,.10), transparent 16%),
    radial-gradient(circle at 69% 28%, rgba(112,155,153,.12), transparent 16%),
    radial-gradient(circle at 33% 53%, rgba(96,156,204,.09), transparent 15%),
    radial-gradient(circle at 56% 70%, rgba(112,155,153,.10), transparent 17%),
    radial-gradient(circle at 81% 56%, rgba(196,208,214,.08), transparent 15%);
  mix-blend-mode:screen;
}
.network-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,0) 36%, rgba(255,255,255,.05) 68%, rgba(255,255,255,.09)),
    radial-gradient(circle at 16% 20%, rgba(255,255,255,.14), transparent 24%),
    radial-gradient(circle at 78% 14%, rgba(255,255,255,.13), transparent 20%),
    radial-gradient(circle at 66% 66%, rgba(255,255,255,.10), transparent 23%);
}


/* V1.6 final refinement */
.where-play .grid-2{
  grid-template-columns: 0.92fr 1.08fr;
  gap: 22px;
  align-items: stretch;
}
.where-play .blue-card{
  padding: 24px 26px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.where-play .blue-card h3{
  font-size: clamp(28px, 3.1vw, 40px);
  line-height: 1.2;
}
.where-play .blue-card p{
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.45;
}
.where-play .grid-3{
  gap: 1px;
}
.where-play .card{
  min-height: 132px;
  padding: 18px 22px;
}
.where-play .card h3{
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 1.14;
}
.where-play .card p{
  font-size: 14.5px;
  line-height: 1.42;
}
.hero{
  background:
    linear-gradient(180deg, rgba(232,240,246,.82), rgba(244,244,241,.95)),
    url("assets/flyer-network.svg") center/cover no-repeat !important;
}
.dark{
  background:
    linear-gradient(180deg, rgba(13,49,82,.925), rgba(13,49,82,.97)),
    url("assets/flyer-network.svg") center/cover no-repeat !important;
}
.mesh-surface:before{
  opacity:.10 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    url("assets/flyer-network.svg") center/cover no-repeat !important;
}
.network-bg:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 27% 18%, rgba(90,145,190,.09), transparent 14%),
    radial-gradient(circle at 49% 13%, rgba(105,160,157,.08), transparent 13%),
    radial-gradient(circle at 74% 15%, rgba(255,255,255,.10), transparent 13%),
    radial-gradient(circle at 33% 39%, rgba(90,145,190,.08), transparent 14%),
    radial-gradient(circle at 66% 54%, rgba(105,160,157,.09), transparent 14%),
    radial-gradient(circle at 83% 62%, rgba(255,255,255,.08), transparent 13%);
  mix-blend-mode:screen;
}
.network-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.13), rgba(255,255,255,0) 36%, rgba(255,255,255,.05) 70%, rgba(255,255,255,.10)),
    radial-gradient(circle at 12% 22%, rgba(255,255,255,.12), transparent 23%),
    radial-gradient(circle at 78% 16%, rgba(255,255,255,.12), transparent 20%),
    radial-gradient(circle at 66% 66%, rgba(255,255,255,.09), transparent 21%);
}
@media(max-width:980px){
  .where-play .grid-2{grid-template-columns:1fr}
  .where-play .card{min-height:auto}
}
@media(max-width:640px){
  .where-play .blue-card,
  .where-play .card{padding:20px}
}


/* V1.7 mobile / tablet optimization */
@media (max-width: 1100px) {
  .nav { padding: 14px 22px; }
  .logo img { width: 158px; }
  .section-head { gap: 28px; }
  .hero-inner { padding-top: 70px; padding-bottom: 62px; }
  .hero { background-position: center top !important; }
}

@media (max-width: 980px) {
  .header { position: sticky; }

  .nav {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: start;
  }

  .nav-links {
    display: flex !important;
    width: 100%;
    overflow-x: auto;
    gap: 10px;
    padding: 2px 0 4px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .nav-links::-webkit-scrollbar { display: none; }

  .nav-links a {
    flex: 0 0 auto;
    padding: 8px 10px;
    border: 1px solid rgba(20,72,114,.16);
    background: rgba(255,255,255,.58);
    white-space: nowrap;
  }

  .nav-links .nav-cta { border-color: var(--aw-blue); }

  h1 {
    font-size: clamp(42px, 9.8vw, 72px);
    line-height: 1.1;
    letter-spacing:0em;
  }

  .hero .lead, .hero p {
    font-size: clamp(18px, 3.2vw, 24px);
    line-height: 1.42;
  }

  .section-title {
    font-size: clamp(30px, 9.2vw, 42px);
    line-height: 1.06;
  }

  .section-intro { font-size: 17px; }

  .grid-2, .platform-grid, .product-logic, .inquiry-box {
    grid-template-columns: 1fr !important;
  }

  .steps-grid { grid-template-columns: repeat(2, 1fr); }
  .product-grid, .tech-strip { grid-template-columns: repeat(2, 1fr); }
  .system-grid, .diesel-systems { grid-template-columns: repeat(2, 1fr); }
  .coverage-grid, .value-grid { grid-template-columns: repeat(2, 1fr); }
  .values-grid { grid-template-columns: repeat(2, 1fr); }

  .fuel-architecture { gap: 24px; }
  .system-block { min-height: 0; }
  .where-play .grid-2 { grid-template-columns: 1fr !important; }
  .where-play .card, .where-play .blue-card { min-height: 0; }
}

@media (max-width: 760px) {
  body { letter-spacing: 0em; }
  .hero-inner { padding: 54px 20px 54px; }
  section { padding: 58px 20px; }
  .container { width: 100%; }

  .overline {
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 18px;
  }

  h1 {
    font-size: clamp(38px, 12.5vw, 56px);
    line-height: 1.1;
    letter-spacing: 0em;
  }

  .title-rule {
    margin: 26px 0;
    width: 72px;
  }

  .hero .lead, .hero p {
    font-size: 18px;
    line-height: 1.46;
    font-weight: 560;
  }

  .section-head {
    display: block;
    margin-bottom: 30px;
  }

  .section-label {
    font-size: 13px;
    margin-bottom: 14px;
    letter-spacing: .06em;
  }

  .section-title {
    font-size: clamp(30px, 9.2vw, 42px);
    line-height: 1.08;
    letter-spacing: 0em;
  }

  .section-intro {
    font-size: 16px;
    line-height: 1.56;
  }

  .info-bar-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 15px 20px;
    font-size: 14px;
  }

  .actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .button {
    width: 100%;
    min-height: 46px;
  }

  .card, .platform-card, .logic-card, .product-card, .request-card, .value-card, .blue-card, .step-card {
    padding: 22px;
  }

  .card { min-height: 0; }
  .card h3 { font-size: 22px; }
  .platform-card { min-height: 0; }
  .platform-card h2 { font-size: 36px; }

  .steps-grid, .grid-3, .product-grid, .tech-strip, .system-grid, .diesel-systems, .coverage-grid, .value-grid, .values-grid {
    grid-template-columns: 1fr !important;
  }

  .step-card { min-height: 130px; }
  .step-card span, .kicker { margin-bottom: 28px; }

  .tech-item { min-height: 122px; }
  .fuel-header { min-height: 0; padding: 20px; }
  .fuel-header h2 { font-size: 22px; }
  .fuel-icon { width: 44px; height: 44px; font-size: 22px; }

  .system-block {
    min-height: 0;
    padding: 20px;
  }

  .mini-product { min-height: 0; }
  .coverage-item { min-height: 116px; }
  .inquiry-box { gap: 28px; }
  .request-list { font-size: 15px; }
  .legal article { font-size: 16px; }

  .footer-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .network-bg { opacity: .10 !important; }
  .mesh-surface:before { opacity: .055 !important; }
}

@media (max-width: 430px) {
  .nav { padding: 12px 16px; }
  .logo img { width: 138px; }
  .nav-links { gap: 8px; }

  .nav-links a {
    font-size: 11px;
    padding: 7px 9px;
  }

  .hero-inner { padding: 48px 18px 48px; }
  section { padding: 50px 18px; }

  h1 { font-size: clamp(34px, 13.8vw, 48px); }
  .hero .lead, .hero p { font-size: 16.5px; }
  .section-title { font-size: clamp(30px, 9.2vw, 42px); }
  .platform-card h2 { font-size: 32px; }
  .architecture-title { font-size: 13px; gap: 8px; }
  .product-code { margin-bottom: 28px; }
  .value-item { padding: 15px; }
}


/* Chinese entity version adjustments */
body {
  font-family: Inter, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.cn-footer { align-items: center; }
.cn-footer span { line-height: 1.5; }
@media (max-width: 760px) {
  .cn-footer { align-items: start; }
}