/* Qiming site styles (revamp inspired by modern logistics landing pages) */

:root{
  --ink:#0b1220;
  --muted:#64748b;
  --line:#e2e8f0;
  --bg1:#f2f4f7;
  --bg2:#f6f7fb;
  --brand:#0f3d3e;
  --brand2:#7c6a2a;
  --card:#ffffff;
  --shadow:0 16px 42px rgba(15,23,42,.12);
  --shadow2:0 10px 28px rgba(15,23,42,.10);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 45%,#ffffff 100%);
  line-height:1.6;
  text-rendering:optimizeLegibility;
}

a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

/* Motion & interaction polish */
.reveal{
  opacity:0;
  transform:translateY(14px);
  transition:
    opacity .45s ease,
    transform .45s cubic-bezier(.2,.85,.25,1);
  transition-delay:var(--d,0ms);
}
.reveal.in{opacity:1;transform:none}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .marquee{animation:none}
}

/* subtle global blobs */
.main-bg{
  position:fixed;inset:0;pointer-events:none;z-index:-3;
  background:
    radial-gradient(circle at 10% 12%,rgba(15,61,62,.14),transparent 40%),
    radial-gradient(circle at 88% 22%,rgba(201,162,39,.10),transparent 38%),
    radial-gradient(circle at 45% 92%,rgba(59,130,246,.08),transparent 42%);
}

.container{width:min(1200px,92%);margin:0 auto}

/* Header */
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--line);
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:48px;height:48px;border-radius:12px;background:#0f172a;display:grid;place-items:center;overflow:hidden;box-shadow:0 10px 20px rgba(15,23,42,.12)}
.logo-img{width:100%;height:100%;object-fit:contain;background:#fff}
.brand-text strong{display:block;font-size:15px}
.brand-text span{display:block;font-size:12px;color:var(--muted)}

.nav{display:flex;gap:18px;align-items:center;font-size:14px}
.nav a{opacity:.92}
.nav a{position:relative}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(15,61,62,.0),rgba(15,61,62,.65),rgba(234,179,8,.55),rgba(15,61,62,.0));transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.nav a:hover{opacity:1}
.nav a:hover::after{transform:scaleX(1)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 18px;border-radius:999px;
  border:1px solid #cbd5f5;background:#fff;color:var(--ink);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.12)}
.btn:active{transform:translateY(0);box-shadow:0 10px 22px rgba(15,23,42,.10)}
.btn.primary{background:linear-gradient(135deg,var(--brand),#0b1220);color:#fff;border-color:transparent}
.btn.ghost{background:transparent}
.btn.outline{
  background:rgba(255,255,255,.06);
  border-color:rgba(226,232,240,.26);
  color:#fff;
  box-shadow:0 16px 44px rgba(0,0,0,.16);
}
.btn.outline:hover{background:rgba(255,255,255,.10);border-color:rgba(226,232,240,.38)}
.btn.small{padding:8px 12px;font-size:13px}

.nav .btn{padding:8px 14px}
.nav-toggle{display:none;border:none;background:#0f172a;color:#fff;border-radius:10px;padding:9px 11px}

/* Hero */
.hero{
  position:relative;
  padding:86px 0 34px;
  overflow:hidden;
  color:#eef2ff;
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(circle at 18% 28%,rgba(56,189,248,.18),transparent 42%),
    radial-gradient(circle at 86% 20%,rgba(234,179,8,.16),transparent 38%),
    linear-gradient(120deg,rgba(15,61,62,.78),rgba(11,18,32,.84)),
    url("../img/hero-ship.jpg") center/cover no-repeat;
  filter:saturate(1.06) contrast(1.06);
}
.hero::after{
  content:"";position:absolute;inset:-160px -160px auto auto;z-index:-1;
  width:640px;height:640px;
  background:radial-gradient(circle,rgba(234,179,8,.18),transparent 62%);
}
.hero .container{position:relative}
.hero .container::before{
  content:"";position:absolute;left:-120px;top:-120px;z-index:-1;
  width:520px;height:520px;
  background:radial-gradient(circle,rgba(56,189,248,.16),transparent 62%);
}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:center}
.hero-text{max-width:640px}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;color:#d9f99d;
  font-weight:700;text-transform:uppercase;letter-spacing:.16em;
  padding:6px 12px;border-radius:999px;
  background:rgba(2,6,23,.30);
  border:1px solid rgba(226,232,240,.18);
}
.hero h1{font-size:44px;line-height:1.1;margin:14px 0 10px;letter-spacing:.02em}
.subtitle{font-size:18px;color:#e2e8f0;margin:0 0 8px}
.meta{color:#cbd5f5;margin:0 0 18px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}

/* Hero image-card (legacy) */
.image-card{border-radius:20px;overflow:hidden;position:relative;box-shadow:0 18px 46px rgba(0,0,0,.26)}
.image-card::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,61,62,.35),rgba(234,179,8,.16));mix-blend-mode:multiply;pointer-events:none}
.image-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.02) contrast(1.06) brightness(.94)}

