/**
Theme Name: Agency Colab
Author: Colab Developer | Shubham Rana
Author URI: https://colablosangeles.com/
Description: Colab Agency
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: agency-colab
Template: astra
*/


/* ============================================================
   TOKENS
   ============================================================ */
:root{
  --c-yellow:#ffdf27;
  --c-yellow-deep:#ffdc20;
  --c-ink:#111111;
  --c-pink:#f0338d;
  --c-blue-bg:#eff3fd;
  --c-gray-bg:#f6f6f6;
  --c-border:#dddddd;
  --c-border-soft:#eeeeee;
  --c-muted:#666666;
  --c-muted-2:#555555;
  --c-gold:#b9a200;
  --container:1200px;
  --gutter:20px;
  --radius-xl:28px;
  --radius-lg:18px;
  --radius-md:14px;
  --radius-sm:8px;
}


.wpcf7-spinner { position: absolute;  }
/* ============================================================
   RESET / BASE
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Archivo,'Helvetica Neue',Arial,sans-serif;
  color:var(--c-ink);
  background:#fff;
  font-size:14px;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body h1,body h2,body h3,body h4,body h5{
  color:var(--c-ink);   
}
.site-content .ast-container {
    min-width: 100%;
    padding: 0;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:var(--c-ink);transition:color .2s ease}
a:hover{color:#8a7500}
h1,h2,h3,p{margin:0}
button{font-family:inherit}
ul{margin:0;padding:0;list-style:none}
section[id],[id="partner"]{scroll-margin-top:110px}

/* shared layout helpers */
.wrap{width:min(var(--container),calc(100% - var(--gutter) * 2));margin:0 auto}
.eyebrow{
  text-align:center;font-size:12px;color:var(--c-ink);margin-bottom:24px;
  text-transform:uppercase;font-weight:800;letter-spacing:.18em;
}
.eyebrow__arrow{color:var(--c-pink)}
.eyebrow__arrow--left{margin-right:10px}
.eyebrow__arrow--right{margin-left:10px}
.section-head{text-align:center}
.section-head__title{
  font-size:clamp(28px,3.6vw,39px);line-height:1;letter-spacing:-1.2px;
  font-weight:900;margin:0 0 20px;text-transform:uppercase;
}
.section-head__lead{
  color:var(--c-muted);font-size:15px;line-height:1.6;margin:0 auto 46px;max-width:740px;
}
body main .btn{
  display:inline-block;border-radius:var(--radius-sm);font-weight:800;
  text-transform:uppercase;letter-spacing:.04em;font-size:14px;text-align:center;
  transition:all .2s ease;cursor:pointer;
}
body main .btn--primary{background:var(--c-ink);color:#fff;padding:15px 30px;border:0}
body main .btn--primary:hover{background:#000;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.25)}
body main .btn--outline{border:1.5px solid var(--c-ink);color:var(--c-ink);padding:14px 28px;background:transparent}
body main .btn--outline:hover{background:var(--c-ink);color:#fff}
body main .btn--yellow{background:var(--c-yellow);color:var(--c-ink);padding:15px 28px;border:0}
body main .btn--yellow:hover{color:var(--c-ink);box-shadow:0 12px 26px rgba(255,223,39,.3)}
header #ast-desktop-header .ast-custom-button:before {
    content: "→";
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--c-ink);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    flex: none;
    margin-right: 8px;
}
header #ast-desktop-header .ast-custom-button:hover {
    box-shadow: 0 10px 22px rgba(0, 0, 0, .16);
    color: var(--c-ink);
}
header #ast-desktop-header .ast-builder-grid-row.ast-grid-center-col-layout {
    grid-template-columns: auto 1fr auto;
}

body.home .wpcf7 form>div, body.home .wpcf7 form>p { margin-bottom: 0; }


/* ============================================================
   HERO
   ============================================================ */
.hero{
  margin-top:0;min-height:560px;border-radius:var(--radius-xl);background:var(--c-yellow);
  position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;
  padding:70px 24px;margin-block:24px 0;
}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero__ring{position:absolute;border-radius:50%;border:75px solid rgba(255,255,255,.12)}
.hero__ring--tl{left:-255px;top:-180px;width:390px;height:390px}
.hero__ring--br{right:-265px;bottom:-240px;width:390px;height:390px}
.hero__inner{position:relative;z-index:2;max-width:900px}
.hero__badge{
  display:inline-flex;align-items:center;gap:9px;background:rgba(17,17,17,.08);
  border:1px solid rgba(17,17,17,.18);border-radius:99px;padding:8px 16px;font-size:11px;
  font-weight:800;text-transform:uppercase;letter-spacing:.16em;margin-bottom:26px;
}
.hero__title{
  font-size:clamp(32px,5vw,56px);line-height:.98;letter-spacing:-2px;font-weight:900;
  margin:0 0 16px;text-transform:uppercase;
}
.hero__lead{font-size:17px;line-height:1.6;max-width:720px;margin:0 auto 30px}
.hero__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero__note{
  margin-top:26px;font-size:12px;font-weight:700;text-transform:uppercase;
  letter-spacing:.12em;color:rgba(17,17,17,.65);
}

