﻿
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   DESIGN SYSTEM â€” MANIFEX
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
:root{
  --white:#FFFFFF;--dark:#0F172A;--em:#059669;
  --slate:#1E293B;--coral:#D67514;--purple:#4D3388;
  --muted:rgba(30,41,59,.55);--bg:#F8FAFC;
  --font-d:'Manrope',sans-serif;--font-b:'Roboto',sans-serif;
  --nav-h:72px;
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
  --safe-right:env(safe-area-inset-right,0px);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-b);background:var(--white);color:var(--dark);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit;cursor:pointer}
img{max-width:100%;height:auto;display:block}
[id]{scroll-margin-top:calc(var(--nav-h) + 12px)}

/* â”€â”€ UTILITIES â”€â”€ */
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hidden{display:none!important}
.container{max-width:1280px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
.section{padding:clamp(4rem,8vw,8rem) clamp(1rem,4vw,2.5rem);padding-left:max(clamp(1rem,4vw,2.5rem),var(--safe-left));padding-right:max(clamp(1rem,4vw,2.5rem),var(--safe-right))}
.section-inner{max-width:1280px;margin:0 auto}
.badge{display:inline-flex;align-items:center;gap:.75rem;font-size:.58rem;font-weight:800;letter-spacing:.38em;text-transform:uppercase;color:rgba(30,41,59,.42)}
.badge::before{content:'';display:block;width:2rem;height:2px;background:var(--em)}
.badge--em{color:var(--em)}
.badge--em::before{background:var(--em)}
.badge--white{color:rgba(255,255,255,.5)}
.badge--white::before{background:var(--em)}
h2.title{font-family:var(--font-d);font-size:clamp(2.2rem,5.5vw,4.2rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.95;color:var(--dark)}
h2.title span{color:var(--em)}
h2.title--white{color:var(--white)}

/* â”€â”€ BUTTONS â”€â”€ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.95rem 2.2rem;font-family:var(--font-d);font-weight:800;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;border:none;cursor:pointer;transition:all .22s;white-space:nowrap}
.btn:disabled{opacity:.55;cursor:not-allowed}
.btn-dark{background:var(--dark);color:var(--white)}
.btn-dark:hover:not(:disabled){background:var(--em);transform:translateY(-2px)}
.btn-em{background:var(--em);color:var(--white)}
.btn-em:hover:not(:disabled){background:var(--dark);transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--dark);border:2px solid var(--dark)}
.btn-outline:hover:not(:disabled){background:var(--dark);color:var(--white)}
.btn-outline-white{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.3)}
.btn-outline-white:hover:not(:disabled){background:rgba(255,255,255,.1)}
.btn-sm{padding:.65rem 1.5rem;font-size:.58rem}
.btn-lg{padding:1.2rem 3rem;font-size:.72rem}
.btn-full{width:100%;justify-content:center}
.btn-purple{background:var(--purple);color:var(--white)}
.btn-purple:hover:not(:disabled){background:#3a2570;transform:translateY(-2px)}

/* â”€â”€ FORMS â”€â”€ */
.field{margin-bottom:1.15rem}
.field label{display:block;font-size:.6rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:rgba(30,41,59,.6);margin-bottom:.45rem}
.field input,.field select,.field textarea{width:100%;background:var(--bg);border:1.5px solid rgba(30,41,59,.12);padding:.85rem 1rem;font-family:var(--font-b);font-size:.9rem;color:var(--dark);outline:none;transition:border-color .2s;border-radius:0}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--em);background:var(--white)}
.field textarea{resize:vertical;min-height:90px}
.field--dark label{color:rgba(255,255,255,.5)}
.field--dark input,.field--dark select,.field--dark textarea{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:var(--white)}
.field--dark input::placeholder{color:rgba(255,255,255,.25)}
.field--dark input:focus,.field--dark select:focus,.field--dark textarea:focus{border-color:var(--em);background:rgba(255,255,255,.08)}
.field--dark select{background-color:var(--dark)}
.field--dark select option{background:var(--dark)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.alert{padding:.9rem 1.25rem;font-size:.84rem;font-weight:600;margin-bottom:1.25rem;display:none;border-radius:2px}
.alert.success{background:rgba(5,150,105,.1);color:#047857;border:1px solid rgba(5,150,105,.25)}
.alert.error{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.2)}
.alert.info{background:rgba(59,130,246,.08);color:#1d4ed8;border:1px solid rgba(59,130,246,.2)}
.alert.show{display:block}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   NAV
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.nav{position:fixed;top:0;left:0;width:100%;z-index:900;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(30,41,59,.07);transition:box-shadow .3s}
.nav.scrolled{box-shadow:0 4px 30px rgba(15,23,42,.08)}
.nav__inner{max-width:1280px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);padding-left:max(clamp(1rem,4vw,2.5rem),var(--safe-left));padding-right:max(clamp(1rem,4vw,2.5rem),var(--safe-right));height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:clamp(.5rem,2vw,1.5rem);min-width:0}
.nav__logo{display:flex;align-items:center;gap:.65rem;font-family:var(--font-d);font-weight:900;font-size:clamp(.72rem,2.5vw,.88rem);letter-spacing:.12em;text-transform:uppercase;color:var(--dark);flex-shrink:1;min-width:0;max-width:min(52vw,280px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav__logo--solo{max-width:none;flex-shrink:0}
.nav__logo svg{width:24px;height:24px;fill:var(--dark)}
.nav__links{display:flex;gap:1.75rem;list-style:none}
.nav__links a{font-size:.58rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:rgba(30,41,59,.55);transition:color .2s}
.nav__links a:hover{color:var(--em)}
.nav__actions{display:flex;gap:.6rem;align-items:center;flex-shrink:0}
.nav__member{background:var(--dark);color:var(--white);padding:.6rem 1.3rem;font-family:var(--font-d);font-weight:800;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;border:none;cursor:pointer;transition:all .2s}
.nav__member:hover{background:var(--em)}
.nav__cta{background:var(--em);color:var(--white);padding:.6rem 1.3rem;font-family:var(--font-d);font-weight:800;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;border:none;cursor:pointer;transition:all .2s}
.nav__cta:hover{background:var(--dark)}
.nav__hamburger{display:none;background:none;border:none;cursor:pointer;padding:.4rem;flex-direction:column;gap:5px}
.nav__hamburger span{display:block;width:22px;height:2px;background:var(--dark);transition:all .3s}
.nav__mobile{display:none;position:absolute;top:var(--nav-h);left:0;width:100%;background:var(--white);border-bottom:1px solid rgba(30,41,59,.07);padding:1.25rem;padding-bottom:max(1.25rem,var(--safe-bottom));flex-direction:column;gap:.5rem;box-shadow:0 8px 30px rgba(15,23,42,.1);max-height:calc(100dvh - var(--nav-h));overflow-y:auto;-webkit-overflow-scrolling:touch}
.nav__mobile.open{display:flex}
.nav__mobile a,.nav__mobile button{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.75rem 1rem;color:var(--dark);border:none;background:none;cursor:pointer;text-align:left;border-radius:4px;transition:background .15s}
.nav__mobile a:hover,.nav__mobile button:hover{background:var(--bg)}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   PAGES SYSTEM
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.page{display:none}
.page.active{display:block}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   HOME PAGE
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* Hero */
.hero{padding:clamp(6rem,12vw,10rem) max(clamp(1rem,4vw,2.5rem),var(--safe-right)) clamp(4rem,8vw,6rem) max(clamp(1rem,4vw,2.5rem),var(--safe-left));max-width:1280px;margin:0 auto}
.hero__pre{display:inline-flex;align-items:center;gap:1rem;font-size:.58rem;font-weight:800;letter-spacing:.38em;text-transform:uppercase;color:rgba(30,41,59,.42);margin-bottom:1.5rem}
.hero__pre::before{content:'';display:block;width:2.5rem;height:2px;background:var(--em)}
h1.hero__title{font-family:var(--font-d);font-size:clamp(4rem,10vw,7.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;line-height:.9;color:var(--dark);margin-bottom:2rem}
h1.hero__title span{color:var(--em)}
.hero__desc{font-size:clamp(.95rem,2vw,1.1rem);color:var(--muted);max-width:420px;line-height:1.8;margin-bottom:2.5rem}
.hero__ctas{display:flex;gap:1rem;flex-wrap:wrap}

/* Marquee */
.marquee-wrap{background:var(--dark);padding:1.25rem 0;overflow:hidden}
.marquee-inner{display:flex;white-space:nowrap;animation:mq 28s linear infinite}
.marquee-item{display:inline-flex;align-items:center;gap:2rem;padding:0 2rem;font-family:var(--font-d);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;text-transform:uppercase;color:rgba(255,255,255,.06)}
.dot{display:inline-block;width:6px;height:6px;background:var(--em);border-radius:50%;vertical-align:middle}
@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* Grid cards */
.cards-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(.85rem,2.5vw,1.25rem)}
.card{background:var(--white);border:1.5px solid rgba(30,41,59,.09);padding:2.25rem;transition:all .28s}
.card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(15,23,42,.08);border-color:var(--em)}
.card__num{font-size:.58rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.65rem}
.access-form{background:var(--white);border:1px solid rgba(30,41,59,.1);padding:1.5rem;border-radius:8px;text-align:left}
.card__ico{font-size:1.75rem;margin-bottom:.65rem}
.card__ico i{font-size:1.5rem;color:var(--em)}
.manifesto-list li i i{font-style:normal}
.card__title{font-family:var(--font-d);font-size:1.15rem;font-weight:900;text-transform:uppercase;color:var(--dark);margin-bottom:.6rem}
.card__desc{font-size:.88rem;color:var(--muted);line-height:1.8}

/* Manifesto dark */
.manifesto-section{background:var(--dark);padding:clamp(4rem,8vw,8rem) clamp(1rem,4vw,2.5rem)}
.manifesto-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,6rem);align-items:center;max-width:1280px;margin:0 auto}
.manifesto-list{list-style:none;display:grid;gap:1.1rem;margin-top:2rem}
.manifesto-list li{display:flex;align-items:center;gap:1rem;font-size:.88rem;color:rgba(255,255,255,.7)}
.manifesto-list li i{width:34px;height:34px;background:rgba(255,255,255,.06);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;font-style:normal}
.manifesto-vis{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem;display:grid;gap:1.25rem}
.stat-row{background:rgba(255,255,255,.05);border-radius:12px;padding:1.15rem 1.4rem;display:flex;justify-content:space-between;align-items:center}
.stat-row__num{font-family:var(--font-d);font-size:1.9rem;font-weight:900;color:var(--em)}
.stat-row__lbl{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.3)}

