/* ============================================================
   INB Super App — public landing page (before login)
   Matches the brand slides. Self-contained; class-prefixed .lp
   ============================================================ */
:root {
    --blue: #2563eb; --blue2: #1d4ed8; --navy: #12296b; --deep: #0f2f7a;
    --orange: #f5820b; --green: #00b894; --purple: #7c3aed; --red: #ef4444;
    --pink: #ec4899; --teal: #14b8a6; --slate: #64748b;
    --ink: #0f1b33; --muted: #64748b; --line: #e6ebf3; --bg: #f4f7fb; --card: #fff;
    --radius: 16px; --shadow: 0 12px 34px rgba(15,42,107,.10);
    --shadow-sm: 0 6px 18px rgba(15,42,107,.08);
}
* { box-sizing: border-box; }
.lp { margin: 0; font-family: 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
      background: var(--bg); color: var(--ink); -webkit-font-smoothing: antialiased; }
.lp a { text-decoration: none; color: inherit; }
.lp-container { width: min(1240px, 100% - 2.5rem); margin: 0 auto; }
.lp-section { margin-top: 3.2rem; }

/* colour chips */
.c-blue{background:rgba(37,99,235,.12);color:var(--blue)} .c-orange{background:rgba(245,130,11,.14);color:var(--orange)}
.c-green{background:rgba(0,184,148,.14);color:var(--green)} .c-purple{background:rgba(124,58,237,.13);color:var(--purple)}
.c-red{background:rgba(239,68,68,.13);color:var(--red)} .c-pink{background:rgba(236,72,153,.13);color:var(--pink)}
.c-teal{background:rgba(20,184,166,.14);color:var(--teal)} .c-slate{background:rgba(100,116,139,.14);color:var(--slate)}

/* ---------------- buttons ---------------- */
.lp-btn { display:inline-flex; align-items:center; gap:.5rem; font-weight:700; font-size:.95rem;
    border:0; border-radius:12px; padding:.7rem 1.25rem; cursor:pointer; transition:.16s; white-space:nowrap; }