.hero-quote{
  background:rgba(2,6,23,.50);
  border:1px solid rgba(226,232,240,.20);
  border-radius:20px;
  padding:18px;
  box-shadow:0 22px 48px rgba(0,0,0,.22);
}
.hero-quote h3{margin:0 0 10px;font-size:16px;color:#fff}
.hero-quote .hint{margin:0 0 14px;color:#cbd5f5;font-size:13px}

.form-grid{display:grid;gap:10px}
.field{display:grid;gap:6px}
.field label{font-size:12px;color:#e2e8f0}
.input{
  width:100%;
  padding:11px 12px;
  border-radius:12px;
  border:1px solid rgba(226,232,240,.22);
  background:rgba(2,6,23,.35);
  color:#fff;
  outline:none;
}
.input::placeholder{color:rgba(226,232,240,.70)}
.input:focus{border-color:rgba(56,189,248,.65);box-shadow:0 0 0 4px rgba(56,189,248,.18)}

.quote-actions{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}
.quote-actions--stack{display:grid;grid-template-columns:1fr;gap:10px}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius:999px;
  font-size:12px;
  background:rgba(2,6,23,.35);
  border:1px solid rgba(226,232,240,.18);
  color:#e2e8f0;
}

.hero-quote .btn.primary{width:100%}
.hero-quote .badge{flex:1}
.quote-actions--stack .badge{width:100%;justify-content:flex-start}

button.btn{cursor:pointer}

/* anchor offset for sticky header */
[id]{scroll-margin-top:88px}

/* pricing responsive */
@media (max-width: 980px){
  .pricing-hero{grid-template-columns:1fr}
}

/* ticker */
.hero-ticker{
  margin-top:20px;
  background:rgba(2,6,23,.34);
  border:1px solid rgba(226,232,240,.16);
  border-radius:16px;
  padding:10px 12px;
  overflow:hidden;
}
.ticker-top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ticker-top strong{color:#fff}
.ticker-top span{color:#cbd5f5;font-size:13px}
.marquee{
  margin-top:8px;
  display:flex;
  gap:18px;
  white-space:nowrap;
  animation:mar 30s linear infinite;
  color:#e2e8f0;
  font-size:13px;
  will-change:transform;
}
@keyframes mar{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Sections */
.section{
  padding:64px 0;
  position:relative;
  --overlay:rgba(255,255,255,.80);
  --bg-opacity:.18;
  --tint1:rgba(15,61,62,.14);
  --tint2:rgba(201,162,39,.10);
  isolation:isolate;
  content-visibility:auto;
  contain-intrinsic-size:700px;
}
.section.alt{
  border-top:1px solid #e6ebf2;
  border-bottom:1px solid #e6ebf2;
  --overlay:rgba(255,255,255,.88);
  --bg-opacity:.16;
}

/* Semi-transparent image background per section (set via inline: style="--bg:url('...')") */
.section.bg{overflow:hidden}
.section.bg::after{
  content:"";position:absolute;inset:0;z-index:-2;
  background:var(--bg) center/cover no-repeat;
  opacity:var(--bg-opacity);
  filter:saturate(.98) contrast(1.02) brightness(.98);
  transform:none;
}
@media (prefers-reduced-motion: reduce){
  .section.bg::after{transform:none}
}
.section.bg::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(circle at 12% 18%,var(--tint1),transparent 48%),
    radial-gradient(circle at 88% 30%,var(--tint2),transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.84)),
    var(--overlay);
}

.section>.container{position:relative}
.section>.container::before{
  content:"";position:absolute;left:50%;top:-32px;transform:translateX(-50%);
  width:92%;height:1px;
  background:linear-gradient(90deg,transparent,#e6ebf2,transparent);
}
.section:first-of-type>.container::before{display:none}

.section-title{text-align:center;max-width:820px;margin:0 auto 36px}
.section-title h2{font-size:32px;margin:0 0 8px;letter-spacing:.01em}

/* Pricing hero cards from previous version (keep, but match new style) */
.pricing-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}
.pricing-card{background:rgba(255,255,255,.86);border:1px solid rgba(226,232,240,.92);border-radius:18px;padding:18px;box-shadow:var(--shadow2);position:relative;overflow:hidden}
.pricing-card::before{content:"";position:absolute;inset:0;opacity:.12;background:radial-gradient(circle at top right,var(--brand),transparent 55%)}
.pricing-card h3{margin:0 0 10px}
.pricing-card ul{padding-left:18px;margin:0;display:grid;gap:6px;color:#334155}
.pricing-card .tag{position:absolute;top:14px;right:14px;background:rgba(2,6,23,.72);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;border:1px solid rgba(226,232,240,.18)}
.section-title p{color:#475569;margin:0}
.section-title h2{position:relative;display:inline-block}
.section-title h2::after{
  content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-12px;
  width:74px;height:4px;border-radius:999px;
  background:linear-gradient(90deg,var(--brand),var(--brand2));
}

/* Legacy cards (from earlier version) - re-skinned to match new style */
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(226,232,240,.92);
  border-radius:18px;
  padding:18px;
  box-shadow:var(--shadow2);
  transition:transform .18s ease, box-shadow .18s ease;
  position:relative;
  overflow:hidden;
}
.card::before{content:"";position:absolute;inset:0;opacity:.12;background:radial-gradient(circle at top right,var(--brand),transparent 58%)}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(15,23,42,.14)}
.card h3{margin:0 0 8px}
.card p{margin:0;color:#334155}
.card-icon{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--brand),#0b1220);color:#fff;display:grid;place-items:center;margin-bottom:10px;font-weight:900;box-shadow:0 10px 22px rgba(15,23,42,.16)}

/* Route cards (like product/line cards) */
.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.route{
  position:relative;
  border-radius:18px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(226,232,240,.86);
  box-shadow:var(--shadow2);
  overflow:hidden;
  padding:18px;
  transition:transform .18s ease, box-shadow .18s ease;
}
.route::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 12% 20%,rgba(56,189,248,.18),transparent 46%),
    radial-gradient(circle at 90% 24%,rgba(234,179,8,.16),transparent 44%),
    radial-gradient(circle at top right,rgba(15,61,62,.18),transparent 55%);
  opacity:.95;
}
.route:hover{transform:translateY(-4px);box-shadow:0 18px 46px rgba(15,23,42,.16)}
.route>*{position:relative}
.route h3{margin:0 0 8px}
.route p{margin:0;color:#334155}
.route h3{letter-spacing:.01em}
.route .meta-row span{padding:4px 8px;border-radius:999px;background:rgba(226,232,240,.62);border:1px solid rgba(203,213,245,.65)}
.route .meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;color:#475569;font-size:13px}
.tag{
  position:absolute;top:14px;right:14px;
  background:rgba(2,6,23,.78);color:#fff;
  border-radius:999px;padding:5px 10px;font-size:12px;
  border:1px solid rgba(226,232,240,.18);
}
.route .cta-row{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}

/* Advantage */
.adv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.adv{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(226,232,240,.90);
  border-radius:18px;
  padding:16px 14px;
  box-shadow:0 10px 26px rgba(15,23,42,.08);
  text-align:center;
}
.adv .ico{
  width:48px;height:48px;margin:0 auto 10px;
  border-radius:16px;
  display:grid;place-items:center;
  color:#fff;font-weight:800;
  background:linear-gradient(135deg,var(--brand),#0b1220);
  box-shadow:0 10px 22px rgba(15,23,42,.16);
}
.adv h4{margin:0 0 6px}
.adv p{margin:0;color:#475569;font-size:13px}

/* About counters */
.counter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.counter{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(226,232,240,.90);
  border-radius:18px;
  padding:16px;
  box-shadow:0 10px 26px rgba(15,23,42,.08);
  display:flex;gap:12px;align-items:center;
}
.counter .dot{
  width:48px;height:48px;border-radius:16px;
  display:grid;place-items:center;
  position:relative;flex:0 0 auto;
  box-shadow:0 10px 22px rgba(15,23,42,.12);
  background:linear-gradient(135deg,rgba(15,61,62,.92),rgba(13,148,136,.78));
}
.counter .dot::after{
  content:"";
  width:22px;height:22px;
  background:rgba(255,255,255,.96);
  -webkit-mask: var(--counter-ico) center/contain no-repeat;
  mask: var(--counter-ico) center/contain no-repeat;
}
.counter:nth-child(1) .dot{background:linear-gradient(135deg,rgba(15,61,62,.96),rgba(20,184,166,.78))}
.counter:nth-child(2) .dot{background:linear-gradient(135deg,rgba(99,102,241,.94),rgba(59,130,246,.80))}
.counter:nth-child(3) .dot{background:linear-gradient(135deg,rgba(234,88,12,.94),rgba(249,115,22,.82))}
.counter .dot[data-ico="warehouse"]{--counter-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10.5 12 4l9 6.5V20a1 1 0 0 1-1 1h-4v-6H8v6H4a1 1 0 0 1-1-1v-9.5Zm2 0V19h1v-6h12v6h1v-8.5L12 6 5 10.5Z'/%3E%3C/svg%3E")}
.counter .dot[data-ico="orders"]{--counter-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10a2 2 0 0 1 2 2v14l-4-2-4 2-4-2-4 2V5a2 2 0 0 1 2-2h2Zm0 2H5v10.76l2-.99 4 2 4-2 2 .99V5H7Zm2 3h6v2H9V8Zm0 4h6v2H9v-2Z'/%3E%3C/svg%3E")}
.counter .dot[data-ico="speed"]{--counter-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 4a9 9 0 1 1-9 9 9 9 0 0 1 9-9Zm0 2a7 7 0 1 0 7 7 7 7 0 0 0-7-7Zm1 2v4.59l2.7 2.7-1.4 1.41L11 13.41V8h2Z'/%3E%3C/svg%3E")}
.counter strong{font-size:22px}
.counter span{display:block;color:#475569;font-size:13px}

/* Testimonials */
.scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:14px;overflow:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory}
.scroller::-webkit-scrollbar{height:10px}
.scroller::-webkit-scrollbar-thumb{background:#cbd5f5;border-radius:999px}
.t-card{
  scroll-snap-align:start;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(226,232,240,.92);
  border-radius:18px;
  padding:18px;
  box-shadow:var(--shadow2);
}
.t-card .who{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.avatar{
  width:40px;height:40px;border-radius:14px;
  background:linear-gradient(135deg,rgba(249,115,22,.92),rgba(168,85,247,.80));
  box-shadow:0 10px 22px rgba(15,23,42,.14);
  display:grid;place-items:center;
  position:relative;
}
.avatar::after{
  content:"";
  width:22px;height:22px;
  background:rgba(255,255,255,.95);
  -webkit-mask: var(--ico) center/contain no-repeat;
  mask: var(--ico) center/contain no-repeat;
  opacity:.95;
}

/* Simple inline SVG icons via data: URLs */
.avatar[data-ico="box"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21 8.5V16a2 2 0 0 1-1.2 1.84l-7 3.11a2 2 0 0 1-1.6 0l-7-3.11A2 2 0 0 1 3 16V8.5a2 2 0 0 1 1.11-1.79l7-3.5a2 2 0 0 1 1.78 0l7 3.5A2 2 0 0 1 21 8.5ZM12 5 6.2 7.9 12 10.8l5.8-2.9L12 5Zm7 4.6-6 3V19l6-2.67V9.6ZM5 9.6v6.73L11 19v-6.4l-6-3Z'/%3E%3C/svg%3E")}
.avatar[data-ico="shirt"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 3 12 5 8 3 3 6l3 4 2-1v12h8V9l2 1 3-4-5-3Zm2 6-1-1V5.2l2.3 1.4L18 9ZM6 9 4.7 6.6 7 5.2V8l-1 1Zm3-3.4L12 7l3-1.4V21H9V5.6Z'/%3E%3C/svg%3E")}
.avatar[data-ico="toy"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 6.5A3.5 3.5 0 0 1 12 3a3.5 3.5 0 0 1 3.5 3.5V7H19a2 2 0 0 1 2 2v3.5a2.5 2.5 0 0 1-2.5 2.5H17v2.5A3.5 3.5 0 0 1 13.5 21h-3A3.5 3.5 0 0 1 7 17.5V15H5.5A2.5 2.5 0 0 1 3 12.5V9a2 2 0 0 1 2-2h3.5v-.5Zm2 0V7h3v-.5a1.5 1.5 0 0 0-3 0ZM5 9v3.5c0 .55.45 1 1 1H7V9H5Zm14 0h-2v4.5h1c.55 0 1-.45 1-1V9Zm-10 2.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z'/%3E%3C/svg%3E")}
.avatar[data-ico="chip"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 3h2v2h2V3h2v2h2a2 2 0 0 1 2 2v2h2v2h-2v2h2v2h-2v2a2 2 0 0 1-2 2h-2v2h-2v-2h-2v2H11v-2H9v2H7v-2H5a2 2 0 0 1-2-2v-2H1v-2h2v-2H1v-2h2V9H1V7h2V5a2 2 0 0 1 2-2h2V1h2v2Zm8 4H7v10h10V7Zm-7 2h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1Zm1 2v2h2v-2h-2Z'/%3E%3C/svg%3E")}
.t-card h4{margin:0}
.t-card .role{color:#64748b;font-size:12px}
.t-card p{margin:10px 0 0;color:#334155}

/* Timeline */
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.timeline li{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(226,232,240,.95);
  border-radius:18px;
  padding:14px 16px;
  box-shadow:0 10px 26px rgba(15,23,42,.08);
}

.list{padding-left:18px;color:#334155}
.list li{margin-bottom:8px}
.pill{margin-top:16px;background:linear-gradient(135deg,var(--brand),#0b1220);color:#fff;padding:12px 16px;border-radius:999px;display:inline-block;box-shadow:0 12px 26px rgba(0,0,0,.18)}

/* Two-column / case layout (legacy) */
.two-col{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:center}
.case{display:grid;grid-template-columns:1.12fr .88fr;gap:22px;align-items:center}
.case.reverse{grid-template-columns:.88fr 1.12fr}
.case-text h3{margin-top:0}
.highlight{margin-top:14px;padding:14px 16px;border-left:4px solid var(--brand);background:rgba(255,255,255,.70);border:1px solid rgba(226,232,240,.85);color:#0b1220;border-radius:14px;box-shadow:0 10px 26px rgba(15,23,42,.08)}

/* Pricing tweaks */
.pricing-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0;padding:12px 16px;border:1px dashed #cbd5f5;border-radius:14px;background:rgba(255,255,255,.72)}
.pricing-actions .note{color:#64748b;font-size:13px}

.accordion details{background:rgba(255,255,255,.90);border:1px solid rgba(226,232,240,.95);border-radius:16px;padding:12px 14px;margin:10px 0;box-shadow:0 6px 20px rgba(15,23,42,.06)}
.accordion summary{cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px}
.accordion summary::after{content:"＋";font-size:18px;color:var(--brand)}
.accordion details[open] summary::after{content:"－"}

.table-wrap{overflow:auto;margin-top:10px;border:1px solid rgba(226,232,240,.95);border-radius:14px;background:#fff}
.table-wrap table{width:100%;border-collapse:collapse;font-size:13px}
.table-wrap th,.table-wrap td{padding:10px;border-bottom:1px solid rgba(226,232,240,.95);text-align:left;vertical-align:top}
.table-wrap thead{background:#f1f5f9}
.table-wrap tbody tr:hover{background:#f6f7fb}
.desc{color:#64748b;font-size:13px;margin-top:8px}

/* Footer */
.site-footer{background:#0b1220;color:#cbd5f5;padding:26px 0}
.footer-inner{display:grid;gap:12px;grid-template-columns:1fr auto 1fr;align-items:center}
.footer-links{display:flex;gap:12px;justify-content:center;font-size:14px}
.footer-meta{text-align:right;font-size:12px;color:#94a3b8}
.footer-brand{display:flex;gap:12px;align-items:center}
.footer-brand img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:12px;padding:4px}

/* Contact widget */
.contact-widget{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:90;
  width:min(320px,calc(100vw - 24px));
  padding:18px 18px 16px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.98));
  border:1px solid rgba(226,232,240,.96);
  box-shadow:0 22px 45px rgba(15,23,42,.20);
}
.contact-widget__eyebrow{margin:0 0 6px;color:#0ea5e9;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.contact-widget__title{margin:0 0 8px;font-size:24px;color:#0f172a}
.contact-widget__desc{margin:0 0 14px;color:#475569;line-height:1.7;font-size:14px}
.contact-widget__row{padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:10px}
.contact-widget__row span{display:block;font-size:12px;color:#64748b;margin-bottom:4px}
.contact-widget__row strong,.contact-widget__row a{font-size:20px;font-weight:800;color:#0f172a;text-decoration:none}
.contact-widget__call{display:flex;justify-content:center;align-items:center;width:100%;margin-top:6px}
.contact-widget__feedback{margin-top:8px;text-align:center;font-size:13px;color:#059669;font-weight:700}
.contact-widget__feedback[hidden]{display:none}

@media (max-width: 980px){
  .hero-grid,.two-col,.case,.case.reverse{grid-template-columns:1fr}
  .route-grid{grid-template-columns:1fr}
  .adv-grid{grid-template-columns:repeat(2,1fr)}
  .counter-grid{grid-template-columns:1fr}
}

@media (max-width: 900px){
  .footer-inner{grid-template-columns:1fr}
  .footer-meta{text-align:left}

  .nav{display:none;flex-direction:column;align-items:flex-start;position:absolute;right:4%;top:64px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 10px 30px rgba(15,23,42,.08)}
  .nav.open{display:flex}
  .nav-toggle{display:inline-flex}
  .hero h1{font-size:36px}

  .contact-widget{
    right:12px;
    bottom:12px;
    width:min(300px,calc(100vw - 24px));
    padding:16px;
  }
  .contact-widget__title{font-size:22px}
  .contact-widget__row strong,.contact-widget__row a{font-size:18px}
}

/* Mobile/webview scroll hardening */
html,body{
  min-height:100%;
  overflow-x:hidden;
  overflow-y:auto !important;
}
body{
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:auto;
  touch-action:pan-y;
}
main{position:relative;overflow:visible}
.hero-ticker,.marquee{pointer-events:none}