:root{ --ink:#0b0b0b; --muted:#5b6775; --max:1180px; }
    body{ color:var(--ink); background:#fff; line-height:1.6; }
    .container{ max-width:var(--max); margin:0 auto; padding:0 20px; }
    .grid{ display:grid; gap:32px; }

    .sub{ font-size:1.125rem; max-width:60ch; color:var(--muted); font-weight:500; }

    .hero{ position:relative; padding:80px 0 48px; overflow:hidden; }
    .hero .grid{ grid-template-columns:1.15fr .85fr; align-items:center; }
    .hero .sub{ margin-top:10px; }
    .collage{ margin:0; }
    .collage img{ width:100%; height:auto; display:block; border-radius:28px; box-shadow:0 12px 32px rgba(15,23,42,.08); }
    .hero.is-fun .grid{ grid-template-columns:1.25fr .9fr; gap:clamp(24px,4vw,64px); align-items:center; }
    .hero.is-fun .collage{ width:clamp(480px,50vw,680px); }
    .hero.is-fun .content{ display:flex; flex-direction:column; justify-content:center; }

    @media (max-width:1024px){
      .hero .grid, .hero.is-fun .grid{ grid-template-columns:1fr; }
      .hero.is-fun .collage{ width:min(100%,720px); margin:0 auto 18px; }
    }

    .section-band{ padding:72px 0; background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%); }
    .section-band .header{ text-align:center; max-width:780px; margin:0 auto 28px; }
    .pill-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
    .pill-card{ background:#fff; border:1px solid #e9eef5; border-radius:18px; padding:20px; box-shadow:0 10px 24px rgba(15,23,42,.04); }
    .pill-icon{ width:48px; height:48px; border-radius:12px; background:#eef2ff; display:grid; place-items:center; margin-bottom:10px; font-size:22px; }
    .pill-card h3{ margin:4px 0 8px; font-size:1.1rem; }

    .features-band{ padding:72px 0; background:#fafbfd; }
    .features-band .header{ text-align:center; max-width:780px; margin:0 auto 28px; }
    .eyebrow{ letter-spacing:.08em; text-transform:uppercase; font-weight:700; color:#2753ff; font-size:.8rem; }
    .features-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:20px; }
    .feature-card{ background:#fff; border:1px solid #e9eef5; border-radius:18px; padding:20px; }
    .feature-card h3{ margin:4px 0 8px; font-size:1.1rem; }

    .checks{ list-style:none; padding:0; margin:0; }
    .checks li{ position:relative; padding-left:26px; margin:8px 0; color:var(--muted); font-weight:500; font-size:1.025rem; }
    .checks li::before{ content:"✔"; position:absolute; left:0; top:0; color:#16a34a; font-weight:700; }

    @media (max-width:1024px){
      .pill-grid{ grid-template-columns:repeat(2,1fr); }
      .features-grid{ grid-template-columns:repeat(2,1fr); }
    }
    @media (max-width:640px){
      .pill-grid, .features-grid{ grid-template-columns:1fr; }
      .hide-sm{ display:none !important; }
    }