:root{
  --ink:#10264a;--text:#25456f;--muted:#6583af;--blue:#1973ff;--blue2:#4a92ff;
  --glass:rgba(255,255,255,.48);--soft:rgba(255,255,255,.60);--line:rgba(255,255,255,.72);
  --shadow:0 18px 50px rgba(61,101,162,.13);--radius:28px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{
  margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);
  background:
    radial-gradient(circle at 13% 6%,rgba(123,188,255,.60),transparent 25%),
    radial-gradient(circle at 86% 7%,rgba(255,255,255,.96),transparent 26%),
    radial-gradient(circle at 84% 77%,rgba(145,204,255,.30),transparent 25%),
    linear-gradient(180deg,#edf5ff 0%,#eaf2fd 46%,#e6effa 100%);
  min-height:100vh
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:radial-gradient(#4d7cba .45px,transparent .45px);background-size:13px 13px}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.container{width:min(1440px,calc(100% - 34px));margin-inline:auto}
.glass{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow)}
.soft{background:var(--soft);border:1px solid rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(79,111,164,.08)}
.ambient{position:fixed;border-radius:999px;filter:blur(65px);pointer-events:none;z-index:-1}
.ambient-a{width:320px;height:320px;left:-110px;top:70px;background:rgba(89,166,255,.22)}
.ambient-b{width:340px;height:340px;right:-80px;top:10px;background:rgba(255,255,255,.72)}
.ambient-c{width:280px;height:280px;right:5%;bottom:4%;background:rgba(86,164,255,.14)}

.nav-shell{height:76px;margin-top:14px;border-radius:20px;padding:8px 22px;display:grid;grid-template-columns:390px 1fr auto;align-items:center;position:sticky;top:12px;z-index:50}
.brand img{height:64px;width:auto;display:block}
.nav-links{display:flex;justify-content:center;gap:38px;font-size:14px;color:#31517a}
.nav-links a:hover{color:var(--blue)}
.nav-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none;border:0;background:transparent;font-size:22px;color:var(--ink)}
.btn{min-height:48px;border:0;padding:0 20px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:800;cursor:pointer;transition:.18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(180deg,var(--blue2),var(--blue));color:#fff;box-shadow:0 10px 24px rgba(31,116,255,.25)}
.btn-soft{background:rgba(255,255,255,.70);border:1px solid rgba(111,154,218,.16);color:#213f69}

.hero{min-height:595px;display:grid;grid-template-columns:47% 53%;align-items:center;padding:22px 0 18px;position:relative}
.hero-copy{z-index:5;padding:10px 0 0 10px}
.kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:#6e90c0;margin-bottom:12px}
.hero h1{margin:0;max-width:650px;font-size:clamp(48px,4.85vw,78px);line-height:.96;letter-spacing:-.065em;color:var(--ink)}
.hero-sub{font-size:17px;line-height:1.48;color:#5f7fa9;max-width:620px;margin:15px 0 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:19px}
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;max-width:630px}
.proof{min-height:67px;border-radius:16px;padding:10px 12px;display:flex;align-items:center;gap:10px}
.proof-icon{width:38px;height:38px;border-radius:12px;background:rgba(25,115,255,.10);display:grid;place-items:center;color:var(--blue);font-size:20px}
.proof strong{display:block;font-size:16px;color:#16345f}.proof small{display:block;font-size:11px;color:#6583af;margin-top:2px}


.hero-stage{height:560px;position:relative;overflow:hidden;border-radius:0 0 30px 30px}
.car-cabin{position:absolute;inset:10px -60px 0 10%;border-radius:48px 0 0 48px;background:
  linear-gradient(100deg,rgba(229,242,255,.82),rgba(153,196,234,.26) 44%,rgba(17,42,73,.12) 45%,rgba(12,27,52,.24) 100%),
  radial-gradient(circle at 86% 22%,rgba(65,140,255,.36),transparent 16%),
  linear-gradient(180deg,#dceeff,#bcd6ef 55%,#9dbbd9);
  opacity:.95;filter:saturate(.95)
}
.car-cabin:after{content:"";position:absolute;right:-30px;bottom:16px;width:420px;height:180px;border-radius:38px;background:linear-gradient(180deg,#122845,#08182e);box-shadow:0 16px 45px rgba(17,42,73,.25)}
.dash-screen{position:absolute;right:45px;bottom:46px;width:330px;height:140px;border-radius:23px;background:linear-gradient(180deg,#142d54,#0a1730);z-index:2;padding:18px}
.dash-grid{height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dash-grid span{border-radius:11px;background:linear-gradient(180deg,#3891ff,#6a6cff);color:#fff;display:grid;place-items:center;font-size:11px}
.steering-ring{position:absolute;right:352px;bottom:24px;width:190px;height:190px;border:24px solid rgba(14,35,61,.85);border-radius:999px;z-index:2}
.hero-person{position:absolute;left:2%;bottom:-35px;width:540px;max-height:570px;object-fit:contain;object-position:bottom center;z-index:4;filter:drop-shadow(0 22px 35px rgba(41,72,119,.18))}
.apps-float{position:absolute;right:42px;top:22px;width:265px;border-radius:20px;padding:16px 18px;z-index:6}
.apps-float h3{margin:0 0 12px;font-size:17px;color:#142f57;line-height:1.2}.apps-float small{display:block;margin-top:10px;color:#6c88b0;font-size:11px}
.app-row{display:flex;gap:8px}.app{width:40px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:900;border:1px solid rgba(255,255,255,.75);background:#fff}.app.red{color:#fff;background:#ff3434}.app.dark{color:#ff4343;background:#111}.app.navy{font-size:8px;background:#183563;color:#fff}.app.green{color:#0f5;background:#081b16}.app.plus{font-size:20px;color:#5c79a7;background:rgba(255,255,255,.65)}
.hero-signature{position:absolute;right:68px;bottom:92px;z-index:7;color:white;font-size:22px;line-height:1.07;font-style:italic;font-weight:700;text-shadow:0 4px 15px rgba(5,18,35,.4);transform:rotate(-6deg)}

.panel{border-radius:25px;margin-top:12px;padding:18px 26px}
.services-panel{display:grid;grid-template-columns:28% 72%;align-items:center}
.services-intro{padding:6px 18px}.services-intro h2,.process-intro h2,.cases-head h2,.faq-intro h2{margin:0;color:var(--ink);letter-spacing:-.055em;line-height:1}
.services-intro h2{font-size:38px}.services-intro p,.process-intro p,.faq-intro p{color:#6683ad;font-size:13px;line-height:1.45;max-width:300px}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.service-card{min-height:150px;border-radius:18px;padding:14px 15px;position:relative}.tile-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(25,115,255,.10);color:var(--blue);font-size:19px}.mini-arrow{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:999px;background:#fff;display:grid;place-items:center;color:var(--blue)}
.service-card h3{margin:16px 0 5px;font-size:17px;color:#18355f;letter-spacing:-.03em}.service-card p{margin:0;color:#6783ad;font-size:12px;line-height:1.35}

.process-panel{display:grid;grid-template-columns:25% 75%;align-items:center}
.process-intro{padding:6px 18px}.process-intro h2{font-size:34px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{min-height:145px;border-radius:18px;padding:14px}.step-head{display:flex;align-items:center;justify-content:space-between}.step-head span{width:36px;height:36px;border-radius:11px;background:rgba(25,115,255,.10);display:grid;place-items:center;color:var(--blue)}.step-head b{font-size:26px;color:#91a9cf}.step h3{font-size:14px;margin:11px 0 5px;color:#17335b;letter-spacing:-.02em}.step p{font-size:11px;line-height:1.38;margin:0;color:#6782aa}

.compat{margin-top:12px;border-radius:24px;padding:13px 20px;display:grid;grid-template-columns:28% 72%;align-items:center}.compat-title h2{margin:0;color:var(--ink);font-size:31px;letter-spacing:-.05em}.compat-title p{margin:3px 0 0;color:#6d86ac;font-size:12px}.compat-form{display:grid;grid-template-columns:1fr 1fr .8fr auto;gap:10px;align-items:end}.compat-form label{font-size:11px;font-weight:700;color:#6e86aa;display:grid;gap:6px}.compat-form select{height:42px;border:1px solid rgba(116,153,211,.18);border-radius:10px;padding:0 11px;background:rgba(255,255,255,.70);color:#355275;outline:none}

.cases-panel{padding-top:13px}.cases-head{display:grid;grid-template-columns:28% 72%;align-items:end;margin-bottom:10px}.cases-head h2{font-size:29px}.cases-head>a{justify-self:end;font-size:11px;font-weight:800;color:#1f67cf;margin-right:8px}.cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-left:28%}.case-card{height:150px;border-radius:14px;overflow:hidden;position:relative;background:#244}.case-card img{width:100%;height:100%;object-fit:cover}.play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.78);display:grid;place-items:center;color:#315781}.case-copy{position:absolute;left:8px;right:8px;bottom:8px;border-radius:10px;background:rgba(11,21,40,.72);padding:8px 9px;color:#fff}.case-copy b{display:block;font-size:12px}.case-copy small{display:block;font-size:9px;margin-top:2px;color:#d8e4f8}

.faq-panel{display:grid;grid-template-columns:27% 45% 28%;gap:14px;align-items:stretch}.faq-intro{padding:4px 14px}.faq-intro h2{font-size:35px}.faq-list{background:rgba(255,255,255,.45);border-radius:16px;padding:2px 16px}.faq-list details{border-bottom:1px solid rgba(101,133,181,.15);padding:10px 0}.faq-list details:last-child{border-bottom:none}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:750;color:#24466f;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{font-size:10px;color:#6783aa;line-height:1.4;margin:7px 0 0}.contact-card{border-radius:17px;padding:14px}.chat-icon{width:40px;height:40px;border-radius:12px;background:rgba(25,115,255,.11);display:grid;place-items:center;color:var(--blue)}.contact-card h3{margin:10px 0 4px;color:#153259;font-size:20px;letter-spacing:-.03em}.contact-card p{margin:0 0 10px;color:#6681a8;font-size:11px;line-height:1.35}.contact-card .btn{width:100%;min-height:41px;font-size:11px}.trust-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;color:#7890b5;font-size:9px}

.footer{min-height:98px;padding:20px 5px 24px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-bottom:1px solid rgba(91,130,190,.14)}.footer-brand img{height:52px}.footer-brand small{display:block;color:#7890b2;font-size:9px;margin-top:7px}.footer nav{display:flex;justify-content:center;gap:18px;color:#557299;font-size:10px}.footer-right{display:grid;justify-items:end;color:#5e7ca6;font-size:10px;gap:3px}.footer-right small{font-size:9px;color:#7b92b2}

@media(max-width:1150px){
  .nav-shell{grid-template-columns:260px 1fr auto}.brand img{height:42px}.nav-links{gap:20px}
  .hero{grid-template-columns:1fr}.hero-stage{order:-1;height:470px}.hero-person{width:430px}.hero-copy{padding-inline:8px}
  .services-panel,.process-panel,.compat{grid-template-columns:1fr}.cases-head{grid-template-columns:1fr}.cases-grid{margin-left:0}.services-intro,.process-intro{padding:6px}.compat-form{margin-top:12px}
}
@media(max-width:820px){
  .container{width:min(100% - 20px,1440px)}.nav-shell{grid-template-columns:1fr auto;height:68px;padding:7px 14px}.brand img{height:46px}.btn-nav{display:none}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;gap:12px;padding:15px;background:rgba(255,255,255,.90);border-radius:18px;box-shadow:var(--shadow)}.nav-links.open{display:flex}
  .proof-grid,.services-grid,.steps,.cases-grid,.faq-panel,.footer{grid-template-columns:1fr 1fr}.compat-form{grid-template-columns:1fr 1fr}.hero h1{font-size:51px}.hero-stage{height:420px}.hero-person{width:360px}.car-cabin{inset:5px -80px 0 4%}.apps-float{right:10px;top:12px;transform:scale(.9);transform-origin:top right}.hero-signature{display:none}
}
@media(max-width:560px){
  .hero h1{font-size:42px}.hero-sub{font-size:15px}.proof-grid,.services-grid,.steps,.cases-grid,.faq-panel,.footer,.compat-form{grid-template-columns:1fr}.hero-stage{height:355px}.hero-person{width:285px;left:-7px;bottom:-10px}.apps-float{width:205px}.apps-float .app-row{gap:5px}.app{width:31px}.steering-ring{display:none}.dash-screen{width:230px;height:105px;right:4px}.panel{padding:16px}.cases-grid{margin-left:0}.footer nav{justify-content:flex-start;flex-wrap:wrap}.footer-right{justify-items:start}
}


.wa-ico{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;flex:0 0 22px}
.wa-ico img{width:100%;height:100%;display:block}
.btn-arrow{font-weight:900;opacity:.95}
.btn-primary{gap:11px}
.btn-primary .btn-arrow{margin-left:2px}
.chat-icon{overflow:hidden;padding:0}.chat-icon img{width:100%;height:100%;display:block}
.footer-brand img{height:50px;width:auto}
@media(max-width:1150px){.nav-shell{grid-template-columns:330px 1fr auto;height:72px}.brand img{height:58px}}
@media(max-width:820px){.brand img{height:50px;max-width:320px}.footer-brand img{height:46px}}
@media(max-width:560px){.brand img{height:44px;max-width:280px}}


/* V6 — navegação por âncoras sem esconder o início das seções */
#inicio,
#servicos,
#modelos,
#como-funciona,
#duvidas{
  scroll-margin-top:96px;
}

/* V6 — hero final: pessoa menor, cabeça inteira e área esquerda limpa para o texto */
.hero.hero-composite{
  min-height:535px;
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:0 0 34px 34px;
  padding:0;
  margin-top:18px;
  isolation:isolate;
  background:#eaf3ff;
}
.hero-image-layer{
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:url('assets/hero-allyson-byd-v6.webp?v=6');
  background-size:auto 93%;
  background-position:right center;
  background-repeat:no-repeat;
}
/* A própria arte já possui a transição clara à esquerda.
   Mantemos apenas um reforço muito suave sob o texto para evitar mistura de cores. */
.hero.hero-composite::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(239,247,255,.56) 0%,
    rgba(239,247,255,.26) 38%,
    rgba(239,247,255,.08) 49%,
    rgba(239,247,255,0) 57%
  );
}
.hero-copy-overlay{
  width:45.5%;
  padding:48px 0 22px 28px;
  position:relative;
  z-index:2;
}
.hero-copy-overlay h1{
  max-width:620px;
  font-size:clamp(45px,4.55vw,72px);
}
.hero-copy-overlay .hero-sub{
  max-width:575px;
  color:#5879a6;
}
.hero-copy-overlay .proof-grid{max-width:620px}

/* V6 — seção Modelos real */
.models-panel{
  display:grid;
  grid-template-columns:27% 73%;
  align-items:center;
  gap:16px;
}
.models-intro{padding:6px 18px}
.models-intro h2{
  margin:0;
  color:var(--ink);
  font-size:35px;
  line-height:1.02;
  letter-spacing:-.055em;
}
.models-intro p{
  color:#6683ad;
  font-size:12px;
  line-height:1.45;
  max-width:300px;
}
.models-content{
  display:grid;
  grid-template-columns:1.7fr .8fr;
  gap:10px;
}
.model-brand-card{
  border-radius:18px;
  padding:16px;
  min-height:150px;
}
.model-brand-head{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin-bottom:12px;
}
.model-brand-head strong{
  color:#142c50;
  font-size:23px;
  letter-spacing:.06em;
}
.model-brand-head span{
  color:#7890b5;
  font-size:10px;
  font-weight:700;
}
.model-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.model-chips span{
  min-height:28px;
  padding:0 10px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(110,151,213,.14);
  color:#355579;
  font-size:10px;
  font-weight:700;
}
.model-note{
  color:#6884aa;
  font-size:10px;
  line-height:1.4;
  margin:15px 0 8px;
}
.model-wa-link{
  color:#1f67cf;
  font-size:10px;
  font-weight:800;
}

/* Desktop: a imagem não invade o subtítulo nem corta a cabeça */
@media(max-width:1150px){
  .hero.hero-composite{min-height:565px}
  .hero-image-layer{
    background-size:auto 86%;
    background-position:right bottom;
  }
  .hero-copy-overlay{
    width:50%;
    padding-left:24px;
  }
  .models-panel{grid-template-columns:1fr}
  .models-intro{padding:6px}
}

@media(max-width:820px){
  html{scroll-padding-top:86px}
  #inicio,#servicos,#modelos,#como-funciona,#duvidas{scroll-margin-top:86px}

  .hero.hero-composite{
    min-height:700px;
    border-radius:0 0 28px 28px;
  }
  .hero-image-layer{
    background-size:auto 55%;
    background-position:right bottom;
  }
  .hero.hero-composite::after{
    background:linear-gradient(
      180deg,
      rgba(239,247,255,.96) 0%,
      rgba(239,247,255,.88) 44%,
      rgba(239,247,255,.24) 69%,
      rgba(239,247,255,.02) 100%
    );
  }
  .hero-copy-overlay{
    width:100%;
    padding:30px 20px 18px;
  }
  .hero-copy-overlay h1{max-width:600px}
  .models-content{grid-template-columns:1fr}
}

@media(max-width:560px){
  .hero.hero-composite{min-height:745px}
  .hero-image-layer{
    background-size:auto 48%;
    background-position:74% bottom;
  }
  .hero-copy-overlay{
    padding:28px 16px 16px;
  }
  .hero-copy-overlay h1{
    font-size:39px;
    max-width:430px;
  }
  .hero-copy-overlay .hero-sub{max-width:410px}
  .models-intro h2{font-size:31px}
}


/* V6.1 — logo maior no header e footer */
.brand{
  display:flex;
  align-items:center;
}
.brand img{
  object-fit:contain;
}
.footer-brand img{
  width:auto;
  object-fit:contain;
}



  .brand-byd{font-size:19px}
  .brand-geely{font-size:18px}
  .brands-tail{font-size:11px}
}

/* V6.5 — linha de marcas com tipografia unificada */
.brands.brands-simple{
  display:block;
  margin-top:14px;
  color:#6e88ad;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:1.35;
  letter-spacing:0;
}

@media(max-width:560px){
  .brands.brands-simple{
    font-size:12px;
  }
}


/* =========================
   V7 — MOBILE-FIRST REFINEMENT
   ========================= */

@media (max-width: 900px){
  html{
    scroll-padding-top:84px;
  }

  #inicio,
  #servicos,
  #modelos,
  #como-funciona,
  #duvidas{
    scroll-margin-top:84px;
  }

  .container{
    width:min(100% - 18px, 1440px);
  }

  .nav-shell{
    grid-template-columns:1fr auto;
    height:66px;
    padding:8px 12px;
    border-radius:18px;
  }

  .brand img{
    height:42px;
    max-width:250px;
  }

  .btn-nav{
    display:none;
  }

  .menu-toggle{
    display:block;
  }

  .nav-links{
    display:none;
    position:absolute;
    top:74px;
    left:0;
    right:0;
    gap:10px;
    flex-direction:column;
    padding:14px;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(255,255,255,.72);
    border-radius:18px;
    box-shadow:var(--shadow);
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
  }

  .nav-links a{
    padding:12px 14px;
    border-radius:14px;
    background:rgba(255,255,255,.56);
    color:#24466f;
    font-weight:700;
  }

  .nav-links.open{
    display:flex;
  }

  .hero.hero-composite{
    min-height:auto;
    margin-top:14px;
    padding-bottom:320px;
    border-radius:0 0 28px 28px;
  }

  .hero-image-layer{
    inset:auto 0 0 0;
    height:320px;
    background-image:url('assets/hero-allyson-byd-v6.webp?v=12');
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:cover;
  }

  .hero.hero-composite::after{
    z-index:-1;
    background:linear-gradient(
      180deg,
      rgba(239,247,255,.98) 0%,
      rgba(239,247,255,.92) 46%,
      rgba(239,247,255,.66) 68%,
      rgba(239,247,255,.08) 100%
    );
  }

  .hero-copy-overlay{
    width:100%;
    padding:24px 16px 0;
  }

  .kicker{
    font-size:10px;
    margin-bottom:10px;
  }

  .hero-copy-overlay h1{
    max-width:100%;
    font-size:clamp(34px, 8.4vw, 48px);
    line-height:.98;
    letter-spacing:-.06em;
  }

  .hero-copy-overlay .hero-sub{
    max-width:100%;
    margin-top:12px;
    font-size:15px;
    line-height:1.45;
    color:#597aa7;
  }

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

  .hero-actions .btn,
  .compat-form .btn,
  .contact-card .btn{
    width:100%;
    min-height:52px;
    font-size:14px;
  }

  .proof-grid{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:12px;
    max-width:100%;
  }

  .proof{
    min-height:62px;
    padding:11px 12px;
    border-radius:16px;
  }

  .proof-icon{
    width:36px;
    height:36px;
    border-radius:12px;
  }

  .proof strong{
    font-size:15px;
  }

  .proof small{
    font-size:11px;
  }

  .brands.brands-simple{
    margin-top:12px;
    font-size:12px;
    line-height:1.45;
  }

  .panel,
  .compat{
    padding:16px;
    border-radius:22px;
    margin-top:12px;
  }

  .services-panel,
  .models-panel,
  .process-panel,
  .faq-panel,
  .compat{
    grid-template-columns:1fr;
    gap:14px;
  }

  .services-intro,
  .models-intro,
  .process-intro,
  .faq-intro{
    padding:0;
  }

  .services-intro h2,
  .models-intro h2,
  .process-intro h2,
  .faq-intro h2,
  .compat-title h2,
  .cases-head h2{
    font-size:30px;
    line-height:1.03;
  }

  .services-intro p,
  .models-intro p,
  .process-intro p,
  .faq-intro p,
  .compat-title p{
    max-width:100%;
    font-size:13px;
  }

  .services-grid,
  .steps,
  .models-content,
  .compat-form,
  .trust-row{
    grid-template-columns:1fr;
    gap:10px;
  }

  .service-card,
  .step,
  .model-brand-card{
    min-height:auto;
  }

  .compat-form{
    margin-top:6px;
  }

  .compat-form label{
    font-size:12px;
  }

  .compat-form select{
    height:46px;
    border-radius:12px;
  }

  .cases-head{
    grid-template-columns:1fr;
    gap:10px;
    align-items:start;
    margin-bottom:12px;
  }

  .cases-head > a{
    justify-self:start;
    margin-right:0;
    font-size:12px;
  }

  .cases-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:82%;
    gap:10px;
    overflow-x:auto;
    overflow-y:hidden;
    margin-left:0;
    padding-bottom:2px;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }

  .cases-grid::-webkit-scrollbar{
    height:6px;
  }

  .case-card{
    height:192px;
    scroll-snap-align:start;
  }

  .faq-panel{
    gap:12px;
  }

  .faq-list{
    padding:4px 14px;
  }

  .faq-list summary{
    font-size:13px;
    padding-right:8px;
  }

  .faq-list p{
    font-size:12px;
    line-height:1.45;
  }

  .contact-card{
    padding:16px;
  }

  .contact-card h3{
    font-size:22px;
  }

  .contact-card p{
    font-size:12px;
    line-height:1.45;
  }

  .trust-row{
    grid-template-columns:1fr;
  }

  .footer{
    grid-template-columns:1fr;
    gap:12px;
    padding:18px 4px 24px;
    align-items:start;
  }

  .footer nav{
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:12px 16px;
  }

  .footer-right{
    justify-items:start;
  }
}

@media (max-width: 560px){
  .nav-shell{
    height:62px;
    padding:7px 12px;
  }

  .brand img{
    height:38px;
    max-width:220px;
  }

  .nav-links{
    top:70px;
    padding:12px;
  }

  .hero.hero-composite{
    padding-bottom:270px;
  }

  .hero-image-layer{
    height:270px;
    background-size:cover;
    background-position:60% bottom;
  }

  .hero-copy-overlay{
    padding:22px 14px 0;
  }

  .hero-copy-overlay h1{
    font-size:34px;
  }

  .hero-copy-overlay .hero-sub{
    font-size:14px;
  }

  .proof{
    min-height:58px;
  }

  .services-intro h2,
  .models-intro h2,
  .process-intro h2,
  .faq-intro h2,
  .compat-title h2,
  .cases-head h2{
    font-size:28px;
  }

  .service-card{
    padding:14px;
  }

  .service-card h3,
  .step h3{
    font-size:15px;
  }

  .service-card p,
  .step p{
    font-size:12px;
    line-height:1.45;
  }

  .model-chips{
    gap:6px;
  }

  .model-chips span{
    font-size:10px;
    min-height:30px;
  }

  .cases-grid{
    grid-auto-columns:88%;
  }

  .case-card{
    height:180px;
  }

  .case-copy b{
    font-size:12px;
  }

  .case-copy small{
    font-size:10px;
  }

  .chat-icon{
    width:42px;
    height:42px;
  }

  .footer-brand img{
    height:42px;
  }

  .footer-brand small,
  .footer-right small{
    font-size:10px;
  }
}