/* centacapital.com — variables in base.css */
.wrap{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--content-padding-x)}
.wrap--narrow{max-width:760px}
.wrap--mid{max-width:820px}
.wrap--tight{max-width:640px}
.section{padding:var(--section-padding-y) 0}
.section--alt{background:var(--color-bg-alt)}
.section--teal{background:var(--teal-600);padding:10px 10px var(--section-padding-y)}
.section--ink{background:var(--ink-950);padding:10px 10px var(--section-padding-y)}
.section--ink-plain{background:var(--ink-950);padding:var(--section-padding-y) 0}
.stack{display:flex;flex-direction:column;gap:var(--space-5)}
.stack--lg{gap:var(--space-7)}
.center{align-items:center;text-align:center}
.pad-top{padding-top:var(--section-padding-y)}

/* type */
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-regular);margin:0}
.h-display{font-size:var(--text-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}
.h1{font-size:var(--text-h1);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}
.h3{font-size:var(--text-h3)}
.h4{font-size:var(--text-h4)}
p{margin:0;font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-muted)}
.on-dark h1,.on-dark h2,.on-dark h3,.on-dark h4{color:var(--paper-50)}
.on-dark p{color:var(--white)}
.eyebrow{font-size:var(--text-small);font-weight:var(--weight-medium);font-style:italic;color:var(--teal-600);border-bottom:1px solid var(--teal-600);padding-bottom:6px;display:inline-block}
.on-dark .eyebrow{color:var(--paper-50);border-bottom-color:var(--color-border-inverse)}
.rule{width:48px;height:2px;background:var(--ink-950)}
.on-dark .rule{background:var(--white)}
.lead{font-size:var(--text-h4);line-height:var(--leading-snug);color:var(--white)}

/* section heading */
.head{display:flex;flex-direction:column;gap:var(--space-6);max-width:760px}
.head--center{align-items:center;text-align:center;margin:0 auto}
.head__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);width:100%}
.head--center .head__row{justify-content:center}
.arrowbox{width:30px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:none;background:var(--teal-600);color:var(--white);font-family:var(--font-sans);font-size:15px;line-height:1;text-decoration:none;cursor:pointer;transition:background var(--duration-hover) var(--ease-hover),color var(--duration-hover) var(--ease-hover)}
.arrowbox:hover{background:var(--teal-700);color:var(--white);text-decoration:none}
.on-dark .arrowbox{background:var(--white);color:var(--ink-950)}
.on-dark .arrowbox:hover{background:var(--slate-200);color:var(--ink-950)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:15px;padding:14px 28px;border:1px solid transparent;border-radius:var(--radius-none);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background var(--duration-hover) var(--ease-hover),color var(--duration-hover) var(--ease-hover),border-color var(--duration-hover) var(--ease-hover)}
.btn:hover{text-decoration:none}
.btn--lg{font-size:17px;padding:18px 36px}
.btn--primary{background:var(--ink-950);color:var(--paper-50);border-color:var(--ink-950)}
.btn--primary:hover{background:var(--teal-600);border-color:var(--teal-600);color:var(--paper-50)}
.btn--secondary{background:transparent;color:var(--ink-950);border-color:var(--ink-950)}
.btn--secondary:hover{background:var(--ink-950);color:var(--paper-50)}
.btn--inverse{background:var(--paper-50);color:var(--ink-950);border-color:var(--paper-50)}
.btn--inverse:hover{background:var(--ink-950);color:var(--paper-50);border-color:var(--ink-950)}
.btn--accent{background:var(--teal-600);color:var(--white);border-color:var(--teal-600)}
.btn--accent:hover{background:var(--teal-700);border-color:var(--teal-700);color:var(--white)}

/* cards */
.grid{display:grid;gap:var(--space-5)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--2{grid-template-columns:repeat(2,1fr)}
.card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--white);border:1px solid var(--color-border);border-top:3px solid var(--teal-600);height:100%}
.card h3{font-size:var(--text-h3);line-height:var(--leading-snug);color:var(--ink-950)}
.card p{flex:1}
.card--plain{border-top:3px solid var(--ink-950);margin-top:var(--space-8)}
.card--plain h3{font-size:var(--text-h3)}

/* media */
.strip{display:block;width:100%}
.strip img{display:block;width:100%;height:auto;aspect-ratio:1000/320;object-fit:cover}

/* stats */
.stats{display:flex;gap:var(--space-8);flex-wrap:wrap}
.stat{display:flex;flex-direction:column;gap:6px}
.stat__value{font-size:var(--text-stat);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);line-height:1;color:var(--ink-950)}
.stat__label{font-size:14px;font-weight:var(--weight-medium);font-style:italic;color:var(--slate-500)}
.on-dark .stat__value{color:var(--paper-50)}
.on-dark .stat__label{color:var(--white)}