/* Testimonials */
.testi-card{background:var(--white);border:1px solid rgba(30,41,59,.08);padding:2.25rem;position:relative;transition:all .25s}
.testi-card:hover{box-shadow:0 12px 40px rgba(15,23,42,.07)}
.testi-card::before{content:'"';font-family:var(--font-d);font-size:4.5rem;font-weight:900;color:var(--em);opacity:.08;position:absolute;top:.4rem;left:1.1rem;line-height:1;pointer-events:none}
.testi-text{font-size:.9rem;color:var(--muted);line-height:1.85;margin-bottom:1.4rem;position:relative;z-index:1}
.testi-author{display:flex;align-items:center;gap:.7rem}
.testi-avatar{width:38px;height:38px;border-radius:50%;background:rgba(5,150,105,.12);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.75rem;color:var(--em);flex-shrink:0}
.testi-name{font-weight:800;font-size:.84rem;color:var(--dark)}
.testi-role{font-size:.7rem;color:var(--muted)}

/* FAQ */
.faq-item{border-bottom:1px solid rgba(30,41,59,.08)}
.faq-toggle{width:100%;background:none;border:none;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:var(--font-d);font-weight:700;font-size:.95rem;color:var(--dark);text-align:left;gap:1rem}
.faq-icon{width:28px;height:28px;flex-shrink:0;border:1.5px solid rgba(30,41,59,.14);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--em);transition:all .3s;font-weight:700}
.faq-item.open .faq-icon{background:var(--em);color:var(--white);border-color:var(--em);transform:rotate(45deg)}
.faq-body{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s}
.faq-item.open .faq-body{max-height:400px;padding:0 0 1.5rem}
.faq-body p{color:var(--muted);line-height:1.85;font-size:.9rem}

