:root{
  --bg:#f7fbff;
  --card:#ffffff;
  --ink:#07172c;
  --muted:#536071;
  --line:#dce9fb;
  --blue:#126bff;
  --blue2:#45a3ff;
  --shadow:0 24px 70px rgba(25,88,180,.12);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 82% 12%, rgba(66,153,255,.18), transparent 32%),
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.9), transparent 30%),
    linear-gradient(180deg,#fff 0%,#f5f9ff 46%,#fff 100%);
}
body::before{
  content:"";
  position:fixed; inset:0; z-index:-2;
  background-image:
    linear-gradient(120deg, transparent 0 68%, rgba(18,107,255,.06) 68.2%, transparent 69%),
    linear-gradient(135deg, transparent 0 70%, rgba(18,107,255,.04) 70.2%, transparent 71%);
  background-size:80px 80px, 120px 120px;
}
.page-glow{
  position:fixed; right:-18vw; top:6vh; width:58vw; height:58vw;
  border-radius:50%;
  background:radial-gradient(circle, rgba(42,135,255,.18), transparent 55%);
  filter:blur(18px);
  z-index:-1;
}
a{color:inherit;text-decoration:none}
.site-header{
  position:sticky; top:0; z-index:20;
  display:flex; align-items:center; gap:32px;
  max-width:1280px; margin:0 auto; padding:24px 28px;
  backdrop-filter:blur(18px);
  background:rgba(255,255,255,.76);
  border-bottom:1px solid rgba(220,233,251,.6);
}
.brand{display:flex; align-items:center; gap:14px; min-width:max-content}
.logo-ring{
  width:48px;height:48px;border-radius:50%;
  background:
    radial-gradient(circle at 54% 50%, transparent 0 48%, rgba(5,25,54,.9) 50% 56%, transparent 57%),
    conic-gradient(from 35deg, #ffffff, #9dadc7, #ffffff, #1b72ff, #ffffff, #76859d, #ffffff);
  box-shadow:inset 0 0 16px rgba(0,0,0,.12), 0 12px 28px rgba(18,107,255,.16);
  position:relative;
}
.logo-ring::after{content:""; position:absolute; left:28px; top:22px; width:42px; height:3px; background:linear-gradient(90deg,var(--blue),transparent); box-shadow:0 0 12px var(--blue)}
.brand-text{display:flex; flex-direction:column; line-height:1.1}
.brand-text strong{letter-spacing:.16em;font-size:15px}
.brand-text em{font-style:normal; letter-spacing:.3em; font-size:12px; color:#1b2c42; margin-top:5px}
.nav{display:flex; align-items:center; gap:28px; margin-left:auto}
.nav a{font-size:15px; color:#22324a; font-weight:600}
.nav a:hover{color:var(--blue)}
.nav-cta{padding:12px 18px; border-radius:14px; background:var(--blue); color:#fff; font-weight:700; box-shadow:0 14px 32px rgba(18,107,255,.24)}
.menu-btn{display:none; background:none; border:0; font-size:24px}

.section{max-width:1280px; margin:0 auto; padding:86px 28px}
.hero{display:grid; grid-template-columns:1.02fr .98fr; gap:54px; align-items:center; min-height:760px}
.eyebrow{margin:0 0 14px; color:var(--blue); font-weight:800; letter-spacing:.06em}
h1,h2,h3,p{margin-top:0}
h1{font-size:72px; line-height:1.08; letter-spacing:-.04em; margin-bottom:26px}
h2{font-size:46px; line-height:1.16; letter-spacing:-.03em; margin-bottom:22px}
h3{font-size:22px; margin-bottom:12px}
.lead,.section-desc{font-size:20px; line-height:1.9; color:#4c5b70; max-width:720px}
.hero-actions{display:flex; gap:18px; margin-top:34px; flex-wrap:wrap}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:54px; padding:0 28px; border-radius:14px; font-weight:800; border:1px solid var(--line)}
.btn.primary{background:linear-gradient(135deg,var(--blue),#0052df); color:#fff; box-shadow:0 16px 36px rgba(18,107,255,.22)}
.btn.ghost{background:rgba(255,255,255,.78); color:var(--blue)}
.metrics-card{
  margin-top:56px;
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
  background:rgba(255,255,255,.82); border:1px solid var(--line); border-radius:24px; padding:16px; box-shadow:var(--shadow);
}
.metrics-card div{padding:14px 18px; background:rgba(255,255,255,.74); border:1px solid #eef4ff; border-radius:18px}
.metrics-card small{display:block; color:#6b788a; margin-bottom:9px}
.metrics-card strong{display:block; font-size:28px; color:var(--blue); margin-bottom:3px}
.metrics-card span{font-size:12px; color:#6b788a}

.hero-visual{
  min-height:620px; border-radius:48px; position:relative; overflow:hidden;
  background:
    linear-gradient(120deg, rgba(255,255,255,.9) 0 22%, rgba(255,255,255,.35) 52%, transparent 100%),
    url("assets/aura_worker_reference.png") center/cover no-repeat,
    linear-gradient(135deg,#eaf3ff,#fff);
  box-shadow:var(--shadow);
}
.route-line{position:absolute; inset:0; background:radial-gradient(circle at 70% 64%, rgba(18,107,255,.22), transparent 34%); opacity:.8}
.route-line::after{
  content:""; position:absolute; width:84%; height:46%; left:10%; bottom:12%;
  border:4px solid rgba(18,107,255,.55); border-left-color:transparent; border-top-color:transparent;
  border-radius:50%; transform:rotate(-9deg); filter:drop-shadow(0 0 14px rgba(18,107,255,.55));
}
.robot-card{
  position:absolute; right:16%; bottom:13%; width:220px; height:380px; animation:float 4.5s ease-in-out infinite;
}
.robot-head{width:120px;height:64px;border-radius:28px;background:linear-gradient(145deg,#fff,#dbe5f0);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 18px 34px rgba(33,54,77,.18)}
.robot-head span{width:18px;height:18px;border-radius:50%; background:#061427; box-shadow:0 0 12px var(--blue) inset,0 0 14px rgba(18,107,255,.65)}
.robot-neck{width:52px;height:24px;margin:0 auto;background:linear-gradient(90deg,#9aacbf,#fff,#8798aa)}
.robot-body{width:172px;height:238px;margin:0 auto;border-radius:48px 48px 36px 36px;background:linear-gradient(110deg,#fff,#d8e2ef 72%,#f7fbff);box-shadow:inset -16px 0 20px rgba(0,0,0,.04),0 26px 54px rgba(14,49,92,.2);position:relative}
.robot-brand{position:absolute;top:48px;left:50%;transform:translateX(-50%);font-size:13px;letter-spacing:.22em;color:#34455b}
.robot-eye{position:absolute;left:50%;bottom:52px;transform:translateX(-50%);width:70px;height:9px;border-radius:9px;background:#07172c}
.robot-side{position:absolute;right:12px;top:88px;width:24px;height:74px;border-radius:24px;background:linear-gradient(#e8f0fa,#c8d4e5);box-shadow:inset 0 0 0 3px rgba(18,107,255,.55)}
.robot-slit{position:absolute;left:50%;bottom:86px;transform:translateX(-50%);width:46px;height:7px;border-radius:6px;background:#08182d}
.robot-base{width:210px;height:72px;border-radius:28px 28px 18px 18px;background:linear-gradient(145deg,#fff,#cfd9e7);margin:0 auto;position:relative;box-shadow:0 20px 44px rgba(14,49,92,.18)}
.robot-base i{display:inline-block;width:28px;height:12px;background:#07172c;border-radius:10px;margin:28px 5px 0 18px;box-shadow:0 0 10px var(--blue) inset}
.robot-wheels{display:flex;justify-content:space-between;width:202px;margin:-6px auto 0}
.robot-wheels span{width:32px;height:32px;background:#121d2a;border-radius:50%;box-shadow:inset 0 0 0 6px #2f3d4e}
.hero-panel{position:absolute;right:8%;top:9%;width:300px;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:26px;padding:22px;backdrop-filter:blur(18px);box-shadow:var(--shadow)}
.hero-panel span{color:#6b788a;font-size:13px}.hero-panel strong{display:block;font-size:22px;margin:5px 0 18px}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mini-grid b{height:62px;border-radius:16px;background:linear-gradient(135deg,#eef6ff,#fff);border:1px solid #e4eefb}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

.value-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:0}
.value-item,.feature-grid article,.product-card,.scenario-cards article,.team-grid article{
  background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)
}
.icon,.team-grid span{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:#f0f7ff;color:var(--blue);font-weight:900;margin-bottom:18px;border:1px solid #dce9fb}
.value-item p,.feature-grid p,.product-card p,.scenario-cards p,.team-grid p{color:var(--muted);line-height:1.75}
.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:start}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.feature-grid article span{display:block;color:var(--blue);font-weight:900;margin-bottom:12px}

.section-title{text-align:center;max-width:760px;margin:0 auto 44px}
.section-title p{color:var(--muted);line-height:1.8}
.product-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.product-card{min-height:360px;display:flex;flex-direction:column}
.product-card a{margin-top:auto;color:var(--blue);font-weight:800}
.product-visual{height:160px;border-radius:24px;margin-bottom:20px;background:#eef6ff center/contain no-repeat;border:1px solid #dce9fb;position:relative;overflow:hidden}




.flow{margin-top:44px;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:30px;padding:28px;display:grid;grid-template-columns:1fr 48px 1fr 48px 1fr 48px 1fr;align-items:center;box-shadow:var(--shadow)}
.flow div{padding:20px;border-radius:22px;background:#f8fbff}.flow strong{display:block;color:var(--blue);font-size:20px}.flow span{color:var(--muted);font-size:14px}.flow i{height:2px;background:linear-gradient(90deg,var(--blue),transparent);position:relative}.flow i::after{content:"";position:absolute;right:0;top:-5px;border-left:10px solid var(--blue);border-top:6px solid transparent;border-bottom:6px solid transparent}

.pilot-hero{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;border-radius:42px;padding:54px;background:linear-gradient(120deg,rgba(255,255,255,.86),rgba(239,247,255,.8));border:1px solid var(--line);box-shadow:var(--shadow)}
.pilot-visual{min-height:360px;border-radius:36px;background:url("assets/aura_worker_reference.png") center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.capability-grid{margin-top:24px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.capability-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(25,88,180,.08)}
.capability-grid span{display:block;color:var(--blue);font-size:26px}.capability-grid strong{display:block;margin:12px 0}.capability-grid p{color:var(--muted);font-size:14px;line-height:1.6}
.scenario-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.scenario-cards b{display:block;height:160px;border-radius:24px;margin-bottom:20px;background:linear-gradient(135deg,rgba(18,107,255,.18),rgba(255,255,255,.7)),url("assets/website_reference.png") center/cover no-repeat}
.invest{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}
.invest-card{background:#fff;border:1px solid var(--line);border-radius:34px;padding:34px;box-shadow:var(--shadow)}
.invest-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #e8f0fb}.invest-row span{color:var(--muted)}.invest-row strong{text-align:right;font-size:20px}.invest-actions{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}
.team{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.contact-card{display:grid;grid-template-columns:.92fr 1.08fr;gap:36px;background:linear-gradient(135deg,#fff,#f0f7ff);border:1px solid var(--line);border-radius:42px;padding:48px;box-shadow:var(--shadow)}
.contact-list{display:grid;gap:12px;margin-top:28px;color:#33435a}
.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.contact-form label{display:grid;gap:8px;font-weight:700;color:#2b3b52}
.contact-form label:nth-child(4){grid-column:span 2}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:15px 16px;font:inherit;color:var(--ink);outline:none}textarea{min-height:118px;resize:vertical}.contact-form button{border:0;cursor:pointer}
.site-footer{max-width:1280px;margin:0 auto;padding:40px 28px 52px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);color:#5c6b7e}.site-footer div{display:flex;gap:20px;flex-wrap:wrap}.site-footer a:hover{color:var(--blue)}

@media (max-width: 980px){
  .nav,.nav-cta{display:none}.menu-btn{display:block;margin-left:auto}
  .site-header.open .nav{position:absolute;display:grid;left:20px;right:20px;top:86px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}
  .hero,.split,.pilot-hero,.invest,.team,.contact-card{grid-template-columns:1fr}
  h1{font-size:48px}h2{font-size:36px}
  .hero{min-height:auto}.hero-visual{min-height:520px}
  .metrics-card,.value-strip,.product-cards,.scenario-cards,.capability-grid{grid-template-columns:repeat(2,1fr)}
  .flow{grid-template-columns:1fr}.flow i{height:34px;width:2px;margin:0 auto}.flow i::after{right:-5px;top:auto;bottom:0;border-top:10px solid var(--blue);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:0}
}
@media (max-width: 620px){
  .section{padding:60px 18px}.site-header{padding:16px 18px}
  .brand-text strong{font-size:12px}.brand-text em{font-size:10px}.logo-ring{width:40px;height:40px}
  h1{font-size:40px}.lead,.section-desc{font-size:16px}
  .metrics-card,.value-strip,.product-cards,.scenario-cards,.capability-grid,.feature-grid,.team-grid,.contact-form{grid-template-columns:1fr}
  .contact-form label:nth-child(4){grid-column:auto}
  .hero-visual{min-height:440px;border-radius:30px}.robot-card{right:10%;transform:scale(.78);transform-origin:bottom right}.hero-panel{left:20px;right:20px;top:20px;width:auto}
  .pilot-hero,.contact-card{padding:28px;border-radius:30px}
  .site-footer{display:grid}
}


/* V2: richer product visuals, replacing simple placeholder blocks */
.robot-mini{background-image:url("assets/product-worker.png");}
.brain-mini{background-image:url("assets/product-brain.png");}
.fleet-mini{background-image:url("assets/product-fleet.png");}
.cloud-mini{background-image:url("assets/product-raas.png");}
.product-card:hover .product-visual{transform:translateY(-4px);box-shadow:0 18px 44px rgba(18,107,255,.16);transition:.25s ease;}
.scenario-cards article:nth-child(1) b{background-image:url("assets/scenario-client.png");}
.scenario-cards article:nth-child(2) b{background-image:url("assets/scenario-finance.png");}
.scenario-cards article:nth-child(3) b{background-image:url("assets/scenario-hardware.png");}
.scenario-cards article:nth-child(4) b{background-image:url("assets/scenario-contact.png");}
.scenario-cards b{background-size:cover;background-position:center;}


/* V3 brand update */
.brand{display:flex;align-items:center}
.brand-logo{display:block;height:50px;width:auto;object-fit:contain}
.logo-ring,.brand-text{display:none}
@media (max-width:620px){.brand-logo{height:40px}}

/* V3 hero visual uses approved image style */
.hero-visual{position:relative;min-height:720px;border-radius:42px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.08)), url("assets/hero-worker.png") center/cover no-repeat;box-shadow:var(--shadow);border:1px solid var(--line)}
.route-line,.robot-card,.hero-panel{display:none !important}
.hero-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 45%,rgba(18,107,255,.05));pointer-events:none}
.hero-badge{position:absolute;right:32px;top:28px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:16px;padding:12px 18px;color:var(--ink);font-weight:800;box-shadow:0 14px 36px rgba(18,107,255,.12)}
.hero-float-card{position:absolute;left:24px;bottom:24px;width:270px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 18px 40px rgba(18,107,255,.16);backdrop-filter:blur(12px)}
.hero-float-card span{color:#6b788a;font-size:13px}.hero-float-card strong{display:block;font-size:22px;margin:5px 0 14px}.hero-float-card .mini-grid b{height:52px}

/* V3 value strip redesign */
.value-strip{gap:24px}
.value-item{position:relative;padding:26px 26px 24px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.98));box-shadow:0 18px 42px rgba(22,84,168,.10)}
.value-item::before{content:"";position:absolute;left:26px;top:0;width:84px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue),#8cc5ff)}
.value-item .icon{width:52px;height:52px;border-radius:16px;margin-bottom:14px;background:linear-gradient(180deg,#f4f8ff,#e9f2ff);box-shadow:inset 0 0 0 1px #d8e7fb}
.value-item strong{display:block;font-size:18px;margin-bottom:10px}
.value-item p{font-size:15px;line-height:1.8;margin:0;color:#5a6880}

/* Better scenario and product polish */
.product-card,.scenario-cards article{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,255,.95))}
.product-card h3{font-size:22px;margin:6px 0 10px}
.product-card p{font-size:15px}
.product-visual{background-color:#f4f8ff}

@media (max-width:980px){.hero-visual{min-height:560px}.hero-float-card{width:240px}}
@media (max-width:620px){.hero-visual{min-height:460px}.hero-badge{right:18px;top:18px;padding:10px 14px;font-size:14px}.hero-float-card{left:16px;bottom:16px;width:210px;padding:14px}.hero-float-card strong{font-size:18px}}


/* V4 final polish: closer to confirmed website concept */
.site-header{
  border-bottom:1px solid rgba(210,226,247,.72);
  box-shadow:0 12px 38px rgba(18,82,160,.05);
}
.section{position:relative}
.section::before{
  content:"";
  position:absolute;
  left:28px; right:28px; top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(18,107,255,.14),transparent);
  opacity:.55;
}
.hero::before,.value-strip::before{display:none}
.hero-copy .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.hero-copy .eyebrow::before{
  content:"";
  width:28px;height:2px;background:var(--blue);border-radius:2px;
}
.hero-copy h1{
  text-shadow:0 8px 22px rgba(16,41,78,.08);
}
.hero-visual{
  isolation:isolate;
}
.hero-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(255,255,255,.18),transparent 42%),
    radial-gradient(circle at 64% 66%,rgba(18,107,255,.18),transparent 30%);
  pointer-events:none;
}
.hero-badge,.hero-float-card{z-index:2}
.hero-float-card{
  border-radius:26px;
  background:rgba(255,255,255,.88);
}
.metrics-card{
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(246,250,255,.86));
}
.metrics-card div{
  transition:.25s ease;
}
.metrics-card div:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(18,107,255,.12);
}
.value-strip{
  margin-top:-30px;
}
.value-item{
  min-height:210px;
  transition:.25s ease;
}
.value-item:hover{
  transform:translateY(-5px);
  box-shadow:0 28px 58px rgba(18,107,255,.13);
}
.value-item .icon{
  font-size:18px;
}
.split,.product,.pilot,.scenarios,.invest,.team,.resources,.contact{
  padding-top:92px;
}
.product-card{
  min-height:390px;
  transition:.25s ease;
}
.product-card:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 68px rgba(18,107,255,.14);
}
.product-visual{
  height:176px;
  background-size:cover;
  background-position:center;
}
.flow{
  background:
    linear-gradient(180deg,rgba(255,255,255,.95),rgba(247,251,255,.92)),
    radial-gradient(circle at 50% 0,rgba(18,107,255,.08),transparent 36%);
}
.flow div{
  min-height:94px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.pilot-hero{
  overflow:hidden;
  position:relative;
}
.pilot-hero::after{
  content:"";
  position:absolute;
  right:-12%; top:-20%;
  width:42%; height:72%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(18,107,255,.12),transparent 62%);
}
.capability-grid article{
  min-height:150px;
  transition:.25s ease;
}
.capability-grid article:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 42px rgba(18,107,255,.12);
}
.scenario-cards article{
  min-height:360px;
  overflow:hidden;
}
.scenario-cards b{
  height:180px;
  transition:.25s ease;
}
.scenario-cards article:hover b{
  transform:scale(1.03);
}
.invest-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,255,.95));
}
.team-grid article{
  min-height:230px;
}

/* Resources section */
.resource-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.resource-card{
  display:block;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.96));
  border:1px solid var(--line);
  border-radius:28px;
  padding:30px;
  box-shadow:var(--shadow);
  transition:.25s ease;
  min-height:230px;
}
.resource-card:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 68px rgba(18,107,255,.14);
}
.resource-card span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:64px;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#edf5ff;
  color:var(--blue);
  font-weight:900;
  margin-bottom:22px;
}
.resource-card p{
  color:var(--muted);
  line-height:1.75;
}

/* Contact form polish */
.contact-form{
  background:rgba(255,255,255,.62);
  border:1px solid rgba(220,233,251,.75);
  border-radius:28px;
  padding:24px;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(18,107,255,.7);
  box-shadow:0 0 0 4px rgba(18,107,255,.08);
}

/* Mobile final */
@media (max-width:980px){
  .resource-grid{grid-template-columns:repeat(2,1fr)}
  .value-strip{margin-top:0}
  .product-visual{height:200px}
}
@media (max-width:620px){
  .resource-grid{grid-template-columns:1fr}
  .product-visual{height:190px}
  .site-header.open .nav a{padding:9px 0}
}


/* V5: logo readability improvement */
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand-logo{
  display:block;
  height:64px;
  width:auto;
  max-width:min(48vw, 300px);
  object-fit:contain;
  image-rendering:auto;
}
.site-header{
  padding-top:14px;
  padding-bottom:14px;
}
@media (max-width:980px){
  .brand-logo{height:58px;max-width:56vw;}
}
@media (max-width:620px){
  .site-header{padding:14px 16px;}
  .brand-logo{height:54px;max-width:62vw;}
  .menu-btn{width:44px;height:44px;font-size:24px;}
  .site-header.open .nav{top:92px;}
}


/* V6 mobile enhancement + copy polish support */
body{padding-bottom:0}
.hero{align-items:center}
.hero-copy .lead{max-width:680px}
.contact-quick-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.mobile-cta-bar{display:none}
.resource-card p,.contact-list span{line-height:1.7}
.contact-card h2,.section-title h2,.split h2,.invest h2,.team h2{letter-spacing:-.01em}
.invest-card .invest-row strong{line-height:1.5}
.hero-copy h1{max-width:12ch}

@media (max-width:980px){
  .hero{gap:28px}
  .hero-visual{order:2}
  .hero-copy{order:1}
  .hero-copy h1{max-width:none}
  .metrics-card{gap:14px}
  .metrics-card div{padding:18px}
  .invest-row strong{font-size:18px}
}

@media (max-width:620px){
  body{padding-bottom:88px}
  .site-header{padding:12px 14px;border-radius:0}
  .brand-logo{height:58px !important; max-width:68vw !important}
  .menu-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 8px 22px rgba(18,107,255,.08)}
  .site-header.open .nav{left:14px;right:14px;top:86px;padding:18px;border-radius:20px}
  .nav a{font-size:16px}
  .section{padding:48px 16px}
  .split,.product,.pilot,.scenarios,.invest,.team,.resources,.contact{padding-top:60px}
  .hero{padding-top:18px;gap:20px}
  .hero-copy .eyebrow{font-size:12px}
  h1{font-size:32px;line-height:1.18}
  h2{font-size:28px;line-height:1.22}
  .lead,.section-desc,.value-item p,.product-card p,.scenario-cards article p,.team-grid article p,.resource-card p,.contact-card p{font-size:15px;line-height:1.75}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:12px}
  .hero-actions .btn{width:100%;justify-content:center}
  .metrics-card{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;border-radius:22px}
  .metrics-card div{padding:16px;border-radius:18px}
  .metrics-card strong{font-size:26px}
  .hero-visual{min-height:360px;border-radius:28px;background-position:65% center}
  .hero-badge{right:14px;top:14px;padding:9px 12px;font-size:13px;border-radius:14px}
  .hero-float-card{left:14px;bottom:14px;width:180px;padding:12px;border-radius:18px}
  .hero-float-card strong{font-size:17px;margin:4px 0 10px}
  .hero-float-card .mini-grid{gap:8px}
  .hero-float-card .mini-grid b{height:40px;border-radius:12px}
  .value-strip{margin-top:0;gap:14px}
  .value-item{min-height:auto;padding:20px;border-radius:22px}
  .value-item::before{left:20px;width:66px}
  .value-item .icon{width:46px;height:46px;margin-bottom:12px}
  .feature-grid article,.product-card,.scenario-cards article,.team-grid article,.capability-grid article,.resource-card{border-radius:22px}
  .product-card{min-height:auto;padding:20px}
  .product-visual{height:140px;border-radius:18px}
  .flow{padding:18px;border-radius:22px;gap:12px}
  .flow div{min-height:auto;padding:16px;border-radius:16px}
  .pilot-hero{padding:22px;border-radius:26px}
  .pilot-visual{min-height:260px;border-radius:22px;background-position:center}
  .capability-grid{margin-top:18px;gap:12px}
  .capability-grid article{min-height:auto;padding:18px}
  .scenario-cards b{height:132px;border-radius:18px;margin-bottom:16px}
  .invest-card{padding:24px;border-radius:26px}
  .invest-row{display:grid;gap:8px;padding:16px 0}
  .invest-row strong{text-align:left;font-size:17px}
  .team-grid{gap:14px}
  .contact-card{padding:22px;border-radius:28px;gap:20px}
  .contact-form{gap:14px}
  input,select,textarea{padding:14px 14px;border-radius:12px}
  .site-footer{padding:28px 16px 108px;gap:18px}
  .site-footer .brand-logo{height:52px !important; max-width:60vw !important}
  .mobile-cta-bar{
    position:fixed;left:0;right:0;bottom:0;z-index:60;
    display:grid;grid-template-columns:1fr 1fr;gap:10px;
    padding:12px 14px calc(12px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(16px);
    border-top:1px solid rgba(220,233,251,.95);
    box-shadow:0 -12px 32px rgba(18,82,160,.08);
  }
  .mobile-cta-bar .btn{justify-content:center;width:100%;padding:14px 10px;border-radius:14px}
}


/* V7: mobile premium visual enhancement + logo 2x */
:root{
  --mobile-shadow:0 22px 58px rgba(18,82,160,.13);
}

/* Larger, clearer logo on all screens */
.brand-logo{
  height:84px !important;
  max-width:min(540px, 58vw) !important;
  object-fit:contain;
}

/* Header gets more premium spacing */
.site-header{
  min-height:92px;
  padding-top:10px;
  padding-bottom:10px;
}

/* Mobile visual refinement */
@media (max-width:620px){
  body{
    background:
      radial-gradient(circle at 82% 6%, rgba(18,107,255,.18), transparent 28%),
      radial-gradient(circle at 14% 22%, rgba(255,255,255,.96), transparent 36%),
      linear-gradient(180deg,#f8fbff 0%,#eef6ff 42%,#ffffff 100%);
  }

  body::before{
    background-size:70px 70px, 110px 110px;
    opacity:.8;
  }

  .site-header{
    min-height:128px;
    padding:18px 18px 16px;
    background:
      linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,252,255,.92));
    box-shadow:0 16px 42px rgba(18,82,160,.10);
    border-bottom:1px solid rgba(205,224,248,.95);
  }

  .brand-logo{
    height:112px !important;
    max-width:82vw !important;
    width:auto !important;
    object-fit:contain;
  }

  .menu-btn{
    width:48px;
    height:48px;
    border-radius:16px;
    background:linear-gradient(180deg,#ffffff,#f4f8ff);
    box-shadow:0 10px 26px rgba(18,107,255,.12);
  }

  .site-header.open .nav{
    top:128px;
    left:14px;
    right:14px;
    border-radius:24px;
    padding:20px;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(18px);
  }

  .section{
    padding-left:18px;
    padding-right:18px;
  }

  .hero{
    padding-top:26px;
  }

  .hero-copy{
    background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.35));
    border:1px solid rgba(220,233,251,.75);
    border-radius:28px;
    padding:22px 18px 20px;
    box-shadow:0 18px 48px rgba(18,82,160,.08);
  }

  .hero-copy .eyebrow{
    color:#0b63ef;
    font-size:13px;
    font-weight:900;
  }

  h1{
    font-size:34px;
    line-height:1.15;
    letter-spacing:-.035em;
    margin-bottom:18px;
  }

  .lead{
    font-size:15.5px;
    line-height:1.82;
    color:#47586d;
  }

  .hero-actions{
    margin-top:22px;
  }

  .btn{
    min-height:54px;
    border-radius:16px;
    font-size:15px;
  }

  .hero-visual{
    min-height:410px;
    border-radius:32px;
    box-shadow:0 28px 70px rgba(18,82,160,.16);
    background-position:62% center;
    border:1px solid rgba(211,229,251,.95);
  }

  .hero-badge{
    font-size:13px;
    font-weight:900;
    border-radius:999px;
    box-shadow:0 14px 34px rgba(18,107,255,.16);
  }

  .hero-float-card{
    width:205px;
    padding:14px;
    border-radius:22px;
    background:rgba(255,255,255,.92);
    box-shadow:0 20px 46px rgba(18,107,255,.16);
  }

  .metrics-card{
    margin-top:20px;
    border-radius:24px;
    padding:12px;
    box-shadow:var(--mobile-shadow);
  }

  .metrics-card div{
    border-radius:18px;
    background:linear-gradient(180deg,#fff,#f6faff);
  }

  .value-item,
  .feature-grid article,
  .product-card,
  .scenario-cards article,
  .team-grid article,
  .resource-card,
  .capability-grid article,
  .invest-card,
  .contact-card{
    box-shadow:var(--mobile-shadow);
    border-color:rgba(214,229,249,.95);
  }

  .value-item{
    background:
      radial-gradient(circle at 88% 16%,rgba(18,107,255,.08),transparent 26%),
      linear-gradient(180deg,#ffffff,#f7fbff);
  }

  .value-item strong,
  .product-card h3,
  .scenario-cards h3,
  .resource-card h3,
  .team-grid h3{
    font-size:20px;
    letter-spacing:-.01em;
  }

  .product-visual{
    height:168px;
    border-radius:22px;
    box-shadow:inset 0 0 0 1px rgba(220,233,251,.95);
  }

  .flow{
    box-shadow:var(--mobile-shadow);
  }

  .pilot-hero{
    box-shadow:var(--mobile-shadow);
    background:
      radial-gradient(circle at 86% 12%,rgba(18,107,255,.12),transparent 32%),
      linear-gradient(180deg,#ffffff,#f3f8ff);
  }

  .pilot-visual{
    min-height:300px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.72);
  }

  .resource-card{
    min-height:auto;
    padding:24px;
  }

  .contact-form{
    padding:18px;
    background:rgba(255,255,255,.78);
  }

  .mobile-cta-bar{
    background:rgba(255,255,255,.96);
    box-shadow:0 -16px 40px rgba(18,82,160,.14);
  }
}

/* Very small phones */
@media (max-width:390px){
  .brand-logo{
    height:100px !important;
    max-width:80vw !important;
  }
  .site-header{
    min-height:118px;
  }
  .site-header.open .nav{
    top:118px;
  }
  h1{
    font-size:31px;
  }
}


/* V8: maximum logo readability */
.brand-logo{
  height:96px !important;
  max-width:min(620px, 64vw) !important;
  width:auto !important;
  object-fit:contain;
}
.site-header{
  min-height:104px;
}

@media (max-width:620px){
  .site-header{
    min-height:146px !important;
    padding:18px 18px 14px !important;
  }
  .brand-logo{
    height:132px !important;
    max-width:88vw !important;
    width:auto !important;
  }
  .site-header.open .nav{
    top:146px !important;
  }
}

@media (max-width:390px){
  .site-header{
    min-height:136px !important;
  }
  .brand-logo{
    height:122px !important;
    max-width:86vw !important;
  }
  .site-header.open .nav{
    top:136px !important;
  }
}


/* V9: crisp CSS logo + premium mobile hero */
.brand-css{
  display:flex !important;
  align-items:center;
  gap:18px;
  min-width:max-content;
}
.brand-logo{display:none !important;}
.logo-mark{
  position:relative;
  width:72px;
  height:72px;
  border-radius:50%;
  flex:0 0 auto;
  background:
    radial-gradient(circle at 50% 50%, #ffffff 0 42%, transparent 43%),
    conic-gradient(from 24deg, #ffffff 0deg, #b6c3d2 60deg, #ffffff 118deg, #126bff 168deg, #ffffff 220deg, #7d8da3 300deg, #ffffff 360deg);
  box-shadow:
    inset 0 0 18px rgba(8,26,48,.16),
    0 14px 32px rgba(18,107,255,.18);
}
.logo-mark::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;
  background:#fff;
  box-shadow:inset 0 0 10px rgba(8,26,48,.08);
}
.logo-mark::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:74px;
  height:4px;
  transform:translateY(-50%);
  border-radius:999px;
  background:linear-gradient(90deg, rgba(18,107,255,0), #126bff 26%, #9dd0ff 50%, rgba(18,107,255,0));
  box-shadow:0 0 14px rgba(18,107,255,.9);
}
.brand-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.05;
}
.brand-copy strong{
  display:block;
  font-size:22px;
  letter-spacing:.18em;
  color:#07172c;
  font-weight:900;
  white-space:nowrap;
}
.brand-copy em{
  display:block;
  margin-top:9px;
  font-style:normal;
  font-size:15px;
  letter-spacing:.42em;
  color:#0e223d;
  font-weight:800;
  white-space:nowrap;
}

/* Premium hero details */
.hero-proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.hero-proof span{
  display:inline-flex;
  align-items:center;
  height:36px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(220,233,251,.92);
  color:#0f2a4a;
  font-weight:800;
  box-shadow:0 10px 22px rgba(18,107,255,.08);
}
.hero-proof span::before{
  content:"";
  width:7px;
  height:7px;
  margin-right:8px;
  border-radius:50%;
  background:#126bff;
  box-shadow:0 0 10px rgba(18,107,255,.8);
}
.hero-copy{
  position:relative;
}
.hero-copy::after{
  content:"";
  position:absolute;
  right:22px;
  top:22px;
  width:90px;
  height:90px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(18,107,255,.10),transparent 62%);
  pointer-events:none;
}
.hero-visual{
  background-size:cover !important;
}
.hero-float-card{
  transform:translateZ(0);
}

/* Desktop logo size adjustment */
.site-header{
  min-height:108px;
}
.site-footer .brand-css .logo-mark{
  width:58px;
  height:58px;
}
.site-footer .brand-css .brand-copy strong{
  font-size:16px;
}
.site-footer .brand-css .brand-copy em{
  font-size:11px;
}

/* Mobile: ultra clear logo, better first screen */
@media (max-width:620px){
  .site-header{
    min-height:126px !important;
    padding:16px 14px 14px !important;
  }
  .brand-css{
    gap:13px;
  }
  .logo-mark{
    width:76px;
    height:76px;
  }
  .logo-mark::after{
    width:72px;
    height:4px;
  }
  .brand-copy strong{
    font-size:21px;
    letter-spacing:.13em;
  }
  .brand-copy em{
    margin-top:8px;
    font-size:13px;
    letter-spacing:.31em;
  }
  .site-header.open .nav{
    top:126px !important;
  }
  .hero-copy{
    padding:24px 18px 22px;
  }
  h1{
    font-size:36px;
    line-height:1.12;
  }
  .lead{
    font-size:16px;
  }
  .hero-proof{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    margin-top:18px;
  }
  .hero-proof span{
    justify-content:center;
    height:38px;
    padding:0 10px;
    font-size:14px;
  }
  .hero-visual{
    min-height:440px !important;
    background-position:58% center !important;
    border-radius:34px;
  }
  .hero-badge{
    top:16px;
    right:16px;
  }
  .hero-float-card{
    width:214px;
    left:16px;
    bottom:16px;
  }
  .metrics-card{
    margin-top:22px;
  }
  .product-visual{
    height:178px;
  }
  .mobile-cta-bar{
    grid-template-columns:1.1fr .9fr;
  }
}

@media (max-width:430px){
  .site-header{
    min-height:120px !important;
  }
  .logo-mark{
    width:68px;
    height:68px;
  }
  .logo-mark::after{
    width:64px;
  }
  .brand-copy strong{
    font-size:18px;
    letter-spacing:.11em;
  }
  .brand-copy em{
    font-size:12px;
    letter-spacing:.24em;
  }
  .site-header.open .nav{
    top:120px !important;
  }
}

@media (max-width:360px){
  .logo-mark{
    width:62px;
    height:62px;
  }
  .brand-copy strong{
    font-size:16px;
  }
  .brand-copy em{
    font-size:11px;
    letter-spacing:.20em;
  }
  h1{
    font-size:32px;
  }
}


/* V11: mobile first-screen layout fix + icon refinement */
.icon,.cap-icon,.team-icon{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:52px;height:52px;border-radius:17px;
  background:linear-gradient(180deg,#f7fbff,#eaf3ff);
  border:1px solid #d7e8ff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 12px 24px rgba(18,107,255,.10);
  color:var(--blue);flex:0 0 auto;overflow:hidden;font-size:0 !important;
}
.icon::before,.icon::after,.cap-icon::before,.cap-icon::after,.team-icon::before,.team-icon::after{
  content:"";position:absolute;display:block;box-sizing:border-box;
}
.icon-shield::before{width:24px;height:28px;border:3px solid var(--blue);border-radius:14px 14px 18px 18px;transform:translateY(1px)}
.icon-shield::after{width:12px;height:7px;border-left:3px solid var(--blue);border-bottom:3px solid var(--blue);transform:rotate(-45deg) translate(1px,1px)}
.icon-speed::before{width:29px;height:29px;border:3px solid var(--blue);border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(-35deg)}
.icon-speed::after{width:17px;height:3px;background:var(--blue);border-radius:999px;transform:rotate(-24deg) translate(3px,5px)}
.icon-data::before{width:27px;height:25px;border:3px solid var(--blue);border-radius:7px}
.icon-data::after{width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--blue) 0 3px,transparent 4px),linear-gradient(var(--blue),var(--blue)) center 2px/3px 13px no-repeat,linear-gradient(var(--blue),var(--blue)) 3px center/13px 3px no-repeat}
.icon-link::before{width:17px;height:23px;border:3px solid var(--blue);border-radius:999px;transform:rotate(45deg) translate(-5px,2px)}
.icon-link::after{width:17px;height:23px;border:3px solid var(--blue);border-radius:999px;transform:rotate(45deg) translate(5px,-2px)}
.cap-route::before{width:29px;height:29px;border:3px solid var(--blue);border-radius:50%;border-right-color:transparent;transform:rotate(-20deg)}
.cap-route::after{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:18px -9px 0 var(--blue),-14px 10px 0 var(--blue)}
.cap-camera::before{width:30px;height:22px;border:3px solid var(--blue);border-radius:8px}
.cap-camera::after{width:12px;height:12px;border:3px solid var(--blue);border-radius:50%;background:#fff}
.cap-alert::before{width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:30px solid var(--blue);transform:translateY(-1px)}
.cap-alert::after{width:5px;height:13px;background:#fff;border-radius:999px;box-shadow:0 17px 0 -1px #fff;transform:translateY(7px)}
.cap-night::before{width:27px;height:27px;border-radius:50%;background:var(--blue)}
.cap-night::after{width:27px;height:27px;border-radius:50%;background:#edf6ff;transform:translate(9px,-6px)}
.cap-report::before{width:24px;height:30px;border:3px solid var(--blue);border-radius:6px;background:transparent}
.cap-report::after{width:14px;height:3px;border-radius:999px;background:var(--blue);box-shadow:0 8px 0 var(--blue),0 16px 0 var(--blue);transform:translateY(-3px)}
.team-network::before{width:30px;height:20px;border-top:3px solid var(--blue);border-bottom:3px solid var(--blue);transform:rotate(-18deg)}
.team-network::after{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:19px -7px 0 var(--blue),-18px 7px 0 var(--blue)}
.team-tech::before{width:30px;height:22px;border:3px solid var(--blue);border-radius:7px}
.team-tech::after{width:18px;height:3px;background:var(--blue);box-shadow:0 8px 0 var(--blue),0 16px 0 var(--blue);transform:translateY(-8px)}
.team-business::before{width:30px;height:28px;border-left:3px solid var(--blue);border-bottom:3px solid var(--blue);transform:translateY(2px)}
.team-business::after{width:7px;height:18px;background:var(--blue);border-radius:4px 4px 0 0;box-shadow:11px -8px 0 var(--blue),22px -15px 0 var(--blue);transform:translate(-9px,4px)}
.team-capital::before{width:30px;height:30px;border:3px solid var(--blue);border-radius:50%}
.team-capital::after{content:"¥";position:absolute;font-size:22px;font-weight:900;line-height:1;color:var(--blue)}
.capability-grid span.cap-icon,.team-grid span.team-icon{font-size:0;margin-bottom:14px}
.team-grid span.team-icon{display:inline-flex}

@media (max-width:620px){
  body{padding-bottom:88px;background:radial-gradient(circle at 80% 8%, rgba(18,107,255,.14), transparent 30%),linear-gradient(180deg,#f8fbff 0%,#eef6ff 42%,#ffffff 100%)}
  .site-header{min-height:82px !important;padding:10px 14px !important;align-items:center;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(18,82,160,.08)}
  .brand-css{gap:10px;min-width:0;max-width:calc(100vw - 82px)}
  .logo-mark{width:48px !important;height:48px !important}
  .logo-mark::after{width:48px;height:3px}
  .brand-copy{min-width:0}
  .brand-copy strong{font-size:15px !important;letter-spacing:.10em;white-space:nowrap}
  .brand-copy em{font-size:10px !important;letter-spacing:.22em;margin-top:5px;white-space:nowrap}
  .menu-btn{width:44px !important;height:44px !important;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f6faff);box-shadow:0 8px 20px rgba(18,107,255,.10);margin-left:auto}
  .site-header.open .nav{top:82px !important;left:14px;right:14px;border-radius:20px;padding:18px}
  .section{padding:42px 16px}
  .hero{padding-top:18px;gap:16px;min-height:auto}
  .hero-copy{order:1;padding:20px 16px 18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.72));border:1px solid rgba(215,232,252,.95);box-shadow:0 18px 42px rgba(18,82,160,.10)}
  .hero-copy::after{display:none}
  .hero-copy .eyebrow{font-size:12px;margin-bottom:10px}
  .hero-copy .eyebrow::before{width:20px}
  h1{font-size:30px !important;line-height:1.16;margin-bottom:14px;letter-spacing:-.035em}
  .lead{font-size:14.5px;line-height:1.72;margin-bottom:0;color:#47586d}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
  .hero-actions .btn{min-height:48px;padding:0 10px;border-radius:14px;font-size:14px;white-space:nowrap}
  .hero-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px}
  .hero-proof span{height:30px;padding:0 6px;justify-content:center;font-size:12px;border-radius:999px}
  .hero-proof span::before{display:none}
  .metrics-card{display:none !important}
  .hero-visual{order:2;min-height:300px !important;border-radius:26px;background-position:60% center !important;box-shadow:0 20px 48px rgba(18,82,160,.14)}
  .hero-badge{right:12px;top:12px;padding:8px 11px;font-size:12px;border-radius:999px}
  .hero-float-card{left:12px;bottom:12px;width:176px;padding:11px;border-radius:18px}
  .hero-float-card strong{font-size:16px;margin:3px 0 8px}
  .hero-float-card span{font-size:12px}
  .hero-float-card .mini-grid{gap:7px}
  .hero-float-card .mini-grid b{height:34px;border-radius:10px}
  .value-strip{margin-top:0;gap:12px}
  .value-item{min-height:auto;padding:18px;border-radius:22px}
  .value-item .icon{width:44px;height:44px;border-radius:14px;margin-bottom:10px}
  .value-item strong{font-size:18px}
  .value-item p{font-size:14.5px;line-height:1.65}
  .split,.product,.pilot,.scenarios,.invest,.team,.resources,.contact{padding-top:54px}
  .capability-grid article{display:grid;grid-template-columns:44px 1fr;gap:0 12px;align-items:start;padding:17px}
  .capability-grid article .cap-icon{grid-row:1 / span 2;width:44px;height:44px;border-radius:14px;margin-bottom:0}
  .capability-grid article strong{margin:1px 0 6px;font-size:17px}
  .capability-grid article p{margin:0;font-size:14px;line-height:1.6}
  .team-grid span.team-icon{width:44px;height:44px;border-radius:14px;margin-bottom:10px}
  .product-visual{height:150px;border-radius:18px}
  .pilot-visual{min-height:250px}
  .scenario-cards b{height:124px;border-radius:18px}
}
@media (max-width:390px){
  .brand-copy strong{font-size:13.5px !important;letter-spacing:.08em}
  .brand-copy em{font-size:9px !important;letter-spacing:.18em}
  .logo-mark{width:44px !important;height:44px !important}
  .logo-mark::after{width:44px}
  h1{font-size:28px !important}
  .hero-actions{grid-template-columns:1fr}
  .hero-proof{grid-template-columns:repeat(2,1fr)}
}


/* V12: mobile image completeness fix + remove overview overlay */

/* Remove AURA Fleet overview floating panel everywhere */
.hero-float-card{
  display:none !important;
}

/* Make important image areas show complete images instead of cropping */
@media (max-width:620px){
  /* First robot image: show full picture, not cropped */
  .hero-visual{
    min-height:360px !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-color:#f6fbff !important;
    border-radius:26px !important;
  }

  .hero-visual::before{
    background:
      linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.06)),
      radial-gradient(circle at 70% 66%,rgba(18,107,255,.10),transparent 34%) !important;
  }

  .hero-badge{
    left:14px !important;
    right:auto !important;
    top:14px !important;
    max-width:calc(100% - 28px);
    white-space:normal;
    line-height:1.35;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(10px);
  }

  /* Pilot image: show complete image, no crop */
  .pilot-visual{
    min-height:310px !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-color:#f6fbff !important;
    border-radius:22px !important;
  }

  /* Product visuals: no cut-off */
  .product-visual{
    height:170px !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-color:#f6fbff !important;
  }

  /* Scenario images: no cut-off */
  .scenario-cards b{
    height:150px !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-color:#f6fbff !important;
  }

  /* Make first screen more balanced after removing floating panel */
  .hero{
    gap:14px !important;
  }

  .hero-copy{
    margin-bottom:0;
  }

  .hero-actions{
    grid-template-columns:1fr 1fr;
  }
}

/* Tablet image fit */
@media (min-width:621px) and (max-width:980px){
  .hero-float-card{display:none !important;}
  .hero-visual,
  .pilot-visual{
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-color:#f6fbff !important;
  }
  .product-visual,
  .scenario-cards b{
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-color:#f6fbff !important;
  }
}

/* Desktop keeps stronger full visual but removes overview block */
@media (min-width:981px){
  .hero-float-card{display:none !important;}
}


/* V13: clear pilot image + remove blocking badge */
.hero-badge{display:none !important;}
.hero-float-card{display:none !important;}

.pilot-visual{
  background-image:url("assets/aura_worker_clean.png") !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-color:#f6fbff !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55), 0 18px 40px rgba(18,82,160,.08) !important;
}

@media (min-width: 981px){
  .pilot-visual{min-height:680px !important;border-radius:34px !important;}
}

@media (min-width: 621px) and (max-width: 980px){
  .pilot-visual{min-height:520px !important;border-radius:28px !important;}
}

@media (max-width: 620px){
  .pilot-visual{
    min-height:420px !important;
    border-radius:24px !important;
    background-size:contain !important;
  }
  .pilot-hero{padding:20px !important;}
}


/* V14: full-site responsive image fit and clarity pass */

/* Use sharper robot image wherever the park inspection visual appears */
.hero-visual,
.pilot-visual{
  background-image:url("assets/aura_worker_clean_2x.png") !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-color:#f6fbff !important;
}

/* Remove all floating overlays that can block visuals */
.hero-badge,
.hero-float-card,
.hero-panel,
.route-line,
.robot-card{
  display:none !important;
}

/* Avoid blurry, washed-out overlays on hero visual */
.hero-visual::before,
.hero-shot::after{
  opacity:.16 !important;
  pointer-events:none !important;
}

/* Desktop image sizing */
@media (min-width:981px){
  .hero-visual{
    min-height:720px !important;
    border-radius:42px !important;
  }
  .pilot-visual{
    min-height:620px !important;
    border-radius:34px !important;
  }
  .product-visual{
    height:190px !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-color:#f6fbff !important;
  }
  .scenario-cards b{
    height:190px !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-color:#f6fbff !important;
  }
}

/* Tablet image sizing */
@media (min-width:621px) and (max-width:980px){
  .hero-visual{
    min-height:560px !important;
    border-radius:34px !important;
  }
  .pilot-visual{
    min-height:520px !important;
    border-radius:30px !important;
  }
  .product-visual{
    height:210px !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-color:#f6fbff !important;
  }
  .scenario-cards b{
    height:200px !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-color:#f6fbff !important;
  }
}

/* Mobile image sizing: show full image and reduce wasted space */
@media (max-width:620px){
  .hero-visual{
    min-height:390px !important;
    border-radius:26px !important;
    background-size:contain !important;
    background-position:center center !important;
    background-color:#f6fbff !important;
    box-shadow:0 18px 44px rgba(18,82,160,.12) !important;
  }

  .pilot-visual{
    min-height:390px !important;
    border-radius:24px !important;
    background-size:contain !important;
    background-position:center center !important;
    background-color:#f6fbff !important;
    box-shadow:0 18px 44px rgba(18,82,160,.10) !important;
  }

  .product-visual{
    height:170px !important;
    border-radius:18px !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-color:#f6fbff !important;
  }

  .scenario-cards b{
    height:160px !important;
    border-radius:18px !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-color:#f6fbff !important;
  }

  /* Keep cards compact after image-fit changes */
  .product-card,
  .scenario-cards article{
    overflow:hidden;
  }

  .pilot-hero{
    padding:20px !important;
  }
}

/* Very small mobile screens */
@media (max-width:390px){
  .hero-visual,
  .pilot-visual{
    min-height:350px !important;
  }
  .product-visual{
    height:155px !important;
  }
  .scenario-cards b{
    height:145px !important;
  }
}


/* V15: restore visible robot images by using existing asset filenames */
.hero-badge,
.hero-float-card,
.hero-panel,
.route-line,
.robot-card{
  display:none !important;
}

/* Important: use existing filenames that definitely exist in /assets */
.hero-visual,
.pilot-visual{
  background-image:url("assets/hero-worker.png") !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-color:#f6fbff !important;
  background-size:contain !important;
}

.hero-visual::before,
.hero-shot::after{
  opacity:.10 !important;
  pointer-events:none !important;
}

/* Product and scenario images should also show fully without being cropped */
.product-visual,
.scenario-cards b{
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-color:#f6fbff !important;
}

/* Desktop / tablet / mobile sizes */
@media (min-width:981px){
  .hero-visual{min-height:700px !important;border-radius:42px !important;}
  .pilot-visual{min-height:660px !important;border-radius:34px !important;}
  .product-visual{height:190px !important;}
  .scenario-cards b{height:190px !important;}
}

@media (min-width:621px) and (max-width:980px){
  .hero-visual{min-height:540px !important;border-radius:34px !important;}
  .pilot-visual{min-height:520px !important;border-radius:30px !important;}
  .product-visual{height:205px !important;}
  .scenario-cards b{height:190px !important;}
}

@media (max-width:620px){
  .hero-visual{
    min-height:370px !important;
    border-radius:26px !important;
    background-size:contain !important;
    background-position:center center !important;
  }
  .pilot-visual{
    min-height:390px !important;
    border-radius:24px !important;
    background-size:contain !important;
    background-position:center center !important;
  }
  .product-visual{height:165px !important;}
  .scenario-cards b{height:150px !important;}
  .pilot-hero{padding:20px !important;}
}

@media (max-width:390px){
  .hero-visual{min-height:340px !important;}
  .pilot-visual{min-height:355px !important;}
  .product-visual{height:150px !important;}
  .scenario-cards b{height:140px !important;}
}