.lp-btn.lg { padding:.9rem 1.6rem; font-size:1.02rem; }
.lp-btn.sm { padding:.5rem .9rem; font-size:.86rem; }
.lp-btn-solid { background:var(--blue); color:#fff; box-shadow:0 8px 20px rgba(37,99,235,.32); }
.lp-btn-solid:hover { background:var(--blue2); transform:translateY(-1px); }
.lp-btn-ghost { background:#fff; color:var(--blue); border:1.5px solid var(--blue); }
.lp-btn-ghost:hover { background:rgba(37,99,235,.06); }
.lp-btn-outline { background:transparent; color:var(--blue); border:1.5px solid #cfd9ec; }
.lp-btn-outline:hover { border-color:var(--blue); }
.lp-link { color:var(--blue); font-weight:700; font-size:.92rem; }

/* ---------------- brand / logo ---------------- */
.lp-brand { display:flex; align-items:center; gap:.6rem; }
.lp-logo { height:44px; width:auto; display:block; }
.lp-word { font-weight:900; font-size:1.18rem; letter-spacing:.3px; line-height:1; color:var(--navy); }
.lp-word small { display:block; font-weight:600; font-size:.6rem; letter-spacing:.5px; color:var(--muted); margin-top:3px; text-transform:none; }
.w-blue { color:var(--blue); } .w-orange { color:var(--orange); }

/* ---------------- header ---------------- */
.lp-header { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.92);
    backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.lp-nav { display:flex; align-items:center; gap:1rem; height:76px; }
.lp-links { display:flex; align-items:center; gap:.35rem; margin-left:1.2rem; margin-right:auto; }
.lp-links > a, .lp-more-btn { font-weight:600; font-size:.94rem; color:#334155; padding:.5rem .7rem;
    border-radius:9px; background:none; border:0; cursor:pointer; display:inline-flex; align-items:center; gap:.25rem; }
.lp-links > a:hover, .lp-more-btn:hover { color:var(--blue); background:rgba(37,99,235,.06); }
.lp-links > a.active { color:var(--blue); position:relative; }
.lp-links > a.active::after { content:''; position:absolute; left:.7rem; right:.7rem; bottom:-2px; height:3px; border-radius:3px; background:var(--blue); }
.lp-more { position:relative; }
.lp-more-menu { position:absolute; top:calc(100% + 10px); left:0; min-width:210px; background:#fff;
    border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); padding:.4rem; opacity:0; visibility:hidden;
    transform:translateY(6px); transition:.16s; }
.lp-more:hover .lp-more-menu { opacity:1; visibility:visible; transform:translateY(0); }
.lp-more-menu a { display:flex; align-items:center; gap:.6rem; padding:.55rem .7rem; border-radius:9px; font-size:.9rem; font-weight:500; color:#334155; }
.lp-more-menu a:hover { background:rgba(37,99,235,.07); color:var(--blue); }
.lp-more-menu i { color:var(--blue); }
.lp-actions { display:flex; align-items:center; gap:.55rem; }
.lp-theme { width:40px; height:40px; border-radius:50%; border:1px solid var(--line); background:#fff; color:#334155; cursor:pointer; }
.lp-theme:hover { color:var(--blue); border-color:var(--blue); }
.lp-burger { display:none; width:42px; height:42px; border-radius:10px; border:1px solid var(--line); background:#fff; font-size:1.3rem; color:var(--ink); cursor:pointer; }

/* ---------------- hero ---------------- */
.lp-hero { padding:2.4rem 0 1rem; background:
    radial-gradient(60% 60% at 78% 20%, rgba(37,99,235,.08), transparent 70%),
    radial-gradient(50% 50% at 12% 8%, rgba(0,184,148,.07), transparent 70%); }
.hero-row { display:grid; grid-template-columns:1.05fr .95fr; gap:2rem; align-items:center; min-height:460px; }
.hero-copy .hero-badge { display:inline-flex; align-items:center; gap:.45rem; background:#fff; border:1px solid var(--line);
    color:var(--blue); font-weight:700; font-size:.72rem; letter-spacing:.6px; padding:.5rem .9rem; border-radius:30px; box-shadow:var(--shadow-sm); }
.hero-badge .bi-star-fill { color:var(--orange); }
.hero-copy h1 { font-size:clamp(2.1rem, 4.4vw, 3.5rem); line-height:1.08; font-weight:900; letter-spacing:-1px; margin:1rem 0 0; }
.hero-copy h1 .hl { color:var(--blue); position:relative; white-space:nowrap; }
.hero-copy h1 .hl::after { content:''; position:absolute; left:0; right:0; bottom:-.28em; height:.42em;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 22'%3E%3Cpath d='M4 15 Q70 3 120 9 T236 8' stroke='%23f5820b' stroke-width='5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%; }
.hero-copy p { color:#475569; font-size:1.06rem; line-height:1.6; margin:1.5rem 0 1.7rem; max-width:34em; }
.hero-cta { display:flex; gap:.8rem; flex-wrap:wrap; }
.hero-mini { display:flex; gap:1.3rem; flex-wrap:wrap; margin-top:1.5rem; color:#475569; font-weight:600; font-size:.9rem; }
.hero-mini i { color:var(--green); margin-right:.35rem; }
.hero-tiles { display:grid; grid-template-columns:repeat(4,1fr); gap:.7rem; margin-top:1.6rem; background:#fff;
    border:1px solid var(--line); border-radius:16px; padding:1rem; box-shadow:var(--shadow-sm); }
.hero-tiles > div { text-align:left; } .hero-tiles b { display:block; font-size:.9rem; margin-top:.35rem; }
.hero-tiles small { color:var(--muted); font-size:.74rem; line-height:1.2; display:block; }
.hero-tiles span { width:36px; height:36px; border-radius:10px; display:inline-grid; place-items:center; font-size:1.05rem; }
.hero-search { display:flex; align-items:center; gap:.5rem; background:#fff; border:1px solid var(--line); border-radius:14px;
    padding:.4rem .5rem .4rem 1rem; margin-top:1.6rem; box-shadow:var(--shadow-sm); max-width:36em; }
.hero-search i { color:var(--muted); } .hero-search input { flex:1; border:0; outline:0; font-size:1rem; padding:.6rem .3rem; background:none; color:var(--ink); }
.hero-tags { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:1rem; }
.hero-tags a { display:inline-flex; align-items:center; gap:.35rem; background:#fff; border:1px solid var(--line);
    padding:.45rem .8rem; border-radius:30px; font-size:.83rem; font-weight:600; color:#475569; }
.hero-tags a:hover { border-color:var(--blue); color:var(--blue); }

/* hero visual */
.hero-visual { position:relative; min-height:460px; }
.hero-blob { position:absolute; inset:6% 4% 6% 8%; border-radius:44% 56% 55% 45%/50% 46% 54% 50%;
    background:linear-gradient(150deg, rgba(37,99,235,.18), rgba(0,184,148,.14)); filter:blur(2px); }
.float-card { position:absolute; z-index:3; display:flex; align-items:center; gap:.6rem; background:#fff;
    border:1px solid var(--line); border-radius:14px; padding:.6rem .85rem; box-shadow:var(--shadow); animation:float 5s ease-in-out infinite; }
.float-card span { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; font-size:1.15rem; flex:none; }
.float-card b { display:block; font-size:.85rem; } .float-card small { color:var(--muted); font-size:.72rem; }
.fc-1 { top:8%; left:-2%; } .fc-2 { top:40%; left:-6%; animation-delay:.8s; } .fc-3 { bottom:12%; left:2%; animation-delay:1.6s; }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }

/* phone mockup */
.hero-phone { position:absolute; right:2%; top:50%; transform:translateY(-50%); width:262px; height:534px;
    background:#0b1220; border-radius:38px; padding:11px; box-shadow:0 30px 60px rgba(15,42,107,.28); z-index:2; }
.phone-notch { position:absolute; top:18px; left:50%; transform:translateX(-50%); width:100px; height:22px; background:#0b1220; border-radius:0 0 14px 14px; z-index:4; }
.phone-screen { background:#f6f8fc; border-radius:29px; height:100%; overflow:hidden; padding:1.4rem 1rem 1rem; font-size:.78rem; }
.ph-top { display:flex; justify-content:space-between; align-items:flex-start; margin-top:.4rem; }
.ph-hi { font-weight:800; font-size:.98rem; } .ph-sub { color:var(--muted); font-size:.72rem; }
.ph-bell { position:relative; color:#334155; font-size:1rem; }
.ph-bell span { position:absolute; top:-6px; right:-6px; background:var(--red); color:#fff; font-size:.55rem; font-weight:700; width:14px; height:14px; border-radius:50%; display:grid; place-items:center; }
.ph-search { background:#fff; border:1px solid var(--line); border-radius:11px; padding:.5rem .7rem; color:var(--muted); margin:.7rem 0; font-size:.72rem; }
.ph-wallet { background:linear-gradient(120deg,var(--blue),var(--navy)); color:#fff; border-radius:14px; padding:.7rem .8rem; display:flex; justify-content:space-between; align-items:center; }
.ph-wlabel { font-size:.66rem; opacity:.85; } .ph-wamt { font-weight:800; font-size:1rem; }
.ph-top-up { background:var(--orange); color:#fff; font-weight:700; font-size:.66rem; padding:.3rem .55rem; border-radius:8px; }
.ph-secttl { display:flex; justify-content:space-between; font-weight:800; font-size:.8rem; margin:.85rem 0 .5rem; }
.ph-secttl span { color:var(--blue); font-weight:700; font-size:.68rem; }
.ph-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.55rem .3rem; }
.ph-app { text-align:center; } .ph-app em { display:block; font-style:normal; font-size:.6rem; color:#475569; margin-top:.2rem; }
.ph-ic { width:34px; height:34px; border-radius:11px; display:grid; place-items:center; margin:0 auto; font-size:.95rem; }
.ph-recos { display:grid; gap:.45rem; }
.ph-reco { display:flex; align-items:center; gap:.5rem; background:#fff; border:1px solid var(--line); border-radius:11px; padding:.4rem .5rem; }
.ph-rimg { width:36px; height:32px; border-radius:8px; display:grid; place-items:center; font-size:.95rem; }
.ph-reco b { display:block; font-size:.72rem; } .ph-reco small { color:var(--muted); font-size:.66rem; }
.p-blue{background:rgba(37,99,235,.12);color:var(--blue)} .p-orange{background:rgba(245,130,11,.14);color:var(--orange)}
.p-green{background:rgba(0,184,148,.14);color:var(--green)} .p-purple{background:rgba(124,58,237,.13);color:var(--purple)}
.p-teal{background:rgba(20,184,166,.14);color:var(--teal)} .p-slate{background:rgba(100,116,139,.14);color:var(--slate)}

/* services panel (slide 3) */
.services-panel { position:absolute; right:3%; top:50%; transform:translateY(-50%); width:340px; max-width:88%;
    background:linear-gradient(150deg,var(--blue),var(--navy)); color:#fff; border-radius:22px; padding:1.3rem; box-shadow:0 26px 54px rgba(15,42,107,.32); z-index:2; }
.sp-head { font-weight:800; font-size:1.05rem; margin-bottom:1rem; }
.sp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; }
.sp-item { background:rgba(255,255,255,.12); border-radius:14px; padding:.75rem .3rem; text-align:center; color:#fff; }
.sp-item:hover { background:rgba(255,255,255,.2); }
.sp-item .ph-ic { background:#fff; margin-bottom:.35rem; }
.sp-item em { font-style:normal; font-size:.68rem; display:block; }
.sp-all { display:flex; align-items:center; justify-content:center; gap:.4rem; background:#fff; color:var(--blue);
    font-weight:700; border-radius:12px; padding:.7rem; margin-top:1rem; font-size:.9rem; }

/* ---------------- stats ---------------- */
.lp-stats { margin-top:1.6rem; }
.stats-row { background:linear-gradient(120deg,var(--deep),var(--blue2)); color:#fff; border-radius:20px;
    padding:1.5rem 1rem; display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; box-shadow:var(--shadow); }
.stat { display:flex; align-items:center; gap:.75rem; justify-content:center; position:relative; }
.stat:not(:last-child)::after { content:''; position:absolute; right:0; top:10%; bottom:10%; width:1px; background:rgba(255,255,255,.2); }
.stat i { font-size:1.5rem; opacity:.9; } .stat b { display:block; font-size:1.35rem; font-weight:800; }
.stat small { opacity:.85; font-size:.8rem; }

/* ---------------- trust strip ---------------- */
.trust-strip { margin-top:1.4rem; background:#fff; border:1px solid var(--line); border-radius:18px; padding:1.1rem 1.3rem;
    display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; box-shadow:var(--shadow-sm); }
.trust { display:flex; align-items:center; gap:.7rem; }
.trust i { font-size:1.4rem; color:var(--blue); } .trust:nth-child(2) i{color:var(--green)} .trust:nth-child(3) i{color:var(--orange)}
.trust:nth-child(4) i{color:var(--purple)} .trust:nth-child(5) i{color:var(--red)}
.trust b { display:block; font-size:.9rem; } .trust small { color:var(--muted); font-size:.76rem; }

/* ---------------- section head ---------------- */
.sec-head { display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; margin-bottom:1.3rem; }
.sec-head h2 { font-size:1.6rem; font-weight:800; margin:0; }
.sec-head p { color:var(--muted); margin:.25rem 0 0; }

/* ---------------- categories ---------------- */
.cat-grid { display:grid; grid-template-columns:repeat(10,1fr); gap:.8rem; }
.cat-tile { background:#fff; border:1px solid var(--line); border-radius:16px; padding:1rem .5rem; text-align:center; transition:.16s; }
.cat-tile:hover { transform:translateY(-4px); box-shadow:var(--shadow); border-color:transparent; }
.cat-ic { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; font-size:1.3rem; margin:0 auto .6rem; }
.cat-img { width:62px; height:62px; margin:0 auto .6rem; border-radius:16px; overflow:hidden; display:block; box-shadow:var(--shadow-sm); }
.cat-img img { width:100%; height:100%; object-fit:cover; display:block; }
.cat-tile b { display:block; font-size:.82rem; line-height:1.15; } .cat-tile small { color:var(--muted); font-size:.68rem; }

/* ---------------- promo banners ---------------- */
.promo-row { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:1rem; }
.promo { border-radius:18px; padding:1.5rem; color:#fff; display:flex; justify-content:space-between; align-items:center; overflow:hidden; position:relative; min-height:150px; }
.promo:hover { transform:translateY(-3px); box-shadow:var(--shadow); }
.promo h3 { font-size:1.35rem; font-weight:800; margin:.2rem 0; }
.promo-kicker { font-weight:700; font-size:.86rem; opacity:.95; } .promo small { opacity:.9; display:block; }
.promo-btn { display:inline-block; margin-top:.8rem; background:#fff; color:var(--ink); font-weight:700; font-size:.85rem; padding:.5rem 1rem; border-radius:9px; }
.promo > i { font-size:3.6rem; opacity:.35; }
.promo-blue { background:linear-gradient(120deg,#1e40af,#2563eb); }
.promo-green { background:linear-gradient(120deg,#0f766e,#10b981); }
.promo-purple { background:linear-gradient(120deg,#6d28d9,#8b5cf6); }

/* ---------------- products ---------------- */
.prod-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:1rem; }
.prod-card { background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; transition:.16s; display:block; }
.prod-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.prod-img { position:relative; height:150px; background:#fff; padding:12px; }
.prod-img img { width:100%; height:100%; object-fit:contain; display:block; }
.lp[data-bs-theme="dark"] .prod-img { background:#0f1728; }
.prod-heart { position:absolute; top:.5rem; right:.5rem; width:28px; height:28px; border-radius:50%; background:#fff; color:#94a3b8; display:grid; place-items:center; font-size:.85rem; box-shadow:var(--shadow-sm); }
.prod-off { position:absolute; bottom:.5rem; left:.5rem; background:var(--blue); color:#fff; font-weight:700; font-size:.72rem; padding:.15rem .45rem; border-radius:7px; }
.prod-body { padding:.75rem .8rem .9rem; }
.prod-body b { display:block; font-size:.9rem; line-height:1.2; } .prod-body small { color:var(--muted); font-size:.75rem; }
.prod-price { margin-top:.5rem; font-weight:800; color:var(--blue); } .prod-price s { color:var(--muted); font-weight:500; font-size:.78rem; margin-left:.35rem; }

/* ---------------- download ---------------- */
.download { background:linear-gradient(120deg,#3b1e91,#2563eb); color:#fff; border-radius:22px; padding:1.6rem 1.8rem;
    display:grid; grid-template-columns:auto 1fr auto; gap:1.5rem; align-items:center; box-shadow:var(--shadow); }
.dl-left { display:flex; align-items:center; gap:1rem; }
.dl-qr { width:78px; height:78px; border-radius:14px; background:#fff; color:var(--ink); display:grid; place-items:center; font-size:3rem; flex:none; }
.dl-left h3 { margin:0; font-size:1.3rem; font-weight:800; } .dl-left p { margin:.2rem 0 0; opacity:.9; }
.dl-feats { display:grid; grid-template-columns:repeat(2,1fr); gap:.6rem 1.2rem; }
.dl-feats span { display:flex; flex-direction:column; padding-left:1.9rem; position:relative; font-size:.75rem; opacity:.92; }
.dl-feats i { position:absolute; left:0; top:2px; font-size:1.15rem; }
.dl-feats b { font-size:.9rem; }
.dl-badges { display:grid; gap:.6rem; }
.store { display:flex; align-items:center; gap:.6rem; background:#0b1220; border:1px solid rgba(255,255,255,.18); border-radius:12px; padding:.55rem 1rem; color:#fff; }
.store i { font-size:1.5rem; } .store span { display:flex; flex-direction:column; font-weight:700; font-size:.95rem; }
.store small { font-weight:500; font-size:.62rem; opacity:.8; }

/* ---------------- footer ---------------- */
.lp-foot { margin-top:3.4rem; background:#0b1428; color:#c7d2e5; padding:2.6rem 0 1.4rem; }
.foot-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr 1fr; gap:1.5rem; }
.foot-brand .lp-word { color:#fff; } .foot-brand p { margin-top:.8rem; font-size:.88rem; line-height:1.6; max-width:26em; color:#93a1bd; }
.foot-grid h6 { color:#fff; font-size:.82rem; letter-spacing:.5px; text-transform:uppercase; margin:.2rem 0 .8rem; }
.foot-grid > div a { display:block; padding:.28rem 0; font-size:.9rem; color:#a9b6d0; }
.foot-grid > div a:hover { color:#fff; }
.foot-bottom { border-top:1px solid rgba(255,255,255,.08); margin-top:2rem; padding-top:1.2rem; font-size:.85rem; color:#8493b0; text-align:center; }

/* ---------------- carousel dots ---------------- */
.hero-dots { position:static; margin:1rem 0 0; }
.hero-dots [data-bs-target] { width:9px; height:9px; border-radius:50%; background:#c3cee2; opacity:1; border:0; }
.hero-dots .active { width:26px; border-radius:6px; background:var(--blue); }

/* ============================================================
   DARK MODE
   ============================================================ */
.lp[data-bs-theme="dark"] { --bg:#0b1220; --card:#131c31; --ink:#e8eefc; --muted:#93a1bd; --line:#243149; }
.lp[data-bs-theme="dark"] .lp-header { background:rgba(15,23,42,.9); }
.lp[data-bs-theme="dark"] .lp-links > a { color:#c7d2e5; }
.lp[data-bs-theme="dark"] .lp-word { color:#fff; }
.lp[data-bs-theme="dark"] .hero-copy p { color:#a9b6d0; }
.lp[data-bs-theme="dark"] .hero-badge,.lp[data-bs-theme="dark"] .float-card,.lp[data-bs-theme="dark"] .hero-tiles,
.lp[data-bs-theme="dark"] .hero-search,.lp[data-bs-theme="dark"] .hero-tags a,.lp[data-bs-theme="dark"] .trust-strip,
.lp[data-bs-theme="dark"] .cat-tile,.lp[data-bs-theme="dark"] .prod-card,.lp[data-bs-theme="dark"] .lp-theme,
.lp[data-bs-theme="dark"] .lp-btn-ghost,.lp[data-bs-theme="dark"] .lp-more-menu { background:var(--card); color:var(--ink); }
.lp[data-bs-theme="dark"] .lp-btn-ghost { color:#7ab0ff; }
.lp[data-bs-theme="dark"] .prod-heart,.lp[data-bs-theme="dark"] .dl-qr { background:#1c2740; color:#e8eefc; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1100px){ .cat-grid{grid-template-columns:repeat(5,1fr)} .prod-grid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:980px){
    .lp-links{ position:fixed; inset:76px 0 auto 0; flex-direction:column; align-items:stretch; background:#fff;
        border-bottom:1px solid var(--line); padding:.6rem 1.2rem 1.2rem; gap:.1rem; box-shadow:var(--shadow); display:none; }
    .lp-links.open{ display:flex; } .lp[data-bs-theme="dark"] .lp-links{ background:#0f1728; }
    .lp-links > a.active::after{ display:none; } .lp-more{ position:static; } .lp-more-menu{ position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:0; }
    .lp-burger{ display:inline-grid; place-items:center; }
    .hero-row{ grid-template-columns:1fr; } .hero-visual{ min-height:420px; margin-top:1rem; }
    .stats-row{ grid-template-columns:repeat(3,1fr); } .stat:nth-child(3)::after{ display:none; }
    .trust-strip{ grid-template-columns:repeat(2,1fr); }
    .promo-row{ grid-template-columns:1fr; } .download{ grid-template-columns:1fr; text-align:center; } .dl-left{ justify-content:center; } .dl-badges{ grid-auto-flow:column; justify-content:center; }
    .foot-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:560px){
    .lp-word small{ display:none; } .hero-tiles{ grid-template-columns:repeat(2,1fr); }
    .cat-grid{ grid-template-columns:repeat(3,1fr); } .prod-grid{ grid-template-columns:repeat(2,1fr); }
    .stats-row{ grid-template-columns:repeat(2,1fr); } .stat::after{ display:none!important; }
    .trust-strip{ grid-template-columns:1fr; } .hero-phone{ width:230px; height:470px; } .sec-head h2{ font-size:1.3rem; }
    .dl-feats{ grid-template-columns:1fr; text-align:left; }
}