.hero-main-sec{
  border-radius:var(--radius-xl);background:var(--c-yellow);position:relative;overflow:hidden;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:36px;align-items:center;
  padding:56px 40px;margin-top:20px;
}
.hero-main-sec .hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero-main-sec .hero__ring{position:absolute;border-radius:50%;border:75px solid rgba(255,255,255,.12)}
.hero-main-sec .hero__ring--tl{left:-255px;top:-180px;width:390px;height:390px}
.hero-main-sec .hero__ring--br{right:-265px;bottom:-240px;width:390px;height:390px}
.hero-main-sec .hero__copy{position:relative;z-index:2}
.hero-main-sec .hero__title{
  font-size:clamp(30px,4.4vw,50px);line-height:1;letter-spacing:-1.8px;font-weight:900;
  margin:0 0 18px;text-transform:uppercase;
}
.hero-main-sec .hero__lead{font-size:16px;line-height:1.6;max-width:520px;margin:0 0 26px}
.hero-main-sec .hero__checks{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
.hero-main-sec .hero__check{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
.hero-main-sec .hero__check-icon{
  width:20px;height:20px;border-radius:50%;background:var(--c-ink);color:var(--c-yellow);
  display:flex;align-items:center;justify-content:center;font-size:11px;font-style:normal;flex:none;
}
.hero-main-sec .hero__note{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(17,17,17,.65)}

.hero-main-sec .hero-form{
  position:relative;z-index:2;background:#fff;border-radius:var(--radius-lg);padding:30px 28px;
  display:grid;gap:14px;align-content:start;
}

.hero-main-sec .hero-form .wpcf7 form p { margin: 0; }

.hero-main-sec .hero-form__title{font-size:20px;margin:0;font-weight:900;letter-spacing:-.4px;text-transform:uppercase}
.hero-main-sec .hero-form__lead{font-size:13px;color:#666;margin:0 0 4px;line-height:1.5}
.hero-main-sec .field{display:grid;gap:6px;margin-bottom: 12px;}
body .hero-main-sec .field label{font-size:12px;font-weight:600;color:#333}
body .hero-main-sec .field input,body .hero-main-sec .field select,body .hero-main-sec .field textarea{
  border:1px solid #dcdcdc;background:#fff;border-radius:6px;padding:11px 13px;
  font-family:inherit;font-size:14px;color:#333;
}
body .hero-main-sec .field textarea{resize:vertical}
body .hero-main-sec .hero-form .btn{
width: 100%;
}
/* ============================================================
   LOGO MARQUEE
   ============================================================ */
.marquee{margin:40px auto 0;padding:14px 0;overflow:hidden}
.marquee__track{
  display:flex;align-items:center;width:max-content;animation:marquee-scroll 42s linear infinite;
}
.marquee__group{display:flex;align-items:center;gap:58px;padding-right:58px}
.marquee__logo{
  flex:0 0 auto;width:110px;height:48px;object-fit:contain;
  filter:grayscale(1) brightness(0);opacity:.75;
}
@keyframes marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .marquee__track{animation:none}
}

/* ============================================================
   STATS ("why agencies pick us")
   ============================================================ */
.stats-section{padding:80px 0 0}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.stat{background:var(--c-blue-bg);border-radius:var(--radius-md);padding:30px 24px;text-align:center}
.stat__value{font-size:38px;font-weight:900;letter-spacing:-2px;line-height:1}
.stat__value-star{font-size:18px;color:#ffc700}
.stat__label{
  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  color:#5c6472;margin-top:8px;
}

/* ============================================================
   REVENUE CTA (dark banner)
   ============================================================ */
.revenue-cta-section{padding:0 0 95px}
.revenue-cta-section .revenue-cta{background:var(--c-ink);border-radius:24px;padding:64px 44px;text-align:center}
.revenue-cta-section .revenue-cta__title{
  font-size:clamp(24px,3vw,34px);line-height:1.05;letter-spacing:-1px;font-weight:900;
  margin:0 0 24px;text-transform:uppercase;color:#fff;
}

/* ============================================================
   PROBLEMS ("sound familiar")
   ============================================================ */
.problems-section{padding:95px 0}
.problems{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.problem-card{border:1px solid var(--c-border);border-radius:16px;padding:30px 28px}
.problem-card__icon{
  width:34px;height:34px;border-radius:6px;background:var(--c-yellow-deep);display:grid;
  place-items:center;margin-bottom:24px;font-size:16px;font-style:normal;
}
.problem-card__title{font-size:16px;margin:0 0 12px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.problem-card__text{font-size:13px;color:var(--c-muted-2);margin:0;line-height:1.6}

/* ============================================================
   SERVICES ("what you can resell")
   ============================================================ */
.services-section{padding:0 0 95px}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.service-card{background:var(--c-blue-bg);border-radius:12px;padding:29px;display:flex;flex-direction:column}
.service-card:hover{box-shadow:0 18px 38px rgba(0,0,0,.09)}
.service-card__icon{
  width:38px;height:38px;border-radius:6px;background:var(--c-yellow-deep);display:grid;
  place-items:center;margin-bottom:26px;font-weight:800;font-style:normal;font-size:13px;
}
.service-card__title{font-size:18px;margin:0 0 10px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.service-card__text{font-size:13px;color:var(--c-muted-2);line-height:1.6;margin:0 0 22px}
.service-card__tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}
.service-card__tag{
  background:#fff;border:1px solid var(--c-border);padding:7px 15px;border-radius:40px;
  font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;
}
.service-card__tag:hover{background:var(--c-yellow);border-color:var(--c-ink)}
.service-card__link{margin-top:auto;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}


/* ============================================================
   STACK (technology)
   ============================================================ */
.stack-section{padding:0 0 95px}
.stack-section .stack-panel{background:var(--c-gray-bg);border-radius:var(--radius-xl);padding:70px 48px}
.stack-section .stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.stack-section .stack-card{background:#fff;border-radius:var(--radius-md);padding:28px}
.stack-section .stack-card__title{font-size:15px;margin:0 0 12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.stack-section .stack-card__text{font-size:13px;line-height:1.65;margin:0 0 14px;color:var(--c-muted-2)}
.stack-section .stack-card__logos{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.stack-section .stack-card__logos img{height:26px;width:26px;object-fit:contain;border-radius:5px}

.stack-section .stack-grid.main {
    grid-template-columns: repeat(auto-fit,minmax(230px,1fr));
    gap: var(--gap);
}
.stack-grid.main .stack-tile {
    background: #fff;
    border-radius: 14px;
    padding: 22px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
}
.stack-grid.main .stack-tile img{
  height:30px; width:30px;
  object-fit:contain;
  border-radius:6px;
  flex:none;
}
.stack-grid.main .stack-tile b{ display:block; font-size:13px; margin-bottom:3px; }
.stack-grid.main .stack-tile small{ color:var(--text-mute-3); font-size:12px; }


/* ============================================================
   WHY US ("what white label actually means")
   ============================================================ */
.why-section{padding:0 0 95px}
.why-panel{background:var(--c-gray-bg);border-radius:var(--radius-xl);padding:70px 48px}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.why-card{background:#fff;border-radius:var(--radius-md);padding:28px}
.why-card__title{font-size:15px;margin:0 0 12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.why-card__text{font-size:13px;line-height:1.65;margin:0;color:var(--c-muted-2)}

/* ============================================================
   COMPARISON TABLE
   ============================================================ */
.compare-section{padding:0 0 95px}
.compare{overflow-x:auto;border:1px solid var(--c-border);border-radius:var(--radius-lg)}
.compare__table{min-width:820px}
.compare__row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;border-bottom:1px solid var(--c-border-soft)}
.compare__row:last-child{border-bottom:0}
.compare__row--head{background:#fafafa;border-bottom:1px solid var(--c-border)}
.compare__cell{padding:18px 22px;font-size:13px;color:var(--c-muted)}
.compare__cell--label{font-weight:800;color:var(--c-ink)}
.compare__cell--best{font-weight:700;color:var(--c-ink)}
.compare__cell--head{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#888}
.compare__cell--head-best{
  font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  background:var(--c-yellow);color:var(--c-ink);
}
.compare__cell--head-alt{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#555}

/* ============================================================
   RATE CARD CTA BANNER
   ============================================================ */
.rate-cta-section{padding:0 0 95px}
.rate-cta-section .rate-cta{
  background:var(--c-ink);border-radius:24px;padding:44px;display:flex;align-items:center;
  justify-content:space-between;gap:32px;flex-wrap:wrap;
}
.rate-cta-section .rate-cta__copy{flex:1 1 380px}
.rate-cta-section .rate-cta__kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--c-yellow);margin-bottom:14px}
.rate-cta-section .rate-cta__title{
  font-size:clamp(24px,2.8vw,30px);line-height:1.05;letter-spacing:-.8px;font-weight:900;
  margin:0 0 10px;text-transform:uppercase;color:#fff;
}
.rate-cta-section .rate-cta__text{font-size:14px;line-height:1.6;margin:0;color:#b9b9b9;max-width:520px}
.rate-cta-section .rate-cta__form{flex:0 1 400px;display:flex;gap:8px;flex-wrap:wrap}
.rate-cta-section .rate-cta__form input{
  flex:1 1 200px;border:1px solid #3a3a3a;background:#fff;color:#000;border-radius:8px;
  padding:15px 16px;font-family:inherit;font-size:14px;
}
.rate-cta-section .rate-cta__form input::placeholder{color:#8a8a8a}
.rate-cta-section input.tnp-submit{
  flex:0 0 auto;background:var(--c-yellow) !important;color:var(--c-ink) !important;border:0 !important;border-radius:8px;
  padding:15px 22px;font-family:inherit;font-size:13px;font-weight:800;text-transform:uppercase;
  letter-spacing:.06em;cursor:pointer;
}
.rate-cta-section input.tnp-submit:hover{box-shadow:0 12px 26px rgba(255,223,39,.3)}

/* ============================================================
   PLANS ("three ways to plug us in")
   ============================================================ */
.plans-section{padding:0 0 95px}
.plans-section .plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.plans-section .plan-card{
  border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:32px 28px;
  display:flex;flex-direction:column;background:#fff;
}
.plans-section .plan-card:hover{border-color:var(--c-ink);box-shadow:0 14px 30px rgba(0,0,0,.07)}
.plans-section .plan-card--featured{border:2px solid var(--c-ink);background:#fffdf0}
.plans-section .plan-card--featured:hover{box-shadow:none}
.plans-section .plan-card__eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#8a8a8a;margin-bottom:16px}
.plans-section .plan-card--featured .plan-card__eyebrow{color:var(--c-ink)}
.plans-section .plan-card__title{font-size:22px;margin:0 0 12px;font-weight:900;text-transform:uppercase;letter-spacing:-.3px}
.plans-section .plan-card__text{font-size:13px;color:var(--c-muted-2);line-height:1.65;margin:0 0 22px}
.plans-section .plan-card__points{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#333;margin:0 0 26px}
.plans-section .plan-card__cta{margin-top:auto}

/* ============================================================
   PROCESS ("onboarding")
   ============================================================ */
.process-section{padding:0 0 95px}
.process-section .process{display:grid;max-width:940px;margin:0 auto;border-top:1px solid var(--c-border)}
.process-section .process-step{
  display:grid;grid-template-columns:70px minmax(160px,1fr) 1.2fr;gap:24px;align-items:start;
  padding:30px 4px;border-bottom:1px solid var(--c-border);
}
.process-section .process-step__num{font-size:34px;font-weight:900;letter-spacing:-1.5px;line-height:1}
.process-section .process-step__title{margin:0;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.process-section .process-step__text{margin:0;font-size:14px;line-height:1.65;color:var(--c-muted-2)}

/* ============================================================
   CASE STUDIES ("proof")
   ============================================================ */
.cases-section{padding:0 0 95px}
.cases-panel{background:var(--c-gray-bg);border-radius:var(--radius-xl);padding:64px 40px}
.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
.case-card{border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.case-card:hover{box-shadow:0 18px 38px rgba(0,0,0,.09)}
.case-card__image{height:150px;background:#f2f2f2 center/cover no-repeat}
.case-card__body{padding:26px 26px 30px}
.case-card__logo{height:26px;max-width:170px;width:auto;object-fit:contain;object-position:left center;margin-bottom:18px}
.case-card__title{font-size:17px;line-height:1.3;margin:0 0 10px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.case-card__text{font-size:13px;color:var(--c-muted-2);line-height:1.6;margin:0 0 14px}
.case-card__tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#8a8a8a}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.testimonials-section{background:var(--c-ink);color:#fff;padding:88px 0}
.testimonials-section .eyebrow{color:var(--c-yellow)}
.testimonials-section .eyebrow__arrow{color:var(--c-yellow)}
.testimonials-section .section-head__title{color:#fff}
.testimonials-section .section-head__lead{color:#9a9a9a}
.testimonials{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.testimonials::-webkit-scrollbar{display:none}
.testimonial-card{
  scroll-snap-align:start;flex:0 0 calc((100% - 10px)/2);background:#1a1a1a;border:1px solid #2b2b2b;
  border-radius:var(--radius-md);padding:30px 28px;display:flex;flex-direction:column;min-height:260px;
}
.testimonial-card__tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:16px}
.testimonial-card__stars{color:var(--c-yellow)}
.testimonial-card__quote{font-size:14px;line-height:1.7;margin:0 0 22px;flex:1;color:#dcdcdc}
.testimonial-card__meta{border-top:1px solid #2b2b2b;padding-top:16px}
.testimonial-card__name{display:block;margin-bottom:4px;font-size:13px}
.testimonial-card__role{color:#9a9a9a}
.testimonials-dots{display:flex;align-items:center;justify-content:center;gap:14px;margin:30px 0 0}
.testimonials-dots__dot{
  width:11px;height:11px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#3a3a3a;
}
.testimonials-dots__dot.is-active{background:var(--c-yellow)}

/* ============================================================
   TECHNIQUES CLOUD
   ============================================================ */
.techniques-section{padding:0 0 95px}
.techniques-section .techniques-panel{background:var(--c-yellow);border-radius:var(--radius-xl);padding:64px 48px;text-align:center}
.techniques-section .techniques-panel__title{
  font-size:clamp(26px,3.2vw,36px);line-height:1.02;letter-spacing:-1.2px;font-weight:900;
  margin:0 0 16px;text-transform:uppercase;
}
.techniques-section .techniques-panel__lead{font-size:15px;line-height:1.6;margin:0 auto 34px;max-width:640px}
.techniques-section .tag-cloud{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:900px;margin:0 auto}
.techniques-section .tag-cloud__item{
  background:#fff;border:1px solid rgba(17,17,17,.12);padding:8px 16px;border-radius:40px;
  font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;
}
.techniques-section .tag-cloud__item--dark{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}

/* ============================================================
   INDUSTRIES
   ============================================================ */
.industries-section{padding:0 0 95px}
.industries-section .industries{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.industries-section .industry-card{border:1px solid var(--c-border);border-radius:16px;padding:28px 26px}
.industries-section .industry-card__icon{
  width:34px;height:34px;border-radius:6px;background:var(--c-yellow-deep);display:grid;
  place-items:center;margin-bottom:22px;font-size:15px;font-style:normal;
}
.industries-section .industry-card__title{font-size:16px;margin:0 0 10px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.industries-section .industry-card__text{font-size:13px;color:var(--c-muted-2);margin:0;line-height:1.6}
.industries-section .industries__note{margin-top:10px;background:var(--c-gray-bg);border-radius:14px;padding:20px;text-align:center;font-size:13px;color:var(--c-muted-2)}

/* ============================================================
   PROCESS (sticky column + steps)
   ============================================================ */
.main-process-section{padding:0 0 95px}
.main-process-section .process-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px;align-items:start}
.main-process-section .process-intro{position:sticky;top:120px}
.main-process-section .process-intro__eyebrow{font-size:12px;color:var(--c-ink);margin-bottom:20px;text-transform:uppercase;font-weight:800;letter-spacing:.18em}
.main-process-section .process-intro__title{font-size:clamp(28px,3.6vw,39px);line-height:1;letter-spacing:-1.2px;font-weight:900;margin:0 0 18px;text-transform:uppercase}
.main-process-section .process-intro__text{color:var(--c-muted);font-size:15px;line-height:1.6;margin:0 0 16px;max-width:460px}
.main-process-section .process-intro__text:last-of-type{margin-bottom:26px}
.main-process-section .process-steps{display:grid;gap:10px}
.main-process-section .process-step{border:1px solid var(--c-border);border-radius:16px;padding:26px 28px}
.main-process-section .process-step__num{font-size:22px;font-weight:900;letter-spacing:-.8px;line-height:1;color:var(--c-gold);margin-bottom:12px}
.main-process-section .process-step__title{font-size:16px;margin:0 0 10px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.main-process-section .process-step__text{font-size:13px;color:var(--c-muted-2);margin:0;line-height:1.6}

/* ============================================================
   CASE STUDIES ("proof")
   ============================================================ */
.main-cases-section{padding:0 0 95px}
.main-cases-section .cases-panel{background:var(--c-gray-bg);border-radius:var(--radius-xl);padding:64px 40px}
.main-cases-section .cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
.main-cases-section .case-card{border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.main-cases-section .case-card:hover{box-shadow:0 18px 38px rgba(0,0,0,.09)}
.main-cases-section .case-card__image{height:170px;background:#f2f2f2 center/cover no-repeat}
.main-cases-section .case-card__body{padding:26px 26px 30px}
.main-cases-section .case-card__brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.main-cases-section .case-card__brand img{height:30px;width:30px;object-fit:contain;border-radius:6px}
.main-cases-section .case-card__brand b{font-size:13px;font-weight:800;letter-spacing:.02em}
.main-cases-section .case-card__title{font-size:17px;line-height:1.3;margin:0 0 10px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.main-cases-section .case-card__text{font-size:13px;color:var(--c-muted-2);line-height:1.6;margin:0 0 14px}
.main-cases-section .case-card__tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#8a8a8a}

/* ============================================================
   BLOG / RESOURCES
   ============================================================ */
.blog-section{padding:95px 0 0}
.blog-section .blog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:40px}
.blog-section .blog-head__eyebrow{font-size:12px;color:var(--c-ink);margin-bottom:20px;text-transform:uppercase;font-weight:800;letter-spacing:.18em}
.blog-section .blog-head__title{font-size:clamp(28px,3.6vw,39px);line-height:1;letter-spacing:-1.2px;font-weight:900;margin:0 0 12px;text-transform:uppercase}
.blog-section .blog-head__text{color:var(--c-muted);font-size:15px;line-height:1.6;margin:0;max-width:520px}
.blog-section .blog-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:44px;align-items:start}
.blog-section .blog-feature{display:flex;flex-direction:column}
.blog-section .blog-feature__image{height:300px;border-radius:16px;background:#f2f2f2 center/cover no-repeat;margin-bottom:22px}
.blog-section .blog-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.blog-section .blog-tag{display:inline-block;background:var(--c-yellow);border-radius:40px;padding:5px 13px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.blog-section .blog-date{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8a8a8a}
.blog-section .blog-date__dot{width:4px;height:4px;border-radius:50%;background:#ccc}
.blog-section .blog-feature__title{font-size:24px;line-height:1.15;margin:0 0 12px;font-weight:900;letter-spacing:-.7px}
.blog-section .blog-feature__text{font-size:14px;color:var(--c-muted-2);line-height:1.65;margin:0 0 18px;max-width:520px}
.blog-section .blog-author{display:flex;align-items:center;gap:12px}
.blog-section .blog-author__avatar{width:34px;height:34px;border-radius:50%;background:var(--c-blue-bg);display:grid;place-items:center;font-size:12px;font-weight:800}
.blog-section .blog-author__meta{font-size:12px;line-height:1.35}
.blog-section .blog-author__meta b{display:block}
.blog-section .blog-author__meta span{color:#8a8a8a}
.blog-section .blog-list{border-top:1px solid #ececec}
.blog-section .blog-list-item{display:grid;grid-template-columns:132px 1fr;gap:20px;align-items:start;padding:22px 0;border-bottom:1px solid #ececec}
.blog-section .blog-list-item__image{height:96px;border-radius:10px;background:#f2f2f2 center/cover no-repeat}
.blog-section .blog-list-item__title{font-size:16px;line-height:1.35;margin:0 0 8px;font-weight:800;letter-spacing:-.2px}
.blog-section .blog-list-item__text{font-size:13px;color:var(--c-muted-2);line-height:1.6;margin:0}
@media (max-width:480px){
  .blog-section .blog-list-item{grid-template-columns:1fr}
 .blog-section .blog-list-item__image{height:140px}
}

/* ============================================================
   FAQ
   ============================================================ */
.faq-section{padding:95px 0}
.faq{max-width:860px;margin:0 auto;border-top:1px solid var(--c-border)}
.faq-item{border-bottom:1px solid var(--c-border)}
.faq-item summary{
  list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:16px;
  padding:22px 2px;font-size:16px;font-weight:800;text-transform:uppercase;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item__num{font-size:12px;font-weight:800;color:#b9a200;letter-spacing:.08em;padding-top:3px;flex:none}
.faq-item__question{flex:1}
.faq-item__plus{
  width:26px;height:26px;border-radius:50%;background:var(--c-ink);color:var(--c-yellow);flex:none;
  display:grid;place-items:center;font-size:15px;font-weight:700;transition:transform .3s cubic-bezier(.2,.7,.3,1);
}
.faq-item[open] .faq-item__plus{transform:rotate(45deg)}
.faq-item__answer{font-size:14px;line-height:1.7;color:var(--c-muted-2);padding:0 42px 24px 44px;margin:0}


/* FAQ scroll: show a compact list and keep the scrollbar visually hidden */
#faq .faq--scroll {
  max-height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overscroll-behavior: contain;
}

#faq .faq--scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}

#faq .faq--scroll .faq-item {
  flex: 0 0 auto;
}

@media (max-width: 767px) {
  #faq .faq--scroll {
    max-height: 560px;
  }
}


/* ============================================================
   PARTNER CTA / FORM
   ============================================================ */
.partner-block{padding:0;position:relative;z-index:2;
    margin-bottom:-120px
}
.partner{
  background:var(--c-yellow);border-radius:38px;position:relative;overflow:hidden;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:40px;padding:56px 48px;
}
.partner__ring{position:absolute;left:-285px;top:-200px;width:430px;height:430px;border-radius:50%;border:80px solid rgba(255,255,255,.12)}
.partner__intro{position:relative;z-index:1;display:flex;flex-direction:column}
.partner__title{
  font-size:clamp(28px,3.6vw,42px);line-height:1;letter-spacing:-1.4px;font-weight:900;
  margin:0 0 22px;text-transform:uppercase;
}
.partner__lead{font-size:13px;line-height:1.65;max-width:440px;margin:0 0 26px}
.partner__badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;max-width:520px}
.partner__badge{
  border-radius:12px;background:#fff;padding:14px 18px;display:flex;align-items:center;gap:14px;
  min-width:200px;justify-content:space-between;
}
.partner__badge-rating{display:block;font-size:18px;font-weight:900}
.partner__badge-star{color:#ffb700;font-size:12px}
.partner__badge-count{color:#777}
.partner__badge-logo{height:20px;width:auto;object-fit:contain}
.partner__certs{
  max-width:520px;overflow:hidden;margin-bottom:26px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 92%,transparent);
}
.partner__certs-track{display:flex;align-items:center;gap:8px;width:max-content;animation:marquee-scroll 26s linear infinite}
.partner__cert{flex:0 0 auto;border-radius:10px;background:#fff;height:56px;display:grid;place-items:center;padding:12px 16px}
.partner__cert img{max-height:28px;width:auto;object-fit:contain}
.partner__contacts{display:flex;flex-direction:column;gap:12px}
.partner__contact{display:flex;align-items:center;gap:14px;color:var(--c-ink)}
.partner__contact:hover{color:var(--c-ink);transform:translateX(4px)}
.partner__contact-icon{width:34px;height:34px;border-radius:50%;background:var(--c-ink);color:var(--c-yellow);display:grid;place-items:center;flex:none}
.partner__contact-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.7}
.partner__contact-value{font-size:13px}

.partner-form{
  position:relative;z-index:1;background:#fff;border-radius:var(--radius-lg);padding:30px 28px;
  display:grid;gap:14px;align-content:start;min-height:0;max-height:100%;overflow-y:auto;margin:0;
}
.partner-form__progress p{display:flex;align-items:center;gap:8px}
.partner-form br {
    display: none;
}
.partner-form__bar{height:4px;flex:1;border-radius:2px;background:var(--c-ink)}
.partner-form__bar--pending{background:#e6e6e6}
.partner-form__bar.is-complete{background:var(--c-ink)}
.partner-form__step-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#8a8a8a}
.partner-form__page{display:grid;gap:14px}
.partner-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
body .partner-form__field{display:grid;gap:6px}
body .partner-form__field label{font-size:12px;font-weight:600;color:#333}
body .partner-form__field input,
body .partner-form__field select,
body .partner-form__field textarea{
     border: 1px solid #dcdcdc;
    background: #fff;
    border-radius: 6px;
    padding: 11px 13px !important;
    font-family: inherit;
    font-size: 14px;
    color: #333;
    height: auto;
    line-height: normal;
}
.wpcf7 input.wpcf7-form-control:not([type=submit]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus {
    border-color:#111111 !important;
    border-style: solid !important;

}
.partner-block .partner-form__field textarea{resize:vertical}
.partner-block .partner-form__submit{
  background:var(--c-ink);color:#fff;border:0;border-radius:7px;padding:15px 24px;font-family:inherit;
  font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;margin-top:4px;
  width: 100%;
}
.partner-form__submit:hover{background:#000}
.partner-block .partner-form__back {
    background: transparent;
    border: 0;
    padding: 0;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #777;
    cursor: pointer;
    text-align: center;
    display: block;
    width: 100%;
    margin: 14px 0;
    box-shadow: unset;
}
.partner-block .partner-form__back:hover{color:var(--c-ink)}
.partner-block .partner-form__hint{font-size:11px;color:#888;line-height:1.5}


/* ============================================================
   PLATFORM TABS
   ============================================================ */
.platforms-section{padding:0 0 95px}
.platforms-section .platform-tabs{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-bottom:40px}
.platforms-section .platform-tab{
  border-radius:40px;padding:11px 22px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;
  border:1px solid var(--c-border);background:#fff;color:#333;
}
.platforms-section .platform-tab:hover{border-color:var(--c-ink)}
.platforms-section .platform-tab.is-active{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}

.platforms-section .platform-panel{background:var(--c-blue-bg);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.platforms-section .platform-panel__content{padding:44px 44px 46px;min-width:0}
.platforms-section .platform-panel__top{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.platforms-section .platform-panel__logo{height:38px;width:38px;object-fit:contain;border-radius:9px;background:#fff;padding:5px}
.platforms-section .platform-panel__bestfor{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--c-gold)}
.platforms-section .platform-panel__bestfor span{color:var(--c-pink)}
.platforms-section .platform-panel__title{font-size:clamp(24px,3vw,32px);line-height:1.05;letter-spacing:-1px;font-weight:900;margin:0 0 16px;text-transform:uppercase}
.platforms-section .platform-panel__copy{font-size:15px;color:var(--c-muted-2);line-height:1.65;margin:0 0 26px}
.platforms-section .platform-panel__bullets{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:11px 24px;margin-bottom:30px}
.platforms-section .platform-panel__bullet{display:flex;align-items:flex-start;gap:11px;font-size:14px;color:#333;line-height:1.5}
.platforms-section .platform-panel__bullet-icon{
  width:18px;height:18px;border-radius:50%;background:var(--c-yellow);color:var(--c-ink);display:flex;
  align-items:center;justify-content:center;font-size:10px;font-style:normal;flex:none;margin-top:2px;
}
.platforms-section .platform-panel__footer{border-top:1px solid #dbe3f4;padding-top:26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px 34px}
.platforms-section .platform-panel__why-title{font-size:15px;margin:0 0 12px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.platforms-section .platform-panel__why-text{font-size:13px;color:var(--c-muted-2);line-height:1.65;margin:0}
.platforms-section .platform-panel__ideal-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.platforms-section .platform-panel__ideal-label span{color:var(--c-pink)}
.platforms-section .platform-panel__ideal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.platforms-section .platform-panel__ideal-tag{
  background:#fff;border:1px solid var(--c-border);padding:7px 15px;border-radius:40px;
  font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;
}
.platforms-section .platform-panel__credential{font-size:12px;color:#777;line-height:1.6;margin:0 0 16px}
.platforms-section .platform-panel__link{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--c-ink)}
.platforms-section .platform-panel__link:hover{color:#8a7500}
.platforms-section .platform-panel__photo{min-height:340px;background:#e6ebf7 center/cover no-repeat}
.platforms-section .platform-panel[hidden] {
    display: none;
}

/* ============================================================
   TOOLS & PLATFORMS GRID (Website Design Services page)
   ============================================================ */
.stack-section .tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.stack-section .tools-grid .tool-card{
  background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;min-height:112px;
}
.stack-section .tools-grid .tool-card:hover{box-shadow:0 14px 30px rgba(0,0,0,.08)}
.stack-section .tools-grid .tool-card img{height:30px;width:30px;object-fit:contain;border-radius:7px;flex:none}
.stack-section .tools-grid .tool-card b{display:block;font-size:13px;line-height:1.3;margin-bottom:3px}
.stack-section .tools-grid .tool-card small{color:#777;font-size:12px;line-height:1.4}

/* footer css */
.footer-contact-row{
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-bottom:34px;
}
.footer-email {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #2b2b2b;
    border-radius: 99px;
    padding: 11px 20px;
    font-size: 15px;
    background: #1a1a1a;
    color: #fff;
    line-height: normal;
}
.footer-brand__tag br{
    display: block !important;
}
.footer-email a{color:#fff}
.footer-email a:hover{color:var(--c-yellow)}
.footer-social{display:flex;align-items:center;gap:18px}
.footer-social__label{font-size:13px;color:#9a9a9a}
.footer-social__link{
  width:34px;height:34px;border-radius:50%;background:#fff;color:var(--c-ink);
  display:grid;place-items:center;
}
.footer-social__link:hover{background:var(--c-yellow);color:var(--c-ink)}
.footer-bottom{
  border-top:1px solid #2b2b2b;padding:26px 0 40px;display:flex;align-items:center;
  justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.footer-brand{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.footer-brand img{width:150px;filter:brightness(0) invert(1)}
.footer-brand__tag{font-size:14px;line-height:1.4;color:#fff}
.footer-legal{
  text-align:right;font-size:12px;color:#9a9a9a;display:flex;flex-direction:column;
  gap:8px;align-items:flex-end;
}
.footer-legal__links{display:flex;gap:14px;flex-wrap:wrap}
.footer-legal__links a{color:var(--c-yellow)}
.footer-legal__links a:hover{color:#fff}
footer br,.footer-contact-row p:empty {
    display: none;
}
footer .site-above-footer-wrap a.menu-link:hover{color:var(--c-yellow)}
footer .site-above-footer-wrap .widget_block.widget_text p.wp-block-paragraph{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;color:#fff;}
footer .site-above-footer-wrap a.menu-link{display:flex;flex-direction:column;gap:11px;font-size:13px;color:#b9b9b9}


/* ============================================================
   RESPONSIVE — tablet
   ============================================================ */
@media (max-width:1024px){
  .hero{padding:56px 20px}
  .hero__ring--tl,.hero__ring--br{display:none}
  .why-panel{padding:48px 28px}
  .rate-cta,.partner{padding:36px}
  .process-section .process-step{grid-template-columns:56px 1fr;grid-template-areas:"num title" "num text"}
  .process-section .process-step__num{grid-area:num}
  .process-section .process-step__title{grid-area:title}
  .process-section .process-step__text{grid-area:text}
  .main-process-section .process-intro{position:static}
  .hero-main-sec{padding:44px 28px}
  .stack-section .stack-panel{padding:48px 28px}
  .platforms-section .platform-panel__content{padding:32px}
}

/* ============================================================
   RESPONSIVE — small mobile
   ============================================================ */
@media (max-width:640px){
  body{font-size:13px}
  .wrap{width:calc(100% - 32px)}
  .hero{border-radius:20px;padding:44px 18px}
  .hero__title{letter-spacing:-1px}
  .hero__actions{flex-direction:column;align-items:stretch}
  .hero__actions .btn{width:100%}
  .stats-section{padding:56px 0 0}
  section.problems-section,section.services-section,section.plans-section,section.process-section,
  section.cases-section,section.compare-section,section.why-section,section.rate-cta-section,section.faq-section{padding-block:56px}
  .why-panel,.cases-panel{padding:40px 20px}
  .rate-cta,.partner{padding:28px 20px;border-radius:24px}
  .rate-cta__form{flex-direction:column}
  .rate-cta-section input.tnp-submit{width:100%}
  .testimonial-card{flex:0 0 100%}
  .partner{grid-template-columns:100%;gap:28px}
  .partner__ring{display:none}
  .footer-contact-row,.footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-legal{align-items:flex-start;text-align:left}
  .compare__cell{padding:14px 16px;font-size:12px}
  .process-section .process-step{padding:22px 4px}
  section.hero-main-sec {
    border-radius: 20px;
    padding: 32px 18px;
    grid-template-columns: 1fr;
}
  .platforms-section .platform-panel__content{padding:24px 20px}
  section.hero-main-sec{border-radius:20px;padding:32px 18px}
  .hero-main-sec .hero__title{letter-spacing:-1px}
  section.problems-section,section.services-section,section.stack-section,section.techniques-section,section.industries-section,
  section.main-process-section,section.main-cases-section,section.revenue-cta-section,section.main-blog-section,section.faq-section{padding-block:56px}
  .stack-section .stack-panel,.main-cases-section .cases-panel{padding:36px 20px}
  section.main-blog-section .blog-list-item{padding:16px 0}
}


/* ============================================================
   SIDEBAR + PANEL MEGA MENU
   Scoped under .nav-section
   ============================================================ */
.wrap.nav-section{max-width:1200px;margin:0 auto}
.nav-section a{color:#111318;text-decoration:none}
.nav-section .eyebrow{font-weight:700;font-size:11px;letter-spacing:.16em;color:#2F5CFF;text-transform:uppercase}

.nav-section .new-pill{
  display:inline-flex;align-items:center;gap:4px;background:#2F5CFF;color:#fff;font-weight:700;
  font-size:10px;letter-spacing:.02em;border-radius:99px;padding:2px 8px;text-transform:uppercase;
  vertical-align:middle;
}

.nav-section .chip{
  display:inline-flex;align-items:center;background:#fff;border:1px solid rgba(17,19,24,.14);
  border-radius:99px;padding:7px 14px;font-weight:700;font-size:11.5px;letter-spacing:.01em;
}
.nav-section{margin-top:40px;padding:0 32px 40px}

.nav-section .nav-section__eyebrow{margin-bottom:14px}

.nav-section .nav-mega{
  background:#fff;
  border:1px solid rgba(17,19,24,.1);
  border-radius:20px;
  overflow:hidden;
  display:flex;
  min-height:420px;
}
.nav-section .nav-panel[hidden] {
    display: none;
}
.nav-section.main-mega-menu {
    opacity: 0;
    display:none;
    visibility: hidden;
    position: absolute;
    top: 95px;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 9999;
    pointer-events: none;
    transition:
        opacity .2s ease,
        transform .2s ease,
        visibility .2s ease;
}

.nav-section.main-mega-menu.mega-menu-open {
    opacity: 1;
    display:block;
    visibility: visible;
    pointer-events: auto;
}
.nav-section .nav-sidebar{
  width:260px;
  flex:none;
  background:#F7F8FB;
  border-right:1px solid rgba(17,19,24,.08);
  padding:16px 12px;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.nav-section .sidebar-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:13px 18px;
  font-weight:600;
  font-size:14.5px;
  color:#4B4F58;
  cursor:pointer;
  border-radius:10px;
  background:none;
  border:0;
  text-align:left;
  font-family:inherit;
  width:100%;
}

.nav-section .sidebar-item:hover{
  background:rgba(17,19,24,.05);
}

.nav-section .sidebar-item.active{
  background:#111318;
  color:#fff;
}

.nav-section .nav-panel-host{
  flex:1;
  padding:32px 40px;
  min-width:0;
}

.nav-section .nav-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.nav-section .panel-head{
  font-weight:600;
  font-size:13px;
  color:rgba(17,19,24,.5);
  padding-bottom:14px;
  border-bottom:1px solid rgba(17,19,24,.08);
  margin-bottom:18px;
}

.nav-section .panel-cols{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 40px;
}

.nav-section .panel-col a{
  display:block;
  font-weight:700;
  font-size:14.5px;
  padding:10px 0;
  color:#111318;
}

.nav-section .panel-col a:hover{
  color:#2F5CFF;
}

.nav-section .panel-cta{
  margin-top:32px;
  background:#111318;
  border-radius:16px;
  padding:22px 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}

.nav-section .panel-cta__label{
  font-weight:700;
  font-size:11px;
  letter-spacing:.06em;
  color:#FFD23F;
  text-transform:uppercase;
}

.nav-section .panel-cta__headline{
  font-weight:700;
  font-size:15.5px;
  color:#fff;
  margin-top:4px;
}

.nav-section .panel-cta__button{
  flex:none;
  background:#FFD23F;
  color:#111318;
  font-weight:800;
  font-size:13px;
  padding:12px 22px;
  border-radius:99px;
  white-space:nowrap;
  line-height:normal;
}

/* Hide FAQ items after first 5 */
.faq-section .faq:not(.faq--expanded) .faq-item:nth-of-type(n+6) {
    display: none;
}

.faq-section .faq-show-more {
    display: block;
    margin: 35px auto 0;
    padding: 14px 30px;
    border: 1px solid #000;
    background: transparent;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.faq-section .faq-show-more:hover {
    background: #000;
    color: #fff;
}

/* Hide button when there are 5 or fewer FAQs */
.faq-section .faq.faq--no-more .faq-show-more {
    display: none;
}



.rate-cta-section .rate-cta__form input { 
    flex: 1 1 200px;
    border: 1px solid rgb(58, 58, 58);
    background: rgb(26, 26, 26);
    color: rgb(255, 255, 255) !important;
    border-radius: 8px;
    padding: 15px 16px;
    font-family: inherit;
    font-size: 14px;
}

.rate-cta-section .rate-cta__form input[type="submit"] { 
    flex: 0 0 auto;
    background: rgb(255, 223, 39);
    color: rgb(17, 17, 17) !important;
    border: 0px;
    border-radius: 8px;
    padding: 15px 22px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    cursor: pointer;
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(0px, 0px);
    
}