/* Pedro Guzmán · estilo del sitio actual (pedroguzman.do) llevado a la nueva plataforma */
:root{
  --navy:#001A35;
  --navy-2:#0A2747;
  --navy-3:#16375E;
  --green:#1F9160;      /* botón verde del sitio, un tono más profundo para leer bien el texto blanco */
  --green-hi:#34AE7D;   /* verde del sitio para íconos y acentos */
  --green-logo:#53BD87;
  --mint:#E3F4EB;
  --grey:#F2F6F9;
  --grey-2:#E9EEF3;
  --line:#DCE3EA;
  --ink:#001A35;
  --text:#4A5566;
  --muted:#6B7685;
  --white:#FFFFFF;
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Lato',Arial,sans-serif;
  --head:'Montserrat',Arial,sans-serif;
  --open:'Open Sans',Arial,sans-serif;
  --safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--hdr,96px)}
body{margin:0;font-family:var(--sans);color:var(--text);background:var(--white);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--ink)}
h1,h2,h3,h4{color:var(--ink);margin:0}
p{margin:0}
.container{max-width:1080px;margin:0 auto;padding:0 24px}
.container-w{max-width:1200px;margin:0 auto;padding:0 24px}

/* Barra superior */
.topbar{background:var(--navy);color:#fff;font-size:12px}
.topbar .container-w{display:flex;justify-content:flex-end;align-items:center;gap:18px;min-height:32px}
.topbar a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:6px;opacity:.92}
.topbar a:hover{opacity:1;color:var(--green-logo)}
.topbar svg{width:14px;height:14px}