/* partner logos */
.partners{display:flex;gap:56px;flex-wrap:wrap;align-items:center;padding-top:var(--space-4)}
.partners a{display:inline-flex;align-items:center}
.partners img{display:block;width:auto;filter:brightness(0);transition:filter var(--duration-hover) var(--ease-hover)}
.partners a:hover img{filter:brightness(0) opacity(.55)}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--nav-height);box-sizing:border-box;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-6);padding:0 var(--content-padding-x);background:var(--color-bg);border-bottom:1px solid var(--color-border)}
.nav__spacer{height:var(--nav-height)}
.nav__mark img{height:40px;width:auto;display:block}
.nav__links{display:flex;align-items:center;justify-content:center;gap:36px}
.nav__links a{font-size:14px;font-weight:var(--weight-medium);color:var(--slate-500);text-decoration:none;white-space:nowrap;transition:color var(--duration-hover) var(--ease-hover)}
.nav__links a:hover{color:var(--teal-600);text-decoration:none}
.nav__links a[aria-current="page"]{color:var(--ink-950)}
.nav__cta{display:flex;justify-content:flex-end}
.nav__burger{display:none;position:relative;width:44px;height:44px;background:none;border:none;padding:0;cursor:pointer}
.nav__burger span{position:absolute;left:10px;width:24px;height:1.5px;background:var(--ink-950);transition:transform var(--duration-base) var(--ease-hover),opacity var(--duration-fast) linear}
.nav__burger span:nth-child(1){top:15px}
.nav__burger span:nth-child(2){top:21px}
.nav__burger span:nth-child(3){top:27px}
.is-open .nav__burger span:nth-child(1){top:21px;transform:rotate(45deg)}
.is-open .nav__burger span:nth-child(2){opacity:0}
.is-open .nav__burger span:nth-child(3){top:21px;transform:rotate(-45deg)}
.nav__panel{position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;z-index:49;background:var(--color-bg);padding:var(--space-7) var(--content-padding-x);display:flex;flex-direction:column;gap:var(--space-6);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity var(--duration-slow) var(--ease-out-soft),transform var(--duration-slow) var(--ease-out-soft)}
.is-open .nav__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.nav__panel nav{display:flex;flex-direction:column}
.nav__panel a{font-size:24px;font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);color:var(--slate-500);text-decoration:none;padding:10px 0}
.nav__panel a[aria-current="page"]{color:var(--ink-950)}
.nav__panel .btn{margin-top:auto}

/* home CTA reveal */
[data-cta-reveal] .nav__cta{opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity var(--duration-slow) var(--ease-out-soft),transform var(--duration-slow) var(--ease-out-soft)}
[data-cta-reveal].is-revealed .nav__cta{opacity:1;pointer-events:auto;transform:none}

/* footer */
.footer{background:var(--ink-950);color:var(--paper-50);padding:64px var(--content-padding-x) 40px;display:flex;flex-direction:column;gap:48px}
.footer__top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--space-6)}
.footer__brand{display:flex;flex-direction:column;gap:12px}
.footer__brand img{height:52px;width:auto;display:block;margin-left:-3px;filter:brightness(0) invert(1)}
.footer__brand span{font-size:14px;color:var(--slate-300)}
.footer__nav{display:flex;gap:28px;flex-wrap:wrap}
.footer__nav a{font-size:14px;color:var(--slate-300);text-decoration:none}
.footer__nav a:hover{color:var(--white);text-decoration:none}
.footer__legal{font-size:13px;color:var(--slate-500)}

/* cookie notice */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--ink-950);color:var(--paper-50);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-5);padding:var(--space-5) var(--content-padding-x);transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-soft)}
.cookie[hidden]{display:none}
.cookie.is-visible{transform:translateY(0)}
.cookie p{color:var(--white);max-width:70ch;font-size:15px}
.cookie__actions{display:flex;gap:var(--space-3)}
.btn--ghost-light{background:transparent;color:var(--paper-50);border-color:var(--color-border-inverse)}
.btn--ghost-light:hover{background:var(--paper-50);color:var(--ink-950);border-color:var(--paper-50)}
.footer__nav button{font-family:var(--font-sans);font-size:14px;color:var(--slate-300);background:none;border:none;padding:0;cursor:pointer;transition:color var(--duration-hover) var(--ease-hover)}
.footer__nav button:hover{color:var(--white)}

/* contact + legal pages */
.contact__block{display:flex;flex-direction:column;gap:12px}
.contact__block a{font-size:var(--text-body)}
.legal{display:flex;flex-direction:column;gap:48px}
.legal section{display:flex;flex-direction:column;gap:var(--space-4)}
.legal h4{font-size:var(--text-body);font-style:italic;font-weight:var(--weight-medium);color:var(--teal-600)}
.legal__controller{border-top:1px solid var(--color-border);padding-top:var(--space-6)}

@media (max-width:900px){
  .nav{display:flex;justify-content:space-between;gap:var(--space-4)}
  .nav__links,.nav__cta{display:none}
  .nav__burger{display:block}
  .nav__mark img{height:26px}
  .grid--3,.grid--2{grid-template-columns:1fr}
  .h-display{font-size:40px}
  .h1{font-size:32px}
  .h3{font-size:22px}
  .section{padding:var(--section-padding-y-sm) 0}
  .section--teal,.section--ink{padding:10px 10px var(--section-padding-y-sm)}
  .pad-top{padding-top:var(--section-padding-y-sm)}
  .stats{gap:var(--space-6)}
  .footer__top{align-items:flex-start}
  .cookie{flex-direction:column;align-items:flex-start}
  .cookie__actions{width:100%}
  .cookie__actions .btn{flex:1}
}