
:root{--or:#467ff7;--or2:#2f21a5;--ink:#0b0a1f;--ink2:#44403c;--mut:#78716c;--bg:#f4f6fb;--line:#dbe1f0;--card:#fff;--rad:18px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{width:min(1160px,100% - 40px);margin:0 auto}
.wrap>*,.feat>*,.ofbox>*{min-width:0}
h1,h2,h3{overflow-wrap:anywhere}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;font-family:inherit}
.btn:hover{transform:translateY(-2px)}
.btn-p{background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;box-shadow:0 10px 26px rgba(47,33,165,.35)}
.btn-p:hover{box-shadow:0 14px 32px rgba(47,33,165,.45)}
.btn-o{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn-o:hover{background:rgba(255,255,255,.1)}
.btn-d{background:var(--ink);color:#fff}
.btn-wa{background:#16a34a;color:#fff;box-shadow:0 10px 26px rgba(22,163,74,.35)}

/* promo */
.promo{background:linear-gradient(90deg,#11035e,#2f21a5,#11035e);color:#fff;text-align:center;padding:9px 16px;font-size:.92rem;font-weight:600}
.promo b{background:#fff;color:#2f21a5;padding:2px 9px;border-radius:999px;margin:0 6px}
.promo .cd{font-variant-numeric:tabular-nums;font-weight:800;margin-left:6px}
.promo.fin{display:none}

/* nav */
header{position:sticky;top:0;z-index:50;background:rgba(1,1,2,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;height:88px;gap:18px;position:relative}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:1.05rem;letter-spacing:-.01em}
.logo img{width:74px;height:74px;object-fit:contain}
.logo img.wide{width:auto;height:68px}
.logo small{font-weight:600;color:#a9c4ff}
.logo{margin-right:auto;gap:14px;min-width:0}
.logo .tit{display:flex;flex-direction:column;line-height:1.1;white-space:nowrap}
.logo .tit b{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}
.logo .tit span{font-size:.95rem;font-weight:600;color:#a9c4ff;margin-top:3px}
nav ul{display:none;position:absolute;top:88px;right:0;width:min(300px,100%);background:#0b0a1f;flex-direction:column;padding:18px 24px;gap:16px;list-style:none;border:1px solid rgba(255,255,255,.12);border-top:0;border-radius:0 0 14px 14px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
nav ul.open{display:flex}
nav a.l{color:#e7e5e4;text-decoration:none;font-weight:500;font-size:.94rem}
nav a.l:hover{color:#a9c4ff}
.nav .btn{padding:10px 20px;font-size:.92rem}
.burger{display:block;background:none;border:0;color:#fff;font-size:1.9rem;cursor:pointer;line-height:1;padding:4px 6px}

/* hero */
.hero{background:radial-gradient(900px 500px at 85% 20%,rgba(70,127,247,.28),transparent 60%),linear-gradient(160deg,#0b0a1f 0%,#0c0640 60%,#11035e 100%);color:#fff;padding:70px 0 90px;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.02fr 1fr;gap:40px;align-items:center}
.tag{display:inline-block;background:rgba(70,127,247,.18);color:#a9c4ff;border:1px solid rgba(70,127,247,.4);padding:6px 14px;border-radius:999px;font-weight:700;font-size:.82rem;letter-spacing:.03em;margin-bottom:20px}
h1{font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.06;letter-spacing:-.03em;font-weight:800}
h1 em{font-style:normal;background:linear-gradient(90deg,#a9c4ff,#6b9bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:1.18rem;color:#e7e5e4;margin:22px 0 30px;max-width:540px}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.hero .mini{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:#d6d3d1;font-size:.9rem}
.hero .mini span:before{content:"✓";color:#6b9bff;font-weight:800;margin-right:7px}
.hero img{width:100%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.45))}

/* franja */
.strip{background:#fff;border-bottom:1px solid var(--line)}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:28px 0;text-align:center}
.strip b{display:block;font-size:1.9rem;font-weight:800;color:var(--or2);letter-spacing:-.02em}
.strip span{font-size:.9rem;color:var(--mut)}

section{padding:84px 0}
.eyebrow{color:var(--or2);font-weight:800;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
h2{font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1.12;letter-spacing:-.025em;font-weight:800}
.sub{color:var(--mut);font-size:1.1rem;margin-top:14px;max-width:660px}
.head{margin-bottom:46px}
.head.c{text-align:center}.head.c .sub{margin-left:auto;margin-right:auto}

/* dolores */
.dolor{background:#fff}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dgrid .it{background:var(--bg);border:1px solid var(--line);border-radius:var(--rad);padding:26px}
.dgrid .ic{font-size:1.8rem;margin-bottom:10px}
.dgrid h3{font-size:1.1rem;margin-bottom:6px}
.dgrid p{color:var(--mut);font-size:.95rem}

/* features */
.feat{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:84px}
.feat:last-child{margin-bottom:0}
.feat.rev .txt{order:2}
.feat img{border-radius:24px;box-shadow:0 24px 60px rgba(17,3,94,.18)}
.feat h3{font-size:clamp(1.5rem,2.6vw,2.05rem);line-height:1.15;letter-spacing:-.02em;margin:6px 0 14px}
.feat p{color:var(--ink2);font-size:1.05rem}
.feat ul{list-style:none;margin:20px 0 24px;display:grid;gap:10px}
.feat li{padding-left:30px;position:relative;color:var(--ink2)}
.feat li:before{content:"✓";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;background:#e4ecff;color:var(--or2);font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center}
.link{color:var(--or2);font-weight:700;text-decoration:none}
.link:hover{text-decoration:underline}

/* más módulos */
.mas{background:#fff}
.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mgrid .it{border:1px solid var(--line);border-radius:var(--rad);padding:24px;background:var(--bg);transition:transform .2s,box-shadow .2s}
.mgrid .it:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(17,3,94,.12)}
.mgrid .ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--or),var(--or2));display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:14px}
.mgrid h3{font-size:1.02rem;margin-bottom:6px}
.mgrid p{font-size:.9rem;color:var(--mut)}

/* pasos */
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:p}
.paso{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:34px 28px 28px}
.paso:before{counter-increment:p;content:counter(p);position:absolute;top:-20px;left:26px;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;font-weight:800;font-size:1.15rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(47,33,165,.35)}
.paso h3{margin-bottom:6px}
.paso p{color:var(--mut);font-size:.95rem}

/* rubros */
.rubros{background:#0b0a1f;color:#fff}
.rubros .sub{color:#d6d3d1}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.chips span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:11px 20px;border-radius:999px;font-weight:600}
.rubros .eyebrow{color:#a9c4ff}

/* precios / promo */
.oferta{background:linear-gradient(160deg,#eef3ff,#e4ecff)}
.ofbox{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.big50{background:linear-gradient(145deg,#2f21a5,#11035e);color:#fff;border-radius:26px;padding:42px;position:relative;overflow:hidden}
.big50:after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.08)}
.big50 .n{font-size:clamp(4.5rem,9vw,7rem);font-weight:800;line-height:.9;letter-spacing:-.05em}
.big50 .n small{font-size:.38em;letter-spacing:0;margin-left:4px}
.big50 h3{font-size:1.5rem;margin:12px 0 10px}
.big50 .desde{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin:16px 0 4px;padding:12px 18px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28)}
.big50 .desde span{font-size:.9rem;color:#c9d9ff}.big50 .desde b{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;color:#fff}.big50 .desde em{font-style:normal;font-size:.95rem;color:#fff}
.big50 p{color:#c9d9ff}
.big50 ul{list-style:none;margin:20px 0 0;display:grid;gap:9px}
.big50 li:before{content:"✓ ";font-weight:800;color:#a9c4ff}
.cdbox{display:flex;gap:10px;margin:22px 0 4px}
.cdbox div{background:rgba(255,255,255,.14);border-radius:14px;padding:10px 6px;min-width:66px;text-align:center}
.cdbox b{display:block;font-size:1.7rem;font-variant-numeric:tabular-nums;line-height:1}
.cdbox span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#c9d9ff}
.arma{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 20px 50px rgba(17,3,94,.1)}
.arma h3{font-size:1.3rem;margin-bottom:4px}
.arma .s{color:var(--mut);font-size:.92rem;margin-bottom:16px}
.mods{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mods label{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:13px;padding:11px 12px;cursor:pointer;font-size:.9rem;transition:border-color .15s,background .15s;user-select:none}
.mods label:hover{border-color:var(--or)}
.mods input{accent-color:var(--or2);margin-top:3px;width:17px;height:17px;flex:none}
.mods label:has(input:checked){border-color:var(--or2);background:#eef3ff}
.mods b{display:block;font-size:.93rem}
.mods small{color:var(--mut);font-size:.78rem;line-height:1.3;display:block}
.mods .pr{display:block;margin-top:3px;font-size:.8rem;color:var(--or2);font-weight:700}
.mods .pr s{color:var(--mut);font-weight:500;margin-right:5px}
.resumen{display:flex;justify-content:space-between;align-items:center;margin:18px 0 14px;padding:14px 16px;background:#eef3ff;border-radius:14px;font-weight:700;gap:10px;flex-wrap:wrap}
.resumen span{color:var(--or2)}
.arma .btn{width:100%}
.nota{font-size:.78rem;color:var(--mut);margin-top:10px;text-align:center}

/* faq */
.faq{max-width:820px;margin:0 auto}
details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:12px}
summary{cursor:pointer;font-weight:700;font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;gap:14px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";font-size:1.5rem;line-height:1;color:var(--or2)}
details[open] summary:after{content:"–"}
details p{color:var(--ink2);margin-top:12px}

/* cta final */
.final{background:radial-gradient(700px 400px at 20% 0,rgba(70,127,247,.3),transparent 60%),linear-gradient(160deg,#0b0a1f,#11035e);color:#fff;text-align:center}
.final h2{max-width:760px;margin:0 auto 16px}
.final p{color:#e7e5e4;max-width:620px;margin:0 auto 30px;font-size:1.1rem}
.final .cta{justify-content:center}

footer{background:#010102;color:#a8a29e;padding:36px 0;font-size:.9rem}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
footer a{color:#a9c4ff;text-decoration:none}

.wafab{position:fixed;right:20px;bottom:20px;z-index:60;width:60px;height:60px;border-radius:50%;background:#16a34a;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(22,163,74,.5);text-decoration:none;transition:transform .15s}
.wafab:hover{transform:scale(1.08)}
.wafab svg{width:32px;height:32px;fill:#fff}

.rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.btn:hover{transform:none}}

@media (max-width:980px){
  .hero .wrap,.feat,.ofbox{grid-template-columns:minmax(0,1fr)}
  .feat.rev .txt{order:0}
  .feat{gap:26px;margin-bottom:64px}
  .dgrid,.pasos{grid-template-columns:minmax(0,1fr)}
  .mgrid{grid-template-columns:1fr 1fr}
  .strip .wrap{grid-template-columns:1fr 1fr;gap:20px}
  nav ul{left:0;right:0;width:auto;border-radius:0}
  .nav .btn{display:none}
  .logo .tit b{font-size:1.2rem}
  .logo .tit span{font-size:.8rem}
  .hero{padding:48px 0 60px}
  section{padding:60px 0}
}
@media (max-width:760px){.pdesde{display:none}}
@media (max-width:560px){
  .mgrid,.mods{grid-template-columns:minmax(0,1fr)}
  .big50{padding:30px 24px}
  .arma{padding:22px}
  .cdbox div{min-width:0;flex:1}
  .btn{width:100%}
  .cta{width:100%}
  .nav .logo small{display:none}
  .logo img.wide{height:50px}
  .logo{gap:10px}
  .logo .tit b{font-size:1rem}
  .logo .tit span{font-size:.7rem}
}

.glb{position:fixed;inset:0;z-index:200;background:rgba(4,4,12,.92);display:none;align-items:center;justify-content:center;padding:24px}
.glb.on{display:flex}.glb img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 20px 80px rgba(0,0,0,.7);cursor:zoom-out}
.glb button{position:absolute;top:16px;right:20px;background:none;border:0;color:#fff;font-size:2.2rem;cursor:pointer;line-height:1}

/* ===== rediseño minimalista ===== */
/* menú de escritorio */
.nav ul .dd{position:relative}
.nav ul .dd>a:after{content:" ▾";font-size:.75em}
.nav ul .dd .sm{list-style:none;display:none;flex-direction:column;gap:2px;padding:8px;margin:0}
.nav ul .dd .sm a{display:block;padding:9px 12px;border-radius:9px;color:#e7e5e4;text-decoration:none;font-size:.9rem;font-weight:500;white-space:nowrap}
.nav ul .dd .sm a:hover{background:rgba(255,255,255,.1);color:#a9c4ff}
.nav a.l.on{color:#a9c4ff}
@media (min-width:981px){
  .burger{display:none}
  nav>ul{display:flex;position:static;flex-direction:row;width:auto;background:none;border:0;box-shadow:none;padding:0;gap:26px;align-items:center}
  .nav ul .dd .sm{position:absolute;top:100%;left:-14px;right:auto;width:auto;min-width:290px;background:#0b0a1f;border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.5);padding:10px;gap:2px}
  .nav ul .dd:hover .sm,.nav ul .dd:focus-within .sm{display:flex}
  .nav ul .dd{padding:30px 0}
}
@media (max-width:980px){
  nav>ul{max-height:calc(100vh - 140px);overflow:auto}
  .nav ul .dd .sm{display:flex;position:static;width:auto;border:0;box-shadow:none;background:none;padding:6px 0 0 12px;border-radius:0;gap:2px}
  .nav ul .dd>a:after{content:""}
}

/* portada */
.hero.min{padding:84px 0 96px}
.hero.min .wrap{grid-template-columns:1.05fr 1fr}
.hero .mini{gap:10px 24px}

.tres{background:#fff;padding:78px 0}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tgrid .it{border:1px solid var(--line);border-radius:22px;padding:34px 30px;background:var(--bg);position:relative;overflow:hidden}
.tgrid .it .n{font-size:.8rem;font-weight:800;letter-spacing:.12em;color:var(--or2);text-transform:uppercase}
.tgrid .it h3{font-size:1.45rem;line-height:1.18;letter-spacing:-.02em;margin:10px 0 10px}
.tgrid .it p{color:var(--ink2);font-size:1rem}
.tgrid .it.dest{background:linear-gradient(145deg,#2f21a5,#11035e);color:#fff;border-color:transparent}
.tgrid .it.dest .n{color:#a9c4ff}.tgrid .it.dest p{color:#d7e2ff}
.tgrid .it.dest .big{font-size:3.4rem;font-weight:800;line-height:1;letter-spacing:-.04em;margin:8px 0 2px}
.tgrid .it.dest .big small{font-size:.4em;letter-spacing:0;margin-left:3px}
.tgrid .it.dest .cdl{margin-top:14px;font-variant-numeric:tabular-nums;font-weight:700;color:#fff;background:rgba(255,255,255,.14);display:inline-block;padding:7px 14px;border-radius:999px;font-size:.92rem}
.tgrid .it.dest .cdl:empty{display:none}
.tgrid .link{display:inline-block;margin-top:14px}
.tgrid .it.dest .link{color:#fff;text-decoration:underline}

.mcards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--rad);background:#fff;padding:26px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.mc:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(17,3,94,.13);border-color:#b9cbff}
.mc .ic{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,var(--or),var(--or2));display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px}
.mc h3{font-size:1.1rem;margin-bottom:6px;letter-spacing:-.01em}
.mc p{font-size:.92rem;color:var(--mut);flex:1}
.mc small{display:block;margin-top:12px;font-size:.8rem;color:var(--ink2)}
.mc b{display:block;margin-top:14px;color:var(--or2);font-size:.92rem}
.mc:hover b{text-decoration:underline}

.mini-faq{background:var(--bg)}
.oferta .head{margin-bottom:34px}

/* páginas de módulo */
.phero{background:radial-gradient(900px 500px at 85% 20%,rgba(70,127,247,.28),transparent 60%),linear-gradient(160deg,#0b0a1f 0%,#0c0640 60%,#11035e 100%);color:#fff;padding:64px 0 76px;overflow:hidden}
.phero .wrap{display:grid;grid-template-columns:1fr 1.08fr;gap:44px;align-items:center}
.crumb{font-size:.86rem;color:#a9c4ff;margin-bottom:18px}
.crumb a{text-decoration:none;color:#a9c4ff}.crumb a:hover{text-decoration:underline}
.phero h1{font-size:clamp(2rem,4vw,3.1rem)}
.phero p.lead{font-size:1.15rem;color:#e7e5e4;margin:20px 0 28px;max-width:540px}
.phero .gframe{border-radius:14px}
.phero .gshot{cursor:zoom-in}
.ideal{background:#fff;border-bottom:1px solid var(--line);padding:26px 0}
.ideal .wrap{display:flex;gap:12px 14px;flex-wrap:wrap;align-items:center}
.ideal b{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--or2);margin-right:6px}
.ideal span{background:#eef3ff;color:var(--or2);border:1px solid #d3e0ff;padding:7px 15px;border-radius:999px;font-weight:600;font-size:.9rem}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fgrid .it{background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:26px}
.fgrid .ic{font-size:1.7rem;margin-bottom:10px}
.fgrid h3{font-size:1.06rem;margin-bottom:6px}
.fgrid p{color:var(--mut);font-size:.93rem}
.fsec{background:var(--bg)}
.shots{background:radial-gradient(900px 480px at 85% 0,rgba(70,127,247,.22),transparent 60%),linear-gradient(160deg,#0b0a1f 0%,#0c0640 60%,#11035e 100%);color:#fff}
.shots .eyebrow{color:#a9c4ff}.shots .sub{color:#c7d2fe}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:30px 26px}
.sh .gframe{box-shadow:0 20px 50px rgba(0,0,0,.5)}
.sh .gshot{aspect-ratio:16/9}
.sh h3{font-size:1.08rem;margin:14px 0 4px}
.sh p{color:#c7d2fe;font-size:.92rem}
.sgrid.cel{grid-template-columns:repeat(auto-fit,minmax(180px,220px));justify-content:center}
.sgrid.cel .tel{border-radius:30px;border:6px solid #1b1b33;background:#000;overflow:hidden;aspect-ratio:9/19.5;box-shadow:0 22px 50px rgba(0,0,0,.55);cursor:zoom-in}
.sgrid.cel img{width:100%;height:100%;object-fit:cover;object-position:top}
.sgrid.cel .sh{text-align:center}
.otros{background:#fff}
.ogrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ogrid a{display:block;border:1px solid var(--line);border-radius:14px;padding:18px 20px;text-decoration:none;background:var(--bg);transition:transform .2s,border-color .2s}
.ogrid a:hover{transform:translateY(-3px);border-color:#b9cbff}
.ogrid b{display:block;font-size:.98rem}.ogrid span{font-size:.84rem;color:var(--mut)}
.promo-band{background:linear-gradient(90deg,#11035e,#2f21a5);color:#fff;border-radius:22px;padding:30px 34px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.promo-band h3{font-size:1.4rem;line-height:1.2}.promo-band p{color:#d7e2ff;margin-top:4px}
.promo-band .btn{background:#fff;color:var(--or2)}
.glb{z-index:300}
footer .wrap.f{align-items:flex-start}
footer .fl{display:flex;gap:8px 22px;flex-wrap:wrap}
@media (max-width:980px){
  .hero.min .wrap,.phero .wrap{grid-template-columns:minmax(0,1fr)}
  .tgrid,.fgrid,.sgrid{grid-template-columns:minmax(0,1fr)}
  .mcards,.ogrid{grid-template-columns:1fr 1fr}
  .phero{padding:44px 0 56px}
  .tres{padding:56px 0}
}
@media (max-width:560px){
  .mcards,.ogrid{grid-template-columns:minmax(0,1fr)}
  .promo-band{padding:24px}
}