/* CTA Section */
.cta-section{text-align:center;padding:clamp(5rem,10vw,9rem) clamp(1rem,4vw,2.5rem)}
.cta-section h2{font-family:var(--font-d);font-size:clamp(3rem,10vw,7.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;line-height:.9;color:var(--dark);margin-bottom:1.75rem}
.cta-section h2 span{color:var(--em)}
.wpp-btn{display:inline-flex;align-items:center;gap:.9rem;background:#25D366;color:var(--white);padding:1.3rem 3.2rem;font-family:var(--font-d);font-weight:800;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;transition:all .28s;margin-top:1.25rem}
.wpp-btn:hover{background:var(--dark);transform:translateY(-3px);box-shadow:0 20px 50px rgba(37,211,102,.25)}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   PLAN PAGES
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.plan-hero{padding:clamp(7rem,13vw,10rem) clamp(1rem,4vw,2.5rem) clamp(3rem,6vw,5rem);max-width:1280px;margin:0 auto}
.plan-hero--featured{background:var(--dark);color:var(--white);padding:clamp(7rem,13vw,10rem) clamp(1rem,4vw,2.5rem) clamp(3rem,6vw,5rem);max-width:none;margin:0}
.plan-tag{display:inline-block;font-size:.58rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;padding:5px 14px;margin-bottom:1rem}
.plan-tag--em{background:rgba(5,150,105,.12);color:var(--em)}
.plan-tag--featured{background:rgba(255,255,255,.12);color:rgba(255,255,255,.7)}
.plan-tag--purple{background:rgba(77,51,136,.14);color:var(--purple)}
h1.plan-title{font-family:var(--font-d);font-size:clamp(3rem,8vw,5.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;line-height:.92;margin-bottom:1.5rem}
.plan-subtitle{font-size:clamp(.95rem,2vw,1.15rem);color:var(--muted);max-width:480px;line-height:1.8;margin-bottom:2.5rem}
.plan-subtitle--white{color:rgba(255,255,255,.65)}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin:3.5rem 0}
.step{padding:1.75rem;border:1.5px solid rgba(30,41,59,.1);position:relative;overflow:hidden;transition:all .25s}
.step:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(15,23,42,.08)}
.step--dark{border-color:rgba(255,255,255,.1)}
.step__n{font-family:var(--font-d);font-size:.6rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--em);margin-bottom:.6rem}
.step__title{font-family:var(--font-d);font-size:1rem;font-weight:900;text-transform:uppercase;color:var(--dark);margin-bottom:.5rem}
.step__title--white{color:var(--white)}
.step__desc{font-size:.82rem;color:var(--muted);line-height:1.75}
.step__desc--white{color:rgba(255,255,255,.5)}
.feature-compare{margin:3.5rem 0}
.feature-compare-title{font-family:var(--font-d);font-size:1.4rem;font-weight:900;text-transform:uppercase;color:var(--dark);margin-bottom:2rem}
.feat-list{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.feat-item{display:flex;align-items:flex-start;gap:.75rem;padding:1.1rem;border:1px solid rgba(30,41,59,.07);border-radius:2px}
.feat-item--dark{border-color:rgba(255,255,255,.08)}
.feat-check{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;flex-shrink:0}
.feat-check--em{background:rgba(5,150,105,.12);color:var(--em)}
.feat-check--featured{background:rgba(5,150,105,.2);color:#6ee7b7}
.feat-check--purple{background:rgba(77,51,136,.12);color:var(--purple)}
.feat-text{font-size:.85rem;font-weight:600;color:var(--dark)}
.feat-text--white{color:rgba(255,255,255,.8)}
.plan-guarantee{background:rgba(5,150,105,.07);border:1px solid rgba(5,150,105,.18);padding:2.5rem;margin:3.5rem 0;display:flex;align-items:flex-start;gap:1.5rem}
.plan-guarantee--featured{background:rgba(5,150,105,.12);border-color:rgba(5,150,105,.3)}
.plan-guarantee__ico{font-size:2.2rem;flex-shrink:0}
.plan-guarantee__title{font-family:var(--font-d);font-weight:900;font-size:1rem;text-transform:uppercase;color:var(--dark);margin-bottom:.4rem}
.plan-guarantee__title--white{color:var(--white)}
.plan-guarantee__text{font-size:.85rem;color:var(--muted);line-height:1.75}
.plan-guarantee__text--white{color:rgba(255,255,255,.6)}
.plan-cta-bar{background:var(--dark);padding:3rem;text-align:center;margin-top:3rem}
.plan-cta-bar--em{background:var(--em)}
.plan-cta-bar--purple{background:var(--purple)}
.plan-cta-bar h3{font-family:var(--font-d);font-size:1.6rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;color:var(--white);margin-bottom:.4rem}
.plan-cta-bar p{font-size:.88rem;color:rgba(255,255,255,.6);margin-bottom:1.75rem}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   PLANS LIST (Home section)
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(1rem,3vw,1.5rem);margin-top:clamp(2rem,5vw,3.5rem);align-items:stretch;padding-top:.75rem}
@media(min-width:960px){
  .plans-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.plan-card{border:1.5px solid rgba(30,41,59,.1);padding:2.25rem;position:relative;transition:all .28s;display:flex;flex-direction:column;height:100%}
.plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(15,23,42,.1)}
.plan-card--feat{background:var(--dark);color:var(--white);border-color:transparent}
.plan-card--feat .plan-card__feats li{color:rgba(255,255,255,.78)}
.plan-card--purple{border-color:rgba(77,51,136,.2);background:rgba(77,51,136,.03)}
.plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--em);color:var(--white);font-size:.52rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:3px 12px;white-space:nowrap}
.plan-card__tag{display:inline-block;font-size:.56rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;margin-bottom:1rem}
.plan-card__name{font-family:var(--font-d);font-size:1.9rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:1.5rem}
.plan-card__name--white{color:var(--white)}
.plan-card__name--purple{color:var(--purple)}
.plan-card__tag--em{background:rgba(5,150,105,.1);color:var(--em)}
.plan-card__tag--dark{background:rgba(255,255,255,.1);color:rgba(255,255,255,.6)}
.plan-card__tag--purple{background:rgba(77,51,136,.1);color:var(--purple)}
.plan-card__price{font-family:var(--font-d);font-size:1.35rem;font-weight:900;color:var(--dark);margin:0 0 1.15rem;line-height:1.2}
.plan-card--feat .plan-card__price{color:var(--white)}
.plan-card__price span{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-left:.25rem}
.plan-card--feat .plan-card__price span{color:rgba(255,255,255,.45)}
.plan-card__feats{list-style:none;display:grid;gap:.55rem;margin-bottom:1.5rem;flex:1}
.plan-card__feats li{display:flex;align-items:flex-start;gap:.55rem;font-size:.83rem;line-height:1.5}
.plan-card__feats li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--em);font-size:.65rem;flex-shrink:0;margin-top:.2rem}
.plan-card--feat .plan-card__feats li::before{color:#6ee7b7}
.plan-card .btn-full{margin-top:auto;width:100%}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   REGISTER PAGE
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.reg-page{min-height:100vh;display:grid;grid-template-columns:1fr 520px}
.reg-left{background:var(--dark);padding:clamp(4rem,7vw,7rem) clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center;background-image:radial-gradient(ellipse 70% 60% at 30% 70%,rgba(5,150,105,.2) 0%,transparent 60%)}
.reg-right{background:var(--white);padding:clamp(3rem,5vw,5rem) clamp(2rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center;overflow-y:auto;max-height:100vh}
.reg-logo{display:flex;align-items:center;gap:.65rem;margin-bottom:3rem}
.reg-logo span{font-family:var(--font-d);font-weight:900;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--white)}
.reg-left-feat{display:flex;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.85rem;color:rgba(255,255,255,.6)}
.reg-left-feat i{width:32px;height:32px;background:rgba(255,255,255,.06);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;font-style:normal}
.reg-box h2{font-family:var(--font-d);font-size:1.75rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;color:var(--dark);margin-bottom:.35rem}
.reg-box p{font-size:.82rem;color:var(--muted);margin-bottom:2rem}
.steps-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}
.step-dot{width:8px;height:8px;border-radius:50%;background:rgba(30,41,59,.12);transition:all .3s}
.step-dot.active{background:var(--em);width:24px;border-radius:4px}
.step-dot.done{background:var(--em)}
.reg-step{display:none}
.reg-step.active{display:block}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   PAYMENT FLOW
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.pay-flow{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:2rem}
.pay-container{background:var(--white);max-width:680px;width:100%;border:1px solid rgba(30,41,59,.1)}
.pay-header{padding:2rem 2.5rem;border-bottom:1px solid rgba(30,41,59,.07);display:flex;align-items:center;justify-content:space-between}
.pay-header h2{font-family:var(--font-d);font-size:1.1rem;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;color:var(--dark)}
.pay-steps-bar{display:flex;align-items:center;gap:0}
.pay-step-item{display:flex;align-items:center;gap:.5rem;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(30,41,59,.35)}
.pay-step-item.active{color:var(--em)}
.pay-step-item.done{color:var(--em)}
.pay-step-item::after{content:'â€º';margin:0 .5rem;color:rgba(30,41,59,.2)}
.pay-step-item:last-child::after{display:none}
.pay-body{padding:2.5rem}
.pay-summary-card{background:var(--bg);border:1px solid rgba(30,41,59,.08);padding:1.5rem;margin-bottom:2rem;border-radius:2px}
.pay-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.88rem}
.pay-summary-row:not(:last-child){border-bottom:1px solid rgba(30,41,59,.06)}
.pay-summary-row--total{font-family:var(--font-d);font-weight:900;font-size:1.1rem;color:var(--dark);padding-top:.75rem;margin-top:.25rem}
.contract-box{border:1.5px solid rgba(30,41,59,.12);padding:1.5rem;max-height:280px;overflow-y:auto;font-size:.8rem;color:var(--muted);line-height:1.85;margin-bottom:1.5rem;background:var(--bg)}
.contract-box h4{font-family:var(--font-d);font-weight:900;text-transform:uppercase;color:var(--dark);margin-bottom:.75rem;font-size:.9rem}
.contract-sign{display:flex;align-items:center;gap:.75rem;padding:1.25rem;background:rgba(5,150,105,.06);border:1px solid rgba(5,150,105,.18);margin-bottom:2rem}
.contract-sign input[type=checkbox]{width:18px;height:18px;accent-color:var(--em);flex-shrink:0}
.contract-sign label{font-size:.82rem;color:var(--dark);cursor:pointer;font-weight:500}
.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}
.pay-method{border:2px solid rgba(30,41,59,.1);padding:1.5rem;cursor:pointer;transition:all .2s;text-align:center;border-radius:2px}
.pay-method:hover{border-color:var(--em)}
.pay-method.selected{border-color:var(--em);background:rgba(5,150,105,.05)}
.pay-method__ico{font-size:1.75rem;margin-bottom:.5rem}
.pay-method__name{font-family:var(--font-d);font-size:.85rem;font-weight:900;text-transform:uppercase;color:var(--dark);margin-bottom:.25rem}
.pay-method__desc{font-size:.72rem;color:var(--muted)}
.pix-code-box{background:var(--dark);border-radius:8px;padding:1.5rem;text-align:center;margin-bottom:1.5rem}
.pix-code{font-family:monospace;font-size:.78rem;color:rgba(255,255,255,.7);word-break:break-all;margin:1rem 0;padding:1rem;background:rgba(255,255,255,.05);border-radius:4px}
.pix-timer{font-size:2rem;font-family:var(--font-d);font-weight:900;color:var(--em);margin:.5rem 0}
.boleto-info{background:var(--bg);border:1px solid rgba(30,41,59,.1);padding:1.5rem;border-radius:2px;margin-bottom:1.5rem}
.success-ico{font-size:4rem;display:block;text-align:center;margin-bottom:1rem}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   MEMBER AREA
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
#overlay{display:none;position:fixed;inset:0;z-index:1000;background:var(--bg);flex-direction:column}
#overlay.active{display:flex}
/* Login */
.login-wrap{flex:1;display:none;align-items:stretch}
.login-wrap.active{display:flex}
.login-left{flex:1;background:var(--dark);display:flex;align-items:center;justify-content:center;padding:4rem;background-image:radial-gradient(ellipse 70% 60% at 30% 70%,rgba(5,150,105,.2) 0%,transparent 55%)}
.login-left-inner{max-width:360px}
.login-left h2{font-family:var(--font-d);font-size:clamp(2rem,4vw,2.8rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;color:var(--white);margin:1.25rem 0 .65rem}
.login-left p{color:rgba(255,255,255,.5);font-size:.88rem;line-height:1.8}
.login-feats{margin-top:2.25rem;display:grid;gap:.6rem}
.login-feat{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:rgba(255,255,255,.45)}
.login-feat::before{content:'âœ“';color:var(--em);font-weight:900;font-size:.7rem}
.login-right{width:460px;background:var(--white);display:flex;align-items:center;justify-content:center;padding:3rem;overflow-y:auto}
.login-box{width:100%;max-width:340px}
.login-box h3{font-family:var(--font-d);font-size:1.4rem;font-weight:900;text-transform:uppercase;color:var(--dark);margin-bottom:.3rem}
.login-box p{font-size:.8rem;color:var(--muted);margin-bottom:1.75rem}
.login-err{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;padding:.8rem 1rem;font-size:.8rem;font-weight:600;border-radius:2px;margin-bottom:1.25rem;display:none}
.login-hint{margin-top:1.25rem;text-align:center;font-size:.75rem;color:var(--muted)}
.login-hint a{color:var(--em);font-weight:700}
.demo-box{margin-top:1.75rem;background:var(--bg);border:1px solid rgba(30,41,59,.1);border-radius:4px;padding:.9rem;font-size:.75rem}
.demo-box p{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.6rem;margin-bottom:.4rem}

/* Dashboard Layout */
.dash-wrap{display:none;flex:1;min-height:0}
.dash-wrap.active{display:flex}
.sidebar{width:250px;background:var(--dark);display:flex;flex-direction:column;padding:0;flex-shrink:0;overflow-y:auto}
.sb-logo{padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:.65rem}
.sb-logo span{font-family:var(--font-d);font-weight:900;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--white)}
.sb-client{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}
.sb-client small{font-size:.56rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.28)}
.sb-client p{font-size:.82rem;font-weight:700;color:var(--white);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-section{padding:.75rem 1.25rem .35rem;font-size:.56rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.22)}
.sb-btn{display:flex;align-items:center;gap:.7rem;padding:.72rem 1.25rem;color:rgba(255,255,255,.42);font-size:.76rem;font-weight:600;background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:all .18s;border-left:2px solid transparent}
.sb-btn:hover{background:rgba(255,255,255,.05);color:var(--white)}
.sb-btn.active{background:rgba(5,150,105,.14);color:var(--em);border-left-color:var(--em)}
.sb-btn i{font-style:normal;font-size:.95rem;width:18px;text-align:center}
.sb-footer{margin-top:auto;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.07)}
.dash-main{flex:1;overflow-y:auto;padding:2rem clamp(1.25rem,3vw,2.5rem)}
.dash-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}
.dash-header h1{font-family:var(--font-d);font-size:clamp(1.6rem,3.5vw,2rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;color:var(--dark)}
.dash-header small{font-size:.58rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--em);display:block;margin-bottom:3px}
.plan-pill{background:var(--dark);color:var(--white);padding:.45rem 1.1rem;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.4rem}
.plan-pill::before{content:'â—';color:var(--em)}
/* Tabs */
.dash-tab{display:none}
.dash-tab.active{display:block}
/* Stats */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.75rem}
.stat-card{background:var(--white);border:1px solid rgba(30,41,59,.08);border-radius:8px;padding:1.35rem}
.stat-card__ico{font-size:1.3rem;margin-bottom:.5rem}
.stat-card__val{font-family:var(--font-d);font-size:1.75rem;font-weight:900;color:var(--dark);line-height:1}
.stat-card__lbl{font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(30,41,59,.38);margin-top:4px}
/* Looker */
.looker-card{background:var(--white);border:1px solid rgba(30,41,59,.08);border-radius:8px;overflow:hidden}
.looker-head{padding:1.1rem 1.5rem;border-bottom:1px solid rgba(30,41,59,.06);display:flex;align-items:center;gap:.65rem;justify-content:space-between}
.looker-head h3{font-family:var(--font-d);font-size:.82rem;font-weight:900;text-transform:uppercase;color:var(--dark)}
.looker-head small{font-size:.7rem;color:var(--muted)}
.looker-body{padding:1.25rem}
.looker-frame{background:var(--bg);border:1px solid rgba(30,41,59,.08);border-radius:4px;height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden}
.looker-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
.looker-ph{text-align:center;padding:2rem}
.looker-ph span{font-size:2.5rem;display:block;margin-bottom:.65rem}
.looker-ph h4{font-family:var(--font-d);font-weight:900;font-size:.95rem;text-transform:uppercase;color:var(--dark);margin-bottom:.3rem}
.looker-ph p{font-size:.78rem;color:var(--muted)}
/* Calendar */
.cal-wrap{background:var(--white);border:1px solid rgba(30,41,59,.08);border-radius:8px;overflow:hidden}
.cal-nav{padding:1.1rem 1.5rem;border-bottom:1px solid rgba(30,41,59,.06);display:flex;align-items:center;justify-content:space-between}
.cal-nav h3{font-family:var(--font-d);font-size:.88rem;font-weight:900;text-transform:uppercase;color:var(--dark)}
.cal-nav-btns{display:flex;gap:.5rem;align-items:center}
.cal-btn{background:none;border:1px solid rgba(30,41,59,.12);width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s;border-radius:2px;color:var(--dark)}
.cal-btn:hover{background:var(--dark);color:var(--white);border-color:var(--dark)}
.cal-grid-head{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;padding:0 1rem;border-bottom:1px solid rgba(30,41,59,.05)}
.cal-grid-head div{padding:.6rem 0;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(30,41,59,.35)}
.cal-days{display:grid;grid-template-columns:repeat(7,1fr);padding:.5rem 1rem 1.25rem}
.cal-day{min-height:72px;padding:.5rem .4rem;border:1px solid transparent;transition:all .2s;cursor:pointer;position:relative;border-radius:2px}
.cal-day:hover{background:var(--bg);border-color:rgba(30,41,59,.08)}
.cal-day--today{background:rgba(5,150,105,.05);border-color:rgba(5,150,105,.2)!important}
.cal-day--other{opacity:.35}
.cal-day__num{font-size:.75rem;font-weight:700;color:rgba(30,41,59,.5);margin-bottom:.3rem}
.cal-day--today .cal-day__num{color:var(--em);font-weight:900}
.cal-event{background:var(--em);color:var(--white);font-size:.58rem;font-weight:700;padding:2px 5px;border-radius:2px;margin-top:2px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-event--draft{background:var(--coral)}
.cal-event--planned{background:#3b82f6}
.cal-legend{display:flex;gap:1.25rem;padding:0 1.5rem 1.25rem;flex-wrap:wrap}
.cal-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:var(--muted)}
.cal-legend-dot{width:8px;height:8px;border-radius:50%}
/* Training */
.training-card{background:var(--white);border:1px solid rgba(30,41,59,.08);border-radius:8px;padding:1.5rem;transition:all .25s}
.training-card:hover{box-shadow:0 8px 30px rgba(15,23,42,.07)}
.training-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.training-card__title{font-family:var(--font-d);font-size:1rem;font-weight:900;text-transform:uppercase;color:var(--dark)}
.training-badge{font-size:.56rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:20px;flex-shrink:0}
.training-badge--new{background:rgba(5,150,105,.1);color:var(--em)}
.training-badge--watch{background:rgba(59,130,246,.1);color:#2563eb}
.training-badge--done{background:rgba(30,41,59,.07);color:rgba(30,41,59,.5)}
.training-desc{font-size:.84rem;color:var(--muted);line-height:1.8;margin-bottom:1rem}
.training-meta{display:flex;gap:1.25rem;flex-wrap:wrap}
.training-meta span{font-size:.68rem;color:rgba(30,41,59,.45);display:flex;align-items:center;gap:.3rem}
/* Financial */
.fin-card{background:var(--white);border:1px solid rgba(30,41,59,.08);border-radius:8px}
.fin-card-head{padding:1.1rem 1.5rem;border-bottom:1px solid rgba(30,41,59,.06);display:flex;align-items:center;justify-content:space-between}
.fin-card-head h3{font-family:var(--font-d);font-size:.82rem;font-weight:900;text-transform:uppercase;color:var(--dark)}
.fin-table{width:100%;border-collapse:collapse}
.fin-table th{font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(30,41,59,.38);padding:.75rem 1.5rem;text-align:left;border-bottom:1px solid rgba(30,41,59,.06)}
.fin-table td{padding:.85rem 1.5rem;font-size:.84rem;border-bottom:1px solid rgba(30,41,59,.04)}
.fin-table tr:last-child td{border-bottom:none}
.status-badge{font-size:.6rem;font-weight:800;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em}
.status-paid{background:rgba(5,150,105,.1);color:var(--em)}
.status-pending{background:rgba(234,179,8,.1);color:#a16207}
.status-late{background:rgba(239,68,68,.1);color:#dc2626}
.status-active{background:rgba(5,150,105,.1);color:var(--em)}
.status-cancelled{background:rgba(30,41,59,.07);color:rgba(30,41,59,.5)}
/* Profile */
.profile-card{background:var(--white);border:1px solid rgba(30,41,59,.08);border-radius:8px;padding:2rem}
.profile-row{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid rgba(30,41,59,.05);align-items:center}
.profile-row:last-child{border-bottom:none}
.profile-row span:first-child{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(30,41,59,.4)}
.profile-row span:last-child{font-size:.84rem;font-weight:600;color:var(--dark)}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   ADMIN PANEL
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
#admin-overlay{display:none;position:fixed;inset:0;z-index:1001;background:var(--bg);flex-direction:column}
#admin-overlay.active{display:flex}
.admin-wrap{display:flex;flex:1;min-height:0}
.admin-sidebar{width:250px;background:var(--dark);flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto}
.admin-main{flex:1;overflow-y:auto;padding:2rem clamp(1.25rem,3vw,2.5rem)}
.admin-tab{display:none}
.admin-tab.active{display:block}
.admin-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}
.admin-head h1{font-family:var(--font-d);font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;color:var(--dark)}
/* Modal */
.modal-bg{display:none;position:fixed;inset:0;z-index:2000;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:1rem}
.modal-bg.open{display:flex}
.modal{background:var(--white);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;padding:2.5rem}
.modal h3{font-family:var(--font-d);font-size:1.2rem;font-weight:900;text-transform:uppercase;color:var(--dark);margin-bottom:.3rem}
.modal p{font-size:.82rem;color:var(--muted);margin-bottom:2rem}
.modal-close{float:right;background:none;border:none;cursor:pointer;font-size:1.4rem;color:rgba(30,41,59,.4);line-height:1;margin-top:-.2rem}
/* KPI grid */
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}
.kpi-card{background:var(--white);border:1px solid rgba(30,41,59,.08);border-radius:8px;padding:1.35rem}
.kpi-card__ico{font-size:1.3rem;margin-bottom:.5rem}
.kpi-card__val{font-family:var(--font-d);font-size:1.75rem;font-weight:900;color:var(--dark)}
.kpi-card__lbl{font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(30,41,59,.38);margin-top:4px}
.kpi-card--em{border-top:3px solid var(--em)}
/* Client table */
.client-table-wrap{background:var(--white);border:1px solid rgba(30,41,59,.08);border-radius:8px;overflow:hidden}
.client-search{padding:1.1rem 1.5rem;border-bottom:1px solid rgba(30,41,59,.06)}
.client-search input{width:100%;background:var(--bg);border:1.5px solid rgba(30,41,59,.1);padding:.7rem 1rem;font-family:var(--font-b);font-size:.88rem;color:var(--dark);outline:none;border-radius:2px}
.client-search input:focus{border-color:var(--em)}
.data-table{width:100%;border-collapse:collapse}
.data-table th{font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(30,41,59,.38);padding:.75rem 1.5rem;text-align:left;border-bottom:1px solid rgba(30,41,59,.07);background:var(--bg)}
.data-table td{padding:.9rem 1.5rem;font-size:.84rem;border-bottom:1px solid rgba(30,41,59,.04)}
.data-table tr:last-child td{border-bottom:none}
.data-table tr:hover td{background:var(--bg)}
.action-btn{background:none;border:1px solid rgba(30,41,59,.12);padding:4px 10px;font-size:.62rem;font-weight:700;cursor:pointer;border-radius:2px;transition:all .2s;font-family:var(--font-d)}
.action-btn:hover{background:var(--dark);color:var(--white);border-color:var(--dark)}
.action-btn--em{border-color:rgba(5,150,105,.3);color:var(--em)}
.action-btn--em:hover{background:var(--em);color:var(--white);border-color:var(--em)}
.action-btn--red{border-color:rgba(239,68,68,.3);color:#dc2626}
.action-btn--red:hover{background:#dc2626;color:var(--white);border-color:#dc2626}
/* Upload/training admin */
.upload-zone{border:2px dashed rgba(30,41,59,.15);padding:2.5rem;text-align:center;cursor:pointer;transition:all .2s;border-radius:2px}
.upload-zone:hover{border-color:var(--em);background:rgba(5,150,105,.03)}
.upload-zone p{font-size:.82rem;color:var(--muted)}
.upload-zone strong{color:var(--em);font-weight:700}
/* Admin calendar selector */
.admin-cal-clients{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}
.client-chip{padding:.5rem 1rem;border:1.5px solid rgba(30,41,59,.1);font-size:.7rem;font-weight:700;cursor:pointer;border-radius:20px;transition:all .2s;background:var(--white)}
.client-chip:hover{border-color:var(--em);color:var(--em)}
.client-chip.active{background:var(--em);color:var(--white);border-color:var(--em)}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   RESPONSIVE
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
@media(max-width:1100px){
  .process-steps{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .manifesto-inner{grid-template-columns:1fr}
}
@media(max-width:768px){
  :root{--nav-h:68px}
  .nav__links{display:none}
  .nav__actions .nav__member{display:none}
  .nav__hamburger{display:flex}
  .feat-list{grid-template-columns:1fr}
  .process-steps{grid-template-columns:1fr}
  .field-row{grid-template-columns:1fr}
  .pay-methods{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .reg-page{grid-template-columns:1fr}
  .reg-left{display:none}
  .login-left{display:none}
  .login-right{width:100%;max-width:none}
  .sidebar{width:200px}
  .dash-main{padding:1.25rem}
  .dash-header{flex-direction:column;align-items:flex-start}
  .plan-pill{align-self:flex-start}
  .fin-table th:nth-child(n+4),.fin-table td:nth-child(n+4){display:none}
  .hero{padding-top:clamp(5rem,14vw,7rem)}
  .hero__ctas{flex-direction:column;width:100%}
  .hero__ctas .btn{width:100%;justify-content:center;white-space:normal;text-align:center}
  .wpp-btn{width:100%;max-width:420px;justify-content:center;padding:1.1rem 1.5rem;white-space:normal;text-align:center}
  .cta-section h2{word-break:break-word;overflow-wrap:anywhere}
  .card,.testi-card,.plan-card{padding:clamp(1.25rem,4vw,2.25rem)}
  .manifesto-vis{padding:clamp(1.25rem,4vw,2.5rem)}
  .faq-toggle{font-size:.88rem;padding:1.15rem 0}
}
@media(max-width:480px){
  :root{--nav-h:64px}
  .nav__inner{gap:.45rem}
  .nav__logo{max-width:42vw;font-size:.68rem}
  .nav__actions{gap:.35rem}
  .nav__cta{font-size:0;padding:.55rem .65rem;letter-spacing:0}
  .nav__cta i{font-size:.95rem;margin:0}
  .stats-grid{grid-template-columns:1fr}
  .kpi-grid{grid-template-columns:1fr}
  .panel-cards{grid-template-columns:1fr}
  .sidebar{display:none}
  h1.hero__title{font-size:clamp(2.35rem,12vw,3.5rem);line-height:.92}
  h2.title{font-size:clamp(1.75rem,8vw,2.5rem)}
  .cta-section h2{font-size:clamp(2rem,11vw,3.5rem)}
  .btn-lg{padding:1rem 1.35rem;font-size:.65rem}
  .marquee-item{font-size:clamp(1.35rem,6vw,2rem);gap:1rem;padding:0 1rem}
  .stat-row{flex-wrap:wrap;gap:.65rem}
  .stat-row__num{font-size:1.5rem}
  .plan-guarantee{flex-direction:column;padding:1.5rem}
  .pay-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem}
  .pay-body{padding:1.25rem}
  .modal{padding:1.5rem}
}
@media(max-width:360px){
  .nav__cta{display:none}
  .hero__pre{font-size:.52rem;letter-spacing:.28em;gap:.5rem}
  .hero__pre::before{width:1.25rem}
  .badge{font-size:.52rem;letter-spacing:.28em}
}
@media(min-width:1400px){
  .container,.section-inner,.nav__inner,.manifesto-inner{max-width:1360px}
}
@media(max-height:500px) and (orientation:landscape){
  .hero{padding-block:clamp(4.5rem,12vh,6rem) clamp(2rem,6vh,3rem)}
  .login-page__wrap{min-height:auto}
  .login-page__brand{padding-block:1.25rem}
}

/* â”€â”€ MISC â”€â”€ */
footer{background:var(--dark);color:rgba(255,255,255,.35);padding:2.5rem clamp(1rem,4vw,2.5rem);text-align:center;font-size:.76rem}
footer strong{color:var(--white);font-family:var(--font-d);font-weight:900;letter-spacing:.1em;text-transform:uppercase}
#btt{position:fixed;bottom:max(1.75rem,var(--safe-bottom));right:max(1.75rem,var(--safe-right));width:42px;height:42px;background:var(--dark);color:var(--white);border:none;cursor:pointer;opacity:0;transform:translateY(8px);transition:all .3s;z-index:400;font-size:1rem;border-radius:50%}
#btt.show{opacity:1;transform:none}
#btt:hover{background:var(--em)}
.skeleton{background:linear-gradient(90deg,rgba(30,41,59,.06) 25%,rgba(30,41,59,.1) 50%,rgba(30,41,59,.06) 75%);background-size:200% 100%;animation:sk 1.5s ease infinite}
@keyframes sk{0%{background-position:200% 0}100%{background-position:-200% 0}}

