:root{
  --mint:#57B391;--mint-2:#42896F;--mint-3:#66D3AB;--mint-soft:#E8F8F2;
  --green:#3DB54A;--forest:#123F33;--forest-2:#1B5A48;--forest-deep:#0B2C24;
  --gold:#BF9B5F;--gold-2:#A8843F;--gold-soft:#F6EEDC;
  --night:#0E1311;--night-2:#16201C;
  --ink:#14201B;--muted:#69756F;--faint:#9AA29D;
  --paper:#FFFFFF;--mist:#F4F8F6;--line:#E8EEEB;--line-soft:#F0F4F2;
  --radius:14px;--radius-sm:10px;--shadow:0 1px 2px rgba(18,30,24,.04),0 10px 34px rgba(18,40,30,.06);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Red Hat Display',sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
.mono{font-family:'Arsenal',monospace}
.eyebrow{font-family:'Arsenal',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3,h4,h5{font-family:'Red Hat Display';font-weight:700;letter-spacing:-.01em}
button{font-family:inherit;cursor:pointer;border:none;background:none}
a{color:inherit;text-decoration:none}.hidden{display:none!important}
input,textarea,select{font-family:inherit}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Red Hat Display';font-weight:600;font-size:14px;border-radius:var(--radius-sm);transition:transform .14s,background .2s,color .2s,border-color .2s}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--forest);color:#fff;padding:13px 20px}.btn-primary:hover{background:var(--forest-deep)}
.btn-mint{background:var(--mint);color:#06322a;padding:13px 20px}.btn-mint:hover{background:var(--mint-2);color:#fff}
.btn-gold{background:var(--gold);color:#fff;padding:11px 16px}.btn-gold:hover{background:var(--gold-2)}
.btn-block{width:100%}
.btn-ghost{border:1.5px solid var(--line);color:var(--ink);padding:11px 18px;background:#fff}.btn-ghost:hover{border-color:var(--mint);color:var(--mint-2)}
.btn-sm{font-size:13px;padding:8px 14px}
.btn-done{background:var(--mint-soft);color:var(--mint-2);padding:11px;cursor:default;font-weight:700}
.btn-up{border:1.5px solid var(--forest);color:var(--forest);background:#fff;padding:11px}.btn-up:hover{background:var(--mist)}
.svg-ic{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.svg-ic.sm{width:15px;height:15px}
.avatar{border-radius:999px;display:grid;place-items:center;font-family:'Red Hat Display';font-weight:700;color:#fff;flex:none;width:40px;height:40px;font-size:14px;overflow:hidden}
.av-1{background:var(--forest)}.av-2{background:#6B4FA0}.av-3{background:var(--gold-2)}.av-4{background:#2F7DA8}.av-5{background:#A65B5B}.av-6{background:var(--mint-2)}.av-7{background:#9A6BB0}.av-8{background:#C25E3A}
.ph{border-radius:999px;flex:none;display:block}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.card-pad{padding:20px}
.state{font-family:'Arsenal';font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:5px 10px;border-radius:7px;white-space:nowrap}
.st-active{background:var(--mint-soft);color:var(--mint-2)}.st-ready{background:var(--gold-soft);color:var(--gold-2)}.st-locked{background:#F0F0EC;color:var(--faint)}
.verified{display:inline-flex;width:15px;height:15px;vertical-align:-2px;margin-left:4px}
.degree{font-family:'Arsenal';font-size:9.5px;font-weight:700;color:var(--muted);background:var(--mist);border:1px solid var(--line);padding:1px 6px;border-radius:5px;margin-left:6px;letter-spacing:.04em}

.plogo{display:flex;align-items:center;gap:9px}
.plogo svg{width:38px;height:38px;flex:none}
.plogo .pl-name{line-height:1.02}
.plogo .pl-name b{font-family:'Red Hat Display';font-weight:800;font-size:15px;color:var(--ink)}
.plogo .pl-name span{font-family:'Red Hat Display';font-weight:300;font-size:15px;color:var(--ink)}
.plogo .pl-sub{font-family:'Red Hat Display';font-size:7.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:1px}

.demo-nav{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:200;background:rgba(14,19,17,.92);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 8px;display:flex;align-items:center;gap:4px;box-shadow:0 12px 40px rgba(0,0,0,.3)}
.demo-nav span{font-family:'Arsenal';font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#7e948c;padding:0 8px}
.demo-nav button{font-family:'Red Hat Display';font-weight:600;font-size:12.5px;color:#cfe0d9;padding:7px 14px;border-radius:999px;transition:.15s}
.demo-nav button:hover{background:rgba(255,255,255,.08);color:#fff}.demo-nav button.on{background:var(--mint);color:#06322a}

/* PUBLIC SITE */
.site{background:var(--night);color:#EAF3EF}
.site-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:24px;padding:0 36px;height:70px;background:rgba(14,19,17,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07)}
.site-top .snav{display:flex;gap:6px;margin-left:28px}
.site-top .snav a{font-family:'Red Hat Display';font-weight:600;font-size:13.5px;color:#A9C4BA;padding:8px 14px;border-radius:8px}.site-top .snav a:hover{color:#fff}
.hero-wrap{max-width:1200px;margin:0 auto;padding:70px 36px 40px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero-l .eyebrow{color:var(--mint-3)}
.hero-l h1{font-size:50px;font-weight:800;line-height:1.05;margin:16px 0 18px;color:#fff}
.hero-l h1 em{font-style:normal;color:var(--mint-3)}
.hero-l .sub{font-size:18px;color:#A9C4BA;max-width:44ch;margin-bottom:30px}
.hero-l .cta-row{display:flex;gap:14px;flex-wrap:wrap}
.hero-stats{display:flex;gap:30px;margin-top:40px}
.hero-stats div b{font-family:'Red Hat Display';font-size:30px;font-weight:800;color:#fff;display:block;line-height:1}
.hero-stats div span{font-size:12px;color:#8fb6a4;font-family:'Arsenal';letter-spacing:.04em}
.logo-strip{max-width:1200px;margin:10px auto 0;padding:24px 36px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:34px;flex-wrap:wrap}
.logo-strip .ls-label{font-family:'Arsenal';font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#7e948c}
.logo-strip .ls-logos{display:flex;align-items:center;gap:26px;flex-wrap:wrap;opacity:.92}
.sec{max-width:1140px;margin:0 auto;padding:64px 36px;border-top:1px solid rgba(255,255,255,.07)}
.sec h2{font-size:32px;font-weight:800;color:#fff;max-width:20ch}
.sec .lead{color:#A9C4BA;font-size:16px;max-width:60ch;margin-top:14px}
.mvp{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.mvp .mv{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:26px}
.mvp .mv .eyebrow{color:var(--mint-3)}.mvp .mv h3{color:#fff;font-size:18px;margin:10px 0 8px}.mvp .mv p{color:#A9C4BA;font-size:14px}
.dark-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:30px}
.dark-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:22px}
.dark-card .dc-logo{background:#fff;border-radius:10px;padding:9px 12px;display:inline-flex;margin-bottom:14px}
.dark-card h4{color:#fff;font-size:15px}.dark-card .qty{font-family:'Arsenal';font-size:12px;color:var(--mint-3);margin-top:4px;font-weight:700}.dark-card p{color:#A9C4BA;font-size:13px;margin-top:4px}
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:20px}
.testi{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.testi .tc{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:24px}
.testi .tc p{font-size:14.5px;color:#D5E4DE;line-height:1.6}
.testi .tc .who{display:flex;align-items:center;gap:11px;margin-top:16px}
.testi .tc .who b{font-family:'Red Hat Display';font-size:13px;color:#fff;display:block}.testi .tc .who span{font-size:11.5px;color:#8fb6a4}
.checklist{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;max-width:760px}
.checklist div{display:flex;gap:12px;align-items:center;font-size:15px;color:#D5E4DE}
.checklist .ck{width:24px;height:24px;border-radius:999px;background:var(--mint);color:#06322a;display:grid;place-items:center;flex:none;font-weight:800;font-size:13px}
.quote{text-align:center;padding:70px 36px}
.quote p{font-family:'Red Hat Display';font-weight:700;font-size:30px;line-height:1.3;max-width:20ch;margin:0 auto;color:#fff}.quote p em{color:var(--mint-3);font-style:normal}
.quote .qm{font-size:60px;color:var(--gold);line-height:0;display:block;margin-bottom:18px}
.site-cta{max-width:1000px;margin:0 auto 64px;background:linear-gradient(150deg,var(--forest),var(--forest-deep));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:46px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.site-cta .cta-l{flex:1;min-width:280px}.site-cta h2{font-size:30px;color:#fff}.site-cta p{color:#A9C4BA;margin-top:10px}
.site-cta .conci{display:flex;align-items:center;gap:14px;margin-top:20px}.site-cta .conci b{font-family:'Red Hat Display';display:block;color:#fff}.site-cta .conci span{font-size:12px;color:#9FB2AB}
.site-cta .phone{font-family:'Arsenal';font-weight:700;color:var(--mint-3);font-size:20px;letter-spacing:.04em}
.site-foot{text-align:center;padding:30px;border-top:1px solid rgba(255,255,255,.07);font-size:12.5px;color:#7e948c;font-family:'Arsenal';letter-spacing:.1em;text-transform:uppercase}
.zp{position:relative}
.zp-carousel{position:relative;height:520px;overflow:hidden}
.zp-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease}
.zp-slide.on{opacity:1}
.zp-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,20,16,.94),rgba(11,20,16,.55) 55%,rgba(11,20,16,.32)),linear-gradient(0deg,rgba(11,20,16,.6),transparent 42%)}
.zp-content{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);max-width:1140px;margin:0 auto;padding:0 40px;z-index:2}
.zp-content .eyebrow{color:var(--mint-3)}
.zp-content h1{font-size:52px;font-weight:800;line-height:1.04;color:#fff;margin:16px 0 16px;max-width:17ch}
.zp-content h1 em{color:var(--gold);font-style:normal}
.zp-content p{font-size:19px;color:#CBD9D2;max-width:44ch;margin-bottom:28px}
.zp-video-badge{position:absolute;right:40px;top:30px;z-index:3;display:flex;align-items:center;gap:9px;background:rgba(14,19,17,.55);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px);color:#EAF3EF;font-family:'Arsenal';font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px}
.zp-video-badge .pl{width:20px;height:20px;border-radius:999px;background:var(--mint);color:#06322a;display:grid;place-items:center;font-size:9px}
.zp-dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:8px}
.zp-dots button{height:9px;width:9px;border-radius:999px;background:rgba(255,255,255,.35);border:none;cursor:pointer;transition:.25s;padding:0}
.zp-dots button.on{background:var(--mint);width:26px}
.zp .hero-stats{max-width:1140px;margin:0 auto;padding:24px 40px}
.mv-cta{display:inline-flex;margin-top:14px;font-family:'Red Hat Display';font-weight:700;font-size:13px;color:var(--mint-3)}.mv-cta:hover{color:#fff}
.p-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.p-actions .p-land{font-family:'Red Hat Display';font-weight:600;font-size:12.5px;color:#A9C4BA;border:1px solid rgba(255,255,255,.18);padding:8px 12px;border-radius:8px}.p-actions .p-land:hover{color:#fff;border-color:var(--mint)}
.p-actions .p-act,.svc-act .p-act{font-family:'Red Hat Display';font-weight:700;font-size:12.5px;background:var(--mint);color:#06322a;padding:8px 12px;border-radius:8px}.p-actions .p-act:hover,.svc-act .p-act:hover{background:var(--mint-3)}
.svc-card{display:flex;flex-direction:column}.svc-act{margin-top:auto;padding-top:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.svc-act .p-land{font-family:'Red Hat Display';font-weight:600;font-size:12.5px;color:#A9C4BA;border:1px solid rgba(255,255,255,.18);padding:8px 12px;border-radius:8px}.svc-act .p-land:hover{color:#fff;border-color:var(--mint)}
.badge-free{display:inline-flex;align-items:center;gap:6px;background:rgba(191,155,95,.16);color:var(--gold);border:1px solid rgba(191,155,95,.4);font-family:'Arsenal';font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:4px 9px;border-radius:6px;margin-top:8px;align-self:flex-start}
.ca-cover{position:absolute;inset:0;background:linear-gradient(120deg,#0E1311,#123F33);display:flex;align-items:center;padding:0 26px;overflow:hidden}
.ca-cover::after{content:"";position:absolute;right:-40px;top:-50px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(22,192,160,.22),transparent 65%)}
.ca-cover .cc-inner{display:flex;align-items:center;gap:16px;position:relative;z-index:1}
.ca-cover .cc-eyebrow{font-family:'Arsenal';font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.ca-cover .cc-slogan{font-family:'Red Hat Display';font-weight:700;font-size:15px;color:#fff;max-width:30ch;margin-top:3px}
.member-cta{background:linear-gradient(150deg,var(--forest),var(--forest-deep));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px;text-align:center}
.member-cta h2{color:#fff;font-size:28px;max-width:26ch;margin:12px auto 12px}
.member-cta p{color:#A9C4BA;max-width:60ch;margin:0 auto}
.mc-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}
.mc-summary>div{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;text-align:left}
.mc-summary p{color:#D5E4DE;font-size:13.5px;margin-top:6px}
.colsis-band{background:linear-gradient(120deg,#0E1311,#123F33);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px;display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}
.colsis-band .cb-l{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.colsis-band .cb-l .cb-tag{font-family:'Arsenal';font-size:12px;letter-spacing:.06em;color:var(--mint-3);text-transform:uppercase}
.colsis-band .cb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.colsis-band .cb-stats b{font-family:'Red Hat Display';font-size:26px;font-weight:800;color:#fff;display:block;line-height:1}
.colsis-band .cb-stats span{font-size:11.5px;color:#8fb6a4;font-family:'Arsenal'}
.quick-bar{display:flex;align-items:center;gap:14px;background:var(--mist);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:16px;flex-wrap:wrap}
.quick-bar .qb-ic{width:38px;height:38px;border-radius:10px;background:var(--mint);color:#06322a;display:grid;place-items:center;font-size:18px;flex:none}
.quick-bar b{font-family:'Red Hat Display';font-size:14px}.quick-bar p{font-size:12px;color:var(--muted)}
.quick-bar .qb-input{padding:9px 12px;border:1.5px solid var(--line);border-radius:9px;font-size:13.5px;min-width:150px}
.stepper{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.stepper span{font-family:'Red Hat Display';font-size:12.5px;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px}
.stepper span.st-on{background:var(--forest);color:#fff;border-color:var(--forest)}
.landing{background:#fff;color:var(--ink)}
.lp-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:0 32px;height:66px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.lp-top .lp-back{font-family:'Red Hat Display';font-weight:600;font-size:13.5px;color:var(--muted)}.lp-top .lp-back:hover{color:var(--forest)}
.lp-hero{background:linear-gradient(120deg,#0E1311,#123F33);color:#fff;padding:70px 40px}
.lp-hero .lp-inner{max-width:820px;margin:0 auto}
.lp-hero .eyebrow{color:var(--mint-3)}
.lp-hero h1{font-size:44px;font-weight:800;line-height:1.06;margin:14px 0 14px;max-width:20ch}
.lp-hero p{font-size:18px;color:#A9C4BA;max-width:52ch;margin-bottom:26px}
.lp-sec{max-width:1100px;margin:0 auto;padding:56px 40px}
.lp-sec h2{font-size:30px;font-weight:800;color:var(--forest);max-width:24ch}
.lp-sec .lp-lead{color:var(--muted);font-size:16px;max-width:64ch;margin-top:12px}
.iso-strip{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.iso-badge{display:flex;flex-direction:column;align-items:center;gap:4px;border:1.5px solid var(--line);border-radius:12px;padding:14px 18px;min-width:110px}
.iso-badge b{font-family:'Red Hat Display';font-weight:800;color:var(--forest);font-size:15px}.iso-badge span{font-family:'Arsenal';font-size:10px;color:var(--muted)}
.lp-check{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-top:22px;max-width:820px}
.lp-check div{display:flex;gap:12px;align-items:center;font-size:15px;color:#33403A}
.lp-check .ck{width:24px;height:24px;border-radius:999px;background:var(--mint);color:#06322a;display:grid;place-items:center;flex:none;font-weight:800;font-size:13px}
.lp-dark{background:#0E251C;max-width:none}.lp-dark .lp-in{max-width:1100px;margin:0 auto}.lp-dark h2{color:#fff}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:28px}
.step{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:16px}
.step .sn{font-family:'Arsenal';font-size:11px;color:var(--mint-3);font-weight:700}
.step b{font-family:'Red Hat Display';font-size:13.5px;color:#fff;display:block;margin:4px 0 5px}.step p{font-size:12px;color:#A9C4BA}
.lp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.lp-stat{border:1.5px solid var(--line);border-radius:14px;padding:22px}.lp-stat b{font-family:'Red Hat Display';font-size:34px;font-weight:800;color:var(--forest);display:block;line-height:1}.lp-stat span{font-size:13.5px;color:var(--muted)}
.org-tbl{width:100%;border-collapse:collapse;max-width:520px;margin-top:20px}
.org-tbl td{padding:11px 14px;border-bottom:1px solid var(--line-soft);font-size:14px}.org-tbl td:first-child{font-family:'Red Hat Display';font-weight:700;color:var(--forest)}
.lp-cta{background:linear-gradient(120deg,var(--mint-soft),#fff);border-top:1px solid var(--line)}
.lp-cta .lp-sec{text-align:center}.lp-cta h2{margin:0 auto}
.lp-brand{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.lp-brand>span{font-family:'Red Hat Display';font-weight:800;color:#fff;font-size:15px}
.lp-brand svg{background:#fff;border-radius:10px;padding:5px}
#lp-logo{display:inline-flex;align-items:center}#lp-logo svg{background:#fff;border-radius:8px;padding:3px}
.lp-mark{background:#fff;border-radius:10px;padding:7px 12px;display:inline-flex;align-items:center}
.lp-mark img{height:34px;width:auto;display:block}
#lp-logo .lp-mark{padding:4px 9px;border:1px solid var(--line)}#lp-logo .lp-mark img{height:24px}
#lp-content{--lp-accent:#57B391}
#lp-content .lp-sec h2{color:var(--lp-accent)}
#lp-content .lp-dark h2{color:#fff}
#lp-content .lp-check .ck{background:var(--lp-accent)}
#lp-content .lp-stat b{color:var(--lp-accent)}
#lp-content .lp-stat{border-color:var(--lp-accent)}
#lp-content .ideal-band{background:#F4F8F6;border-color:var(--lp-accent);color:#2a3a34}
#lp-content .step .sn{color:#fff}
#lp-content .lp-hero .eyebrow{color:rgba(255,255,255,.85)}
.lp-btn{background:var(--lp-accent);color:#fff;padding:13px 22px}.lp-btn:hover{filter:brightness(1.08)}
.ideal-band{background:var(--mint-soft);border:1px solid var(--mint);border-radius:12px;padding:16px 20px;font-family:'Red Hat Display';font-weight:600;color:var(--forest);font-size:15px}

@media(max-width:860px){.mc-summary,.colsis-band,.colsis-band .cb-stats,.steps,.lp-stats,.lp-check{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.lp-hero h1{font-size:32px}.lp-sec{padding:40px 22px}.lp-hero{padding:50px 22px}.lp-top{padding:0 18px}}

.blast{background:linear-gradient(120deg,var(--mint-soft),#fff);border:1px solid var(--mint);border-radius:var(--radius);padding:20px}
.blast h4{font-size:15px;margin-bottom:6px}.blast p{font-size:13px;color:var(--muted);margin-bottom:12px}
.blast .bl-form{display:none;margin-top:12px}.blast.open .bl-form{display:block}
.blast .bl-form input,.blast .bl-form textarea{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:9px;font-size:13.5px;margin-bottom:9px}
.blast .bl-up{border:1.5px dashed var(--line);border-radius:9px;padding:14px;text-align:center;color:var(--muted);font-size:12.5px;background:#fff;margin-bottom:9px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}
.det-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
.det-card .eyebrow{display:block;margin-bottom:10px}
.det-line{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-top:1px solid var(--line-soft);font-size:13.5px}.det-line:first-of-type{border-top:none}
.det-ok{color:var(--mint-2);font-weight:700;font-family:'Red Hat Display';font-size:12.5px}.det-no{color:#C25E3A;font-weight:700;font-family:'Red Hat Display';font-size:12.5px}
.det-prog .bar{height:8px;background:var(--line);border-radius:99px;overflow:hidden;margin-top:8px}.det-prog .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--mint-2))}


/* LOGIN */
.gate{min-height:100vh;display:flex;flex-direction:column;background:var(--mist)}
.gate-top{background:var(--night);height:64px;display:flex;align-items:center;padding:0 32px}
.gate-main{flex:1;display:grid;grid-template-columns:1fr 1fr}
.gate-hero{padding:60px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(160deg,var(--night),var(--forest-deep));color:#EAF3EF;position:relative;overflow:hidden}
.gate-hero .eyebrow{color:var(--mint-3)}.gate-hero h1{font-size:36px;font-weight:800;line-height:1.1;margin:16px 0 18px;color:#fff}.gate-hero h1 em{font-style:normal;color:var(--mint-3)}.gate-hero p{font-size:16px;color:#A9C4BA;max-width:38ch}
.gate-form{display:flex;align-items:center;justify-content:center;padding:48px;background:var(--paper)}
.gate-card{width:100%;max-width:380px}.gate-card .eyebrow{margin-bottom:12px;display:block}.gate-card h2{font-size:28px;margin-bottom:6px}.gate-card .lede{color:var(--muted);font-size:14.5px;margin-bottom:26px}
.field{margin-bottom:15px}.field label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px;font-family:'Red Hat Display'}
.field input,.field textarea,.field select{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-size:14.5px;background:#fff;transition:.2s}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-soft)}
.pw-wrap{position:relative}
.pw-wrap input{padding-right:44px}
.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--faint)}
.pw-toggle:hover{color:var(--mint-2);background:var(--mist)}
.gate-foot{margin-top:20px;display:flex;justify-content:space-between;font-size:12.5px;color:var(--faint)}.gate-foot a{color:var(--mint-2);font-weight:600}

/* APP SHELL */
.topbar{position:sticky;top:0;z-index:40;background:var(--night);display:flex;align-items:center;gap:18px;padding:0 22px;height:64px;color:#fff}
.nav{display:flex;gap:2px;margin-left:6px}
.nav a{font-family:'Red Hat Display';font-size:13px;font-weight:600;color:#9FB2AB;padding:8px 10px;border-radius:8px;transition:.15s;position:relative}
.nav a:hover{color:#fff;background:rgba(255,255,255,.06)}.nav a.active{color:#fff}
.nav a.active::after{content:"";position:absolute;left:10px;right:10px;bottom:-21px;height:2px;background:var(--mint);border-radius:2px}
.top-right{margin-left:auto;display:flex;align-items:center;gap:10px;position:relative}
.icon-btn{position:relative;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);display:grid;place-items:center;color:#cfe0d9;transition:.2s}
.icon-btn:hover{border-color:var(--mint);color:var(--mint-3)}
.icon-btn .badge{position:absolute;top:-3px;right:-3px;background:var(--mint);color:#06322a;font-family:'Arsenal';font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:99px;display:grid;place-items:center;padding:0 3px}
.notif-pop{position:absolute;top:50px;right:46px;width:320px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.22);overflow:hidden;z-index:60}
.notif-pop h5{font-size:14px;padding:14px 16px;border-bottom:1px solid var(--line)}
.notif-item{display:flex;gap:11px;padding:12px 16px;border-bottom:1px solid var(--line-soft);font-size:13px;color:#33403A;position:relative}
.notif-item.unread{background:var(--mint-soft)}
.notif-item.unread::after{content:"";position:absolute;right:14px;top:16px;width:7px;height:7px;border-radius:999px;background:var(--mint)}
.notif-item:hover{background:var(--mist)}.notif-item .ni-ic{width:34px;height:34px;border-radius:999px;background:var(--mint-soft);color:var(--mint-2);display:grid;place-items:center;flex:none}
.notif-item b{font-family:'Red Hat Display';font-weight:700}
.avatar.clickable{cursor:pointer}
.wrap{max-width:1200px;margin:0 auto;padding:28px 24px 90px}
.view{animation:rise .4s ease both}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.view-head{margin-bottom:30px;max-width:720px}.view-head .eyebrow{margin-bottom:10px;display:block}.view-head h1{font-size:30px;font-weight:800;line-height:1.18;letter-spacing:-.01em}.view-head p{color:var(--muted);font-size:15px;margin-top:8px}
.sub-head{display:flex;align-items:center;gap:14px;margin:40px 0 20px}.sub-head h2{font-size:18px}.sub-head .ln{flex:1;height:1px;background:var(--line)}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}

.feed-grid{display:grid;grid-template-columns:250px 1fr 290px;gap:24px;align-items:start}
.col-sticky{position:sticky;top:86px}
.mini{overflow:hidden}.mini-cover{height:60px;background:linear-gradient(120deg,var(--forest),var(--mint-2))}
.mini-body{padding:0 18px 18px;margin-top:-26px;text-align:center}.mini .avatar{margin:0 auto;width:54px;height:54px;font-size:18px;border:3px solid #fff}
.mini h3{font-size:16px;margin-top:9px}.mini .role{font-size:12px;color:var(--muted)}
.tier{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-family:'Arsenal';font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--gold-soft);color:var(--gold-2);font-weight:700}
.progress{margin-top:13px;text-align:left}.progress .pl{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:5px;font-family:'Red Hat Display';font-weight:600}
.progress .bar{height:6px;background:var(--line);border-radius:99px;overflow:hidden}.progress .bar i{display:block;height:100%;width:80%;background:linear-gradient(90deg,var(--mint),var(--mint-2))}
.mini-stats{display:flex;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.mini-stats div{flex:1;text-align:center}.mini-stats b{display:block;font-family:'Red Hat Display';font-size:17px;font-weight:800}.mini-stats span{font-size:11px;color:var(--muted)}
.side-nav{margin-top:16px;padding:8px}.side-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;font-family:'Red Hat Display';font-size:13px;font-weight:600;transition:.15s}.side-nav a:hover{background:var(--mist)}
.side-nav a .dot{width:7px;height:7px;border-radius:2px;flex:none;background:var(--mint)}.side-nav a .dot.g{background:var(--gold)}.side-nav a .dot.f{background:var(--forest)}
.composer{display:flex;gap:12px;align-items:center;padding:16px 18px;margin-bottom:20px}
.composer .fake{flex:1;border:1.5px solid var(--line);border-radius:999px;padding:11px 18px;color:var(--faint);font-size:14px;cursor:text}.composer .fake:hover{border-color:var(--mint)}
.composer-bar{display:flex;gap:6px;padding:8px 14px;margin-bottom:20px;flex-wrap:wrap}
.comp-q{display:inline-flex;align-items:center;gap:8px;font-family:'Red Hat Display';font-size:12.5px;font-weight:600;color:var(--muted);padding:8px 12px;border-radius:8px}.comp-q:hover{background:var(--mist);color:var(--mint-2)}.comp-q .svg-ic{width:17px;height:17px;color:var(--mint-2)}
.post-head .who .l2 .co{font-family:'Red Hat Display';font-weight:700;color:var(--ink);font-size:12px}
.comp-modal{background:#fff;border-radius:16px;max-width:540px;width:100%;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.3);animation:rise .3s ease both;max-height:90vh;display:flex;flex-direction:column}
.comp-top{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}
.comp-top .ct-who b{font-family:'Red Hat Display';font-size:15px;display:block}.comp-top .ct-who .sel{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);background:var(--mist);border:1px solid var(--line);border-radius:999px;padding:3px 10px;margin-top:3px;font-weight:600}
.comp-top .comp-close{margin-left:auto;font-size:22px;color:var(--faint)}
.comp-body{padding:18px 20px;overflow-y:auto;flex:1}
.comp-body textarea{width:100%;border:none;outline:none;font-size:16px;font-family:'Red Hat Display';resize:none;min-height:90px}
.comp-extra{margin-top:8px}
.comp-ph{border:1.5px dashed var(--line);border-radius:12px;padding:26px;text-align:center;color:var(--muted);background:var(--mist);font-size:13.5px}
.comp-ph .ce-ic{width:40px;height:40px;border-radius:999px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;margin:0 auto 10px;color:var(--mint-2)}
.comp-extra input,.comp-extra .pin{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;font-size:14px;margin-bottom:9px}
.comp-as{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line);background:var(--mist);font-size:13px}
.comp-as select{border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:13px;font-weight:600;font-family:'Red Hat Display';background:#fff}
.comp-approval-note{font-size:12.5px;color:var(--gold-2);background:var(--gold-soft);border:1px solid var(--gold);border-radius:9px;padding:9px 12px;margin:0 20px 14px;display:none}
.comp-approval-note.show{display:block}
.comp-foot{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--line)}
.comp-types{display:flex;gap:4px}.comp-types button{width:38px;height:38px;border-radius:9px;color:var(--muted);display:grid;place-items:center}.comp-types button:hover{background:var(--mist);color:var(--mint-2)}.comp-types button.on{background:var(--mint-soft);color:var(--mint-2)}
.team-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line-soft)}.team-row:first-of-type{border-top:none}
.team-row .tr-main{flex:1}.team-row b{font-family:'Red Hat Display';font-size:13.5px;display:block}.team-row span{font-size:12px;color:var(--muted)}
.role-tag{font-family:'Arsenal';font-size:9px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--gold-soft);color:var(--gold-2)}
.principal-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,var(--mint-soft),#fff);border:1px solid var(--mint);border-radius:12px;padding:14px 16px;margin-bottom:16px}
.principal-banner .pb-ic{width:40px;height:40px;border-radius:10px;background:var(--mint);color:#06322a;display:grid;place-items:center;flex:none;font-size:18px}
.principal-banner b{font-family:'Red Hat Display';font-size:14px}.principal-banner p{font-size:12.5px;color:var(--muted)}
.approve-row{display:flex;gap:13px;padding:15px 0;border-top:1px solid var(--line-soft)}.approve-row:first-of-type{border-top:none}
.approve-row .ar-main{flex:1}.approve-row .ar-meta{font-family:'Arsenal';font-size:11px;color:var(--muted);margin-bottom:5px}.approve-row .ar-meta b{color:var(--ink)}
.approve-row .ar-text{font-size:13.5px;color:#33403A}.approve-row .ar-acts{display:flex;gap:8px;margin-top:10px}
.btn-rej{border:1.5px solid var(--line);color:var(--muted);padding:7px 14px;background:#fff;font-size:13px;border-radius:9px;font-family:'Red Hat Display';font-weight:600}.btn-rej:hover{border-color:#C25E3A;color:#C25E3A}
.photo-config{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.photo-swatches{display:flex;gap:8px}.photo-sw{cursor:pointer;border:2px solid transparent;border-radius:999px;padding:1px}.photo-sw.on{border-color:var(--ink)}
img.ph{object-fit:cover;background:#dfe7e3}
.cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,19,17,.80),rgba(14,19,17,.30) 60%,rgba(14,19,17,.12))}
.cover-name{position:absolute;left:24px;bottom:16px;display:flex;align-items:center;gap:10px;color:#fff;font-family:'Red Hat Display';font-weight:800;font-size:18px;letter-spacing:.03em;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.cover-name .cn-mark{width:26px;height:26px;border-radius:7px;background:var(--mint);display:grid;place-items:center;color:#06322a;font-size:13px;font-weight:800}
.seg{display:inline-flex;background:var(--mist);border:1px solid var(--line);border-radius:999px;padding:4px;margin-bottom:14px}
.seg-b{font-family:'Red Hat Display';font-weight:600;font-size:13.5px;color:var(--muted);padding:8px 22px;border-radius:999px;transition:.15s}
.seg-b.on{background:#fff;color:var(--forest);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.post{padding:20px;margin-bottom:18px}
.post-head{display:flex;gap:12px;align-items:center;margin-bottom:13px}
.post-head .who b{font-family:'Red Hat Display';font-size:14px;font-weight:700;line-height:1.3}.post-head .who .l2{font-size:12px;color:var(--muted)}.post-head .who .sector{color:var(--mint-2);font-weight:600}
.post-time{margin-left:auto;font-family:'Arsenal';font-size:11px;color:var(--faint)}
.post-body{font-size:14.5px;line-height:1.65;color:#33403A}.post-body strong{font-weight:700;color:var(--ink)}
.post-media{margin-top:14px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.poll{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.poll .pq{font-weight:600;font-family:'Red Hat Display';font-size:14px;margin-bottom:4px}
.poll-opt{position:relative;border:1px solid var(--line);border-radius:9px;padding:9px 14px;font-size:13.5px;cursor:pointer;overflow:hidden;font-weight:600;font-family:'Red Hat Display'}
.poll-opt .fill{position:absolute;inset:0;background:var(--mint-soft);width:0;transition:width .5s}.poll-opt .pct{float:right;color:var(--mint-2);position:relative}.poll-opt span.lbl{position:relative}
.post-foot{display:flex;gap:6px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line-soft)}
.react{display:inline-flex;align-items:center;gap:7px;font-family:'Red Hat Display';font-size:12.5px;font-weight:600;color:var(--muted);padding:7px 11px;border-radius:8px}.react:hover{background:var(--mist);color:var(--ink)}.react.on{color:var(--mint-2)}.react .ct{font-family:'Arsenal'}
.react.save.on{color:var(--gold-2)}
.opp-tag{display:inline-flex;align-items:center;gap:7px;font-family:'Arsenal';font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:5px 11px;border-radius:7px;margin-bottom:12px}
.opp-tag.pub{background:var(--mint-soft);color:var(--mint-2)}.opp-tag.conf{background:#F2EEFA;color:#6B4FA0}
.post.is-opp{border-left:3px solid var(--gold)}
.opp-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:13px;font-size:12.5px;color:var(--muted)}.opp-meta b{color:var(--ink);font-weight:700;font-family:'Red Hat Display'}
.rail-card{padding:18px 20px;margin-bottom:18px}.rail-card h4{font-size:14px;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}.rail-card h4 .eyebrow{font-size:9.5px}
.news-item{padding:12px 0;border-top:1px solid var(--line-soft);font-size:13px}.news-item:first-of-type{border-top:none}
.news-item .src{font-family:'Arsenal';font-size:10.5px;color:var(--gold-2);text-transform:uppercase;letter-spacing:.08em}.news-item p{margin-top:4px;line-height:1.45;color:#3a4640;font-weight:500;cursor:pointer}.news-item p:hover{color:var(--mint-2)}
.rec-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--line-soft)}.rec-row:first-of-type{border-top:none}
.rec-row .rc-main{flex:1;min-width:0}.rec-row b{font-family:'Red Hat Display';font-size:13px;display:block}.rec-row span{font-size:11.5px;color:var(--muted)}
.rec-row button{font-family:'Red Hat Display';font-size:12px;font-weight:700;color:var(--mint-2);border:1.5px solid var(--mint);border-radius:999px;padding:5px 11px}.rec-row button:hover{background:var(--mint-soft)}
.concierge{background:linear-gradient(155deg,var(--night),var(--forest-deep));border:none;color:#EAF3EF}
.concierge .eyebrow{color:var(--mint-3)}.concierge h4{color:#fff;margin:5px 0 0;font-size:15px}
.concierge .c-row{display:flex;align-items:center;gap:12px;margin:13px 0}.concierge .c-row .ph{border:2px solid rgba(255,255,255,.16)}
.concierge .c-row b{font-size:13px;display:block;font-family:'Red Hat Display'}.concierge .c-row span{font-size:11.5px;color:#9FB2AB}
.concierge .phone{font-family:'Arsenal';font-size:14px;color:var(--mint-3);font-weight:700;margin:0 0 12px}
.concierge .btn-ghost{background:transparent;border-color:rgba(255,255,255,.2);color:#fff;width:100%}.concierge .btn-ghost:hover{background:rgba(255,255,255,.08);border-color:var(--mint);color:#fff}

.profile-hero{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;margin-bottom:22px;position:relative}
.profile-cover{height:160px;position:relative;overflow:hidden}
/* El avatar se posiciona aparte (absolute) para que traslape la franja de
   color a propósito; el nombre/datos de la empresa ya NO comparten ese
   traslape — siempre empiezan debajo de la franja, sobre fondo blanco,
   sin importar cuánto texto tengan (RFC largo, dos líneas, etc). */
.profile-id{display:flex;gap:20px;padding:18px 28px 22px 150px;align-items:flex-end;flex-wrap:wrap;position:relative;min-height:56px}
.profile-id .avatar{width:94px;height:94px;font-size:30px;border:4px solid #fff;border-radius:20px;position:absolute;left:28px;top:-44px}
.profile-id .pid-main{flex:1;min-width:200px;padding-bottom:2px}
.profile-id h1{font-size:25px;font-weight:800;line-height:1.22}.profile-id .pid-sub{color:var(--muted);font-size:14px;margin-top:3px}
.profile-id .pid-actions{display:flex;gap:10px;padding-bottom:4px;flex-wrap:wrap}
.analytics{display:flex;gap:22px;flex-wrap:wrap;margin-top:6px}
.ana{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted)}.ana b{font-family:'Red Hat Display';font-weight:800;color:var(--ink);font-size:17px}
.profile-grid{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}
.block{margin-bottom:20px}.block h3{font-size:16px;margin-bottom:12px}
.about{font-size:14.5px;color:#33403A;line-height:1.7}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tags span{font-family:'Red Hat Display';font-size:12px;font-weight:600;color:var(--forest);background:var(--mist);border:1px solid var(--line);padding:6px 12px;border-radius:999px}
.exp{display:flex;gap:14px;padding:15px 0;border-top:1px solid var(--line-soft)}.exp:first-of-type{border-top:none;padding-top:0}
.exp .ex-ic{width:42px;height:42px;border-radius:10px;background:var(--mint-soft);display:grid;place-items:center;color:var(--mint-2);flex:none;font-family:'Red Hat Display';font-weight:700}
.exp b{font-size:14px;font-weight:700;display:block;font-family:'Red Hat Display'}.exp .ex-meta{font-family:'Arsenal';font-size:11px;color:var(--muted)}.exp p{font-size:13px;color:var(--muted);margin-top:4px}
.reco{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line-soft)}.reco:first-of-type{border-top:none}
.reco p{font-size:13.5px;color:#33403A;font-style:italic}.reco .rm{font-family:'Arsenal';font-size:11px;color:var(--muted);margin-top:6px}
.credential{background:linear-gradient(150deg,var(--night),var(--forest));border-radius:var(--radius);padding:22px;color:#EAF3EF;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.credential::before{content:"";position:absolute;right:-30px;top:-30px;width:150px;height:150px;background:radial-gradient(circle,rgba(22,192,160,.2),transparent 65%)}
.credential .eyebrow{color:var(--mint-3);position:relative}.credential .cr-no{font-family:'Arsenal';font-size:19px;letter-spacing:.07em;margin:14px 0 4px;position:relative}.credential .cr-name{font-family:'Red Hat Display';font-size:16px;font-weight:700;position:relative}
.credential .cr-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:20px;position:relative}.credential .tier{background:rgba(191,155,95,.22);color:#E2C588}.credential .cr-since{font-family:'Arsenal';font-size:11px;color:#9FB2AB;text-align:right}
.contacts .ct-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line-soft)}.contacts .ct-row:first-of-type{border-top:none}
.contacts b{font-size:13px;font-weight:700;display:block;font-family:'Red Hat Display'}.contacts span{font-size:11.5px;color:var(--muted)}
.slot-empty{display:flex;align-items:center;gap:12px;padding:12px;border:1px dashed var(--line);border-radius:10px;color:var(--faint);font-size:12.5px;margin-top:8px}
.slot-empty .plus{width:38px;height:38px;border-radius:999px;border:1px dashed var(--line);display:grid;place-items:center;flex:none;font-size:18px}

.offer{background:linear-gradient(120deg,var(--gold-soft),#fff);border:1px solid var(--gold);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column}
.offer .o-tag{font-family:'Arsenal';font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);font-weight:700;margin-bottom:8px}.offer h4{font-size:15px;margin-bottom:6px}.offer p{font-size:13px;color:var(--muted);flex:1;margin-bottom:14px}
.sponsor{padding:0;overflow:hidden;display:flex;flex-direction:column}
.sponsor .sp-band{height:8px;background:linear-gradient(90deg,var(--mint),var(--gold))}
.sponsor .sp-body{padding:20px;display:flex;flex-direction:column;flex:1}.sponsor .sp-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.sponsor .sp-logo{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;color:#fff;font-family:'Red Hat Display';font-weight:800;font-size:18px;flex:none}
.sponsor .sp-cat{font-family:'Arsenal';font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2);font-weight:700}.sponsor h4{font-size:15px}.sponsor .sp-off{color:var(--mint-2);font-weight:700;font-size:14px;margin:6px 0}.sponsor p{font-size:13px;color:var(--muted);flex:1;margin-bottom:14px}

.editor-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}
.ed-field{margin-bottom:18px}.ed-field label{display:block;font-family:'Red Hat Display';font-size:13px;font-weight:600;margin-bottom:8px}.ed-field .hint{font-size:12px;color:var(--muted);font-weight:400}
.ed-field textarea{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;font-size:14px;resize:vertical}
.upload{border:1.5px dashed var(--line);border-radius:12px;padding:22px;text-align:center;color:var(--muted);background:var(--mist);cursor:pointer;transition:.15s}.upload:hover{border-color:var(--mint)}
.upload.drag-over{border-color:var(--mint);background:var(--mint-soft);color:var(--mint-2)}
.upload .up-ic{width:38px;height:38px;border-radius:999px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;margin:0 auto 10px;color:var(--mint-2)}
.hdr-presets{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.hdr-preset{border:1.5px solid var(--line);border-radius:9px;padding:4px;cursor:pointer}.hdr-preset.on{border-color:var(--ink)}.hdr-preset svg{display:block;border-radius:5px}
.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:38px;height:38px;border-radius:10px;cursor:pointer;border:2px solid transparent;transition:.15s}.swatch.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--mist)}
.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line-soft)}.toggle-row:first-of-type{border-top:none}.toggle-row b{font-family:'Red Hat Display';font-size:13.5px}
.tg{width:42px;height:24px;border-radius:99px;background:var(--mint);position:relative;cursor:pointer}.tg i{position:absolute;top:3px;left:21px;width:18px;height:18px;border-radius:99px;background:#fff;transition:.18s}.tg.off{background:var(--line)}.tg.off i{left:3px}
.ms-frame{border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);background:#fff}
.ms-cover{height:150px;position:relative;overflow:hidden}
.ms-head{padding:0 22px 18px;margin-top:-30px;position:relative}
.ms-logo{width:68px;height:68px;border-radius:16px;background:var(--ms-accent,#123F33);border:4px solid #fff;display:grid;place-items:center;color:#fff;font-family:'Red Hat Display';font-weight:800;font-size:24px}
.ms-head h3{font-size:19px;margin-top:10px}.ms-head .ms-sub{color:var(--muted);font-size:13px}
.ms-sec{padding:16px 22px;border-top:1px solid var(--line-soft)}.ms-sec .eyebrow{color:var(--ms-accent,var(--gold));margin-bottom:8px;display:block}.ms-sec p{font-size:13.5px;color:#33403A}
.ms-srv{display:flex;gap:8px;flex-wrap:wrap}.ms-srv span{font-size:12px;font-weight:600;font-family:'Red Hat Display';background:var(--mist);border:1px solid var(--line);padding:6px 11px;border-radius:8px;color:var(--ms-accent,var(--forest))}
.ms-dl{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:600;font-family:'Red Hat Display';color:var(--ink);margin-top:8px}.ms-dl .dl-ic{color:var(--ms-accent,var(--mint-2))}

.msg-grid{display:grid;grid-template-columns:330px 1fr;height:calc(100vh - 64px - 56px);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);background:#fff}
.conv-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.conv-search{padding:14px;border-bottom:1px solid var(--line)}.conv-search input{width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;background:var(--mist)}
.conv-scroll{overflow-y:auto;flex:1}
.conv{display:flex;gap:12px;padding:13px 16px;cursor:pointer;border-bottom:1px solid var(--line-soft);transition:background .12s}.conv:hover{background:var(--mist)}.conv.on{background:var(--mint-soft)}
.conv.pinned{background:linear-gradient(120deg,var(--mint-soft),#fff);border-bottom:1px solid var(--line)}
.conv .c-main{flex:1;min-width:0}.conv .c-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.conv b{font-family:'Red Hat Display';font-size:13.5px;font-weight:700}.conv .c-co{font-size:11px;color:var(--mint-2);font-weight:600}
.conv .c-time{font-family:'Arsenal';font-size:10px;color:var(--faint);flex:none}.conv .c-prev{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv .unread{width:8px;height:8px;border-radius:99px;background:var(--mint);flex:none;align-self:center}
.pin-tag{font-family:'Arsenal';font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--mint-2);font-weight:700}
.thread{display:flex;flex-direction:column;min-height:0}
.thread-head{display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid var(--line)}
.thread-head .th-meta b{font-family:'Red Hat Display';font-size:14.5px;display:block}.thread-head .th-meta span{font-size:12px;color:var(--muted)}.thread-head .th-co{color:var(--mint-2);font-weight:600}
.thread-body{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:10px;background:var(--mist)}
.bubble{max-width:64%;padding:11px 15px;border-radius:16px;font-size:14px;line-height:1.5}
.bubble.in{background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px;align-self:flex-start}
.bubble.out{background:var(--forest);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}
.bubble .bt{display:block;font-family:'Arsenal';font-size:9.5px;opacity:.6;margin-top:5px}
.bubble.out .bt .rr{color:rgba(255,255,255,.55);margin-left:4px}
.bubble.out .bt .rr.seen{color:var(--mint-3)}
.day-sep{text-align:center;font-family:'Arsenal';font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:4px 0}
.typing{align-self:flex-start;font-size:12px;color:var(--muted);font-style:italic;padding:0 4px}
.thread-foot{display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--line);align-items:center}
.thread-foot input{flex:1;padding:12px 16px;border:1px solid var(--line);border-radius:999px;font-size:14px;background:var(--mist)}.thread-foot input:focus{outline:none;border-color:var(--mint);background:#fff}
.send-btn{width:44px;height:44px;border-radius:999px;background:var(--mint);color:#06322a;display:grid;place-items:center;flex:none}.send-btn:hover{background:var(--mint-2);color:#fff}
.attach-btn{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;flex:none;color:var(--muted);cursor:pointer}.attach-btn:hover{background:var(--mist);color:var(--mint-2)}
.msg-attach-preview{display:flex;align-items:center;gap:10px;padding:10px 18px;border-top:1px solid var(--line);background:var(--mist);font-size:13px;color:var(--ink)}
.msg-attach-preview .map-remove{margin-left:auto;color:var(--faint);width:26px;height:26px;border-radius:999px;display:grid;place-items:center;flex:none}.msg-attach-preview .map-remove:hover{background:#fff;color:#C25E3A}
.bubble .ms-dl{font-size:12.5px;padding:9px 12px}

.nl-feature{border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:24px}
.nl-feature .nl-img{height:210px;position:relative;display:flex;align-items:flex-end;padding:24px}
.nl-feature .nl-img .eyebrow{color:var(--mint-3)}.nl-feature .nl-img h2{color:#fff;font-size:26px;max-width:18ch;margin-top:6px;position:relative}
.nl-feature .nl-body{padding:22px}.nl-feature .nl-body p{font-size:14.5px;color:#33403A}
.nl-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.nl-card{padding:20px}.nl-card .eyebrow{display:block;margin-bottom:8px}.nl-card h4{font-size:15px;margin-bottom:6px}.nl-card p{font-size:13px;color:var(--muted)}.nl-card .nl-date{font-family:'Arsenal';font-size:11px;color:var(--faint);margin-top:12px}

.up-hero{display:flex;gap:22px;align-items:center;padding:26px;flex-wrap:wrap}.up-hero h1{font-size:24px;font-weight:800}.up-hero .up-role{color:var(--mint-2);font-weight:600;font-size:14.5px;font-family:'Red Hat Display'}.up-hero .up-co{color:var(--muted);font-size:13.5px;margin-top:2px}.up-hero .up-actions{margin-left:auto;display:flex;gap:10px}

.opp-board{display:grid;gap:16px;max-width:800px}
.opp-row{padding:22px;display:flex;gap:20px;align-items:flex-start}.opp-row .o-ic{width:48px;height:48px;border-radius:12px;background:var(--gold-soft);color:var(--gold-2);display:grid;place-items:center;flex:none;font-family:'Red Hat Display';font-size:20px;font-weight:800}
.opp-row .o-main{flex:1}.opp-row h3{font-size:16px;margin-bottom:5px}.opp-row .o-desc{font-size:13.5px;color:var(--muted);line-height:1.55}.opp-row .o-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--muted)}.opp-row .o-meta b{color:var(--ink);font-weight:700;font-family:'Red Hat Display'}
.publish-bar{display:flex;align-items:center;gap:16px;padding:20px 24px;margin-bottom:22px;max-width:800px;background:linear-gradient(120deg,var(--mint-soft),#fff)}
.publish-bar .pb-ic{width:48px;height:48px;border-radius:12px;background:var(--gold);color:#fff;display:grid;place-items:center;font-size:24px;flex:none}.publish-bar .pb-text{flex:1}.publish-bar b{font-family:'Red Hat Display';font-size:16px}.publish-bar p{font-size:13px;color:var(--muted)}
.dir-search{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:12px 20px;max-width:520px;margin-bottom:16px;color:var(--faint)}.dir-search input{border:none;outline:none;font-size:14.5px;width:100%;color:var(--ink);background:transparent}
.dir-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.fchip{font-family:'Red Hat Display';font-size:13px;font-weight:600;color:var(--muted);padding:8px 15px;border-radius:999px;border:1.5px solid var(--line);background:#fff}.fchip:hover{border-color:var(--mint);color:var(--mint-2)}.fchip.on{background:var(--forest);color:#fff;border-color:var(--forest)}
.mcard{padding:22px;text-align:center}.mcard .avatar{width:62px;height:62px;font-size:22px;border-radius:16px;margin:0 auto 12px}.mcard h3{font-size:16px}.mcard .m-sector{font-size:12.5px;color:var(--mint-2);font-weight:600;margin-top:2px}.mcard .m-loc{font-family:'Arsenal';font-size:11px;color:var(--muted);margin-top:6px}.mcard .m-mutual{font-size:12px;color:var(--muted);margin:12px 0}.mcard .btn{width:100%}

.admin-top{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 24px;height:62px}
.admin-badge{font-family:'Arsenal';font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:var(--forest);color:#fff;padding:5px 11px;border-radius:7px;font-weight:700}
.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 62px)}
.admin-side{background:var(--mist);border-right:1px solid var(--line);padding:20px 14px}
.admin-side a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:9px;font-family:'Red Hat Display';font-size:13.5px;font-weight:600;color:var(--muted);margin-bottom:3px;transition:.15s}.admin-side a:hover{background:#fff;color:var(--ink)}.admin-side a.on{background:var(--forest);color:#fff}
.admin-main{padding:30px 32px}
.admin-h{margin-bottom:24px}.admin-h h1{font-size:26px;font-weight:800}.admin-h p{color:var(--muted);font-size:14px;margin-top:4px}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}
.stat{padding:20px}.stat .eyebrow{display:block;margin-bottom:8px}.stat b{font-family:'Red Hat Display';font-size:30px;font-weight:800;display:block;line-height:1}.stat span{font-size:12.5px;color:var(--muted)}
.tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tbl th{text-align:left;font-family:'Arsenal';font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:13px 16px;background:var(--mist);border-bottom:1px solid var(--line);font-weight:700}
.tbl td{padding:13px 16px;border-bottom:1px solid var(--line-soft);font-size:13.5px}.tbl tr:last-child td{border-bottom:none}
.tbl .t-co{display:flex;align-items:center;gap:10px}.tbl .t-co .avatar{width:32px;height:32px;font-size:12px}.tbl .t-co b{font-family:'Red Hat Display';font-weight:700}
.pill{font-family:'Arsenal';font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:4px 9px;border-radius:6px}.pill.ok{background:var(--mint-soft);color:var(--mint-2)}.pill.pend{background:var(--gold-soft);color:var(--gold-2)}.pill.gold{background:var(--gold-soft);color:var(--gold-2)}
.form-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;max-width:680px;box-shadow:var(--shadow)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-card h3{font-size:17px;margin-bottom:4px}.form-card .fc-sub{color:var(--muted);font-size:13px;margin-bottom:20px}
.synced{background:var(--mist);border:1.5px solid var(--line);border-radius:10px;padding:14px}
.synced .sync-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.synced .sync-badge{font-family:'Arsenal';font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mint-2);background:var(--mint-soft);padding:3px 8px;border-radius:5px;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.synced .sync-src{font-size:11.5px;color:var(--muted)}
.synced .chips{display:flex;flex-wrap:wrap;gap:8px}
.synced .chips span{font-family:'Red Hat Display';font-size:12px;font-weight:600;background:#fff;border:1px solid var(--line);padding:6px 11px;border-radius:8px;color:var(--forest);display:inline-flex;align-items:center;gap:6px}
.contacts-mini{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.contacts-mini .cm{flex:1;min-width:160px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12.5px;color:var(--muted)}

.modal-bg{position:fixed;inset:0;background:rgba(11,18,14,.55);backdrop-filter:blur(4px);z-index:90;display:flex;align-items:center;justify-content:center;padding:20px}
.modal{background:#fff;border-radius:var(--radius);max-width:420px;width:100%;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.3);animation:rise .3s ease both}
.modal .m-top{background:linear-gradient(150deg,var(--night),var(--forest));color:#fff;padding:26px;position:relative}.modal .m-top .eyebrow{color:var(--mint-3)}.modal .m-top h3{font-size:21px;margin-top:8px;color:#fff}
.modal .m-top .c-row{display:flex;align-items:center;gap:12px;margin-top:16px}.modal .m-top .c-row b{font-size:14px;display:block;font-family:'Red Hat Display'}.modal .m-top .c-row span{font-size:12px;color:#9FB2AB}
.modal .m-top .phone{font-family:'Arsenal';font-weight:700;color:var(--mint-3);margin-top:14px;font-size:16px}
.modal .m-close{position:absolute;right:18px;top:16px;color:#fff;opacity:.7;font-size:20px}
.modal .m-body{padding:22px 26px}.modal .m-body>p{font-size:14px;color:#33403A;margin-bottom:16px}
.modal .opt{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1.5px solid var(--line);border-radius:10px;margin-bottom:10px;cursor:pointer}.modal .opt:hover{border-color:var(--mint)}.modal .opt .oi{width:36px;height:36px;border-radius:9px;background:var(--mint-soft);color:var(--mint-2);display:grid;place-items:center;flex:none;font-weight:700}.modal .opt b{font-size:13.5px;display:block;font-family:'Red Hat Display'}.modal .opt span{font-size:12px;color:var(--muted)}

@media(max-width:1080px){.feed-grid{grid-template-columns:1fr 290px}.col-left{display:none}.profile-grid,.editor-grid,.hero-wrap,.feat-grid{grid-template-columns:1fr}}
@media(max-width:860px){.gate-main{grid-template-columns:1fr}.gate-hero{display:none}.feed-grid{grid-template-columns:1fr}.col-right{display:none}.nav{display:none}.mvp,.checklist,.stat-row,.form-row,.testi{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.admin-side{display:none}}
@media(max-width:720px){.zp-carousel{height:440px}.zp-content{padding:0 22px}.zp-content h1{font-size:34px}.zp-content p{font-size:16px}.zp-video-badge{right:16px;top:16px;font-size:10px;padding:6px 10px}.zp .hero-stats{padding:18px 22px;gap:18px}.hero-stats div b{font-size:24px}.sec{padding:44px 22px}.sec h2{font-size:26px}.site-top{padding:0 18px;gap:12px}.site-top .snav{display:none}.detail-grid{grid-template-columns:1fr}.wrap{padding:20px 16px 90px}.view-head h1{font-size:25px}}

/* ===== LANDING v2 ===== */
#lp-content{--lp-accent:#57B391;--lp-accent2:#42896F;--lp-hero:linear-gradient(120deg,#0E1311,#123F33);--lp-ink:#14201B}
#lp-content .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
#lp-content .reveal.in{opacity:1;transform:none}
.lp2-hero{position:relative;overflow:hidden;color:#fff}
.lp2-hero::after{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 65%);z-index:1}
.lp2-hero .lp2-in{max-width:1160px;margin:0 auto;padding:60px 40px 66px;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;position:relative;z-index:2}
.lp2-hero .eyebrow{color:rgba(255,255,255,.9);display:block}
.lp2-hero .h-brand{display:flex}
.lp2-hero h1{font-size:46px;font-weight:800;line-height:1.05;margin:14px 0 14px;color:#fff}
.lp2-hero .h-sub{font-size:19px;color:#fff;font-weight:700;margin-bottom:12px;font-family:'Red Hat Display'}
.lp2-hero .h-desc{font-size:15.5px;color:rgba(255,255,255,.74);max-width:52ch;margin-bottom:24px;line-height:1.65}
.lp2-hero .h-brand{display:inline-flex;margin-bottom:18px}
.lp2-hero .h-cta{display:flex;gap:12px;flex-wrap:wrap}
.lp2-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.lp2-chip{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 13px;font-size:12.5px;font-family:'Red Hat Display';font-weight:600;color:#fff}
.lp2-chip svg{width:13px;height:13px;color:#fff}
.h-media{position:relative}
.h-card{border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);aspect-ratio:4/3;background:#0c0c0c}
.h-card.port{aspect-ratio:4/5;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.03))}
.h-card img{display:block;width:100%;height:100%;object-fit:cover}
.h-card.port img{object-fit:contain;object-position:center bottom;max-height:100%}
.h-float{position:absolute;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.24);padding:11px 14px;display:flex;align-items:center;gap:10px;z-index:3}
.h-float b{font-family:'Red Hat Display';font-size:15px;color:var(--lp-ink);display:block;line-height:1.05}
.h-float span{font-size:11px;color:var(--muted)}
.h-float .hf-ic{width:34px;height:34px;border-radius:9px;background:var(--lp-accent);color:#fff;display:grid;place-items:center;flex:none}
.h-float .hf-ic svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hf-1{left:-16px;bottom:24px}.hf-2{right:-14px;top:22px}
.lp2-btn{background:var(--lp-accent);color:#fff;padding:13px 22px;box-shadow:0 12px 26px rgba(0,0,0,.2)}.lp2-btn:hover{filter:brightness(1.09)}
.lp2-bghost{border:1.5px solid rgba(255,255,255,.42);color:#fff;background:transparent;padding:13px 20px}.lp2-bghost:hover{background:rgba(255,255,255,.12)}
.lp2-sec{max-width:1160px;margin:0 auto;padding:58px 40px}
.lp2-sec.tight{padding-top:6px}
.lp2-h{font-size:30px;font-weight:800;color:var(--lp-ink);max-width:26ch;letter-spacing:-.01em}
.lp2-lead{color:var(--muted);font-size:16px;max-width:62ch;margin-top:12px}
.lp2-ey{font-family:'Arsenal';font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lp-accent);font-weight:700}
.lp2-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.lp2-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 18px;text-align:center;transition:.22s}
.lp2-stat:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--lp-accent)}
.lp2-stat b{font-family:'Red Hat Display';font-size:34px;font-weight:800;color:var(--lp-accent);display:block;line-height:1}
.lp2-stat span{font-size:12.5px;color:var(--muted);margin-top:7px;display:block}
.lp2-ps{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}
.ps-col{border-radius:18px;padding:26px}
.ps-prob{background:#FBF1EC;border:1px solid #F0D9CE}
.ps-sol{background:#F1FBF6;border:1px solid #CFEEDF}
.ps-col h3{font-size:16px;margin-bottom:15px;display:flex;align-items:center;gap:8px;font-family:'Red Hat Display'}
.ps-col ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.ps-col li{display:flex;gap:10px;font-size:14px;color:#3a4640;align-items:flex-start}
.ps-prob li .d{color:#C25E3A;font-weight:800;flex:none}.ps-sol li .d{color:var(--lp-accent);font-weight:800;flex:none}
.lp2-feats{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:16px;margin-top:26px}
.lp2-feat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;transition:.22s}
.lp2-feat:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--lp-accent)}
.lp2-feat .fi{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--lp-accent) 15%,#fff);color:var(--lp-accent);display:grid;place-items:center;margin-bottom:14px}
.lp2-feat .fi svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.lp2-feat b{font-family:'Red Hat Display';font-size:14.5px;color:var(--lp-ink);display:block;line-height:1.4}
.lp2-feat p{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.55}
.lp2-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-top:30px}
.lp2-step{position:relative;padding:0 14px;cursor:pointer;text-align:center}
.lp2-step .sc{width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;margin:0 auto 14px;font-family:'Red Hat Display';font-weight:800;font-size:18px;color:var(--muted);transition:.25s;position:relative;z-index:2}
.lp2-step.on .sc,.lp2-step:hover .sc{background:var(--lp-accent);border-color:var(--lp-accent);color:#fff;transform:scale(1.09)}
.lp2-step::before{content:"";position:absolute;top:27px;left:-50%;width:100%;height:2px;background:var(--line);z-index:1}
.lp2-step:first-child::before{display:none}
.lp2-step b{font-family:'Red Hat Display';font-size:14px;color:var(--lp-ink);display:block}
.lp2-step p{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.5}
.lp2-faq{max-width:840px;margin-top:22px}
.faq-item{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden;background:#fff}
.faq-q{padding:16px 18px;font-family:'Red Hat Display';font-weight:600;font-size:14.5px;color:var(--lp-ink);display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:14px}
.faq-q .fx{color:var(--lp-accent);font-size:22px;transition:.25s;flex:none;line-height:1}
.faq-item.open .fx{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-item.open .faq-a{max-height:260px}
.faq-a p{font-size:13.5px;color:var(--muted);line-height:1.6;padding:0 18px 16px}
.lp2-dark{color:#fff}
.lp2-dark .lp2-inner{max-width:1160px;margin:0 auto;padding:58px 40px}
.lp2-dark .lp2-h{color:#fff}.lp2-dark .lp2-lead{color:rgba(255,255,255,.72)}
.lp2-cta{background:var(--lp-hero)}
.lp2-cta .cta-in{max-width:900px;margin:0 auto;padding:66px 40px;text-align:center;color:#fff}
.lp2-cta h2{font-size:32px;color:#fff;max-width:24ch;margin:0 auto 12px}
.lp2-cta p{color:rgba(255,255,255,.82);margin-bottom:22px}
.lp2-fab{position:fixed;right:22px;bottom:22px;z-index:120;display:inline-flex;align-items:center;gap:9px;background:#25D366;color:#053d24;font-family:'Red Hat Display';font-weight:700;font-size:14px;padding:13px 18px;border-radius:999px;box-shadow:0 14px 34px rgba(0,0,0,.28);transition:.2s}
.lp2-fab:hover{filter:brightness(1.05);transform:translateY(-2px)}
.lp2-fab svg{width:20px;height:20px}
.lp2-ideal{background:linear-gradient(120deg,color-mix(in srgb,var(--lp-accent) 12%,#fff),#fff);border:1px solid var(--lp-accent);border-radius:16px;padding:22px 26px;font-family:'Red Hat Display';font-weight:700;color:var(--lp-ink);font-size:16px;display:flex;align-items:center;gap:12px}
.lp2-ideal .ii{color:var(--lp-accent);font-size:22px}
@media(max-width:900px){.lp2-hero .lp2-in{grid-template-columns:1fr!important;gap:26px;padding:44px 22px;max-width:560px}.lp2-hero h1{font-size:32px}.h-media{max-width:400px;margin:0 auto}.lp2-ps{grid-template-columns:1fr}.lp2-sec{padding:42px 22px}.lp2-dark .lp2-inner{padding:42px 22px;grid-template-columns:1fr!important}.lp2-step::before{display:none}.lp2-steps{gap:22px}.hf-1{left:6px}.hf-2{right:6px}}

.skip-link{position:absolute;left:-999px;top:0;background:var(--mint);color:#06322a;padding:12px 18px;border-radius:0 0 10px 0;z-index:1000;font-family:'Red Hat Display';font-weight:700;font-size:14px}
.skip-link:focus{left:0}
.site a:focus-visible,.site button:focus-visible{outline:3px solid var(--mint);outline-offset:2px;border-radius:6px}
.site-top .burger{display:none;flex-direction:column;gap:5px;padding:8px}
.site-top .burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}
@media(max-width:960px){.site-top .burger{display:flex}}
/* Antes "Acceso miembros"/"Quiero ser miembro" nunca se ocultaban: en
   celulares angostos (~390px) esos dos botones + el logo + la hamburguesa
   no cabían en una sola fila y el topbar desbordaba horizontalmente
   (reportado de forma independiente por varias de las landing pages nuevas
   al revisar su propio responsive). Se ocultan en móvil — siguen
   disponibles en el menú hamburguesa, donde ya se agregaron como enlaces. */
@media(max-width:560px){.site-top .site-cta-link{display:none}}
@media(max-width:760px){#s-foot-cols{grid-template-columns:1fr 1fr!important}}
.mnav{display:none;background:var(--night-2);border-top:1px solid rgba(255,255,255,.07);padding:8px 20px 14px}
.mnav.open{display:block}
.mnav a{display:block;padding:12px 4px;font-family:'Red Hat Display';font-weight:600;font-size:14.5px;color:#EAF3EF;border-bottom:1px solid rgba(255,255,255,.06)}

/* ===================================================================
   AUDITORÍA UX/UI — correcciones agregadas (ver AUDITORIA.md)
   =================================================================== */

/* 1) Foco visible en TODO el sitio, no solo en .site.
      El sitio original solo definía :focus-visible dentro de .site,
      así que dentro de la app y el admin los usuarios de teclado no
      veían ningún indicador de foco. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--mint);outline-offset:2px;border-radius:6px;
}

/* 2) Utilidad para texto solo-lector-de-pantalla (etiquetas accesibles
      en botones de solo ícono, inputs sin <label> visible, etc). */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 3) Respeta "reducir movimiento" del sistema operativo. */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* 4) Menú móvil de la APP (Inicio/Mi empresa/Beneficios/…).
      Antes: .nav{display:none} a los 860px sin ningún reemplazo,
      dejando a los usuarios de celular sin forma de cambiar de sección. */
.app-burger{display:none;flex-direction:column;gap:5px;padding:8px;border-radius:8px}
.app-burger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px}
.app-mnav{display:none;position:fixed;top:64px;left:0;right:0;z-index:39;background:var(--night);border-bottom:1px solid rgba(255,255,255,.1);padding:6px 14px 12px;box-shadow:0 14px 30px rgba(0,0,0,.25)}
.app-mnav.open{display:block}
.app-mnav a{display:block;padding:12px 6px;font-family:'Red Hat Display';font-weight:600;font-size:14.5px;color:#EAF3EF;border-bottom:1px solid rgba(255,255,255,.06)}
.app-mnav a.active{color:var(--mint-3)}
@media(max-width:860px){
  .nav{display:none}
  .app-burger{display:flex}
}

/* 5) Menú del panel ADMIN en móvil.
      Antes: .admin-side{display:none} sin reemplazo — el administrador
      quedaba encerrado en la sección "Resumen" sin poder navegar. */
.admin-burger{display:none;align-items:center;gap:8px;font-family:'Red Hat Display';font-weight:600;font-size:13px;color:var(--ink);border:1.5px solid var(--line);border-radius:8px;padding:8px 12px}
@media(max-width:860px){
  .admin-burger{display:inline-flex}
  .admin-side{display:none;position:fixed;top:62px;left:0;bottom:0;z-index:45;width:250px;overflow-y:auto;box-shadow:0 20px 50px rgba(0,0,0,.25)}
  .admin-side.open{display:block}
}

/* 6) Asegura que ninguna imagen/objeto se desborde en pantallas angostas. */
img,svg,video{max-width:100%}

/* 7) Estado de error/ayuda para formularios (usado por los formularios
      reales de login, alta de empresa, editor de micrositio, etc.). */
.field .error-msg{color:#B3432E;font-size:12.5px;margin-top:6px;font-family:'Red Hat Display';font-weight:600}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:#B3432E}
.form-alert{border-radius:10px;padding:12px 16px;font-size:13.5px;font-family:'Red Hat Display';font-weight:600;margin-bottom:18px}
.form-alert.error{background:#FBEAE5;color:#973423;border:1px solid #E7B7A8}
.form-alert.success{background:var(--mint-soft);color:var(--mint-2);border:1px solid var(--mint)}

/* 8) Mensajes en móvil: antes ".conv-list{display:none}" escondía la
      lista de conversaciones sin dejar ninguna forma de verla o de
      cambiar de conversación (el usuario quedaba encerrado en la que
      cargó por defecto). Ahora en pantallas angostas se muestra la
      lista primero; al abrir una conversación (?c=… en la URL) el
      servidor agrega la clase "thread-open" y se pasa al hilo, con un
      botón de regreso. En escritorio el layout de dos columnas no cambia. */
.thread-back{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;color:var(--ink);flex:none;font-size:20px;line-height:1;text-decoration:none}
@media(max-width:860px){
  .msg-grid{grid-template-columns:1fr}
  .conv-list{display:flex}
  .thread{display:none}
  .msg-grid.thread-open .conv-list{display:none}
  .msg-grid.thread-open .thread{display:flex}
  .thread-back{display:inline-flex}
}

/* 9) El encabezado del perfil reservaba 150px a la izquierda para el
      avatar y exigía 200px mínimos para el texto (.pid-main): en un
      teléfono normal (~375-390px de ancho) eso ya no cabe y CSS nunca
      encoge un flex-item por debajo de su min-width, así que la fila
      se desbordaba y toda la página ganaba scroll horizontal. En
      pantallas angostas se apila: avatar arriba, texto y acciones
      abajo, a todo el ancho. */
@media(max-width:480px){
  .profile-id{flex-direction:column;align-items:flex-start;gap:10px;padding:56px 20px 20px 20px}
  .profile-id .avatar{width:72px;height:72px;font-size:22px;left:20px;top:-36px}
  .profile-id .pid-main{min-width:0;width:100%}
  .profile-id .pid-actions{width:100%}
}

/* 10) Los campos de formulario usaban menos de 16px de tamaño de
       letra: por debajo de ese límite iOS hace zoom automático al
       enfocar el input, lo cual obliga a alejar la vista a mano cada
       vez que alguien va a escribir. */
@media(max-width:860px){
  .field input,.field textarea,.field select,.dir-search input,.conv-search input,.thread-foot input,.blast .bl-form input,.blast .bl-form textarea,.comp-extra input,.comp-extra .pin,.quick-bar .qb-input{font-size:16px}
}

/* 11) Objetivo táctil mínimo recomendado (44×44) para los íconos del
       topbar en móvil (campana de notificaciones, mensajes); antes 40×40. */
@media(max-width:860px){
  .icon-btn{width:44px;height:44px}
}

/* 12) "Volver" en las landings de producto (eFile y las 10 bespoke):
       antes solo se podía salir por el logo o el menú, que siempre manda
       al tope del sitio — obligando a bajar de nuevo hasta Plataformas o
       Servicios. El link ya apunta a la sección correcta (#s-plat o
       #s-serv) como respaldo; el JS de site.js lo mejora con
       history.back() cuando el usuario sí venía navegando desde aquí, así
       regresa exactamente a donde estaba. Clase global (no por marca) para
       que las 11 landings la compartan sin duplicar CSS.
       Se probó como segunda barra "sticky" pegada bajo el header, pero dos
       elementos sticky independientes generan un salto/separación visible
       al desplazarse (cada uno reserva su propio espacio en el flujo del
       documento). Se cambió a un botón flotante fijo — mismo patrón ya
       usado y probado en este sitio para el botón de WhatsApp (.lp2-fab):
       no depende en nada de la posición del header, así que no puede
       desincronizarse de él. */
.lp-back{position:fixed;top:86px;left:20px;z-index:35;display:inline-flex;align-items:center;height:38px;padding:0 11px;background:rgba(14,19,17,.5);backdrop-filter:blur(6px);color:#cfe0d9;font-family:'Red Hat Display';font-weight:600;font-size:12.5px;text-decoration:none;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.18);transition:background .2s,color .2s,box-shadow .2s}
.lp-back svg{width:15px;height:15px;flex:none}
.lp-back span{display:inline-block;max-width:0;margin-left:0;opacity:0;white-space:nowrap;overflow:hidden;transition:max-width .25s ease,opacity .2s ease,margin-left .25s ease}
.lp-back:hover,.lp-back:focus-visible{background:rgba(14,19,17,.9);color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.3)}
.lp-back:hover span,.lp-back:focus-visible span{max-width:200px;opacity:1;margin-left:8px}
@media(max-width:560px){.lp-back{top:78px;left:14px}}

/* 7b) Interruptores (.tg) accesibles: ahora son <input type=checkbox> reales
       ocultos con .sr-only + una <label> que dibuja el interruptor, en vez
       de <div onclick> sin semántica de formulario ni soporte de teclado. */
input.sr-only:checked + .tg{background:var(--mint)}
input.sr-only:checked + .tg i{left:21px}
input.sr-only:not(:checked) + .tg{background:var(--line)}
input.sr-only:not(:checked) + .tg i{left:3px}
input.sr-only:focus-visible + .tg{outline:3px solid var(--mint);outline-offset:2px}

/* 7c) Mismo criterio para los selectores de tema/color del editor de
       micrositio (antes eran <div onclick>, ahora son radios reales). */
input.sr-only:checked + .hdr-preset{border-color:var(--ink)}
input.sr-only:checked + .swatch{border-color:var(--ink);box-shadow:0 0 0 3px var(--mist)}
input.sr-only:focus-visible + .hdr-preset,input.sr-only:focus-visible + .swatch{outline:3px solid var(--mint);outline-offset:2px}

/* 8) Estado vacío reutilizable (listas sin datos: mensajes, red, feed…). */
.empty-state{text-align:center;padding:50px 20px;color:var(--muted)}
.empty-state .es-ic{font-size:34px;margin-bottom:10px}
.empty-state b{display:block;font-family:'Red Hat Display';color:var(--ink);margin-bottom:4px}

/* 9) Aviso de cookies (banner inferior, sitio público). */
.cc-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background:#0E1311;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -8px 24px rgba(0,0,0,.25)}
.cc-bar[hidden]{display:none}
.cc-bar p{margin:0;color:#A9C4BA;font-size:13.5px;max-width:760px}
.cc-bar p a{color:var(--mint-3)}
.cc-actions{display:flex;gap:10px;flex-shrink:0}
@media(max-width:620px){.cc-bar{padding:14px 18px;flex-direction:column;align-items:stretch;text-align:left}.cc-actions{justify-content:flex-end}}