:root{
    --bg:#f1f4ff;
    --card:#ffffff;
    --ink:#17202e;
    --muted:#5c6779;
    --accent:#b4552d;
    --forest:#2e5745;
    --line:#dde4f5;
    --soft:#e9edfb;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--ink);
    font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
  }
  .wrap{max-width:1120px;margin:0 auto;padding:0 24px;}

  /* Typography */
  .eyebrow{
    font-family:"Bahnschrift","Arial Narrow","Segoe UI",sans-serif;
    text-transform:uppercase;
    letter-spacing:.32em;
    font-size:12px;
    font-weight:600;
    color:var(--accent);
  }
  h1,h2,h3{
    font-family:"Bahnschrift","Arial Narrow","Segoe UI",sans-serif;
    line-height:1.12;
    letter-spacing:-.01em;
    font-weight:700;
  }
  h1{font-size:clamp(2.1rem,5.4vw,3.9rem);}
  h2{font-size:clamp(1.6rem,3.4vw,2.4rem);}
  h3{font-size:1.05rem;letter-spacing:.01em;}
  p{color:var(--muted);}
  .lead{font-size:1.12rem;color:#3d485c;}
  .quote{
    font-family:Georgia,"Times New Roman",serif;
    font-style:italic;
    font-size:1.25rem;
    color:var(--forest);
  }

  /* Hero */
  header{padding:56px 0 20px;}
  .hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
  .hero-text .eyebrow{margin-bottom:18px;display:inline-block;}
  .hero-text h1{margin-bottom:20px;}
  .hero-text .lead{margin-bottom:26px;}
  .hero-figure{
    background:var(--card);
    border-radius:22px;
    padding:18px;
    box-shadow:0 22px 60px -30px rgba(23,32,46,.35);
  }
  .hero-figure img{width:100%;height:auto;display:block;border-radius:14px;}

  /* Sections */
  section{padding:56px 0;}
  .sec-head{max-width:680px;margin-bottom:38px;}
  .sec-head .eyebrow{margin-bottom:14px;display:inline-block;}
  .sec-head h2{margin-bottom:14px;}
  .sec-head p{font-size:1.05rem;}

  /* Galleries */
  .grid{display:grid;gap:28px;}
  .g3{grid-template-columns:repeat(3,1fr);}
  .g2{grid-template-columns:repeat(2,1fr);}
  .g5{grid-template-columns:repeat(5,1fr);}
  .card{
    background:var(--card);
    border-radius:20px;
    padding:16px;
    box-shadow:0 14px 40px -26px rgba(23,32,46,.28);
  }
  .card img{width:100%;height:auto;display:block;border-radius:12px;}
  .card figcaption{padding:14px 6px 6px;}
  .card .cap{
    font-family:"Bahnschrift","Arial Narrow","Segoe UI",sans-serif;
    font-weight:700;
    font-size:1rem;
    color:var(--ink);
    letter-spacing:.02em;
  }
  .card .sub{font-size:.88rem;color:var(--muted);margin-top:4px;}

  /* Feature band */
  .band{
    background:linear-gradient(135deg,#eef2ff 0%,#f1f4ff 60%,#e8eefb 100%);
    border:1px solid var(--line);
    border-radius:24px;
    padding:38px 34px;
  }
  .features{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:30px;}
  .feature{border-left:3px solid var(--accent);padding-left:16px;}
  .feature h3{margin-bottom:8px;}
  .feature p{font-size:.95rem;}

  /* Model split */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;}
  .split .card{padding:16px;}

  /* FAQ */
  .faq-item{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:16px;
    padding:22px 26px;
    margin-bottom:16px;
  }
  .faq-item h3{margin-bottom:8px;color:var(--ink);}
  .faq-item p{font-size:.98rem;}

  /* Divider */
  .rule{height:1px;background:var(--line);margin:10px 0;}

  footer{padding:48px 0 64px;text-align:center;}
  footer .quote{font-size:1.5rem;margin-bottom:10px;display:block;}

  @media (max-width:920px){
    .hero{grid-template-columns:1fr;gap:30px;}
    .g5{grid-template-columns:repeat(2,1fr);}
    .g3{grid-template-columns:1fr 1fr;}
    .features{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:600px){
    .wrap{padding:0 18px;}
    .g5,.g3,.g2,.split,.features{grid-template-columns:1fr;}
    section{padding:42px 0;}
    .band{padding:28px 22px;}
  }