/* Encabezado */
.header{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06);position:sticky;top:0;z-index:40}
.header .container-w{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{width:44px;height:44px;object-fit:contain}
.brand .bt{display:flex;flex-direction:column;line-height:.95}
.brand .bt b{font-family:var(--serif);font-weight:600;font-size:23px;color:var(--ink);letter-spacing:-.2px}
.brand .bt small{font-family:var(--sans);font-size:10.5px;color:var(--green-hi);margin-top:4px;font-weight:700}
.nav{display:flex;align-items:center;gap:26px}
.nav a{font-family:var(--head);font-size:12.5px;font-weight:700;text-transform:uppercase;color:var(--ink);text-decoration:none;letter-spacing:.02em;display:inline-flex;align-items:center;gap:4px}
.nav a:hover,.nav a.on{color:var(--green-hi)}
.nav a .car{width:9px;height:9px}
.menu-btn{display:none;background:none;border:0;width:44px;height:44px;align-items:center;justify-content:center;color:var(--ink);cursor:pointer}

/* Botones (rectangulares, como en el sitio) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 26px;border-radius:3px;font-family:var(--head);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn-green{background:var(--green);color:#fff}
.btn-green:hover{background:#177A50;color:#fff}
.btn-white{background:#fff;color:var(--ink)}
.btn-white:hover{background:var(--mint)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy-3);color:#fff}
.btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn-line:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn-line-navy{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-line-navy:hover{background:var(--ink);color:#fff}
.btn-block{width:100%}

/* Hero oscuro con logo grande */
.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center right;opacity:.38}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,26,53,.97) 0%,rgba(0,26,53,.85) 45%,rgba(0,26,53,.35) 100%)}
.hero .container-w{position:relative;z-index:2;min-height:560px;display:flex;flex-direction:column;justify-content:center;gap:20px;padding-top:70px;padding-bottom:70px}
.lockup{display:flex;align-items:center;gap:16px}
.lockup img{width:116px;height:116px;object-fit:contain}
.lockup b{font-family:var(--serif);font-weight:700;font-size:78px;line-height:.9;color:#fff;letter-spacing:-1px}
.hero .lead{font-family:var(--sans);font-weight:700;font-size:24px;color:#fff;max-width:640px;line-height:1.35}
.hero .sub{font-size:17px;color:#C9D5E3;max-width:600px}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}

/* Hero de páginas internas (como Mentoría / Entrenamientos) */
.phero{background:var(--navy);color:#fff}
.phero .container{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center;padding-top:56px;padding-bottom:56px}
.phero h1{font-family:var(--open);font-weight:700;font-size:40px;line-height:1.08;color:#fff}
.phero .tag{font-family:var(--serif);font-weight:700;font-size:25px;color:var(--green-hi);margin-top:6px}
.phero p{color:#E3EAF2;font-size:15.5px;margin-top:16px;text-align:justify}
.phero p b{color:#fff}
.phero img{width:100%;height:300px;object-fit:cover;border-radius:6px}

/* Secciones */
.sec{padding:80px 0}
.sec-grey{background:var(--grey)}
.sec-navy{background:var(--navy);color:#C9D5E3}
.sec-navy h2,.sec-navy h3{color:#fff}
.h-upper{font-family:var(--head);font-weight:800;font-size:38px;line-height:1.08;text-transform:uppercase;color:var(--ink);text-align:center;letter-spacing:-.2px}
.h-serif{font-family:var(--serif);font-weight:700;font-size:40px;line-height:1.15;color:var(--ink)}
.h-open{font-family:var(--open);font-weight:700;font-size:34px;line-height:1.15;color:var(--ink)}
.eyebrow{font-family:var(--head);font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--green-hi)}
.center{text-align:center}
.intro{font-size:16px;color:var(--text);max-width:640px;margin:16px auto 0;text-align:center}

/* Tarjetas de servicio (como "Programa tu plan de mentorías") */
.svc-strip{display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 30px 60px rgba(0,26,53,.10);margin-top:40px;background:#fff}
.svc-strip.four{grid-template-columns:repeat(4,1fr)}
.svc{padding:44px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none;background:#fff;transition:background .2s}
.svc:nth-child(2){background:#F7F9FB}
.svc:nth-child(3){background:#F0F3F7}
.svc:nth-child(4){background:#ECEFF4}
.svc:hover{background:var(--mint)}
.svc svg{width:30px;height:30px;color:#9AA8BE}
.svc b{font-family:var(--sans);font-weight:700;font-size:15px;color:var(--ink)}
.svc span{font-size:13.5px;color:var(--muted);line-height:1.5}

/* Mosaicos azules (Academy, Podcast, Tienda, Blog) */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.tile{background:var(--navy);min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-decoration:none;padding:18px;transition:transform .2s,background .2s}
.tile:hover{background:var(--navy-3);transform:translateY(-2px)}
.tile svg{width:22px;height:22px;color:var(--green-hi)}
.tile b{font-family:var(--serif);font-weight:700;color:#fff;font-size:16px}

/* Números */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.stat{display:flex;align-items:center;gap:16px}
.stat b{font-family:var(--open);font-weight:600;font-size:46px;color:#1F3A5A;line-height:1;min-width:max-content}
.stat span{font-family:var(--open);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#2A3B52;line-height:1.35}
.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.stat-card{background:#fff;border-radius:6px;padding:22px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.stat-card b{display:block;font-family:var(--sans);font-weight:900;font-size:36px;color:#111;line-height:1.1}
.stat-card span{font-weight:700;color:#111;font-size:15px}

/* Precios (como "Elige tu mentoría") */
.prices{display:flex;justify-content:center;gap:0;flex-wrap:wrap;margin-top:40px;align-items:flex-start}
.price{background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(0,26,53,.12);padding:34px 30px;width:300px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}
.price + .price{margin-left:-6px}
.price.feat{transform:translateY(-14px);z-index:2;box-shadow:0 22px 50px rgba(0,26,53,.20)}
.price h3{font-family:var(--open);font-weight:700;font-size:21px;text-align:center;line-height:1.1}
.price h3 small{display:block;font-size:13px;font-weight:600;margin-top:2px}
.price .amt{font-family:var(--open);font-weight:500;font-size:44px;color:#111;line-height:1;margin:10px 0 6px;min-width:max-content}
.price .amt sup{font-size:16px;vertical-align:top;position:relative;top:6px}
.price ul{list-style:none;padding:0;margin:8px 0 16px;width:100%}
.price li{font-family:var(--head);font-size:12.5px;color:#222;padding:7px 0 7px 18px;position:relative}
.price li::before{content:"";position:absolute;left:4px;top:15px;width:5px;height:5px;border-radius:5px;background:#111}
.price .btn{border-radius:30px;min-height:40px;font-size:11.5px;padding:0 22px}
.btn-pill-green{background:#2BB47F;color:#fff}
.btn-pill-green:hover{background:var(--green);color:#fff}

/* Modelo paso a paso (iconos verdes de línea) */
.steps6{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 40px;margin-top:40px}
.step6{display:flex;gap:12px}
.step6 svg{width:24px;height:24px;color:var(--green-hi);flex:none;margin-top:2px}
.step6 b{display:block;color:#fff;font-family:var(--open);font-size:14.5px;line-height:1.2}
.step6 p{font-size:13.5px;color:#D6E0EA;margin-top:4px;line-height:1.5}

/* Testimonios */
.testis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
.testi{background:#fff;padding:22px 22px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.testi img{width:84px;height:84px;border-radius:84px;object-fit:cover}
.testi .q{font-family:var(--serif);font-size:44px;line-height:.6;color:#C9CFD8;height:20px}
.testi p{font-style:italic;font-size:13.5px;color:#666;line-height:1.7;letter-spacing:.02em}
.testi .stars{color:#F2C230;letter-spacing:3px;font-size:16px;margin-top:6px}
.testi b{font-family:var(--head);font-weight:600;color:#222;font-size:14px}
.quote-big{font-family:var(--serif);font-style:italic;font-weight:700;font-size:34px;line-height:1.3;color:var(--ink);text-align:center;max-width:820px;margin:0 auto}

/* Preguntas frecuentes (líneas verdes y +) */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.faq-title{font-family:var(--head);font-weight:800;font-size:34px;line-height:1.12;color:#141466}
.faq details{border-bottom:2px solid var(--green-hi);padding:16px 0}
.faq summary{list-style:none;display:flex;justify-content:space-between;gap:18px;cursor:pointer;font-family:var(--head);font-weight:700;font-size:17.5px;line-height:1.2;color:#141466}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--green-hi);font-size:26px;line-height:.8;font-weight:500}
.faq details[open] summary{color:var(--green-hi)}
.faq details[open] summary::after{content:"−"}
.faq details p{font-size:14px;color:#2E3A70;margin-top:10px}

/* Pasos de reserva (01 02 03 04) */
.bigsteps{display:flex;flex-direction:column;gap:22px;margin-top:26px}
.bigstep{display:flex;align-items:center;gap:22px}
.bigstep .n{font-family:var(--open);font-weight:800;font-size:58px;color:#EEF0F3;line-height:1;width:84px}
.bigstep b{display:block;font-family:var(--serif);color:var(--green-hi);font-size:17px}
.bigstep span{font-size:12.5px;color:var(--muted)}

/* Logos de clientes */
.logos{display:grid;grid-template-columns:repeat(7,1fr);gap:18px;align-items:center;margin-top:34px}
.logos img{height:64px;width:100%;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.logos img:hover{filter:none;opacity:1}

/* Footer con onda */
.foot{background:var(--navy);color:#fff;position:relative;margin-top:90px}
.foot .wave{position:absolute;left:0;right:0;top:-70px;height:72px;display:block;width:100%}
.foot .container{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;padding-top:60px;padding-bottom:30px}
.foot h4{font-family:var(--sans);font-weight:700;color:#fff;font-size:17px}
.foot .small{font-size:12.5px;color:#fff;margin:8px 0 18px}
.foot input{width:100%;height:42px;border:0;border-radius:0;padding:0 14px;font-family:var(--sans);font-weight:700;font-size:13px;margin-bottom:12px;color:#222}
.foot .btn{width:100%;border-radius:0;min-height:40px;background:#22A06F}
.foot h3{font-family:var(--serif);font-size:32px;color:#fff}
.foot dl{margin:14px 0 0}
.foot dt{font-size:12.5px;color:#C5D0DD;font-weight:700;margin-top:12px}
.foot dd{margin:4px 0 0;font-size:14px}
.foot dd a{color:#fff;text-decoration:none}
.social{display:flex;gap:10px;margin-top:20px}
.social a{width:44px;height:44px;border-radius:44px;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center}
.social svg{width:15px;height:15px}
.copy{text-align:center;font-size:12.5px;color:#fff;padding:18px 24px 26px}
.copy b{font-weight:700}

/* Burbuja de chat */
.chat{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.chat .bub{background:#fff;border-radius:4px;box-shadow:0 6px 24px rgba(0,0,0,.18);padding:9px 12px;display:flex;align-items:center;gap:10px;font-size:13px;color:#222}
.chat .bub img{width:32px;height:32px;border-radius:32px;object-fit:cover}
.chat .bub small{display:block;font-size:11px;color:#777}
.chat a.fab{width:52px;height:52px;border-radius:52px;background:#21B07A;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.chat a.fab svg{width:24px;height:24px;color:#fff}

/* Bloques de la plataforma */
.plat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.plat{background:#fff;border-radius:6px;box-shadow:0 10px 30px rgba(0,26,53,.08);overflow:hidden;display:flex;flex-direction:column}
.plat .ph{height:200px;background:var(--grey-2);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding-top:18px}
.plat .body{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.plat h3{font-family:var(--serif);font-size:22px}
.plat p{font-size:14px}
.plat .btn{margin-top:auto;align-self:flex-start}
.mini-phone{width:150px;height:230px;border-radius:22px 22px 0 0;border:6px solid var(--navy);border-bottom:0;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.mini-bar{height:8px;background:var(--navy)}
.mini-row{height:9px;border-radius:3px;background:#DCE3EA;margin:6px 10px 0}
.mini-card{height:46px;border-radius:6px;background:var(--navy);margin:8px 10px 0}
.mini-green{background:var(--green-hi)}

/* Página de programas */
.prog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
.prog{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 10px 30px rgba(0,26,53,.08);display:flex;flex-direction:column}
.prog img{height:190px;width:100%;object-fit:cover}
.prog .b{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.prog .k{font-family:var(--head);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--green-hi);font-weight:700}
.prog h3{font-family:var(--serif);font-size:22px}
.prog .tagline{font-family:var(--serif);font-weight:700;color:var(--green-hi);font-size:14.5px}
.prog p{font-size:14px}
.prog .meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;margin-top:auto;font-size:13px}
.prog .meta b{font-family:var(--open);font-size:22px;color:#111}
.filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.filters button{height:40px;padding:0 18px;border-radius:30px;border:1.5px solid var(--line);background:#fff;font-family:var(--head);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);cursor:pointer}
.filters button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.example-note{display:inline-block;background:#FFF3D6;color:#6B4A00;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:3px;letter-spacing:.02em}

/* Flujo de diagnóstico */
.flow{display:grid;grid-template-columns:1fr 380px;gap:34px;align-items:start}
.card{background:#fff;border-radius:6px;box-shadow:0 10px 30px rgba(0,26,53,.08);padding:30px}
.stepper{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.stepper span{font-family:var(--head);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;border-radius:3px;background:var(--grey-2);color:var(--muted)}
.stepper span.on{background:var(--navy);color:#fff}
.stepper span.ok{background:var(--mint);color:#0F6B43}
.choice{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.opt{border:2px solid var(--line);border-radius:6px;padding:22px;cursor:pointer;background:#fff;text-align:left;font-family:var(--sans);display:flex;flex-direction:column;gap:6px}
.opt:hover{border-color:var(--green-hi)}
.opt.on{border-color:var(--green-hi);background:#F5FBF8}
.opt b{font-family:var(--serif);font-size:20px;color:var(--ink)}
.opt span{font-size:14px;color:var(--text)}
.opt svg{width:26px;height:26px;color:var(--green-hi)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:span 2}
.field label{font-size:12.5px;font-weight:700;color:var(--ink)}
.field input,.field select,.field textarea{height:46px;border:1px solid var(--line);background:var(--grey);border-radius:0;padding:0 14px;font-family:var(--sans);font-size:15px;color:#222}
.field textarea{height:90px;padding:12px 14px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--green-hi);outline-offset:0;background:#fff}
.days{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.pick{min-height:46px;border:1px solid var(--line);background:#fff;border-radius:3px;font-family:var(--sans);font-weight:700;font-size:14px;color:var(--ink);cursor:pointer}
.pick small{display:block;font-weight:400;font-size:11px;color:var(--muted)}
.pick.on{background:var(--navy);border-color:var(--navy);color:#fff}
.pick.on small{color:#C9D5E3}
.pick:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.flow-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.summary{background:var(--navy);color:#C9D5E3;border-radius:6px;padding:26px;display:flex;flex-direction:column;gap:12px;position:sticky;top:100px}
.summary h3{color:#fff;font-family:var(--serif);font-size:22px}
.summary .row{display:flex;justify-content:space-between;gap:10px;font-size:14px;border-bottom:1px solid var(--navy-3);padding-bottom:8px}
.summary .row b{color:#fff;text-align:right}
.done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 0}
.done .ok{width:72px;height:72px;border-radius:72px;background:var(--green);display:flex;align-items:center;justify-content:center}
.done .ok svg{width:36px;height:36px;color:#fff}

/* Barra de pestañas móvil (sensación de app) */
.tabbar{display:none}
@media (max-width:900px){
  .nav{display:none}
  .menu-btn{display:inline-flex}
  .nav.open{display:flex;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 30px rgba(0,0,0,.12)}
  .nav.open a{padding:16px 24px;border-top:1px solid var(--grey-2);font-size:14px}
  .header .hide-m{display:none}
  .br-d{display:none}
  .topbar{display:none}
  .header .container-w{min-height:64px}
  .brand img{width:36px;height:36px}
  .brand .bt b{font-size:20px}
  .hero .container-w{min-height:auto;padding-top:48px;padding-bottom:56px}
  .lockup img{width:72px;height:72px}
  .lockup b{font-size:48px}
  .hero .lead{font-size:19px}
  .phero .container{grid-template-columns:1fr;gap:26px;padding-top:36px;padding-bottom:40px}
  .phero h1{font-size:30px}
  .phero img{height:210px}
  .sec{padding:56px 0}
  .h-upper{font-size:27px}
  .h-serif{font-size:30px}
  .h-open{font-size:26px}
  .svc-strip,.svc-strip.four{grid-template-columns:1fr 1fr}
  .tiles{grid-template-columns:1fr 1fr;gap:12px}
  .stats{grid-template-columns:1fr;gap:14px}
  .stat-cards{grid-template-columns:1fr 1fr 1fr;gap:10px}
  .stat-card b{font-size:24px}
  .stat-card span{font-size:12px}
  .price{width:100%;max-width:360px}
  .price + .price{margin-left:0;margin-top:18px}
  .price.feat{transform:none}
  .steps6{grid-template-columns:1fr;gap:20px}
  .testis{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr;gap:20px}
  .faq-title{font-size:27px}
  .logos{grid-template-columns:repeat(4,1fr)}
  .logos img{height:44px}
  .foot .container{grid-template-columns:1fr;gap:34px}
  .plat-grid,.prog-list{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr}
  .summary{position:static}
  .choice,.fields{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .days{grid-template-columns:repeat(3,1fr)}
  .slots{grid-template-columns:repeat(2,1fr)}
  .quote-big{font-size:24px}
  .chat{bottom:calc(84px + var(--safe-b));right:14px}
  .chat .bub{display:none}
  body{padding-bottom:calc(68px + var(--safe-b))}
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;border-top:1px solid var(--grey-2);padding:6px 4px calc(6px + var(--safe-b));box-shadow:0 -6px 20px rgba(0,26,53,.06)}
  .tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;text-decoration:none;color:#6B7685;font-family:var(--head);font-size:10px;font-weight:700;letter-spacing:.02em}
  .tabbar a svg{width:22px;height:22px}
  .tabbar a.on{color:var(--green)}
  .tabbar a.cta{color:#fff}
  .tabbar a.cta span.i{width:46px;height:46px;border-radius:46px;background:var(--green);display:flex;align-items:center;justify-content:center;margin-top:-22px;box-shadow:0 6px 16px rgba(31,145,96,.35)}
  .tabbar a.cta em{font-style:normal;color:var(--green)}
}
@media (display-mode: standalone){ .topbar{display:none} }
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media (max-width:900px){ .two{grid-template-columns:1fr;gap:28px} .two img{height:340px!important} }
.sec-navy .plat h3{color:var(--ink)}
.sec-navy .plat p{color:var(--text)}
.plat .ph img{width:100%;height:100%;object-fit:cover;object-position:top center}
.logos img{height:86px;opacity:.85}
.prog .meta{flex-wrap:wrap;gap:10px}
.prog .meta .btn{padding:0 16px;min-height:42px;font-size:11.5px}