/* CompetitionLabs consolidated stylesheet */
/* ===== skip-link-style ===== */
.skip-to-content{position:absolute;top:-100px;left:16px;z-index:9999;
  background:#F7941D;color:#fff;padding:10px 20px;border-radius:8px;
  font-weight:700;font-size:14px;text-decoration:none;transition:top .15s;}
.skip-to-content:focus{top:16px;}

/* ===== inline-style-block-02 ===== */
:root{
  --cl-orange:#F7941D;
  --cl-orange-dark:#E5850C;
  --cl-orange-light:#FFF8EE;
  --cl-teal:#29ABE2;
  --cl-teal-light:#EDF6FD;
  --cl-green:#39B54A;
  --cl-red:#ED1C24;
  --cl-purple:#8B44AC;
  --cl-bg:#FFFFFF;
  --cl-bg-soft:#F8F9FC;
  --cl-text:#1A1D2E;
  --cl-text-muted:#6B7280;
  --cl-border:#E5E7EB;
  --cl-navy:#1A1D2E;
  --shadow-card:0 2px 16px rgba(0,0,0,0.06);
  --shadow-hover:0 8px 40px rgba(0,0,0,0.13);
  --radius-card:16px;
  --radius-btn:10px;
  --radius-pill:100px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--cl-text);background:var(--cl-bg);line-height:1.7;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
ul{list-style:none}

/* ── UTILITY ────────────────────────────── */
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.tag{display:inline-flex;align-items:center;gap:6px;background:var(--cl-orange-light);color:var(--cl-orange-dark);font-size:13px;font-weight:600;padding:6px 14px;border-radius:var(--radius-pill);letter-spacing:.01em}
.section-label{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cl-orange)}
.section-heading{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.15;color:var(--cl-text)}
.section-sub{font-size:17px;color:var(--cl-text-muted);line-height:1.75;margin-top:12px}
.text-center{text-align:center}
.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mt-12{margin-top:48px}.mt-16{margin-top:64px}

/* ── BUTTONS ─────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:15px;font-weight:600;border:2px solid transparent;border-radius:var(--radius-btn);padding:13px 26px;cursor:pointer;transition:all .2s ease;white-space:nowrap}
.btn-primary{background:var(--cl-orange);color:#fff;border-color:var(--cl-orange);box-shadow:0 4px 14px rgba(247,148,29,.35)}
.btn-primary:hover{background:var(--cl-orange-dark);border-color:var(--cl-orange-dark);box-shadow:0 6px 20px rgba(229,133,12,.45);transform:translateY(-1px)}
.btn-secondary{background:transparent;color:var(--cl-text);border-color:var(--cl-border)}
.btn-secondary:hover{border-color:var(--cl-text);background:var(--cl-text);color:#fff}
.btn-outline-white{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn-outline-white:hover{background:#fff;color:var(--cl-navy)}
.btn-lg{font-size:16px;padding:15px 32px}
.btn-arrow::after{content:"";display:none}
.btn-arrow:hover::after{transform:none}

/* ── NAV ─────────────────────────────────── */
#main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;border-bottom:1px solid var(--cl-border);transition:box-shadow .25s}
#main-nav.scrolled{box-shadow:0 4px 24px rgba(0,0,0,.08)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-logo-text{display:none}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{font-size:14px;font-weight:500;color:var(--cl-text-muted);padding:8px 12px;border-radius:8px;transition:color .2s,background .2s;cursor:pointer;border:none;background:none;font-family:inherit}
.nav-link:hover,.mobile-menu>[class~="nav-link"].active{color:var(--cl-text)}
.nav-link.active{color:var(--cl-orange);font-weight:600}
.nav-right{display:flex;align-items:center;gap:10px}
.nav-login{font-size:14px;font-weight:600;color:var(--cl-text-muted);padding:8px 14px;border-radius:var(--radius-btn);transition:color .2s;cursor:pointer;border:none;background:none;font-family:inherit}
.nav-login:hover{color:var(--cl-text)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:none;background:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--cl-text);border-radius:2px;transition:all .3s}
.mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--cl-border);padding:16px 24px 24px;z-index:1999;box-shadow:0 8px 24px rgba(0,0,0,.1)}
.mobile-menu.open{display:block}
.mobile-menu .nav-link{display:block;padding:12px 0;border-bottom:1px solid var(--cl-border);font-size:15px;width:100%}
.mobile-menu .nav-link:last-child{border-bottom:none}
.mobile-cta{margin-top:16px;display:flex;flex-direction:column;gap:10px}

/* ── PAGES ───────────────────────────────── */
.page{display:none;padding-top:68px}
.page.active{display:block}

/* ── HOME · HERO ─────────────────────────── */
.hero{padding:80px 0 72px;overflow:hidden;position:relative}
.hero::before{content:'';position:absolute;top:-80px;right:-120px;width:600px;height:600px;background:radial-gradient(ellipse at center,rgba(247,148,29,.12) 0%,transparent 70%);pointer-events:none;border-radius:50%}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.hero-eyebrow{margin-bottom:20px}
.hero-h1{font-size:clamp(36px,5vw,62px);font-weight:900;line-height:1.08;letter-spacing:-.02em;color:var(--cl-text)}
.hero-h1 span{color:var(--cl-orange)}
.hero-sub{font-size:18px;color:var(--cl-text-muted);line-height:1.75;margin-top:20px;max-width:480px}
.hero-ctas{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.hero-stats{display:flex;gap:28px;margin-top:36px;flex-wrap:wrap}
.hero-stat{display:flex;flex-direction:column}
.hero-stat strong{font-size:20px;font-weight:800;color:var(--cl-text)}
.hero-stat span{font-size:12px;color:var(--cl-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.hero-stat-sep{width:1px;background:var(--cl-border);align-self:stretch}

/* Dashboard Mockup */
.dashboard-mockup{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.06);padding:20px;position:relative;overflow:hidden}
.dashboard-mockup::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--cl-orange),var(--cl-teal),var(--cl-green))}
.mock-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.mock-title{font-size:13px;font-weight:700;color:var(--cl-text)}
.mock-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);background:rgba(57,181,74,.12);color:var(--cl-green)}
.mock-tabs{display:flex;gap:6px;margin-bottom:16px}
.mock-tab{font-size:11px;font-weight:600;padding:5px 12px;border-radius:var(--radius-pill);color:var(--cl-text-muted);background:var(--cl-bg-soft);cursor:default}
.mock-tab.active{background:var(--cl-orange);color:#fff}
.leaderboard{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.lb-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--cl-bg-soft);transition:background .2s}
.lb-row:first-child{background:linear-gradient(90deg,rgba(247,148,29,.1),rgba(247,148,29,.04));animation:pulse-row 2.5s infinite}
@keyframes pulse-row{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 3px rgba(247,148,29,.2)}}
.lb-rank{font-size:12px;font-weight:800;width:20px;text-align:center;color:var(--cl-text-muted)}
.lb-rank.gold{color:var(--cl-orange);font-size:14px}
.lb-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}
.lb-name{flex:1;font-size:12px;font-weight:600;color:var(--cl-text)}
.lb-pts{font-size:12px;font-weight:700;color:var(--cl-orange)}
.lb-bar-wrap{width:60px;height:4px;background:var(--cl-border);border-radius:4px}
.lb-bar{height:4px;border-radius:4px;background:var(--cl-orange)}
.mock-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.metric-card{background:var(--cl-bg-soft);border-radius:10px;padding:10px 12px}
.metric-label{font-size:10px;font-weight:600;color:var(--cl-text-muted);text-transform:uppercase;letter-spacing:.05em}
.metric-value{font-size:18px;font-weight:800;color:var(--cl-text);margin-top:2px}
.metric-trend{font-size:10px;font-weight:600;color:var(--cl-green);margin-top:1px}
.metric-ring{display:flex;align-items:center;gap:8px}
.sparkline{width:100%;height:30px}

/* ── SOCIAL PROOF ─────────────────────────── */
.social-proof{background:var(--cl-bg-soft);padding:48px 0}
.proof-label{text-align:center;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cl-text-muted);margin-bottom:28px}
.logo-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}
.partner-pill{display:inline-flex;align-items:center;padding:8px 18px;border:1px solid var(--cl-border);border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:var(--cl-text-muted);background:#fff;transition:border-color .2s,color .2s}
.partner-pill:hover{border-color:var(--cl-orange);color:var(--cl-text)}

/* ── FEATURES GRID ───────────────────────── */
.features-section{padding:96px 0}
.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.feature-card{background:#fff;border:1px solid var(--cl-border);border-radius:var(--radius-card);padding:28px;transition:transform .25s,box-shadow .25s;cursor:default}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:transparent}
.fc-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}
.fc-title{font-size:16px;font-weight:700;color:var(--cl-text);margin-bottom:8px}
.fc-desc{font-size:14px;color:var(--cl-text-muted);line-height:1.65}
.fc-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--cl-orange);margin-top:14px;transition:gap .2s}
.fc-link:hover{gap:8px}

/* ── HOW IT WORKS ────────────────────────── */
.how-section{background:var(--cl-orange-light);padding:96px 0}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px;position:relative}
.steps-grid::before{content:'';position:absolute;top:48px;left:calc(16.67% + 24px);right:calc(16.67% + 24px);height:2px;background:linear-gradient(90deg,var(--cl-orange),var(--cl-teal));border-radius:2px}
.step-card{background:#fff;border-radius:var(--radius-card);padding:28px 32px 30px;box-shadow:var(--shadow-card);position:relative}
.step-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.step-num{width:52px;height:52px;border-radius:50%;background:var(--cl-orange);color:#fff;font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(247,148,29,.4);flex-shrink:0}
.step-icon{font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center}
.step-title{font-size:18px;font-weight:700;color:var(--cl-text);margin-bottom:8px}
.step-desc{font-size:14px;color:var(--cl-text-muted);line-height:1.65}

/* ── OUTCOMES ────────────────────────────── */
.outcomes-section{padding:96px 0}
.outcomes-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:56px}
.outcome-list{display:flex;flex-direction:column;gap:24px}
.outcome-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--cl-bg-soft);border-radius:12px;border-left:4px solid var(--cl-green)}
.outcome-icon{font-size:22px;flex-shrink:0;margin-top:2px}
.outcome-stat{font-size:22px;font-weight:900;color:var(--cl-text)}
.outcome-label{font-size:14px;color:var(--cl-text-muted);margin-top:2px}
/* Analytics mockup */
.analytics-mock{background:#fff;border-radius:20px;box-shadow:var(--shadow-hover);padding:24px;border:1px solid var(--cl-border)}
.am-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.am-title{font-size:14px;font-weight:700}
.am-period{font-size:12px;color:var(--cl-text-muted);background:var(--cl-bg-soft);padding:4px 10px;border-radius:var(--radius-pill)}
.am-chart{height:120px;margin-bottom:20px;position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,rgba(247,148,29,.07) 0%,transparent 100%)}
.am-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.am-kpi{text-align:center;padding:12px;background:var(--cl-bg-soft);border-radius:10px}
.am-kpi-val{font-size:20px;font-weight:800;color:var(--cl-text)}
.am-kpi-lbl{font-size:11px;color:var(--cl-text-muted);font-weight:500;margin-top:2px}
.am-kpi-chg{font-size:11px;font-weight:600;margin-top:2px}
.chg-up{color:var(--cl-green)}.chg-dn{color:var(--cl-red)}

/* ── USE CASES ───────────────────────────── */
.usecases-section{background:var(--cl-bg-soft);padding:96px 0}
.usecase-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.usecase-card{background:#fff;border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card);transition:transform .25s,box-shadow .25s}
.usecase-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.uc-bar{height:5px}
.uc-body{padding:24px}
.uc-icon{font-size:32px;margin-bottom:12px}
.uc-title{font-size:17px;font-weight:700;color:var(--cl-text);margin-bottom:8px}
.uc-desc{font-size:14px;color:var(--cl-text-muted);line-height:1.65}

/* ── RESOURCES ───────────────────────────── */
.resources-section{padding:96px 0}
.resources-section .resource-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1240px;margin:44px auto 0}
@media(max-width:1200px){.resources-section .resource-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;}}
@media(max-width:720px){.resources-section .resource-cards{grid-template-columns:1fr;gap:16px;max-width:none;}}
.resources-section .resource-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(17,24,39,.05);transition:transform .22s,box-shadow .22s,border-color .22s;min-height:100%}
.resources-section .resource-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(17,24,39,.10);border-color:rgba(247,148,29,.24)}
.resources-section .rc-img{height:62px;min-height:62px;padding:12px 14px 0;background:#fff}
.resources-section .rc-thumb{height:auto;min-height:0;padding:0;display:block;position:relative;overflow:visible;border:none;background:transparent !important}
.resources-section .rc-thumb::before,.resources-section .rc-thumb::after{display:none}
.resources-section .rc-thumb.orange,.resources-section .rc-thumb.teal,.resources-section .rc-thumb.green,.resources-section .rc-thumb.purple{background:transparent}
.resources-section .rc-thumb-top{display:flex;align-items:center;justify-content:flex-start;gap:8px;position:relative;z-index:1}
.resources-section .rc-thumb-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:none}
.resources-section .rc-thumb.orange .rc-thumb-icon{background:rgba(247,148,29,.14);color:var(--cl-orange)}
.resources-section .rc-thumb.teal .rc-thumb-icon{background:rgba(41,171,226,.14);color:var(--cl-teal)}
.resources-section .rc-thumb.green .rc-thumb-icon{background:rgba(57,181,74,.14);color:var(--cl-green)}
.resources-section .rc-thumb.purple .rc-thumb-icon{background:rgba(139,68,172,.14);color:var(--cl-purple)}
.resources-section .rc-thumb-mini{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:rgba(15,23,42,.05);color:rgba(15,23,42,.62)}
.resources-section .rc-thumb-title{display:none}
.resources-section .rc-thumb-stats{display:none}
.resources-section .rc-thumb-chip{display:none}
.resources-section .rc-body{padding:14px 14px 16px;display:flex;flex-direction:column;justify-content:flex-start;flex:1}
.resources-section .rc-cat{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cl-orange);margin-bottom:8px}
.resources-section .rc-meta{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.resources-section .rc-meta-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(15,23,42,.68);background:rgba(15,23,42,.05);border:1px solid rgba(15,23,42,.08)}
.resources-section .rc-meta-tag.featured{color:rgba(247,148,29,.95);background:rgba(247,148,29,.08);border-color:rgba(247,148,29,.16)}
.resources-section .rc-title{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--cl-text);line-height:1.2;margin-bottom:10px;max-width:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.resources-section .rc-excerpt{font-size:13px;color:var(--cl-text-muted);line-height:1.55;max-width:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.resources-section .rc-link{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cl-orange);margin-top:auto;padding-top:12px;border-top:1px solid rgba(17,24,39,.08)}
.resources-section .rc-link::after{content:'→';font-size:13px;line-height:1}
.resources-section .rc-link:hover{gap:11px;transition:gap .2s}
@media(max-width:720px){.resources-section .rc-img{height:56px;min-height:56px;padding:10px 12px 0}.resources-section .rc-body{padding:14px}.resources-section .rc-title,.resources-section .rc-excerpt{display:block;overflow:visible}}

.resources-page-section .resources-grid-full{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.resources-page-section .resource-card{display:block;background:#fff;border:1px solid var(--cl-border);border-radius:var(--radius-card);overflow:hidden;transition:transform .25s,box-shadow .25s;box-shadow:var(--shadow-card)}
.resources-page-section .resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.resources-page-section .rc-img{height:140px;min-height:140px;display:flex;align-items:center;justify-content:center;padding:0;font-size:36px}
.resources-page-section .rc-body{padding:20px}
.resources-page-section .rc-cat{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--cl-teal);margin-bottom:8px}
.resources-page-section .rc-title{font-size:16px;font-weight:700;color:var(--cl-text);line-height:1.4;margin-bottom:8px;max-width:none}
.resources-page-section .rc-excerpt{font-size:13px;color:var(--cl-text-muted);line-height:1.6;max-width:none}
.resources-page-section .rc-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--cl-orange);margin-top:12px;padding-top:0;border-top:none}
.resources-page-section .rc-link::after{content:''}
.resources-page-section .rc-link:hover{gap:8px;transition:gap .2s}

/* ── CTA BANNER ──────────────────────────── */
.cta-banner{background:var(--cl-navy);padding:96px 0;text-align:center;position:relative;overflow:hidden}
.cta-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(247,148,29,.15) 0%,transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(41,171,226,.1) 0%,transparent 60%)}
.cta-banner .section-heading{color:#fff;z-index: 1;position: relative;}
.cta-banner .section-sub{color:rgba(255,255,255,.65)}
.cta-btns{display:flex;gap:16px;justify-content:center;margin-top:36px;flex-wrap:wrap}

/* ── FOOTER ──────────────────────────────── */
footer{background:var(--cl-bg-soft);border-top:1px solid var(--cl-border);padding:64px 0 0}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px}
.footer-brand{display:flex;flex-direction:column;gap:12px}
.footer-tagline{font-size:14px;color:var(--cl-text-muted);line-height:1.6;max-width:220px}
.footer-socials{display:flex;gap:10px;margin-top:8px}
.social-btn{width:36px;height:36px;border-radius:50%;background:var(--cl-border);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--cl-text-muted);transition:background .2s,color .2s;cursor:pointer;text-decoration:none}
.social-btn:hover{background:var(--cl-orange);color:#fff}a.social-btn:hover{background:#0A66C2;color:#fff}a.social-btn svg{pointer-events:none}
.footer-col h4{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cl-text);margin-bottom:16px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-links a,.footer-links button,.footer-links .footer-text{font-size:14px;color:var(--cl-text-muted);background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;padding:0;transition:color .2s}
.footer-links a:hover,.footer-links button:hover{color:var(--cl-orange)}
.footer-links .footer-text{cursor:default;display:inline-block;}
.footer-bottom{border-top:1px solid var(--cl-border);padding:20px 0;margin-top:48px}
.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--cl-text-muted)}

/* ── INNER PAGES ──────────────────────────── */
.page-hero{padding:72px 0 64px;text-align:center}
.page-hero-tint{background:var(--cl-orange-light)}
.page-hero-teal{background:var(--cl-teal-light)}
.page-hero-soft{background:var(--cl-bg-soft)}

/* Solutions */
.solution-block{padding:80px 0;border-bottom:1px solid var(--cl-border)}
.solution-block:last-child{border-bottom:none}
.sol-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.sol-grid.reverse{direction:rtl}.sol-grid.reverse>*{direction:ltr}
.sol-tag{display:inline-flex;align-items:center;gap:6px;background:var(--cl-teal-light);color:var(--cl-teal);font-size:12px;font-weight:700;padding:5px 12px;border-radius:var(--radius-pill);margin-bottom:14px;letter-spacing:.04em}
.sol-title{font-size:clamp(24px,3.5vw,36px);font-weight:800;line-height:1.2;margin-bottom:14px}
.sol-desc{font-size:16px;color:var(--cl-text-muted);line-height:1.75;margin-bottom:24px}
.sol-bullets{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.sol-bullet{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--cl-text)}
.sol-bullet::before{content:'✓';color:var(--cl-green);font-weight:700;flex-shrink:0;margin-top:2px}
.sol-visual{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-hover);background:var(--cl-bg-soft);height:300px;display:flex;align-items:center;justify-content:center;font-size:64px;position:relative}
.sol-visual-inner{text-align:center}
.sol-visual-inner p{font-size:14px;font-weight:600;color:var(--cl-text-muted);margin-top:8px}

/* Features Page */
.features-page-section{padding:80px 0}
.features-group{margin-bottom:64px}
.features-group-title{font-size:20px;font-weight:800;color:var(--cl-text);padding-bottom:14px;border-bottom:2px solid var(--cl-border);margin-bottom:28px;display:flex;align-items:center;gap:10px}
.features-group-title span{background:var(--cl-orange-light);color:var(--cl-orange);padding:4px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:600}
.features-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.feature-item{display:flex;gap:14px;padding:20px;background:var(--cl-bg-soft);border-radius:12px;border:1px solid var(--cl-border);transition:border-color .2s,box-shadow .2s}
.feature-item:hover{border-color:var(--cl-orange);box-shadow:0 4px 20px rgba(247,148,29,.1)}
.fi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.fi-title{font-size:15px;font-weight:700;color:var(--cl-text);margin-bottom:4px}
.fi-desc{font-size:13px;color:var(--cl-text-muted);line-height:1.65}

/* Pricing */
.pricing-section{padding:80px 0}
.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.pricing-card{background:#fff;border:2px solid var(--cl-border);border-radius:20px;padding:36px;position:relative;transition:transform .25s,box-shadow .25s}
.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.pricing-card.featured{border-color:var(--cl-orange);box-shadow:0 8px 40px rgba(247,148,29,.15)}
.pc-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--cl-orange);color:#fff;font-size:12px;font-weight:700;padding:5px 16px;border-radius:var(--radius-pill)}
.pc-tier{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cl-text-muted);margin-bottom:8px}
.pc-name{font-size:26px;font-weight:800;color:var(--cl-text);margin-bottom:6px}
.pricing-card>[class~="pc-price"]{font-size:32px;font-weight:900;color:var(--cl-orange)}
.pc-price-note{font-size:14px;color:var(--cl-text-muted);margin-bottom:28px;margin-top:4px}
.pc-divider{height:1px;background:var(--cl-border);margin-bottom:24px}
.pc-features{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}
.pc-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--cl-text)}
.pc-feature::before{content:'✓';color:var(--cl-green);font-weight:700;flex-shrink:0}
.pc-feature.dim{color:var(--cl-text-muted)}.pc-feature.dim::before{content:'–';color:var(--cl-border)}

/* FAQ */
.faq-section{padding:80px 0}
.faq-group{margin-bottom:48px}
.faq-group-title{font-size:18px;font-weight:800;color:var(--cl-text);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--cl-border)}
.faq-item{border:1px solid var(--cl-border);border-radius:12px;margin-bottom:8px;overflow:hidden;transition:box-shadow .2s}
.faq-item.open{box-shadow:0 4px 20px rgba(0,0,0,.06)}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;cursor:pointer;gap:12px}
.faq-q-text{font-size:15px;font-weight:600;color:var(--cl-text);flex:1}
.faq-chevron{font-size:18px;color:var(--cl-text-muted);transition:transform .3s;flex-shrink:0}
.faq-item.open .faq-chevron{transform:rotate(180deg)}
.faq-a{display:none;padding:0 22px 20px;font-size:14px;color:var(--cl-text-muted);line-height:1.75}
.faq-item.open .faq-a{display:block}

/* Contact */
.contact-section{padding:80px 0}
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;margin-top:48px}
.contact-form{background:#fff;border:1px solid var(--cl-border);border-radius:20px;padding:40px;box-shadow:var(--shadow-card)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;position: relative;}
.form-label{font-size:13px;font-weight:600;color:var(--cl-text)}
.form-input,.form-select,.form-textarea{font-family:inherit;font-size:14px;color:var(--cl-text);background:#fff;border:1.5px solid var(--cl-border);border-radius:var(--radius-btn);padding:12px 16px;width:100%;transition:border-color .2s,box-shadow .2s;outline:none}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--cl-orange);box-shadow:0 0 0 3px rgba(247,148,29,.12)}
.form-textarea{resize:vertical;min-height:100px}
.contact-sidebar{display:flex;flex-direction:column;gap:24px}
.contact-info-card{background:var(--cl-bg-soft);border-radius:16px;padding:24px}
.ci-title{font-size:15px;font-weight:700;color:var(--cl-text);margin-bottom:12px}
.ci-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--cl-text-muted);margin-bottom:8px}
.ci-icon{font-size:18px;flex-shrink:0}
.why-card{background:var(--cl-orange-light);border-radius:16px;padding:24px}
.why-title{font-size:15px;font-weight:700;color:var(--cl-text);margin-bottom:12px}
.why-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--cl-text);margin-bottom:10px}
.why-item::before{content:'🏆';flex-shrink:0}
/* Resources/Inspiration Page */
.resources-page-section{padding:80px 0}
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}
.filter-tab{font-size:13px;font-weight:600;padding:8px 18px;border-radius:var(--radius-pill);border:1.5px solid var(--cl-border);color:var(--cl-text-muted);background:#fff;cursor:pointer;transition:all .2s;font-family:inherit}
.filter-tab.active,.filter-tab:hover{border-color:var(--cl-orange);color:var(--cl-orange);background:var(--cl-orange-light)}
.resources-grid-full{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

/* ── ANIMATIONS ──────────────────────────── */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.fade-in.visible{opacity:1;transform:none}

/* ── RESPONSIVE ──────────────────────────── */
@media(max-width:1024px){
  .feature-cards{grid-template-columns:repeat(2,1fr)}
  .usecase-cards{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:768px){
  #main-nav{display:block!important;opacity:1!important;visibility:visible!important;z-index:2000!important}
  .nav-inner,.nav-right{position:relative;z-index:2001}
  .nav-links,.nav-login{display:none}
  #hamburger{display:flex!important;visibility:visible!important;opacity:1!important;position:relative;z-index:2002;flex-shrink:0}
  .nav-right .btn{display:none}
  .hero-grid,.outcomes-grid,.sol-grid,.contact-grid{grid-template-columns:1fr}
  .hero-grid>*:last-child{display:none}
  .steps-grid{grid-template-columns:1fr}
  .steps-grid::before{display:none}
  .feature-cards{grid-template-columns:1fr}
  .usecase-cards{grid-template-columns:1fr}
  .pricing-cards{grid-template-columns:1fr}
  .features-list{grid-template-columns:1fr}
  .resource-cards,.resources-grid-full{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .am-kpis{grid-template-columns:1fr 1fr}
  .hero-stats{gap:16px}
  .cta-btns{flex-direction:column;align-items:center}
}
@media(max-width:480px){
  .mock-metrics{grid-template-columns:1fr}
}

/* ── PRICING PAGE ADDITIONS ──────────────────────────── */
.pricing-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.metric-dark-card{transition:background .2s,border-color .2s}
.metric-dark-card:hover{background:rgba(255,255,255,.08)!important}
@media(max-width:900px){.pricing-pillars{grid-template-columns:1fr!important}}
@media(max-width:768px){
  .pricing-pillars{grid-template-columns:1fr!important}
  .metric-dark-card{flex-direction:column!important}
}

/* ── Achievement Pack tooltip ─────────────────────────── */
.cl-tooltip-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#capacity-addons-collapsible .cl-tooltip-wrap .cl-tooltip-icon.lb-avatar-2{color:#fff;}
.cl-tooltip-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #E85D9B;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  cursor: default;
  line-height: 1;
  flex-shrink: 0;
  user-select: none;
}
.cl-tooltip-box {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  width: 260px;
  background: #1A1D2E;
  color: #E5E7EB;
  font-size: 12px;
  line-height: 1.6;
  padding: 12px 14px;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
  text-align: left;
  z-index: 999;
  transition: opacity 0.18s ease, visibility 0.18s ease;
}
.cl-tooltip-box::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #1A1D2E;
}
.cl-tooltip-wrap:hover .cl-tooltip-box,
.cl-tooltip-wrap:focus-within .cl-tooltip-box {
  visibility: visible;
  opacity: 1;
}

/* ── Sub-Space inline term tooltip ───────────────────────── */
.ss-term {
  border-bottom: 1px dashed rgba(139,68,172,0.55);
  cursor: default;
  white-space: nowrap;
}
.ss-term .cl-tooltip-box {
  width: 280px;
  left: 50%;
  transform: translateX(-50%);
}

/* ── Enterprise-only feature badge ───────────────────────── */
.ent-badge {
  display: inline-block;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #F7941D;
  background: rgba(247,148,29,0.18);
  border: 1px solid rgba(247,148,29,0.4);
  border-radius: 4px;
  padding: 1px 6px;
  margin-left: 6px;
  vertical-align: middle;
  line-height: 1.6;
  white-space: nowrap;
}

    /* ── Comparison Matrix ──────────────────────────────────────────── */
    .cm-group-row td { border-bottom: none; }
    .cm-row td, .cm-row th { border-bottom: 1px solid #F0F1F5; }
    .cm-row:last-of-type td { border-bottom: none; }
    .cm-feature {
      padding: 13px 24px;
      color: #374151;
      font-size: 14px;
      border-right: 1px solid #F0F1F5;
      line-height: 1.4;
    }
    .cm-cell {
      padding: 13px 16px;
      text-align: center;
      color: #374151;
      font-size: 14px;
      font-weight: 600;
      border-right: 1px solid #F0F1F5;
    }
    .cm-cell:last-child { border-right: none; }
    .cm-alt .cm-feature, .cm-alt .cm-cell { background: #FAFBFC; }
    .cm-highlighted { background: #FFF8F0 !important; }
    .cm-alt .cm-highlighted { background: #FFF3E0 !important; }
    .cm-enterprise { background: #F5F3FF !important; }
    .cm-alt .cm-enterprise { background: #EDE9FE !important; }
    .cm-yes { color: #39B54A; font-size: 17px; line-height: 1; }
    .cm-no  { color: #D1D5DB; font-size: 17px; line-height: 1; }
    .cm-ent-pill {
      display: inline-block;
      background: #F7941D;
      color: #fff;
      font-size: 9px;
      font-weight: 800;
      letter-spacing: 0.5px;
      padding: 2px 7px;
      border-radius: 4px;
      text-transform: uppercase;
      vertical-align: middle;
      margin-left: 4px;
    }
    /* Sticky first column on scroll */
    @media (max-width: 860px) {
      .cm-feature { position: sticky; left: 0; background: #fff; z-index: 2; }
      .cm-alt .cm-feature { background: #FAFBFC; }
    }
    #page-pricing{overflow-x:hidden;}
    #comparison-matrix{overflow-x:hidden;}
    .cm-scroll{display:block;position:relative;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:#fff;}
    .cm-scroll table{width:max-content;min-width:680px;}
    .cm-scroll::-webkit-scrollbar{height:10px;}
    .cm-scroll::-webkit-scrollbar-track{background:#EEF2F7;border-radius:999px;}
    .cm-scroll::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:999px;}
    .cm-mobile-hint{display:none;}
    @media (max-width:768px) {
      .cm-mobile-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 14px;padding:10px 14px;border:1px solid rgba(247,148,29,0.22);border-radius:999px;background:rgba(247,148,29,0.08);color:#9A5A12;font-size:11px;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;}
      .cm-mobile-hint strong{color:#F7941D;font-size:12px;}
      .cm-scroll{border-radius:14px;}
      #cm-table{font-size:12px !important;}
      #cm-table thead th{font-size:11px !important;line-height:1.25;}
      #cm-table thead th:first-child,.cm-feature{min-width:150px;width:150px !important;}
      #cm-table thead th:not(:first-child),#cm-table td:not(.cm-feature){min-width:92px;width:92px !important;white-space:nowrap;}
      .cm-feature{padding:10px 14px !important;font-size:12px;line-height:1.35;box-shadow:10px 0 16px rgba(255,255,255,0.96);}
      .cm-cell{padding:10px 10px !important;font-size:12px;}
      .cm-group-row td{padding:11px 14px !important;font-size:11px !important;letter-spacing:0.7px;}
      .cm-yes,.cm-no{font-size:15px;}
      .cm-ent-pill{font-size:8px;padding:2px 6px;}
    }
    @media (max-width:480px) {
      #cm-table thead th:first-child,.cm-feature{min-width:136px;width:136px !important;}
      #cm-table thead th:not(:first-child),#cm-table td:not(.cm-feature){min-width:84px;width:84px !important;}
      .cm-feature{padding:9px 12px !important;font-size:11.5px;}
      .cm-cell{padding:9px 8px !important;font-size:11.5px;}
      .cm-group-row td{padding:10px 12px !important;font-size:10.5px !important;}
      .cm-scroll{scroll-padding-left:136px;}
    }


    /* ── Social Proof Section ───────────────────────────────────────── */
    .sp-section {
      background: #F8F9FC;
      padding: 72px 0 64px;
      overflow: hidden;
    }
    .sp-heading {
      text-align: center;
      margin-bottom: 44px;
      padding: 0 24px;
    }
    .sp-heading .sp-label {
      display: inline-block;
      background: rgba(247,148,29,0.12);
      color: #F7941D;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 5px 16px;
      border-radius: 20px;
      margin-bottom: 14px;
    }
    .sp-heading h2 {
      font-size: clamp(20px, 2.8vw, 30px);
      font-weight: 900;
      color: #1A1D2E;
      margin: 0 0 12px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }
    .sp-heading p {
      font-size: 15px;
      color: #6B7280;
      max-width: 560px;
      margin: 0 auto;
      line-height: 1.65;
    }

    /* Stats bar */
    .sp-stats {
      display: flex;
      justify-content: center;
      gap: 0;
      flex-wrap: wrap;
      margin-bottom: 52px;
    }
    .sp-stat {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0 40px;
      border-right: 1px solid #E5E7EB;
    }
    .sp-stat:last-child { border-right: none; }
    .sp-stat strong {
      font-size: clamp(28px, 4vw, 40px);
      font-weight: 900;
      color: #1A1D2E;
      line-height: 1;
      margin-bottom: 4px;
    }
    .sp-stat strong span { color: #F7941D; }
    .sp-stat em {
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      color: #9CA3AF;
      letter-spacing: 0.8px;
      text-transform: uppercase;
    }

    /* Group labels */
    .sp-group-label {
      text-align: center;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #9CA3AF;
      margin: 0 0 20px;
    }


/* Pricing calculator */
.cl-calc-section{background:linear-gradient(180deg,#FFFFFF 0%,#F8F9FC 100%);padding:28px 24px 72px}
.cl-calc-shell{max-width:1160px;margin:0 auto;border:1px solid #E5E7EB;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(17,24,39,.08);overflow:hidden}
.cl-calc-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}
.cl-calc-copy{padding:40px 40px 36px;background:radial-gradient(circle at top left,rgba(247,148,29,.10),transparent 32%),linear-gradient(180deg,#fff 0%,#FCFCFE 100%)}
.cl-calc-label{display:inline-flex;align-items:center;gap:8px;background:rgba(247,148,29,.12);color:#F7941D;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:16px}
.cl-calc-title{font-size:clamp(24px,3vw,36px);font-weight:900;line-height:1.18;color:#1A1D2E;margin:0 0 12px}
.cl-calc-copy p{font-size:15px;line-height:1.8;color:#6B7280;margin:0 0 14px}
.cl-calc-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.cl-calc-point{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border:1px solid #EEF0F5;border-radius:16px;background:#fff}
.cl-calc-point strong{display:block;font-size:14px;color:#1A1D2E;margin-bottom:4px}
.cl-calc-point span{font-size:13px;line-height:1.65;color:#6B7280}
.cl-calc-panel{padding:32px;background:#1A1D2E;color:#fff;display:flex;flex-direction:column;gap:18px}
.cl-calc-field{display:flex;flex-direction:column;gap:8px}
.cl-calc-field label{font-size:13px;font-weight:700;letter-spacing:.01em;color:rgba(255,255,255,.86)}
.cl-calc-control,.cl-calc-field input,.cl-calc-field select{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;padding:13px 14px;font-size:15px;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}
.cl-calc-control:focus,.cl-calc-field input:focus,.cl-calc-field select:focus{border-color:rgba(247,148,29,.85);box-shadow:0 0 0 4px rgba(247,148,29,.16)}
.cl-calc-field select option{color:#111827;background:#fff}
.cl-calc-hint{font-size:12px;line-height:1.65;color:rgba(255,255,255,.64)}
.cl-calc-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cl-calc-results{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:grid;gap:12px}
.cl-calc-kpi{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:rgba(255,255,255,.82)}
.cl-calc-kpi strong{color:#fff}
.cl-calc-total{margin-top:4px;padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(247,148,29,.20),rgba(247,148,29,.08));border:1px solid rgba(247,148,29,.28)}
.cl-calc-total-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-end}
.cl-calc-total-label{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.72);font-weight:800}
.cl-calc-total-amount{font-size:clamp(28px,4vw,42px);line-height:1;font-weight:900;color:#fff}
.cl-calc-saving{margin-top:10px;font-size:13px;line-height:1.7;color:#FFE7C6}
.cl-calc-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:2px}
.cl-calc-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;background:#F7941D;color:#fff;border:1px solid #F7941D}
.cl-calc-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(247,148,29,.24)}
.cl-calc-button--ghost{background:transparent;border-color:rgba(255,255,255,.18);color:#fff}
.cl-calc-button--ghost:hover{box-shadow:none;border-color:rgba(255,255,255,.36)}
.cl-calc-note{font-size:12px;line-height:1.7;color:#6B7280;max-width:1160px;margin:18px auto 0;padding:0 6px}
@media (max-width: 980px){
  .cl-calc-grid{grid-template-columns:1fr}
  .cl-calc-copy,.cl-calc-panel{padding:28px}
}
@media (max-width: 680px){
  .cl-calc-mini-grid,.cl-calc-points{grid-template-columns:1fr}
  .cl-calc-total-top,.cl-calc-kpi{flex-direction:column;align-items:flex-start}
}

/* Client logo grid */
    .sp-clients-wrap {
      max-width: 900px;
      margin: 0 auto 40px;
      padding: 0 24px;
    }
    .sp-clients-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 16px;
      margin-bottom: 16px;
    }
    .sp-client-card {
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      background: #fff;
      border: 1px solid #E5E7EB;
      border-radius: 14px;
      padding: 18px 28px 14px;
      text-decoration: none;
      transition: border-color 0.22s, box-shadow 0.22s, transform 0.18s;
      position: relative;
    }
    .sp-client-card:hover {
      border-color: #F7941D;
      box-shadow: 0 4px 18px rgba(247,148,29,0.13);
      transform: translateY(-3px);
    }
    .sp-client-card svg {
      filter: grayscale(1) opacity(0.5);
      transition: filter 0.22s;
    }
    .sp-client-card:hover svg { filter: grayscale(0) opacity(1); }
    .sp-card-badge {
      font-size: 9px;
      font-weight: 800;
      letter-spacing: 0.6px;
      text-transform: uppercase;
      color: #39B54A;
      background: #E8F8ED;
      border-radius: 10px;
      padding: 2px 8px;
    }
    .sp-disclaimer {
      font-size: 11px;
      color: #C4C9D4;
      text-align: center;
      line-height: 1.6;
      max-width: 680px;
      margin: 0 auto;
    }



    /* Testimonials — keep existing styles */

    /* ── Testimonials carousel ──────────────────────────────────────── */
    .sp-testimonials {
      max-width: 860px;
      margin: 56px auto 0;
      padding: 0 24px;
      position: relative;
    }
    .sp-testi-header {
      text-align: center;
      margin-bottom: 32px;
    }
    .sp-testi-header h3 {
      font-size: 18px;
      font-weight: 800;
      color: #1A1D2E;
      margin: 0 0 6px;
    }
    .sp-testi-header p {
      font-size: 14px;
      color: #9CA3AF;
    }
    .sp-testi-track {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 20px;
    }
    .sp-testi-card {
      background: #fff;
      border: 1px solid #E5E7EB;
      border-radius: 16px;
      padding: 28px 24px;
      position: relative;
      transition: box-shadow 0.25s, transform 0.2s;
    }
    .sp-testi-card:hover {
      box-shadow: 0 8px 28px rgba(0,0,0,0.09);
      transform: translateY(-3px);
    }
    .sp-testi-card::before {
      content: '“';
      position: absolute;
      top: 16px;
      left: 22px;
      font-size: 52px;
      line-height: 1;
      color: #F7941D;
      font-family: Georgia, serif;
      opacity: 0.35;
    }
    .sp-testi-quote {
      font-size: 14px;
      line-height: 1.75;
      color: #374151;
      margin: 18px 0 20px;
      font-style: italic;
    }
    .sp-testi-divider {
      width: 32px;
      height: 2px;
      background: #F7941D;
      margin-bottom: 14px;
      border-radius: 2px;
    }
    .sp-testi-name {
      font-size: 13px;
      font-weight: 800;
      color: #1A1D2E;
      margin: 0 0 2px;
    }
    .sp-testi-role {
      font-size: 12px;
      color: #6B7280;
      margin: 0 0 10px;
    }
    .sp-testi-company {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: #F8F9FC;
      border: 1px solid #E5E7EB;
      border-radius: 20px;
      padding: 4px 12px;
      font-size: 11px;
      font-weight: 700;
      color: #6B7280;
      letter-spacing: 0.3px;
      text-decoration: none;
    }
    .sp-testi-source {
      display: block;
      text-align: right;
      font-size: 10px;
      color: #C4C9D4;
      margin-top: 14px;
      letter-spacing: 0.3px;
    }
    .sp-testi-source a {
      color: #C4C9D4;
      text-decoration: none;
    }
    .sp-testi-source a:hover { color: #F7941D; }
    @media (max-width: 800px) {
      .sp-testi-track { grid-template-columns: 1fr; }
    }
    @media (min-width: 801px) and (max-width: 1060px) {
      .sp-testi-track { grid-template-columns: 1fr 1fr; }
      .sp-testi-card:last-child { grid-column: 1 / -1; max-width: 420px; margin: 0 auto; }
    }



/* ── Privacy Policy page ─────────────────────────────── */
.pp-hero {
  background: var(--cl-bg-soft);
  border-bottom: 1px solid var(--cl-border);
  padding: 72px 0 56px;
  text-align: center;
}
.pp-hero .section-label { margin-bottom: 12px; display: block; }
.pp-hero h1 {
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 800;
  color: var(--cl-text);
  margin: 0 0 16px;
}
.pp-hero p {
  font-size: 1rem;
  color: var(--cl-text-muted);
  max-width: 560px;
  margin: 0 auto;
}

.pp-layout {
  max-width: 1080px;
  margin: 0 auto;
  padding: 64px 24px 96px;
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 48px;
  align-items: start;
}

/* Sticky sidebar TOC */
.pp-toc {
  position: sticky;
  top: 90px;
}
.pp-toc-title {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--cl-text-muted);
  margin-bottom: 12px;
}
.pp-toc ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pp-toc li { margin-bottom: 4px; }
.pp-toc a {
  font-size: 13px;
  font-weight: 500;
  color: var(--cl-text-muted);
  text-decoration: none;
  display: block;
  padding: 5px 10px;
  border-radius: 8px;
  transition: background .15s, color .15s;
  border-left: 2px solid transparent;
}
.pp-toc a:hover,
.pp-toc a.active {
  background: var(--cl-orange-light);
  color: var(--cl-orange);
  border-left-color: var(--cl-orange);
}

/* Main content */
.pp-body { min-width: 0; }
.pp-section {
  margin-bottom: 52px;
  scroll-margin-top: 100px;
}
.pp-section h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--cl-text);
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--cl-border);
  display: flex;
  align-items: center;
  gap: 10px;
}
.pp-section h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--cl-text);
  margin: 24px 0 8px;
}
.pp-section p {
  font-size: 15px;
  line-height: 1.8;
  color: #374151;
  margin: 0 0 14px;
}
.pp-section ul {
  padding-left: 20px;
  margin: 0 0 14px;
}
.pp-section ul li {
  font-size: 15px;
  line-height: 1.75;
  color: #374151;
  margin-bottom: 6px;
}
.pp-section table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin: 16px 0 24px;
}
.pp-section th {
  background: var(--cl-bg-soft);
  font-weight: 700;
  text-align: left;
  padding: 10px 14px;
  border: 1px solid var(--cl-border);
  color: var(--cl-text);
}
.pp-section td {
  padding: 10px 14px;
  border: 1px solid var(--cl-border);
  vertical-align: top;
  color: #374151;
}
.pp-section td:first-child { font-weight: 600; color: var(--cl-text); white-space: nowrap; }
.pp-callout {
  background: var(--cl-orange-light);
  border-left: 4px solid var(--cl-orange);
  border-radius: 0 10px 10px 0;
  padding: 16px 20px;
  margin-bottom: 20px;
  font-size: 14px;
  color: var(--cl-text);
  line-height: 1.7;
}
.pp-callout strong { color: var(--cl-orange-dark); }
.pp-badge {
  display: inline-block;
  background: var(--cl-teal-light);
  color: var(--cl-teal);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 20px;
  margin-left: 8px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .pp-layout {
    grid-template-columns: 1fr;
    padding: 40px 20px 64px;
  }
  .pp-toc { position: static; display: none; }
}


/* ===== PRICING CARDS v2 ===== */
.pc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch;}
@media(max-width:1100px){.pc-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.pc-grid{grid-template-columns:1fr;}}

.pc-card{display:flex;flex-direction:column;background:#fff;border:2px solid #E5E7EB;
  border-radius:16px;overflow:hidden;transition:box-shadow .25s,transform .2s;height:100%;}
.pc-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.10);transform:translateY(-3px);}
.pc-card--pop{border-color:#F7941D;box-shadow:0 4px 20px rgba(247,148,29,.18);}
.pc-card--ent{background:#1A1D2E;border-color:#2D3148;}
.pc-card--ent:hover{box-shadow:0 8px 32px rgba(247,148,29,.18);}

.pc-head{padding:28px 24px 24px;flex:1;display:flex;flex-direction:column;gap:12px;}
.pc-tag{display:inline-flex;align-items:center;min-height:24px;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:1.2px;
  text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:0;}
.pc-tag-row{display:flex;align-items:center;gap:8px;min-height:24px;flex-wrap:wrap;}
.pc-head > :nth-child(2){min-height:48px;display:flex;align-items:flex-start;}
.pc-head > h3{min-height:104px;}
.pc-head > p:not(.pc-pnote){min-height:119px;}
@media(max-width:1100px){
  .pc-head > :nth-child(2),.pc-head > h3,.pc-head > p:not(.pc-pnote){min-height:auto;}
}
.pc-tag--starter,.pc-tag--growth{background:#FFF3E0;color:#F7941D;}
.pc-tag--scale{background:#E8F6FD;color:#29ABE2;}
.pc-tag--ent{background:rgba(255,255,255,.12);color:#fff;}
.pc-popular-badge{background:#39B54A;color:#fff;font-size:9px;font-weight:800;
  letter-spacing:.5px;padding:2px 8px;border-radius:20px;text-transform:uppercase;}

.pc-price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:0;min-height:42px;}
.pc-price{font-size:clamp(28px,3vw,38px);font-weight:900;color:#1A1D2E;line-height:1;}
.pc-price--ent{color:#fff;}
.pc-psuf{font-size:13px;color:#9CA3AF;font-weight:500;}
.pc-pnote{font-size:11px;line-height:1.2;color:#9CA3AF;margin:-4px 0 0;min-height:14px;display:flex;align-items:center;}
.pc-pnote--ent{color:rgba(255,255,255,.45);}

.pc-limits{background:#F8F9FC;border:1px solid #E5E7EB;border-radius:10px;
  padding:10px 14px;margin:2px 0 0;font-size:12px;color:#374151;line-height:1.6;
  display:flex;flex-direction:column;gap:4px;min-height:198px;justify-content:flex-start;}
.pc-limits--ent{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);
  color:rgba(255,255,255,.75);}
.pc-limits > div{padding:3px 0;border-bottom:1px solid #ECEEF2;}
.pc-limits > div:last-child{border-bottom:none;}
.pc-limits--ent > div{border-bottom-color:rgba(255,255,255,.10);}
.pc-limits strong{color:#1A1D2E;font-weight:700;}
.pc-limits--ent strong{color:#fff;}

.pc-cta{display:flex;align-items:center;justify-content:center;margin-top:16px;padding:13px 20px;border-radius:10px;
  min-height:44px;box-sizing:border-box;font-size:14px;font-weight:700;text-align:center;text-decoration:none;
  cursor:pointer;transition:background .2s,transform .15s;border:none;}
.pc-cta:hover{transform:translateY(-1px);}
.pc-cta--starter,.pc-cta--growth{background:#F7941D;color:#fff;}
.pc-cta--starter:hover,.pc-cta--growth:hover{background:#e5830d;}
.pc-cta--scale{background:#29ABE2;color:#fff;}
.pc-cta--scale:hover{background:#1a97cc;}
.pc-cta--ent{background:rgba(247,148,29,.15);color:#F7941D;
  border:1.5px solid rgba(247,148,29,.4);}
.pc-cta--ent:hover{background:rgba(247,148,29,.25);}

/* Toggle button */
.pc-tog{display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;background:none;border:none;border-top:1px solid #E5E7EB;
  padding:12px 24px;font-size:13px;font-weight:600;color:#6B7280;cursor:pointer;
  transition:color .2s,background .2s;margin-top:20px;}
.pc-tog:hover{color:#F7941D;background:#FFFBF5;}
.pc-tog--ent{border-top-color:rgba(255,255,255,.1);color:rgba(255,255,255,.5);}
.pc-tog--ent:hover{color:#F7941D;background:rgba(247,148,29,.06);}
.pc-arr{display:inline-block;transition:transform .3s ease;font-style:normal;}
.pc-arr.open{transform:rotate(180deg);}

/* Feature panel */
.pc-feat-wrap{overflow:hidden;max-height:0;transition:max-height .45s ease;}
.pc-feat-wrap.open{max-height:1200px;}
.pc-feat{list-style:none;padding:16px 24px 28px;margin:0;
  display:flex;flex-direction:column;gap:10px;}

/* Feature rows */
.pc-li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;}
.pc-li--no{color:#C4C9D4;}
.pc-ck{font-size:14px;flex-shrink:0;margin-top:1px;}
.pc-ck--y{color:#39B54A;}
.pc-ck--n{color:#C4C9D4;}
/* ── CONSISTENCY PATCH ───────────────────── */
.section-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cl-orange)}
.section-label-light{color:rgba(255,255,255,.72)}
.section-heading{letter-spacing:-.03em;margin:0}
.section-sub{max-width:720px;margin:16px auto 0}
.page-hero{padding:88px 0 72px}
.resources-section{padding:88px 0}
.resources-page-section,.features-page-section,.solution-block{padding:88px 0}
.cta-banner{padding:88px 0 80px}
.page-hero .container,.cta-banner .container,.pricing-hero-copy,.pricing-intro{max-width:860px;margin:0 auto}
.pricing-hero{background:linear-gradient(135deg,#1A1D2E 0%,#2C3154 100%);padding:88px 0 72px;text-align:center;color:#fff;position:relative;overflow:hidden}
.pricing-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 28% 35%,rgba(247,148,29,.16) 0%,transparent 58%),radial-gradient(ellipse at 72% 35%,rgba(41,171,226,.12) 0%,transparent 56%)}
.pricing-hero-copy{position:relative;z-index:1}
.pricing-hero .section-heading{color:#fff;margin:0 auto}
.pricing-hero .section-sub{max-width:760px;color:rgba(255,255,255,.74)}
.pricing-intro{text-align:center;margin-bottom:48px}
.pricing-intro .section-heading{font-size:clamp(26px,3.2vw,38px)}
.pricing-intro .section-sub{font-size:16px;max-width:760px}
.pricing-intro .ss-term {border-bottom: 1px dashed rgba(139,68,172,0.55);cursor: default;white-space: break-spaces;}
.pc-feat-wrap .cl-tooltip-wrap .cl-tooltip-box{white-space: break-spaces;width: 230px;left: 36%;}
.cta-banner .section-label,.pricing-hero .section-label{color:rgba(255,255,255,.72);z-index: 1;position: relative;}
.cta-banner .section-sub{color:rgba(255,255,255,.72);z-index: 1;position: relative;}
.cta-banner .cta-btns{z-index: 1;position: relative;}
.btn-primary,.pc-cta--starter,.pc-cta--growth,.pc-cta--scale,.pc-cta--ent,.pricing-matrix-cta--primary{background:var(--cl-orange);border-color:var(--cl-orange);color:#fff;box-shadow:0 4px 14px rgba(247,148,29,.35)}
.btn-primary:hover,.pc-cta--starter:hover,.pc-cta--growth:hover,.pc-cta--scale:hover,.pc-cta--ent:hover,.pricing-matrix-cta--primary:hover{background:var(--cl-orange-dark);border-color:var(--cl-orange-dark);color:#fff;box-shadow:0 6px 20px rgba(229,133,12,.45)}
.btn-outline-white{border-color:rgba(255,255,255,.42)}
.btn-outline-white:hover{border-color:#fff}
.pricing-matrix-cta,.pricing-matrix-cta--primary{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;border:2px solid rgba(255,255,255,.32);background:transparent;color:#fff;font-family:inherit}
.pricing-matrix-cta:hover{border-color:var(--cl-orange);color:var(--cl-orange)}
@media(max-width:768px){.page-hero,.resources-section,.resources-page-section,.features-page-section,.solution-block,.cta-banner,.pricing-hero{padding:72px 0 60px}.pricing-hero-copy,.pricing-intro,.page-hero .container,.cta-banner .container{max-width:none}}

/* ── INLINE STYLE CONSOLIDATION ─────────── */
.nav-logo{cursor:pointer;}
.nav-logo-2{height:40px;width:auto;display:block;}
.mobile-cta-book-a-demo{width:100%;justify-content:center;}
.hero-visual{animation-delay:.15s;}
.lb-avatar{background:#F7941D;}
.lb-bar{width:100%;}
.lb-avatar-2{background:#29ABE2;}
.lb-bar-2{width:82%;background:#29ABE2;}
.lb-pts{color:#29ABE2;}
.lb-avatar-3{background:#39B54A;}
.lb-bar-3{width:67%;background:#39B54A;}
.lb-pts-2{color:#39B54A;}
.lb-avatar-4{background:#8B44AC;}
.lb-bar-4{width:55%;background:#8B44AC;}
.lb-pts-3{color:#8B44AC;}
.brand-card-operator{color:#F7941D;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:4px;}
.brand-card-studio{color:#39B54A;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:4px;}
.brand-card-aggregator{color:#29ABE2;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:4px;}
.brand-card-platform{color:#8B44AC;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:4px;}
.fc-icon{background:rgba(247,148,29,.12);}
.feature-card{animation-delay:.05s;}
.fi-icon{background:rgba(237,28,36,.1);}
.feature-card-2{animation-delay:.1s;}
.fi-icon-2{background:rgba(41,171,226,.1);}
.fi-icon-3{background:rgba(139,68,172,.1);}
.feature-card-3{animation-delay:.2s;}
.fi-icon-4{background:rgba(57,181,74,.1);}
.feature-card-4{animation-delay:.25s;}
.feature-card-5{animation-delay:.3s;}
.feature-card-6{animation-delay:.35s;}
.feature-card-7{animation-delay:.4s;}
.step-num{background:var(--cl-teal);}
.step-num-2{background:var(--cl-green);}
.outcome-item{border-left-color:var(--cl-teal);}
.outcome-item-2{border-left-color:var(--cl-orange);}
.outcome-item-3{border-left-color:var(--cl-purple);}
.section-sub{max-width:980px;margin:24px auto 0;}
.uc-bar{background:var(--cl-orange);}
.usecase-card{animation-delay:.06s;}
.usecase-card-2{animation-delay:.12s;}
.uc-bar-2{background:var(--cl-purple);}
.usecase-card-3{animation-delay:.18s;}
.usecase-card-4{animation-delay:.24s;}
.uc-bar-3{background:#E85D9B;}
.usecase-card-5{animation-delay:.30s;}
.resource-card{animation-delay:.08s;}
.resource-card-2{animation-delay:.16s;}
.cta-banner{position:relative;z-index:1;}
.section-sub-2{max-width:680px;margin:12px auto 0;}
.sol-visual-inner{font-size:72px;}
.sol-visual-inner-2{margin-top:16px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
.sol-visual-inner-3{font-size:11px;}
.sol-visual-inner-4{background:var(--cl-teal-light);color:var(--cl-teal);font-size:11px;}
.sol-visual-inner-5{background:rgba(57,181,74,.1);color:var(--cl-green);font-size:11px;}
.solution-block{background:var(--cl-bg-soft);}
.sol-tag{background:var(--cl-teal-light);color:var(--cl-teal);}
.sol-visual{animation-delay:.15s;background:var(--cl-teal-light);}
.sol-visual-inner-6{background:rgba(139,68,172,.1);color:var(--cl-purple);font-size:11px;}
.sol-tag-2{background:rgba(139,68,172,.1);color:var(--cl-purple);}
.sol-visual-2{animation-delay:.15s;background:rgba(139,68,172,.06);}
.section-sub-3{max-width:660px;margin:12px auto 0;}
.fi-icon-5{background:rgba(247,148,29,.1);}
.element-section-surface{background:#F8F9FC;padding:70px 24px;}
.element-div-block{max-width:1200px;margin:0 auto;}
.pricing-intro{font-size:15px;color:#6B7280;max-width:860px;line-height:1.75;margin:0 auto 28px;}
.ss-tooltip-heading{color:#fff;display:block;margin-bottom:6px;}
.ss-tooltip-emphasis{color:#fff;}
.ss-tooltip-list{display:block;margin:5px 0 8px 4px;line-height:1.85;}
.ss-tooltip-subheading{color:#fff;display:block;margin-bottom:4px;}
.ss-tooltip-list-secondary{display:block;margin:4px 0 0 4px;line-height:1.85;}
.pricing-intro-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;max-width:980px;margin:0 auto 28px;text-align:left;}
.pricing-intro-3{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:14px 16px;}
.pricing-intro-4{display:block;color:#1A1D2E;}
.pricing-intro-5{font-size:13px;color:#6B7280;line-height:1.5;display:block;margin-top:4px;}
.pricing-intro-6{display:inline-flex;align-items:center;background:#F0F1F5;border-radius:40px;padding:6px;gap:4px;position:relative;}
.pricing-intro-monthly{padding:10px 28px;border-radius:32px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:all 0.25s;background:#1A1D2E;color:#fff;}
.pricing-intro-annual-save-20{padding:10px 28px;border-radius:32px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.25s;background:transparent;color:#6B7280;display:flex;align-items:center;gap:8px;}
.pricing-intro-7{background:#39B54A;color:#fff;font-size:10px;font-weight:800;letter-spacing:0.5px;padding:2px 8px;border-radius:20px;text-transform:uppercase;}
.pc-head{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#F7941D;margin:4px 0 10px;}
.pc-head-2{font-size:20px;font-weight:800;line-height:1.3;color:#1A1D2E;margin:0 0 10px;}
.pc-head-3{font-size:14px;line-height:1.7;color:#6B7280;margin:0 0 18px;}
.pc-li{color:#374151;}
.pc-head-4{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#F7941D;margin:0 0 10px;}
.pc-head-5{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#29ABE2;margin:4px 0 10px;}
.pc-head-6{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,0.75);margin:4px 0 10px;}
.pc-head-7{font-size:20px;font-weight:800;line-height:1.3;color:#fff;margin:0 0 10px;}
.pc-head-8{font-size:14px;line-height:1.7;color:rgba(255,255,255,0.78);margin:0 0 18px;}
.pc-li-2{color:rgba(255,255,255,0.85);}
.element-p-text{text-align:center;font-size:13px;line-height:1.8;color:#9CA3AF;max-width:940px;margin:28px auto 0;}
.cl-calc-results{margin-top:-2px;}
.div-2{background:#F8F9FC;padding:40px 24px 0;}
.div-3{max-width:1160px;margin:0 auto;text-align:center;}
.element-button-surface{display:inline-flex;align-items:center;gap:10px;background:#1A1D2E;color:#fff;border:none;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s;margin-bottom:0;}
.element-svg-block{flex-shrink:0;}
.element-span-type{display:inline-block;transition:transform .3s ease;font-style:normal;font-size:12px;opacity:.7;}
.p-2{font-size:13px;color:#9CA3AF;line-height:1.7;max-width:620px;margin:10px auto 0;}
.div-4{overflow:hidden;max-height:0;transition:max-height .55s ease;}
.div-4.capacity-addons-toggle-panel--open{overflow:unset;}
.div-4.capacity-addons-toggle-panel--collapsed{overflow:hidden;}
.section-2{background:#fff;padding:80px 24px;}
.div-5{max-width:1160px;margin:0 auto;}
.div-6{text-align:center;margin-bottom:52px;}
.span-full-plan-comparison{display:inline-block;background:rgba(247,148,29,0.12);color:#F7941D;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 16px;border-radius:20px;margin-bottom:16px;}
.element-h2-text{font-size:clamp(24px,3vw,36px);font-weight:900;color:#1A1D2E;margin:0 0 14px;}
.p-3{font-size:16px;line-height:1.75;color:#6B7280;max-width:760px;margin:0 auto;}
.cm-scroll{border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,0.07);border:1px solid #E5E7EB;}
.cm-scroll-2{border-collapse:collapse;font-size:14px;}
.cm-scroll-3{background:#1A1D2E;}
.cm-scroll-4{padding:20px 24px;text-align:left;color:rgba(255,255,255,0.5);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;width:36%;border-right:1px solid rgba(255,255,255,0.06);}
.cm-scroll-5{padding:20px 16px;text-align:center;color:#fff;font-size:13px;font-weight:800;width:16%;border-right:1px solid rgba(255,255,255,0.06);}
.span-2{display:inline-block;background:#FFF3E0;color:#F7941D;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:3px 10px;border-radius:20px;text-transform:uppercase;margin-bottom:4px;}
.span-3{font-size:11px;color:rgba(255,255,255,0.5);font-weight:400;}
.cm-scroll-6{padding:20px 16px;text-align:center;color:#fff;font-size:13px;font-weight:800;width:16%;border-right:1px solid rgba(255,255,255,0.06);position:relative;}
.span-4{display:inline-block;background:#F7941D;color:#fff;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:3px 10px;border-radius:20px;text-transform:uppercase;margin-bottom:4px;}
.span-popular{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:#F7941D;color:#fff;font-size:9px;font-weight:800;letter-spacing:0.5px;padding:2px 10px;border-radius:0 0 8px 8px;text-transform:uppercase;}
.span-5{display:inline-block;background:#E8F6FD;color:#29ABE2;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:3px 10px;border-radius:20px;text-transform:uppercase;margin-bottom:4px;}
.cm-scroll-7{padding:20px 16px;text-align:center;color:#fff;font-size:13px;font-weight:800;width:16%;}
.span-6{display:inline-block;background:rgba(255,255,255,0.12);color:#fff;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:3px 10px;border-radius:20px;text-transform:uppercase;margin-bottom:4px;}
.cm-group-row{padding:14px 24px 10px;background:#F8F9FC;font-size:11px;font-weight:800;color:#9CA3AF;letter-spacing:1.4px;text-transform:uppercase;border-top:1px solid #E5E7EB;}
.cm-cell{display:block;font-size:10px;color:#9CA3AF;margin-top:2px;}
.cm-feature{display:block;font-size:10px;color:#6B7280;margin-top:2px;}
.cm-cell-2{font-size:12px;color:#6B7280;}
.cm-cell-3{font-size:12px;color:#374151;}
.cm-cell-4{display:block;font-size:10px;color:#9CA3AF;}
.cm-cell-5{font-size:13px;font-weight:700;color:#F7941D;}
.cm-cell-6{font-size:13px;font-weight:700;color:#29ABE2;}
.cm-cell-7{font-size:13px;font-weight:700;color:#39B54A;}
.cm-scroll-8{padding:24px 24px;border-top:2px solid #2C3154;}
.cm-scroll-9{padding:24px 16px;text-align:center;border-top:2px solid #2C3154;}
.div-7{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center;margin-top:20px;}
.span-7{display:flex;align-items:center;gap:6px;font-size:13px;color:#6B7280;}
.span-8{color:#39B54A;font-size:16px;font-weight:700;}
.span-9{color:#D1D5DB;font-size:16px;}
.span-10{display:inline-block;background:#F7941D;color:#fff;font-size:9px;font-weight:800;padding:2px 7px;border-radius:4px;letter-spacing:0.5px;}
.section-3{background:#fff;padding:70px 24px;}
.section-6{background: #F8F9FC;padding:70px 24px;}
.div-8{max-width:960px;margin:0 auto;}
.div-9{text-align:center;margin-bottom:28px;}
.h2-2{font-size:clamp(24px,3vw,36px);font-weight:800;color:#1A1D2E;margin:0 0 12px;}
.p-4{font-size:16px;color:#6B7280;max-width:560px;margin:0 auto 18px;}
.button-2{display:inline-flex;align-items:center;gap:10px;background:#1A1D2E;color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s;}
.div-10{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;}
.div-11{background:#F8F9FC;border-radius:14px;padding:32px 28px;border-left:4px solid #F7941D;}
.div-12{width:48px;height:48px;background:#FFF3E0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;}
.element-h3-text{font-size:18px;font-weight:800;color:#1A1D2E;margin:0 0 10px;}
.p-5{font-size:14px;color:#6B7280;line-height:1.7;margin:0 0 16px;}
.div-13{background:#FFF3E0;border-radius:10px;padding:14px 16px;}
.p-6{font-size:13px;color:#F7941D;font-weight:700;margin:0 0 4px;}
.p-7{font-size:13px;color:#374151;margin:0;}
.div-14{background:#F8F9FC;border-radius:14px;padding:32px 28px;border-left:4px solid #29ABE2;}
.div-15{width:48px;height:48px;background:#E8F6FD;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;}
.div-16{background:#E8F6FD;border-radius:10px;padding:14px 16px;}
.p-8{font-size:13px;color:#29ABE2;font-weight:700;margin:0 0 4px;}
.div-17{background:#F8F9FC;border-radius:14px;padding:32px 28px;border-left:4px solid #39B54A;}
.div-18{width:48px;height:48px;background:#E8F8ED;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;}
.div-19{background:#E8F8ED;border-radius:10px;padding:14px 16px;}
.p-9{font-size:13px;color:#39B54A;font-weight:700;margin:0 0 4px;}
.h2-3{font-size:clamp(22px,3vw,34px);font-weight:800;color:#1A1D2E;margin:0 0 12px;}
.p-10{font-size:16px;color:#6B7280;max-width:520px;margin:0 auto 18px;}
.div-20{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}
.div-21{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:28px 24px;text-align:center;}
.div-22{font-size:28px;margin-bottom:10px;}
.p-11{font-size:13px;font-weight:700;letter-spacing:0.5px;color:#6B7280;text-transform:uppercase;margin:0 0 6px;}
.p-12{font-size:30px;font-weight:900;color:#F7941D;margin:0 0 6px;}
.span-11{font-size:14px;color:#9CA3AF;}
.p-13{font-size:13px;color:#6B7280;margin:0;display:flex;align-items:center;justify-content:center;gap:6px;}
.p-14{font-size:30px;font-weight:900;color:#29ABE2;margin:0 0 6px;}
.p-15{font-size:30px;font-weight:900;color:#39B54A;margin:0 0 6px;}
.p-16{font-size:30px;font-weight:900;color:#E85D9B;margin:0 0 6px;}
.p-17{font-size:30px;font-weight:900;color:#8B44AC;margin:0 0 6px;}
.div-23{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:24px 28px;margin-top:28px;display:flex;align-items:flex-start;gap:16px;}
.span-12{font-size:22px;flex-shrink:0;}
.p-18{font-size:14px;font-weight:700;color:#1A1D2E;margin:0 0 4px;}
.p-19{font-size:14px;color:#6B7280;margin:0;}
.section-4{background:#1A1D2E;padding:70px 24px;}
.div-24{max-width:860px;margin:0 auto;text-align:center;}
.h2-4{font-size:clamp(22px,3vw,34px);font-weight:800;color:#fff;margin:0 0 12px;}
.p-20{font-size:16px;color:rgba(255,255,255,0.6);max-width:520px;margin:0 auto 48px;}
.div-25{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;text-align:left;}
.div-26{background:rgba(255,255,255,0.06);border-radius:12px;padding:24px 22px;border:1px solid rgba(255,255,255,0.1);}
.div-27{font-size:22px;margin-bottom:12px;}
.h4{font-size:15px;font-weight:700;color:#fff;margin:0 0 8px;}
.p-21{font-size:13px;color:rgba(255,255,255,0.6);margin:0;line-height:1.65;}
.div-28{max-width:760px;margin:0 auto;}
.div-29{text-align:center;margin-bottom:48px;}
.p-22{font-size:16px;color:#6B7280;}
.div-30{display:flex;flex-direction:column;gap:0;}
.section-5{background:linear-gradient(135deg,#F7941D 0%,#E8940A 100%);padding:60px 24px;text-align:center;}
.div-31{max-width:640px;margin:0 auto;}
.h2-5{font-size:clamp(24px,3vw,36px);font-weight:900;color:#fff;margin:0 0 14px;}
.p-23{font-size:17px;color:rgba(255,255,255,0.85);margin:0 0 32px;line-height:1.65;}
.button-book-a-demo{font-size:16px;padding:14px 36px;}
.section-sub-4{max-width:520px;margin:12px auto 0;}
.section-sub-5{color:var(--cl-orange);font-weight:600;cursor:pointer;}
.faq-section{max-width:820px;}
.faq-a{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0;}
.faq-a-2{background:#F8F9FC;}
.faq-a-3{text-align:left;padding:8px 12px;border:1px solid #E5E7EB;color:#1A1D2E;}
.faq-a-4{padding:8px 12px;border:1px solid #E5E7EB;}
.faq-a-5{margin:8px 0 8px 20px;padding:0;line-height:1.8;}
.faq-a-6{text-align:right;padding:8px 12px;border:1px solid #E5E7EB;color:#1A1D2E;}
.faq-a-7{text-align:right;padding:8px 12px;border:1px solid #E5E7EB;color:#F7941D;}
.faq-a-8{text-align:right;padding:8px 12px;border:1px solid #E5E7EB;}
.faq-a-9{text-align:right;padding:8px 12px;border:1px solid #E5E7EB;color:#39B54A;font-weight:700;}
.section-sub-6{max-width:500px;margin:12px auto 0;}
.contact-form-book-a-demo{font-size:22px;font-weight:700;margin-bottom:6px;}
.contact-form{font-size:13px;color:var(--cl-text-muted);margin:0 0 24px;}
.contact-form-2{color:var(--cl-red);}
.contact-form-3{display:none;}
.form-label{font-weight:400;color:var(--cl-text-muted);}
.form-group{display:flex;align-items:center;margin-top:4px;}
.form-group .cf-err{color: var(--cl-orange);}
/*.form-group{display:flex;justify-content:space-between;align-items:center;margin-top:4px;}*/
.form-group-2{font-size:11px;color:var(--cl-text-muted);margin-left:auto;}
.cf-consent-label{color:var(--cl-orange);}
.contact-form-book-a-demo-2{width:100%;justify-content:center;margin-top:4px;}
.contact-form-4{font-size:11px;color:var(--cl-text-muted);margin-top:12px;text-align:center;}
.cf-state-body{margin-top:8px;}
.cf-state-body-2{padding:8px 16px;font-size:13px;}
.cf-state-card{margin-top:20px;padding:10px 24px;font-size:14px;}
.cf-state-card-2{margin-top:16px;padding:10px 24px;font-size:14px;text-decoration:none;}
.cf-state-card-3{margin-top:10px;padding:10px 24px;font-size:14px;}
.ci-item{color:inherit;}
.ci-item-2{color:inherit;text-decoration:underline;}
.address-card{background:#f8f9fb;border:1px solid #e5e7eb;border-radius:16px;padding:28px 24px;}
.address-card-2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#F7941D;margin-bottom:12px;}
.address-card-3{font-size:15px;font-weight:700;color:#1A1D2E;margin-bottom:4px;}
.address-card-4{font-size:14px;color:#6B7280;line-height:1.7;}
.address-card-5{color:#1A1D2E;}
.address-card-6{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;font-size:13px;color:#6B7280;}
.rc-img{background:linear-gradient(135deg,#FFF8EE,#FFE8B5);}
.rc-img-2{background:linear-gradient(135deg,#EEF9FB,#B2EBF2);}
.rc-img-3{background:linear-gradient(135deg,#F0FFF4,#B2DFDB);}
.rc-img-4{background:linear-gradient(135deg,#FFF8EE,#FECBA1);}
.rc-img-5{background:linear-gradient(135deg,rgba(139,68,172,.1),rgba(139,68,172,.2));}
.rc-img-6{background:linear-gradient(135deg,var(--cl-teal-light),rgba(41,171,226,.2));}
.nav-logo-3{height:34px;width:auto;display:block;}
.gd-btn{padding:3px 10px;font-size:.76rem;display:inline-flex;}

/* ===== inline-style-block-03 ===== */
/* ══════════════════════════════════════════════════════
   SOCIAL-PROOF SECTION  v2 — carousels
   ══════════════════════════════════════════════════════ */

/* ── section shell ── */
.sp-section{background:#F8F9FC;padding:72px 0 64px;overflow:hidden}
.sp-inner{max-width:1200px;margin:0 auto;padding:0 24px}

/* ── heading ── */
.sp-heading{text-align:center;margin-bottom:44px}
.sp-heading h2{font-size:clamp(20px,2.8vw,30px);font-weight:900;color:#1A1D2E;margin:0 0 8px}
.sp-heading p{font-size:15px;color:#6B7280;margin:0 auto;line-height:1.65;max-width:560px}

/* ════════════════════════════════════════════════════
   BRAND CAROUSEL  (infinite auto-scroll ticker)
   ════════════════════════════════════════════════════ */
.brand-carousel-wrap{
  position:relative;overflow:hidden;
  /* fade edges */
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);
}
.brand-track{
  display:flex;align-items:center;gap:0;
  width:max-content;
  animation:brandScroll 32s linear infinite;
}
.brand-track:hover{animation-play-state:paused}
@keyframes brandScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.brand-card{
  flex:0 0 auto;
  background:#fff;border:1px solid #E5E7EB;border-radius:12px;
  padding:14px 28px;margin:0 10px;
  font-size:14px;font-weight:700;color:#6B7280;
  white-space:nowrap;
  transition:border-color .2s,color .2s,box-shadow .2s;
  cursor:default;
}
.brand-card:hover{border-color:#F7941D;color:#F7941D;box-shadow:0 4px 14px rgba(247,148,29,.15)}
.brand-label{
  text-align:center;
  font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
  color:#9CA3AF;margin:0 0 18px;
}

/* ════════════════════════════════════════════════════
   TESTIMONIAL CAROUSEL  (auto-scroll ticker like brand row)
   ════════════════════════════════════════════════════ */
.testi-section-head{text-align:center;margin:56px 0 28px}
.testi-section-head h3{font-size:clamp(18px,2.5vw,26px);font-weight:800;color:#1A1D2E;margin:0 0 6px}
.testi-section-head p{font-size:14px;color:#9CA3AF;margin:0}

.testi-carousel{
  position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);
}
.testi-track{
  display:flex;align-items:stretch;gap:20px;width:max-content;
  animation:testiScroll 70s linear infinite;
}
.testi-track:hover{animation-play-state:paused}
@keyframes testiScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.testi-card{
  flex:0 0 auto;width:min(420px,80vw);
  background:#fff;border:1px solid #E5E7EB;border-radius:16px;
  padding:28px 24px 22px;
  position:relative;
  transition:box-shadow .25s,transform .2s;
}
.testi-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.09);transform:translateY(-3px)}
.testi-card::before{
  content:'"';position:absolute;top:16px;left:22px;
  font-size:52px;line-height:1;color:#F7941D;
  font-family:Georgia,serif;opacity:.35;pointer-events:none;
}
.testi-quote{font-size:14px;line-height:1.75;color:#374151;margin:18px 0 20px;font-style:italic}
.testi-divider{width:32px;height:2px;background:#F7941D;margin-bottom:12px;border-radius:2px}
.testi-name{font-size:13px;font-weight:800;color:#1A1D2E;margin:0 0 2px}
.testi-role{font-size:12px;color:#6B7280;margin:0 0 12px}
.testi-link{
  display:inline-block;font-size:11px;color:#C4C9D4;text-decoration:none;
  letter-spacing:.3px;transition:color .2s;
}
.testi-link:hover{color:#F7941D}

.testi-nav{display:none}

/* ── Responsive ── */
@media(max-width:580px){
  .brand-card{padding:12px 18px;font-size:13px}
  .testi-card{width:min(340px,88vw)}
}

/* ===== inline-style-block-04 ===== */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}
  .brand-track,.proof-strip{animation:none !important;transform:none !important;}
}

/* ===== sp-styles-v4 ===== */
/* ── Social Proof v4 ─────────────────────────────────────────── */
.sp-section{background:#f8f9fb;padding:44px 0 48px;}
.sp-inner{max-width:1140px;margin:0 auto;padding:0 24px;}

/* heading */
.sp-heading{text-align:center;margin-bottom:20px;}
.sp-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:#6c757d;margin-bottom:12px;}
.sp-heading h2{font-size:clamp(1.35rem,2.6vw,1.85rem);font-weight:700;color:#0d1b2a;
  margin:0 auto 8px;text-align:center;display:block;width:100%;}
.sp-heading p{font-size:1rem;color:#6c757d;max-width:560px;margin:0 auto;}

/* stats bar */
.sp-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;
  margin-bottom:52px;}
.sp-stat-item{text-align:center;}
.sp-stat-num{font-size:2rem;font-weight:800;color:#ff6b00;line-height:1;}
.sp-stat-lbl{font-size:.8rem;color:#6c757d;margin-top:4px;text-transform:uppercase;
  letter-spacing:.06em;}

/* partner grid */
.sp-partners-grid{display:flex;flex-wrap:wrap;justify-content:center;
  gap:12px;margin-bottom:28px;}
.sp-partner-card{background:#fff;border:1px solid #e8ecf0;border-radius:10px;
  padding:14px 22px;display:flex;align-items:center;justify-content:center;
  min-width:150px;transition:box-shadow .2s,border-color .2s;cursor:default;}
.sp-partner-card:hover{box-shadow:0 4px 18px rgba(0,0,0,.1);border-color:#d0d5dd;}
.sp-partner-card a{text-decoration:none;}
.sp-partner-name{font-size:.95rem;font-weight:700;color:#0d1b2a;}

/* testimonial strip */
.sp-testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:18px;margin-bottom:28px;}
.sp-testi-card{background:#fff;border:1px solid #e8ecf0;border-radius:12px;
  padding:28px 28px 22px;display:flex;flex-direction:column;gap:12px;}
.sp-testi-quote{font-size:.95rem;color:#374151;line-height:1.65;flex:1;
  font-style:italic;}
.sp-testi-quote::before{content:'“';}
.sp-testi-quote::after{content:'”';}
.sp-testi-person{font-weight:700;font-size:.85rem;color:#0d1b2a;}
.sp-testi-role{font-size:.8rem;color:#6c757d;}
.sp-testi-source{font-size:.75rem;color:#ff6b00;text-decoration:none;}
.sp-testi-source:hover{text-decoration:underline;}

.proof-strip-wrap{position:relative;overflow:hidden;margin-top:12px;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);}
.proof-strip{display:flex;align-items:center;gap:14px;width:max-content;animation:proofScroll 52s linear infinite;}
.proof-strip:hover{animation-play-state:paused;}
@keyframes proofScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.proof-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8ecf0;border-radius:999px;padding:12px 18px;white-space:nowrap;box-shadow:0 2px 10px rgba(13,27,42,.04);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s;}
.proof-pill:hover{border-color:#F7941D;box-shadow:0 8px 24px rgba(247,148,29,.15);transform:translateY(-1px);}
.proof-quote{font-size:.92rem;line-height:1.3;color:#374151;font-style:italic;}
.proof-brand{font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#F7941D;}


@media(max-width:600px){
  .sp-stats{gap:24px;}
  .sp-partner-card{min-width:130px;padding:14px 20px;}
}

/* ===== gdpr-styles ===== */
/* ── GDPR Data Rights Drawer ───────────────────────────────── */
:root{
  --gd-z: 8500;
  --gd-teal: #29ABE2;
  --gd-teal-dk: #1E8FBD;
  --gd-teal-lt: #EDF6FD;
  --gd-navy: #1A1D2E;
  --gd-orange: #F7941D;
  --gd-green: #39B54A;
  --gd-green-lt: rgba(57,181,74,.08);
  --gd-red: #ED1C24;
  --gd-bg: #FFFFFF;
  --gd-bg-soft: #F8F9FC;
  --gd-border: #E5E7EB;
  --gd-muted: #6B7280;
  --gd-text: #1A1D2E;
  --gd-shadow: 0 12px 60px rgba(0,0,0,.22);
  --gd-font: 'Inter', sans-serif;
  --gd-width: 420px;
}

/* ── Overlay ── */
#gdpr-overlay{
  display: none;
  position: fixed; inset: 0;
  background: rgba(26,29,46,.45);
  backdrop-filter: blur(2px);
  z-index: calc(var(--gd-z) - 1);
  opacity: 0;
  transition: opacity .28s ease;
}
#gdpr-overlay.gd-vis{ opacity: 1; }

/* ── Drawer ── */
#gdpr-drawer{
  position: fixed;
  top: 0; right: 0; bottom: 0;
  width: var(--gd-width);
  max-width: 100vw;
  z-index: var(--gd-z);
  background: var(--gd-bg);
  box-shadow: var(--gd-shadow);
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform .34s cubic-bezier(.4,0,.2,1);
  font-family: var(--gd-font);
  overflow: hidden;
}
#gdpr-drawer.gd-open{
  transform: translateX(0);
}

/* ── Drawer header ── */
.gd-header{
  background: linear-gradient(135deg, #1A1D2E 0%, #252941 100%);
  padding: 22px 22px 18px;
  flex-shrink: 0;
  position: relative;
}
.gd-header-top{
  display: flex; align-items: flex-start; gap: 12px;
  margin-bottom: 10px;
}
.gd-header-badge{
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(41,171,226,.18);
  border: 1px solid rgba(41,171,226,.35);
  border-radius: 100px;
  padding: 4px 12px;
  font-size: .73rem; font-weight: 700; letter-spacing: .04em;
  color: #29ABE2;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.gd-header-title{
  font-size: 1.15rem; font-weight: 800;
  color: #fff; margin: 0 0 6px;
  line-height: 1.25;
}
.gd-header-sub{
  font-size: .8rem; color: rgba(255,255,255,.65);
  margin: 0; line-height: 1.45;
}
.gd-close{
  position: absolute; top: 18px; right: 18px;
  width: 30px; height: 30px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 8px;
  cursor: pointer;
  font-size: .9rem; color: rgba(255,255,255,.8);
  display: flex; align-items: center; justify-content: center;
  transition: all .15s ease;
}
.gd-close:hover{ background: rgba(255,255,255,.22); color: #fff; }
.gd-close:focus-visible{
  outline: 2px solid var(--gd-teal); outline-offset: 2px;
}

/* ── Progress/indicator strip ── */
.gd-strip{
  height: 3px;
  background: linear-gradient(90deg, var(--gd-teal) 0%, var(--gd-orange) 100%);
  flex-shrink: 0;
}

/* ── Body ── */
.gd-body{
  flex: 1; overflow-y: auto; padding: 16px 18px;
}
.gd-body-intro{
  font-size: .815rem; color: var(--gd-muted);
  line-height: 1.55; margin: 0 0 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--gd-border);
}
.gd-body-intro strong{ color: var(--gd-text); }
.gd-body-intro a{ color: var(--gd-teal); text-decoration: none; font-weight: 500; }
.gd-body-intro a:hover{ text-decoration: underline; }

/* ── Rights section label ── */
.gd-section-label{
  font-size: .7rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .08em;
  color: var(--gd-muted);
  margin: 0 0 10px;
}

/* ── Right cards (accordion) ── */
.gd-right{
  border: 1.5px solid var(--gd-border);
  border-radius: 12px;
  margin-bottom: 8px;
  overflow: hidden;
  transition: border-color .2s ease;
}
.gd-right.gd-open-card{ border-color: var(--gd-teal); }
.gd-right-header{
  display: flex; align-items: center; gap: 10px;
  padding: 11px 14px;
  cursor: pointer;
  background: var(--gd-bg);
  transition: background .15s ease;
  user-select: none;
}
.gd-right-header:hover{ background: var(--gd-bg-soft); }
.gd-right-icon{
  font-size: 1.05rem; flex-shrink: 0; width: 28px;
  text-align: center;
}
.gd-right-name{
  flex: 1;
  font-size: .875rem; font-weight: 700; color: var(--gd-text);
}
.gd-right-article{
  font-size: .68rem; font-weight: 600;
  color: var(--gd-teal);
  background: var(--gd-teal-lt);
  border: 1px solid rgba(41,171,226,.25);
  border-radius: 100px;
  padding: 2px 8px;
  white-space: nowrap;
  flex-shrink: 0;
}
.gd-right-chevron{
  font-size: .75rem; color: var(--gd-muted);
  transition: transform .2s ease;
  flex-shrink: 0;
  margin-left: 2px;
}
.gd-right.gd-open-card .gd-right-chevron{ transform: rotate(180deg); }
.gd-right-body{
  display: none;
  padding: 0 14px 13px 52px;
  font-size: .815rem; color: var(--gd-muted);
  line-height: 1.5;
}
.gd-right.gd-open-card .gd-right-body{ display: block; }
.gd-right-body strong{ color: var(--gd-text); }
.gd-right-body .gd-right-how{
  margin-top: 7px;
  padding: 7px 10px;
  background: var(--gd-green-lt);
  border-left: 3px solid var(--gd-green);
  border-radius: 0 6px 6px 0;
  font-size: .78rem;
}
.gd-right-body .gd-right-how a{
  color: var(--gd-teal); text-decoration: none; font-weight: 600;
}
.gd-right-body .gd-right-how a:hover{ text-decoration: underline; }

/* ── CTA section ── */
.gd-cta{
  margin-top: 14px;
  background: linear-gradient(135deg,rgba(41,171,226,.07) 0%,rgba(247,148,29,.06) 100%);
  border: 1.5px solid rgba(41,171,226,.3);
  border-radius: 12px;
  padding: 16px 16px 14px;
}
.gd-cta-title{
  font-size: .88rem; font-weight: 700; color: var(--gd-text);
  margin: 0 0 5px;
}
.gd-cta-sub{
  font-size: .79rem; color: var(--gd-muted);
  margin: 0 0 12px; line-height: 1.45;
}
.gd-cta-actions{
  display: flex; flex-wrap: wrap; gap: 8px;
}
.gd-btn{
  display: inline-flex; align-items: center; gap: 6px;
  padding: 9px 16px;
  border-radius: 10px;
  font-family: var(--gd-font);
  font-size: .82rem; font-weight: 600;
  cursor: pointer; border: 2px solid transparent;
  text-decoration: none;
  transition: all .18s ease;
  white-space: nowrap;
}
.gd-btn-primary{
  background: var(--gd-teal);
  color: #fff; border-color: var(--gd-teal);
  box-shadow: 0 3px 10px rgba(41,171,226,.35);
}
.gd-btn-primary:hover{ background: var(--gd-teal-dk); border-color: var(--gd-teal-dk); }
.gd-btn-outline{
  background: transparent;
  color: var(--gd-text); border-color: var(--gd-border);
}
.gd-btn-outline:hover{ border-color: var(--gd-navy); color: var(--gd-navy); }
.gd-btn:focus-visible{
  outline: 2px solid var(--gd-teal); outline-offset: 2px;
}

/* ── Drawer footer ── */
.gd-footer{
  padding: 12px 18px;
  border-top: 1px solid var(--gd-border);
  background: var(--gd-bg-soft);
  flex-shrink: 0;
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 8px;
}
.gd-footer-note{
  font-size: .72rem; color: var(--gd-muted);
  line-height: 1.4;
}
.gd-footer-note a{
  color: var(--gd-teal); text-decoration: none; font-weight: 500;
}
.gd-footer-note a:hover{ text-decoration: underline; }
.gd-footer-badges{
  display: flex; gap: 6px; align-items: center;
}
.gd-badge{
  display: inline-flex; align-items: center; gap: 4px;
  font-size: .68rem; font-weight: 600;
  padding: 3px 8px; border-radius: 100px;
  white-space: nowrap;
}
.gd-badge-eu{
  background: rgba(0,51,153,.08);
  color: #003399;
  border: 1px solid rgba(0,51,153,.2);
}
.gd-badge-malta{
  background: rgba(207,20,43,.07);
  color: #cf142b;
  border: 1px solid rgba(207,20,43,.2);
}

/* ── Fixed trigger button ── */
#gdpr-trigger{
  position: fixed;
  bottom: 20px; right: 20px;
  z-index: calc(var(--gd-z) - 2);
  display: flex; align-items: center; gap: 7px;
  background: var(--gd-teal);
  color: #fff;
  border: none;
  border-radius: 100px;
  padding: 10px 16px 10px 12px;
  font-family: var(--gd-font);
  font-size: .8rem; font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(41,171,226,.45);
  transition: all .2s ease;
  white-space: nowrap;
}
#gdpr-trigger:hover{
  background: var(--gd-teal-dk);
  box-shadow: 0 6px 24px rgba(41,171,226,.55);
  transform: translateY(-1px);
}
#gdpr-trigger:focus-visible{
  outline: 2px solid var(--gd-orange); outline-offset: 3px;
}
#gdpr-trigger-icon{ font-size: 1rem; }

/* ── Notification dot (on first show) ── */
#gdpr-trigger .gd-notif{
  display: none;
  position: absolute;
  top: -3px; right: -3px;
  width: 10px; height: 10px;
  background: var(--gd-orange);
  border-radius: 50%;
  border: 2px solid #fff;
}
#gdpr-trigger.gd-has-notif .gd-notif{ display: block; }

/* ── Responsive ── */
@media(max-width:480px){
  :root{ --gd-width: 100vw; }
  #gdpr-drawer{ border-radius: 20px 20px 0 0; top: auto; height: 88vh; }
  #gdpr-trigger{ bottom: 14px; right: 14px; }
}
@media(max-width:640px){
  .gd-cta-actions{ flex-direction: column; }
  .gd-btn{ justify-content: center; }
}

/* ===== cc-styles ===== */
/* ── Cookie Consent – design-matched to CompetitionLabs brand ── */
:root{
  --cc-z:9000;
  --cc-radius:16px;
  --cc-radius-btn:10px;
  --cc-orange:#F7941D;
  --cc-orange-dk:#E5850C;
  --cc-teal:#29ABE2;
  --cc-navy:#1A1D2E;
  --cc-bg:#FFFFFF;
  --cc-bg-soft:#F8F9FC;
  --cc-border:#E5E7EB;
  --cc-muted:#6B7280;
  --cc-text:#1A1D2E;
  --cc-green:#39B54A;
  --cc-shadow:0 8px 40px rgba(0,0,0,0.18);
  --cc-font:'Inter',sans-serif;
}

/* ── OVERLAY ── */
#cc-overlay{
  display:none;
  position:fixed;inset:0;
  background:rgba(26,29,46,.55);
  backdrop-filter:blur(3px);
  z-index:calc(var(--cc-z) - 1);
  opacity:0;
  transition:opacity .25s ease;
}
#cc-overlay.cc-visible{opacity:1;}

/* ── BANNER ── */
#cc-banner{
  position:fixed;
  bottom:0;left:0;right:0;
  z-index:var(--cc-z);
  background:var(--cc-bg);
  border-top:2px solid var(--cc-border);
  box-shadow:0 -4px 32px rgba(0,0,0,.12);
  padding:20px 24px;
  display:none;
  transform:translateY(100%);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  font-family:var(--cc-font);
}
#cc-banner.cc-visible{
  display:block;
  transform:translateY(0);
}
.cc-banner-inner{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
}
.cc-banner-icon{
  font-size:2rem;
  flex-shrink:0;
  line-height:1;
}
.cc-banner-copy{flex:1;min-width:260px;}
.cc-banner-headline{
  font-size:.975rem;
  font-weight:700;
  color:var(--cc-text);
  margin:0 0 3px;
}
.cc-banner-sub{
  font-size:.82rem;
  color:var(--cc-muted);
  margin:0;
  line-height:1.4;
}
.cc-banner-sub a{
  color:var(--cc-orange);
  text-decoration:none;
  font-weight:500;
}
.cc-banner-sub a:hover{text-decoration:underline;}
.cc-banner-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  flex-shrink:0;
}
.cc-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:9px 20px;
  border-radius:var(--cc-radius-btn);
  font-family:var(--cc-font);
  font-size:.85rem;font-weight:600;
  cursor:pointer;border:2px solid transparent;
  transition:all .18s ease;white-space:nowrap;
  text-decoration:none;
}
.cc-btn-primary{
  background:var(--cc-orange);
  color:#fff;
  border-color:var(--cc-orange);
  box-shadow:0 4px 12px rgba(247,148,29,.35);
}
.cc-btn-primary:hover{background:var(--cc-orange-dk);border-color:var(--cc-orange-dk);}
.cc-btn-outline{
  background:transparent;
  color:var(--cc-text);
  border-color:var(--cc-border);
}
.cc-btn-outline:hover{border-color:var(--cc-navy);color:var(--cc-navy);}
.cc-btn-ghost{
  background:transparent;
  color:var(--cc-muted);
  border-color:transparent;
  text-decoration:underline;
  padding:9px 12px;
}
.cc-btn-ghost:hover{color:var(--cc-text);}

/* ── PREFERENCES MODAL ── */
#cc-modal{
  position:fixed;
  top:50%;left:50%;
  transform:translate(-50%,-50%) scale(.95);
  z-index:calc(var(--cc-z) + 1);
  width:min(640px,calc(100vw - 32px));
  max-height:calc(100vh - 48px);
  background:var(--cc-bg);
  border-radius:var(--cc-radius);
  box-shadow:var(--cc-shadow);
  display:none;
  flex-direction:column;
  overflow:hidden;
  transition:transform .25s cubic-bezier(.4,0,.2,1), opacity .25s ease;
  opacity:0;
  font-family:var(--cc-font);
}
#cc-modal.cc-visible{
  display:flex;
  transform:translate(-50%,-50%) scale(1);
  opacity:1;
}
.cc-modal-header{
  padding:22px 24px 18px;
  border-bottom:1px solid var(--cc-border);
  display:flex;align-items:center;gap:12px;
  flex-shrink:0;
}
.cc-modal-header-icon{font-size:1.5rem;}
.cc-modal-title{
  flex:1;
  font-size:1.1rem;font-weight:700;
  color:var(--cc-text);margin:0;
}
.cc-modal-close{
  width:32px;height:32px;
  background:var(--cc-bg-soft);
  border:1px solid var(--cc-border);
  border-radius:8px;
  cursor:pointer;
  font-size:1rem;
  display:flex;align-items:center;justify-content:center;
  color:var(--cc-muted);
  transition:all .15s ease;
  flex-shrink:0;
}
.cc-modal-close:hover{background:var(--cc-border);color:var(--cc-text);}
.cc-modal-body{
  padding:16px 24px;
  overflow-y:auto;
  flex:1;
}
.cc-modal-desc{
  font-size:.845rem;
  color:var(--cc-muted);
  line-height:1.55;
  margin:0 0 16px;
}
.cc-modal-desc a{color:var(--cc-orange);text-decoration:none;font-weight:500;}
.cc-modal-desc a:hover{text-decoration:underline;}

/* ── CATEGORY CARDS ── */
.cc-category{
  background:var(--cc-bg-soft);
  border:1.5px solid var(--cc-border);
  border-radius:12px;
  padding:16px;
  margin-bottom:10px;
  transition:border-color .2s ease;
}
.cc-category:last-child{margin-bottom:0;}
.cc-category.cc-active{border-color:var(--cc-orange);}
.cc-category-header{
  display:flex;align-items:flex-start;gap:12px;
  margin-bottom:6px;
}
.cc-category-icon{font-size:1.2rem;flex-shrink:0;margin-top:1px;}
.cc-category-info{flex:1;}
.cc-category-name{
  font-size:.92rem;font-weight:700;
  color:var(--cc-text);margin:0 0 3px;
}
.cc-category-desc{
  font-size:.8rem;color:var(--cc-muted);
  line-height:1.45;margin:0;
}
.cc-category-examples{
  font-size:.76rem;color:var(--cc-muted);
  margin:6px 0 0 34px;
  font-style:italic;
}

/* ── TOGGLE SWITCH ── */
.cc-toggle-wrap{flex-shrink:0;margin-top:2px;}
.cc-toggle{
  position:relative;
  width:44px;height:24px;
  flex-shrink:0;
}
.cc-toggle input{
  opacity:0;width:0;height:0;position:absolute;
}
.cc-toggle-track{
  position:absolute;inset:0;
  background:var(--cc-border);
  border-radius:100px;
  cursor:pointer;
  transition:background .2s ease;
}
.cc-toggle input:checked + .cc-toggle-track{
  background:var(--cc-orange);
}
.cc-toggle input:disabled + .cc-toggle-track{
  background:var(--cc-green);
  cursor:not-allowed;
  opacity:.75;
}
.cc-toggle-track::after{
  content:'';
  position:absolute;
  top:3px;left:3px;
  width:18px;height:18px;
  background:#fff;
  border-radius:50%;
  transition:transform .2s ease;
  box-shadow:0 1px 4px rgba(0,0,0,.25);
}
.cc-toggle input:checked + .cc-toggle-track::after{
  transform:translateX(20px);
}
.cc-toggle-locked-badge{
  display:inline-flex;align-items:center;gap:4px;
  font-size:.7rem;font-weight:600;
  color:var(--cc-green);
  background:rgba(57,181,74,.1);
  border:1px solid rgba(57,181,74,.3);
  border-radius:100px;
  padding:2px 8px;
  white-space:nowrap;
}

/* ── MODAL FOOTER ── */
.cc-modal-footer{
  padding:16px 24px;
  border-top:1px solid var(--cc-border);
  display:flex;align-items:center;gap:10px;
  flex-wrap:wrap;
  flex-shrink:0;
  background:var(--cc-bg);
}
.cc-modal-footer-right{
  display:flex;gap:10px;flex-wrap:wrap;
  margin-left:auto;
}

/* ── FLOATING RE-OPENER ── */
#cc-reopener{
  position:fixed;
  bottom:20px;left:20px;
  z-index:calc(var(--cc-z) - 2);
  display:none;
  align-items:center;gap:6px;
  background:var(--cc-bg);
  border:1.5px solid var(--cc-border);
  border-radius:100px;
  padding:8px 14px 8px 10px;
  cursor:pointer;
  box-shadow:0 2px 12px rgba(0,0,0,.1);
  font-family:var(--cc-font);
  font-size:.78rem;font-weight:600;
  color:var(--cc-muted);
  transition:all .2s ease;
}
#cc-reopener:hover{
  border-color:var(--cc-orange);
  color:var(--cc-text);
  box-shadow:0 4px 20px rgba(247,148,29,.2);
}
#cc-reopener.cc-show{display:flex;}
#cc-reopener-icon{font-size:1rem;}

/* ── RESPONSIVE ── */
@media(max-width:640px){
  .cc-banner-inner{flex-direction:column;align-items:flex-start;gap:14px;}
  .cc-banner-actions{width:100%;justify-content:flex-start;}
  .cc-modal-footer{flex-direction:column;align-items:stretch;}
  .cc-modal-footer-right{margin-left:0;}
  .cc-modal-footer-right .cc-btn,
  .cc-modal-footer .cc-btn{width:100%;justify-content:center;}
  #cc-reopener{bottom:14px;left:14px;}
}

/* ── Focus styles ── */
.cc-btn:focus-visible,
.cc-toggle input:focus-visible + .cc-toggle-track,
.cc-modal-close:focus-visible,
#cc-reopener:focus-visible{
  outline:2px solid var(--cc-orange);
  outline-offset:2px;
}

/* ===== merged-from-mobile-responsive.min.css ===== */
@media (max-width:640px){:root{--touch-min:44px;--font-min:13px;--font-xs:12px}}
@media (max-width:640px){.metric-label,.metric-trend{font-size:12px !important}}
@media (max-width:768px){.mock-badge,.mock-tab,.am-kpi-lbl,.am-kpi-chg,.rc-cat,.sp-label,.proof-label,.lb-avatar{font-size:13px !important}}
@media (max-width:768px){.cf-err{font-size:13px !important;min-height:auto !important;line-height:1.5 !important}}
@media (max-width:640px){.lb-rank,.lb-name,.lb-pts,.am-period,.footer-bottom-inner,.hero-stat span{font-size:13px !important}}
@media (max-width:375px){.fi-desc,.fc-desc,.rc-excerpt,.sol-desc,.uc-desc,.cf-trust-item,.footer-col a,.footer-col button{font-size:14px !important}}
@media (max-width:640px){.form-label{font-size:14px !important}.form-input,.form-select,.form-textarea{font-size:16px !important}}
@media (max-width:640px){.nav-link{font-size:15px !important}}
@media (max-width:768px){.social-btn{width:44px !important;height:44px !important;font-size:16px !important}.social-btn svg{width:18px !important;height:18px !important}}
@media (max-width:768px){.nav-link{padding:13px 14px !important;min-height:44px !important;display:flex !important;align-items:center !important}.nav-login{min-height:44px !important;padding:10px 16px !important}}
@media (max-width:768px){.nav-hamburger,.hamburger,[onclick="toggleMobile()"]{min-width:44px !important;min-height:44px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:8px !important}}
@media (max-width:768px){.faq-q{min-height:44px !important;padding:14px 16px !important;display:flex !important;align-items:center !important;cursor:pointer !important;-webkit-tap-highlight-color:rgba(247,148,29,.1) !important}.faq-q-text{font-size:15px !important;line-height:1.4 !important}}
@media (max-width:768px){.cc-toggle{min-width:44px !important;min-height:44px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important}}
@media (max-width:768px){.cc-modal-close{width:44px !important;height:44px !important;display:flex !important;align-items:center !important;justify-content:center !important}}
@media (max-width:768px){.gd-close{width:44px !important;height:44px !important;display:flex !important;align-items:center !important;justify-content:center !important}}
@media (max-width:640px){.filter-tab{min-height:44px !important;padding:10px 16px !important;font-size:14px !important;display:inline-flex !important;align-items:center !important}}
@media (max-width:640px){.btn,.btn-primary,.btn-secondary,.btn-outline-white{min-height:44px !important;padding:12px 24px !important;font-size:15px !important}.btn-lg{min-height:48px !important;padding:14px 28px !important;font-size:16px !important}}
@media (max-width:768px){.cl-tooltip-icon{width:24px !important;height:24px !important;font-size:14px !important}}
@media (max-width:640px){.toggle-option,.billing-toggle button,[class*="toggle"] button{min-height:44px !important;padding:10px 18px !important;font-size:14px !important}}
@media (max-width:640px){#cf-submit,.cf-submit{min-height:52px !important;font-size:16px !important}}
@media (max-width:640px){.cf-consent-label{min-height:44px !important;padding:8px 0 !important;cursor:pointer !important;-webkit-tap-highlight-color:rgba(247,148,29,.08) !important}.cf-consent-checkbox{width:20px !important;height:20px !important;flex-shrink:0 !important;margin-top:2px !important;cursor:pointer !important}}
@media (max-width:640px){.pc-cta,.pricing-card .btn,.pricing-card button{min-height:48px !important;font-size:15px !important;width:100% !important}}
@media (max-width:640px){html,body{overflow-x:hidden !important;max-width:100vw !important}*{box-sizing:border-box !important}}
@media (max-width:640px){.container{padding:0 16px !important;max-width:100% !important}}
@media (max-width:768px){.cm-table-wrap,.comparison-table-wrap,[class*="comparison"]{overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;border-radius:12px !important}.cm-table,table[class*="comparison"]{min-width:600px !important;font-size:13px !important}.cm-table th,.cm-table td{padding:10px 12px !important;white-space:normal !important;word-break:break-word !important}.cm-table td:first-child,.cm-table th:first-child{min-width:160px !important;max-width:180px !important;position:sticky !important;left:0 !important;background:#fff !important;z-index:1 !important;box-shadow:2px 0 6px rgba(0,0,0,.06) !important}}
@media (max-width:768px){.faq-a table{display:block !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;font-size:13px !important;width:100% !important}}
@media (max-width:520px){.pricing-grid,.pc-grid,[class*="pricing-cards"]{grid-template-columns:1fr !important;gap:16px !important}.pricing-card,.pc-card{width:100% !important;max-width:100% !important}}
@media (max-width:480px){.uc-grid,.fc-grid,.fi-grid,.sol-grid{grid-template-columns:1fr !important;gap:16px !important}}
@media (max-width:640px){.hero{padding:80px 0 48px !important}.hero-stats{flex-wrap:wrap !important;gap:12px !important;justify-content:center !important}.hero-stat{min-width:120px !important;text-align:center !important}}
@media (max-width:640px){.steps-grid{grid-template-columns:1fr !important;gap:24px !important}.steps-grid::before{display:none !important}}
@media (max-width:640px){.rc-grid,.resources-grid{grid-template-columns:1fr !important;gap:16px !important}}
@media (max-width:640px){.sp-logos,.proof-logos{flex-wrap:wrap !important;gap:16px 24px !important;justify-content:center !important}}
@media (max-width:768px){.contact-grid{grid-template-columns:1fr !important;gap:24px !important}.contact-form,.contact-sidebar{width:100% !important;max-width:100% !important}}
@media (max-width:640px){.footer-grid{grid-template-columns:1fr 1fr !important;gap:24px 16px !important}.footer-brand{grid-column:1 / -1 !important}}
@media (max-width:380px){.footer-grid{grid-template-columns:1fr !important}}
@media (max-width:480px){.footer-bottom-inner{flex-direction:column !important;align-items:flex-start !important;gap:6px !important;font-size:12px !important}}
@media (max-width:640px){.addon-grid,[class*="addon-cards"]{grid-template-columns:1fr !important;gap:12px !important}}
@media (max-width:640px){.upgrade-grid,[class*="trigger-grid"]{grid-template-columns:1fr !important;gap:12px !important}}
@media (max-width:640px){.policy-content p,.legal-body p,.pp-section p,.tos-section p{font-size:15px !important;line-height:1.75 !important}.policy-content h2,.legal-body h2{font-size:clamp(18px,5vw,24px) !important;margin-top:32px !important}.policy-content h3,.legal-body h3{font-size:clamp(16px,4.5vw,20px) !important}}
@media (max-width:768px){.cookie-table-wrap,table[class*="cookie"],.cp-table-wrap{overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;display:block !important}table[class*="cookie"] td,table[class*="cookie"] th{min-width:120px !important;font-size:13px !important;padding:10px 12px !important}}
@media (max-width:768px){.toc-sidebar,.pp-toc{position:static !important;width:100% !important;margin-bottom:24px !important;border-radius:12px !important}}
@media (max-width:640px){.cc-banner,#cookie-consent-banner{padding:16px !important;gap:12px !important}.cc-banner-actions{flex-direction:column !important;width:100% !important;gap:8px !important}.cc-btn-primary,.cc-btn-secondary,.cc-btn-outline{width:100% !important;min-height:44px !important;font-size:15px !important;justify-content:center !important}.cc-modal{width:calc(100vw - 32px) !important;max-height:90vh !important;overflow-y:auto !important;padding:20px 16px !important}.cc-category{padding:14px 0 !important}.cc-category-title{font-size:15px !important}.cc-category-desc,.cc-category-examples{font-size:13px !important;line-height:1.6 !important}}
@media (max-width:640px){.section-heading{font-size:clamp(24px,6.5vw,36px) !important;line-height:1.2 !important}.section-sub{font-size:16px !important;line-height:1.65 !important}section,.section{padding-top:48px !important;padding-bottom:48px !important}.page-hero{padding:56px 0 36px !important}}
@media (max-width:480px){.section-heading{font-size:clamp(22px,7vw,32px) !important}}
@media (max-width:768px){a,button,[onclick],.nav-link,.faq-q,.filter-tab,.social-btn,.cc-toggle,.billing-toggle{touch-action:manipulation !important}}
@media (max-width:768px){.btn,.nav-link,.faq-q,.filter-tab{-webkit-tap-highlight-color:rgba(247,148,29,.15) !important}}
@media (max-width:640px){.cl-tooltip-box{bottom:auto !important;top:calc(100% + 8px) !important;left:50% !important;transform:translateX(-50%) !important;width:min(260px,calc(100vw - 32px)) !important;font-size:12px !important}}
@media (max-width:480px){.pc-popular-badge,[class*="popular-badge"]{font-size:11px !important;padding:4px 12px !important}}
@media (max-width:480px){.dashboard-mockup,.lb-mockup,.sol-visual{max-width:100% !important;overflow:hidden !important;border-radius:12px !important}}
@media (max-width:640px){.faq-a table{font-size:12px !important;min-width:380px !important}.faq-a table th,.faq-a table td{padding:8px 10px !important}}
@media (max-width:640px){.cf-response-badge{font-size:13px !important;padding:12px 16px !important}.cf-response-label{font-size:13px !important}}
@media (max-width:480px){.pricing-hero h1,#page-pricing .section-heading{font-size:clamp(26px,7.5vw,40px) !important}}
@media (max-width:480px){.cf-row-2,.form-row.cf-row-2{grid-template-columns:1fr !important}}
@media (max-width:480px){.sp-logos-inner{overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;padding-bottom:8px !important;scrollbar-width:none !important}.sp-logos-inner::-webkit-scrollbar{display:none !important}}
.skip-to-content:focus{top:16px !important;z-index:10000 !important}


/* ===== accessibility-audit-fixes ===== */

:root{
  --cl-orange:#B45309;
  --cl-orange-dark:#92400E;
  --cl-teal:#0369A1;
  --cl-green:#15803D;
  --cc-orange:#B45309;
  --cc-orange-dk:#92400E;
  --gd-orange:#B45309;
  --gd-teal:#0369A1;
  --gd-green:#15803D;
}
.skip-to-content{background:var(--cl-orange);color:#fff}
.nav-logo{text-decoration:none}
.nav-logo:focus-visible,
.faq-q:focus-visible,
.gd-right-header:focus-visible,
.cl-tooltip-wrap:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(180,83,9,.35);
  outline-offset:3px;
}
.faq-q{
  width:100%;
  border:0;
  background:none;
  text-align:left;
  font:inherit;
}
.gd-right-header{
  width:100%;
  border:0;
  text-align:left;
  font:inherit;
}
.faq-a[hidden],
.gd-right-body[hidden]{display:none !important}
.cl-tooltip-wrap[role="button"]{cursor:pointer}
.cl-tooltip-wrap.is-open .cl-tooltip-box,
.cl-tooltip-wrap[aria-expanded="true"] .cl-tooltip-box{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
.btn-primary,
.pc-cta--starter,
.pc-cta--growth,
.pricing-matrix-cta--primary,
.cc-btn-primary,
.gd-btn-primary,
#gdpr-trigger,
.cl-calc-button{
  background:var(--cl-orange);
  border-color:var(--cl-orange);
  color:#fff;
}
.btn-primary:hover,
.pc-cta--starter:hover,
.pc-cta--growth:hover,
.pricing-matrix-cta--primary:hover,
.cc-btn-primary:hover,
.gd-btn-primary:hover,
#gdpr-trigger:hover,
.cl-calc-button:hover{
  background:var(--cl-orange-dark);
  border-color:var(--cl-orange-dark);
}
.pc-cta--scale{background:var(--cl-teal);color:#fff}
.pc-cta--scale:hover{background:#0F5B86}
.lb-avatar{background:var(--cl-orange)}
.lb-avatar-2,.lb-bar-2,.pc-tag--scale,.cm-cell-6,.p-14,.p-8,.brand-card-aggregator{color:var(--cl-teal)}
.lb-row .lb-avatar.lb-avatar-2{color:#ffffff}
.lb-bar{background:var(--cl-orange)}
.lb-avatar-2,.lb-bar-2{background:var(--cl-teal)}
.lb-avatar-3,.lb-bar-3,.pc-popular-badge,.pricing-intro-7{background:var(--cl-green);color:#fff}
.lb-pts{color:var(--cl-teal)}
.lb-pts-2,.brand-card-studio,.cm-cell-7,.p-15,.span-8{color:var(--cl-green)}
.section-label,
.sp-heading .sp-label,
.cl-calc-label,
.pc-head,
.pc-head-4,
.pc-tag--starter,
.pc-tag--growth,
.brand-card-operator,
.cm-cell-5,
.p-12,
.ent-badge,
.testi-link:hover,
.sp-testi-source a:hover,
.pc-tog:hover,
.pc-tog--ent:hover{color:var(--cl-orange-dark)}
.cm-ent-pill,
.span-10{background:var(--cl-orange);color:#fff}
.pc-tag--starter,
.pc-tag--growth,
.sp-heading .sp-label,
.cl-calc-label{color:var(--cl-orange-dark)}
.pc-head-5{color:var(--cl-teal)}
.sp-stat em,
.sp-group-label,
.sp-testi-header p,
.pc-psuf,
.pc-pnote,
.element-p-text,
.p-2,
.cm-group-row,
.cm-cell,
.cm-cell-4,
.span-11,
.brand-label,
.sp-disclaimer,
.sp-testi-source,
.sp-testi-source a,
.testi-link,
.pc-li--no,
.pc-ck--n{color:#4B5563}
.p-20,
.p-21,
.cm-scroll-4,
.span-3,
.pc-tog--ent,
.pc-pnote--ent{color:rgba(255,255,255,0.82)}


/* ===== matrix-render-fix-2026-03-25 ===== */
#cm-table{width:max-content;min-width:100%;table-layout:auto;}
#cm-table th.cm-feature,
#cm-table td.cm-cell,
#cm-table th.cm-group-row{display:table-cell;vertical-align:middle;}
#cm-table th.cm-feature{
  padding:13px 24px;
  color:#374151;
  font-size:14px;
  border-right:1px solid #F0F1F5;
  line-height:1.4;
}
#cm-table td.cm-cell{
  padding:13px 16px;
  text-align:center;
  color:#374151;
  font-size:14px;
  font-weight:600;
  border-right:1px solid #F0F1F5;
}
#cm-table td.cm-cell:last-child{border-right:none;}
#cm-table tr.cm-group-row th.cm-group-row{
  padding:14px 24px 10px;
  background:#F8F9FC;
  font-size:11px;
  font-weight:800;
  color:#9CA3AF;
  letter-spacing:1.4px;
  text-transform:uppercase;
  border-top:1px solid #E5E7EB;
}
#cm-table th.cm-feature > span.cm-feature{
  display:block;
  min-width:0 !important;
  width:auto !important;
  padding:0;
  margin-top:2px;
  border:0;
  box-shadow:none;
  font-size:10px;
  line-height:1.35;
  color:#6B7280;
}
#cm-table td.cm-cell > span.cm-cell,
#cm-table td.cm-cell > span.cm-cell-4{
  display:block;
  min-width:0 !important;
  width:auto !important;
  padding:0;
  margin-top:2px;
  border:0;
  box-shadow:none;
  font-size:10px;
  line-height:1.35;
  color:#9CA3AF;
}
@media (max-width:768px){
  #cm-table th.cm-feature{min-width:150px;width:150px !important;padding:10px 14px !important;font-size:12px;line-height:1.35;box-shadow:10px 0 16px rgba(255,255,255,0.96);}
  #cm-table td.cm-cell{min-width:92px;width:92px !important;padding:10px 10px !important;font-size:12px;white-space:nowrap;}
  #cm-table tr.cm-group-row th.cm-group-row{padding:11px 14px !important;font-size:11px !important;letter-spacing:0.7px;}
}
@media (max-width:480px){
  #cm-table th.cm-feature{min-width:136px;width:136px !important;padding:9px 12px !important;font-size:11.5px;}
  #cm-table td.cm-cell{min-width:84px;width:84px !important;padding:9px 8px !important;font-size:11.5px;}
  #cm-table tr.cm-group-row th.cm-group-row{padding:10px 12px !important;font-size:10.5px !important;}
}


/* ===== matrix-compact-tuning-2026-03-25 ===== */
.cm-scroll-4{width:28%;padding:18px 18px;}
.cm-scroll-5,.cm-scroll-6,.cm-scroll-7{width:18%;padding:18px 12px;}
#cm-table th.cm-feature{
  min-width:220px;
  width:220px;
  max-width:220px;
  padding:11px 14px;
  font-size:13px;
}
#cm-table td.cm-cell{
  min-width:100px;
  padding:11px 10px;
  font-size:13px;
  white-space:normal;
  word-break:normal;
}
#cm-table tr.cm-group-row th.cm-group-row{padding:12px 14px 9px;}
@media (max-width:768px){
  .cm-scroll-4{padding:16px 12px;}
  .cm-scroll-5,.cm-scroll-6,.cm-scroll-7{padding:16px 8px;}
  #cm-table th.cm-feature{min-width:124px;width:124px !important;max-width:124px;padding:9px 10px !important;font-size:11px;}
  #cm-table td.cm-cell{min-width:78px;width:78px !important;padding:8px 6px !important;font-size:10.5px;white-space:normal;line-height:1.25;}
  #cm-table th.cm-feature > span.cm-feature,
  #cm-table td.cm-cell > span.cm-cell,
  #cm-table td.cm-cell > span.cm-cell-4{font-size:9px;line-height:1.2;}
}
@media (max-width:480px){
  #cm-table th.cm-feature{min-width:110px;width:110px !important;max-width:110px;padding:8px 9px !important;font-size:10.5px;}
  #cm-table td.cm-cell{min-width:72px;width:72px !important;padding:7px 5px !important;font-size:10px;}
  #cm-table th.cm-feature > span.cm-feature,
  #cm-table td.cm-cell > span.cm-cell,
  #cm-table td.cm-cell > span.cm-cell-4{font-size:8.5px;}
}


/* faq-centering-pass-2026-03-25 */
.faq-section,
.faq-section .section-head,
.faq-section .h2-3,
.faq-group,
.faq-group-title{
  text-align:center;
}

.faq-group{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.faq-group > *{
  width:100%;
}

.faq-item{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}

.faq-q{
  position:relative;
  justify-content:center;
  text-align:center;
  padding-left:56px;
  padding-right:56px;
}

.faq-q-text{
  width:100%;
  text-align:center;
}

.faq-chevron{
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-50%);
}

.faq-item.open .faq-chevron{
  transform:translateY(-50%) rotate(180deg);
}

.faq-a,
.faq-a p,
.faq-a ul,
.faq-a ol,
.faq-a li,
.faq-a .small-note,
.faq-a .muted,
.faq-a table caption{
  text-align:center;
}

.faq-a ul,
.faq-a ol{
  list-style-position:inside;
  padding-left:0;
}

.faq-a table{
  margin-left:auto;
  margin-right:auto;
}

.faq-a th,
.faq-a td{
  text-align:center;
}

@media (max-width: 768px){
  .faq-q{
    padding-left:48px;
    padding-right:48px;
  }
  .faq-chevron{
    right:18px;
  }
}


/* faq-wrapper-centering-fix-2026-03-25 */
section.faq-section{
  max-width:none;
  width:100%;
  margin:0;
  padding:80px 0;
}

.container.faq-section{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}

.faq-group-title{
  text-align:center;
}

.faq-item{
  width:100%;
}


/* faq-polish-pass-2026-03-25 */
.container.faq-section{
  max-width:760px;
}

.faq-group{
  margin-bottom:56px;
}

.faq-item{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:12px;
  border-radius:14px;
}

.faq-group-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin:0 auto 20px;
  padding:0;
  border-bottom:none;
  font-size:18px;
  line-height:1.3;
}

.faq-group-title::before,
.faq-group-title::after{
  content:"";
  flex:1 1 auto;
  max-width:140px;
  height:1px;
  background:linear-gradient(90deg, rgba(41,171,226,0), rgba(41,171,226,.35));
}

.faq-group-title::after{
  background:linear-gradient(90deg, rgba(41,171,226,.35), rgba(41,171,226,0));
}

.faq-q,
.faq-a{
  max-width:760px;
}

@media (max-width: 768px){
  .container.faq-section,
  .faq-item,
  .faq-q,
  .faq-a{
    max-width:100%;
  }

  .faq-group{
    margin-bottom:48px;
  }

  .faq-group-title{
    gap:12px;
    margin-bottom:16px;
    font-size:17px;
  }

  .faq-group-title::before,
  .faq-group-title::after{
    max-width:72px;
  }
}


/* faq-layout-stabilize-2026-03-25 */
section.faq-section{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:80px 0 !important;
}

section.faq-section > .container.faq-section{
  width:min(720px, calc(100% - 48px)) !important;
  max-width:720px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

section.faq-section .faq-group{
  display:block !important;
  width:100% !important;
  max-width:720px !important;
  margin:0 auto 52px !important;
  text-align:left !important;
}

section.faq-section .faq-group-title{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:720px !important;
  margin:0 auto 18px !important;
  padding:0 120px !important;
  border-bottom:none !important;
  text-align:center !important;
  line-height:1.3 !important;
  overflow:visible !important;
}

section.faq-section .faq-group-title::before,
section.faq-section .faq-group-title::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  width:88px !important;
  height:1px !important;
  transform:translateY(-50%) !important;
}

section.faq-section .faq-group-title::before{
  left:0 !important;
  background:linear-gradient(90deg, rgba(41,171,226,0), rgba(41,171,226,.35)) !important;
}

section.faq-section .faq-group-title::after{
  right:0 !important;
  background:linear-gradient(90deg, rgba(41,171,226,.35), rgba(41,171,226,0)) !important;
}

section.faq-section .faq-item{
  width:100% !important;
  max-width:720px !important;
  margin:0 auto 12px !important;
  border-radius:14px !important;
}

section.faq-section .faq-q{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  text-align:left !important;
  padding:18px 22px !important;
}

section.faq-section .faq-q-text{
  flex:1 1 auto !important;
  width:auto !important;
  text-align:left !important;
}

section.faq-section .faq-chevron{
  position:static !important;
  top:auto !important;
  right:auto !important;
  margin-left:12px !important;
  transform:none !important;
}

section.faq-section .faq-item.open .faq-chevron{
  transform:rotate(180deg) !important;
}

section.faq-section .faq-item > .faq-a,
section.faq-section .faq-item > .faq-a p,
section.faq-section .faq-item > .faq-a ul,
section.faq-section .faq-item > .faq-a ol,
section.faq-section .faq-item > .faq-a li{
  text-align:left !important;
}

section.faq-section .faq-item > .faq-a table{
  margin:12px auto 0 !important;
}

@media (max-width: 768px){
  section.faq-section > .container.faq-section{
    width:min(100%, calc(100% - 32px)) !important;
    max-width:none !important;
  }

  section.faq-section .faq-group{
    margin-bottom:44px !important;
  }

  section.faq-section .faq-group-title{
    padding:0 76px !important;
    margin-bottom:16px !important;
    font-size:17px !important;
  }

  section.faq-section .faq-group-title::before,
  section.faq-section .faq-group-title::after{
    width:56px !important;
  }
}

@media (max-width: 480px){
  section.faq-section .faq-group-title{
    padding:0 52px !important;
  }

  section.faq-section .faq-group-title::before,
  section.faq-section .faq-group-title::after{
    width:40px !important;
  }
}


/* pricing-card-alignment-v2-2026-03-25 */
@media (min-width:1101px){
  /* ── Grid layout for each card's .pc-head wrapper ── */
  .pc-card > .pc-head{
    padding:28px 20px 20px !important;
    display:grid !important;
    grid-template-rows:
      28px    /* row 1 – tag badge */
      52px    /* row 2 – eyebrow */
      132px   /* row 3 – main heading */
      148px   /* row 4 – description */
      48px    /* row 5 – price */
      16px    /* row 6 – billing note */
      240px   /* row 7 – limits box */
      auto    /* row 8 – CTA button */
      !important;
    gap:12px !important;
    align-content:start !important;
    flex:none !important;
  }

  /* ── Fix: Starter eyebrow shares .pc-head class with parent ── */
  .pc-card > .pc-head > div.pc-head{
    padding:0 !important;
    flex:none !important;
    display:flex !important;
    flex-direction:row !important;
    gap:0 !important;
    align-items:flex-start !important;
    min-height:auto !important;
    margin:0 !important;
  }

  /* ── Slot 1: Tag row ── */
  .pc-card > .pc-head > .pc-tag-row{
    min-height:28px !important;
    max-height:28px !important;
    margin:0 !important;
    align-items:center !important;
    overflow:hidden !important;
  }

  /* ── Slot 2: Eyebrow text ── */
  .pc-card > .pc-head > .pc-head,
  .pc-card > .pc-head > .pc-head-4,
  .pc-card > .pc-head > .pc-head-5,
  .pc-card > .pc-head > .pc-head-6{
    min-height:52px !important;
    max-height:52px !important;
    margin:0 !important;
    display:flex !important;
    align-items:flex-start !important;
    overflow:hidden !important;
  }

  /* ── Slot 3: Heading ── */
  .pc-card > .pc-head > .pc-head-2,
  .pc-card > .pc-head > .pc-head-7{
    min-height:132px !important;
    max-height:132px !important;
    margin:0 !important;
    display:flex !important;
    align-items:flex-start !important;
    overflow:hidden !important;
  }

  /* ── Slot 4: Description ── */
  .pc-card > .pc-head > .pc-head-3,
  .pc-card > .pc-head > .pc-head-8{
    min-height:148px !important;
    max-height:148px !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  /* ── Slot 5: Price ── */
  .pc-card > .pc-head > .pc-price-row{
    min-height:48px !important;
    max-height:48px !important;
    margin:0 !important;
    align-items:flex-end !important;
  }

  /* ── Slot 6: Billing note ── */
  .pc-card > .pc-head > .pc-pnote{
    min-height:16px !important;
    max-height:16px !important;
    margin:0 !important;
  }

  /* ── Slot 7: Limits box ── */
  .pc-card > .pc-head > .pc-limits{
    min-height:240px !important;
    margin:0 !important;
    align-content:flex-start !important;
  }

  /* ── Slot 8: CTA button ── */
  .pc-card > .pc-head > .pc-cta{
    margin-top:0 !important;
    align-self:stretch !important;
  }
}

/* resource-pages-pass-2026-03-25 */
.resource-card-doc .rc-title{min-height:unset}
.rc-img-7{background:linear-gradient(135deg,rgba(41,171,226,.18),rgba(247,148,29,.22))}
.rc-img-8{background:linear-gradient(135deg,rgba(0,180,140,.16),rgba(41,171,226,.18))}
.resource-detail-section{padding:80px 0 96px;background:#fff}
.resource-detail-shell{max-width:1120px}
.resource-detail-intro{max-width:820px;margin:0 auto 40px;text-align:center}
.resource-pill-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}
.resource-pill{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:var(--cl-bg-soft);border:1px solid var(--cl-border);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cl-text-muted)}
.resource-detail-copy{font-size:17px;line-height:1.8;color:var(--cl-text-muted);max-width:760px;margin:0 auto}
.resource-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:10px}
.resource-detail-card{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:24px;padding:28px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.resource-detail-card h3{font-size:22px;line-height:1.2;color:var(--cl-text);margin:10px 0 12px}
.resource-detail-card p{font-size:15px;line-height:1.75;color:var(--cl-text-muted)}
.resource-detail-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--cl-orange-light);font-size:24px}
.resource-checklist{margin-top:16px;display:flex;flex-direction:column;gap:10px;padding-left:0;list-style:none}
.resource-checklist li{position:relative;padding-left:22px;font-size:14px;line-height:1.65;color:var(--cl-text)}
.resource-checklist li::before{content:'•';position:absolute;left:6px;top:0;color:var(--cl-orange);font-weight:800}
.code-sample-card{margin-top:28px;border-radius:28px;background:linear-gradient(135deg,#0f172a,#10223f);padding:30px;box-shadow:0 18px 44px rgba(15,23,42,.22)}
.code-sample-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.code-sample-title{font-size:28px;line-height:1.15;color:#fff;margin-top:10px}
.code-sample-badges{display:flex;gap:10px;flex-wrap:wrap}
.code-sample-badges span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.code-sample-card pre{margin:0;white-space:pre-wrap;word-break:break-word;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;font-size:14px;line-height:1.75;color:#e5eefb;overflow:auto}
.resource-detail-cta{margin-top:28px;border-radius:28px;background:var(--cl-bg-soft);border:1px solid var(--cl-border);padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.resource-cta-title{font-size:30px;line-height:1.15;color:var(--cl-text);margin-top:10px}
.resource-cta-copy{font-size:15px;line-height:1.75;color:var(--cl-text-muted);margin-top:10px;max-width:640px}
.resource-cta-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.resource-preview-panel{margin-top:28px;border:1px solid rgba(17,24,39,.08);border-radius:28px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.08);overflow:hidden;display:grid;grid-template-columns:260px 1fr;min-height:360px}
.resource-preview-sidebar{background:var(--cl-bg-soft);border-right:1px solid var(--cl-border);padding:28px}
.resource-preview-heading{font-size:18px;font-weight:800;color:var(--cl-text);margin-bottom:18px}
.resource-preview-sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.resource-preview-sidebar li{font-size:14px;line-height:1.5;color:var(--cl-text-muted);padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--cl-border)}
.resource-preview-canvas{display:flex;flex-direction:column;min-width:0}
.resource-preview-toolbar{display:flex;gap:10px;flex-wrap:wrap;padding:22px 24px;border-bottom:1px solid var(--cl-border);background:#fff}
.resource-preview-toolbar span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--cl-teal-light);color:var(--cl-teal);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.resource-preview-stage{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px;background:linear-gradient(180deg,#ffffff 0%,#f7fafc 100%)}
.resource-preview-stage span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cl-orange)}
.resource-preview-stage strong{display:block;font-size:30px;line-height:1.12;color:var(--cl-text);margin-top:14px}
.resource-preview-stage p{font-size:15px;line-height:1.7;color:var(--cl-text-muted);margin-top:12px;max-width:520px}
@media (max-width: 980px){
  .resource-detail-grid,.resource-preview-panel,.resource-detail-cta{grid-template-columns:1fr;display:grid}
  .resource-detail-cta{justify-items:start}
}
@media (max-width: 768px){
  .resource-detail-section{padding:64px 0 80px}
  .resource-detail-card,.code-sample-card,.resource-detail-cta{padding:22px}
  .code-sample-head{flex-direction:column}
  .resource-cta-title,.code-sample-title{font-size:24px}
  .resource-preview-sidebar{border-right:none;border-bottom:1px solid var(--cl-border)}
}
@media (max-width: 640px){
  .resource-detail-grid{grid-template-columns:1fr}
  .resource-pill-row,.resource-cta-actions{justify-content:flex-start}
  .resource-preview-toolbar{padding:18px}
  .resource-preview-stage strong{font-size:24px}
}

/* ===== Added: Academy full migration styles ===== */
.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}

.academy-doc-sidebar{max-height:calc(100vh - 120px);overflow:auto}

.academy-doc-nav{display:flex;flex-direction:column;gap:16px;margin-top:18px}

.academy-doc-nav-group{display:flex;flex-direction:column;gap:8px}

.academy-doc-nav-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cl-orange);padding:0 4px}

.academy-doc-nav-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--cl-border);border-radius:14px;font-size:13px;font-weight:600;color:var(--cl-text);background:var(--cl-bg-soft);transition:border-color .2s,transform .2s,color .2s}

.academy-doc-nav-link span{color:var(--cl-orange)}

.academy-doc-nav-link:hover,.academy-doc-nav-link.is-active{border-color:var(--cl-orange);color:var(--cl-orange);transform:translateY(-1px)}

.academy-doc-article{padding:30px}

.academy-doc-breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cl-text-muted);margin-bottom:18px}

.academy-doc-breadcrumbs span{display:inline-flex;align-items:center;gap:8px}

.academy-doc-breadcrumbs span:not(:last-child)::after{content:'›';color:var(--cl-orange);margin-left:8px}

.academy-doc-content{color:var(--cl-text)}

.academy-doc-content>*:first-child{margin-top:0!important}

.academy-doc-content h1,.academy-doc-content h2,.academy-doc-content h3,.academy-doc-content h4{color:var(--cl-text);line-height:1.15;letter-spacing:-.02em;margin:26px 0 14px}

.academy-doc-content h1{font-size:clamp(30px,3.4vw,42px)}

.academy-doc-content h2{font-size:clamp(24px,2.8vw,34px)}

.academy-doc-content h3{font-size:22px}

.academy-doc-content h4{font-size:18px}

.academy-doc-content p,.academy-doc-content li{font-size:15px;line-height:1.85;color:var(--cl-text-muted)}

.academy-doc-content p{margin:14px 0}

.academy-doc-content ul,.academy-doc-content ol{padding-left:24px;margin:14px 0 18px}

.academy-doc-content li+li{margin-top:8px}

.academy-doc-content a{color:var(--cl-orange);font-weight:700;text-decoration:none}

.academy-doc-content a:hover{text-decoration:underline}

.academy-doc-content img{display:block;max-width:100%;height:auto;border-radius:22px;border:1px solid rgba(17,24,39,.08);box-shadow:0 12px 28px rgba(15,23,42,.08);margin:22px 0}

.academy-doc-content table{width:100%;border-collapse:collapse;margin:22px 0;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:20px;overflow:hidden;display:block}

.academy-doc-content table tbody,.academy-doc-content table thead{display:table;width:100%;table-layout:fixed}

.academy-doc-content th,.academy-doc-content td{padding:12px 14px;border-bottom:1px solid rgba(17,24,39,.08);font-size:14px;line-height:1.6;text-align:left}

.academy-doc-content th{background:var(--cl-bg-soft);color:var(--cl-text);font-weight:800}

.academy-doc-content blockquote{margin:22px 0;padding:18px 20px;border-left:4px solid var(--cl-orange);background:var(--cl-orange-light);border-radius:0 18px 18px 0;color:var(--cl-text)}

.academy-doc-content hr{border:none;border-top:1px solid var(--cl-border);margin:28px 0}

.academy-doc-content .academy-doc-external{margin:18px 0;padding:14px 16px;border-radius:16px;background:var(--cl-bg-soft);border:1px dashed var(--cl-border)}

@media (max-width: 1024px){.academy-layout{grid-template-columns:1fr}.academy-doc-sidebar,.academy-sidebar-card{position:static;max-height:none}}

@media (max-width: 640px){.academy-doc-article,.academy-intro-panel,.academy-group{padding:22px}.academy-grid{grid-template-columns:1fr}.academy-doc-content h1{font-size:32px}.academy-doc-content h2{font-size:26px}}

/* ===== Added: Default UX Package full migration styles ===== */
.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}

.content-section{padding:28px 0 92px}

.ux-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}

.ux-sidebar{position:sticky;top:92px;padding:22px;border:1px solid rgba(17,24,39,.08);border-radius:26px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06)}

.ux-sidebar-title{font-size:18px;font-weight:800;line-height:1.2}

.ux-sidebar-copy{font-size:14px;line-height:1.75;color:var(--cl-text-muted);margin-top:10px}

.ux-nav{display:flex;flex-direction:column;gap:18px;margin-top:20px}

.ux-nav-group{display:flex;flex-direction:column;gap:8px}

.ux-nav-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cl-orange);padding:0 4px}

.ux-nav-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--cl-border);border-radius:14px;background:var(--cl-bg-soft);font-size:13px;font-weight:700;color:var(--cl-text)}

.ux-nav-link span{color:var(--cl-orange)}

.ux-nav-link:hover,.ux-nav-link.is-active{border-color:var(--cl-orange);color:var(--cl-orange)}

.preview-shell{display:grid;grid-template-columns:1fr 320px;gap:22px}

@media (max-width:1024px){.ux-layout,.preview-shell{grid-template-columns:1fr}.ux-sidebar{position:static}.metric-strip,.footer-grid{grid-template-columns:1fr 1fr}}


/* ===== Academy live replica styles ===== */
.academy-live-section{padding:48px 0 80px;background:#fff}
.academy-live-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start}
.academy-live-sidebar{position:relative}
.academy-live-sidebar-box{position:sticky;top:96px;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:24px;padding:20px 18px;box-shadow:0 20px 48px rgba(15,23,42,.08);max-height:calc(100vh - 120px);overflow:auto}
#menu-sidebar,.academy-live-sidebar ul{list-style:none;margin:0;padding:0}
#menu-sidebar > li + li{margin-top:10px}
#menu-sidebar li{position:relative}
#menu-sidebar li > a{display:block;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.35;color:#5b6472;font-weight:600;transition:all .18s ease}
#menu-sidebar li > a:hover{background:#fff4e6;color:#f7941d}
#menu-sidebar li.current-menu-item > a,#menu-sidebar li.current_page_item > a{background:#fff4e6;color:#f7941d;font-weight:800}
#menu-sidebar li.menu-item-has-children > a{color:#111827;font-weight:800}
#menu-sidebar .sub-menu{margin:6px 0 0 12px;padding-left:12px;border-left:2px solid #eef2f7}
#menu-sidebar .sub-menu li > a{font-size:13px;padding:8px 10px}
.academy-live-content{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:28px;padding:28px 28px 36px;box-shadow:0 20px 48px rgba(15,23,42,.06);min-width:0}
.academy-live-content article{max-width:none}
.academy-live-content .single-content{color:#111827}
.academy-live-content .single-content p,
.academy-live-content .single-content li{font-size:16px;line-height:1.8;color:#364152}
.academy-live-content .single-content h1,
.academy-live-content .single-content h2,
.academy-live-content .single-content h3,
.academy-live-content .single-content h4,
.academy-live-content .single-content h5{color:#111827;line-height:1.2;letter-spacing:-.02em;margin:0 0 14px}
.academy-live-content .single-content h1{font-size:clamp(32px,4vw,48px)}
.academy-live-content .single-content h2{font-size:clamp(28px,3vw,40px)}
.academy-live-content .single-content h3{font-size:24px}
.academy-live-content .single-content h4{font-size:20px}
.academy-live-content img{max-width:100%;height:auto;border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.08)}
.academy-live-content iframe{width:100%;max-width:100%;min-height:360px;border:0;border-radius:18px}
.academy-live-content table{width:100%;border-collapse:collapse;display:table;margin:12px 0 24px;background:#fff}
.academy-live-content th,.academy-live-content td{border:1px solid #e5e7eb;padding:12px 14px;vertical-align:top}
.academy-live-content blockquote{margin:20px 0;padding:16px 18px;border-left:4px solid #f7941d;background:#fff8f0;border-radius:0 16px 16px 0}
.academy-live-content a{color:#f7941d;text-decoration:none;font-weight:700}
.academy-live-content a:hover{text-decoration:underline}
.academy-live-content .vc_empty_space{height:24px}
.academy-live-content .vc_separator{display:flex;align-items:center;gap:16px;margin:18px 0 24px}
.academy-live-content .vc_separator .vc_sep_holder{flex:1;height:1px;background:#e5e7eb;display:block}
.academy-live-content .vc_separator h4{margin:0;font-size:18px}
.academy-live-content .vc_message_box{padding:18px 20px;border-radius:18px;border:1px solid #f6c7c7;background:#fff5f5;color:#7f1d1d;margin-bottom:22px}
.academy-live-content .vc_message_box p{color:inherit}
.academy-live-content .vc_row{display:flex;flex-wrap:wrap;gap:24px}
.academy-live-content .vc_column_container{min-width:0;flex:1 1 100%}
.academy-live-content [class*="vc_col-sm-12"]{flex-basis:100%;max-width:100%}
.academy-live-content [class*="vc_col-sm-8"]{flex-basis:calc(66.666% - 12px);max-width:calc(66.666% - 12px)}
.academy-live-content [class*="vc_col-sm-6"]{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px)}
.academy-live-content [class*="vc_col-sm-4"]{flex-basis:calc(33.333% - 16px);max-width:calc(33.333% - 16px)}
.academy-live-content [class*="vc_col-sm-3/5"]{flex-basis:calc(60% - 10px);max-width:calc(60% - 10px)}
.academy-live-content [class*="vc_col-sm-2/5"]{flex-basis:calc(40% - 14px);max-width:calc(40% - 14px)}
.academy-live-content [class*="vc_col-sm-1/5"]{flex-basis:calc(20% - 20px);max-width:calc(20% - 20px)}
.academy-live-content .vc_column-inner,.academy-live-content .wpb_wrapper{width:100%}
.academy-live-content .vcex-feature-box{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;padding:20px;border:1px solid #eef2f7;border-radius:22px;background:linear-gradient(180deg,#fff, #fbfcfe)}
.academy-live-content .vcex-feature-box-media,.academy-live-content .vcex-feature-box-content{min-width:0;flex:1 1 280px}
.academy-live-content .vcex-feature-box-content p:last-child{margin-bottom:0}
.academy-live-content .wpb_video_widget{border-radius:18px;overflow:hidden;box-shadow:0 10px 24px rgba(15,23,42,.08)}
.academy-live-content .wpb_single_image,.academy-live-content .vcex-feature-box-image{text-align:center}
.academy-live-content ol,.academy-live-content ul{padding-left:22px}
@media (max-width: 1080px){
  .academy-live-layout{grid-template-columns:1fr}
  .academy-live-sidebar-box{position:relative;top:auto;max-height:none}
}
@media (max-width: 760px){
  .academy-live-content{padding:18px}
  .academy-live-content [class*="vc_col-sm-"]{flex-basis:100% !important;max-width:100% !important}
  .academy-live-content iframe{min-height:220px}
}


/* ===== Academy final polish styles ===== */
.academy-live-sidebar-heading{margin:0 0 14px;padding:0 12px 10px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;border-bottom:1px solid #eef2f7}
#menu-sidebar li.current-menu-ancestor > a{color:#111827}
#menu-sidebar li.current-menu-ancestor > .sub-menu{border-left-color:#fed7aa}
.academy-live-content{overflow:hidden}
.academy-live-page-header{margin:0 0 28px;padding:0 0 22px;border-bottom:1px solid #eef2f7}
.academy-live-page-kicker{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f7941d}
.academy-live-page-title{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.08;color:#111827}
.academy-live-page-label{margin:10px 0 0;font-size:15px;line-height:1.6;color:#64748b}
.academy-live-content .single-content > *:first-child{margin-top:0}
.academy-live-content .single-content > p:first-of-type{font-size:18px;color:#334155}
.academy-live-content .single-content .wpb_wrapper > p:first-of-type{font-size:18px;color:#334155}
.academy-live-media{display:block;margin:18px auto 24px}
.academy-live-content figure{margin:20px 0 24px}
.academy-live-content .wp-caption-text,.academy-live-content figcaption{margin-top:8px;font-size:13px;line-height:1.6;color:#64748b;text-align:center}
.academy-live-content .wpb_text_column,.academy-live-content .wpb_single_image,.academy-live-content .wpb_video_widget,.academy-live-content .vc_separator,.academy-live-content .vc_message_box{margin-bottom:24px}
.academy-live-content .single-content ul li + li,.academy-live-content .single-content ol li + li{margin-top:8px}
.academy-live-content .single-content strong{color:#111827}
.academy-live-content .academy-live-external-link::after{content:' ↗';font-size:.9em}
.academy-live-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:32px 0 0;padding-top:24px;border-top:1px solid #eef2f7}
.academy-live-pager-link{display:flex;align-items:center;justify-content:center;min-height:58px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;text-align:center;color:#111827 !important;font-weight:700;line-height:1.4;text-decoration:none !important;box-shadow:0 8px 20px rgba(15,23,42,.04);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.academy-live-pager-link:hover{transform:translateY(-1px);border-color:#fdba74;box-shadow:0 12px 28px rgba(247,148,29,.12);text-decoration:none}
.academy-live-pager-prev{justify-content:flex-start}
.academy-live-pager-next{justify-content:flex-end}
@media (max-width: 760px){
  .academy-live-page-header{margin-bottom:22px;padding-bottom:18px}
  .academy-live-page-title{font-size:clamp(26px,8vw,36px)}
  .academy-live-pager{grid-template-columns:1fr}
  .academy-live-pager-prev,.academy-live-pager-next{justify-content:center}
}

/* ===== Default UX Package migration ===== */
.ux-migrate-hero{padding-bottom:54px}
.ux-migrate-section{padding:34px 0 92px;background:#fff}
.ux-migrate-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
.ux-migrate-sidebar{position:relative}
.ux-migrate-sidebar-box{position:sticky;top:96px;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:24px;padding:22px;box-shadow:0 12px 28px rgba(17,24,39,.06)}
.ux-migrate-sidebar-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cl-orange);margin-bottom:8px}
.ux-migrate-sidebar-title{font-size:19px;font-weight:800;line-height:1.2;color:var(--cl-text)}
.ux-migrate-sidebar-copy{margin:10px 0 0;font-size:14px;line-height:1.75;color:var(--cl-text-muted)}
.ux-migrate-nav{display:flex;flex-direction:column;gap:18px;margin-top:20px}
.ux-migrate-nav-group{display:flex;flex-direction:column;gap:8px}
.ux-migrate-nav-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cl-orange);padding:0 4px}
.ux-migrate-nav-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(17,24,39,.08);background:#f8fafc;font-size:13px;font-weight:700;color:var(--cl-text);transition:border-color .2s,transform .2s,color .2s,background .2s}
.ux-migrate-nav-link span{color:var(--cl-orange)}
.ux-migrate-nav-link:hover,.ux-migrate-nav-link.is-active{border-color:rgba(247,148,29,.28);background:#fff7ef;color:var(--cl-orange);transform:translateY(-1px)}
.ux-migrate-sidebar-actions{margin-top:18px}
.ux-migrate-main{display:flex;flex-direction:column;gap:24px}
.ux-migrate-panel{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:28px;padding:24px;box-shadow:0 12px 30px rgba(17,24,39,.06)}
.ux-migrate-panel-intro{padding:24px 26px}
.ux-migrate-chip-row{display:flex;flex-wrap:wrap;gap:10px}
.ux-migrate-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid rgba(17,24,39,.08);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--cl-text-muted)}
.ux-migrate-panel-copy{margin:16px 0 0;font-size:15px;line-height:1.8;color:var(--cl-text-muted)}
.ux-migrate-resource-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ux-migrate-resource-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff4e6;border:1px solid rgba(247,148,29,.18);font-size:13px;font-weight:800;color:var(--cl-orange)}
.ux-migrate-resource-link:hover{text-decoration:underline}
.ux-migrate-widget-panel{padding:0;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)}
.ux-migrate-widget-wrap{padding:22px}
.ux-migrate-widget-wrap .widget-theme-container{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 16px;padding:0}
.ux-migrate-widget-wrap .widget-theme-container li{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;background:#eef7fd;border:1px solid rgba(0,161,189,.18);color:#0f172a;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s ease}
.ux-migrate-widget-wrap .widget-theme-container li.active,.ux-migrate-widget-wrap .widget-theme-container li:hover{background:#00a1bd;color:#fff;border-color:#00a1bd;box-shadow:0 10px 24px rgba(0,161,189,.18)}
.ux-migrate-widget-wrap .widget-theme-container li.select{padding-right:12px}
.ux-migrate-widget-wrap .widget-theme-container select{border:none;background:transparent;font:inherit;color:inherit;outline:none;cursor:pointer}
.ux-migrate-widget-wrap .widget-container{position:relative;border-radius:26px;border:1px solid rgba(17,24,39,.08);background:#fff;box-shadow:0 12px 32px rgba(17,24,39,.08);padding:18px;min-height:540px}
.ux-migrate-widget-wrap .cl-available-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.ux-migrate-widget-wrap .cl-available-actions a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#f8fafc;border:1px solid rgba(17,24,39,.08);font-size:13px;font-weight:700;color:var(--cl-text)}
.ux-migrate-widget-wrap .cl-available-actions a:hover{border-color:rgba(247,148,29,.26);color:var(--cl-orange)}
.ux-migrate-widget-wrap .widget-inner-container{position:relative;min-height:450px;border-radius:22px;background:#f4f7fb;overflow:hidden}
.ux-migrate-widget-wrap .click-container{display:none;position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s ease;z-index:15}
.ux-migrate-widget-wrap .click-circle-wrapper{position:absolute;left:52px;top:52px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}
.ux-migrate-widget-wrap .click-circle{width:16px;height:16px;border-radius:50%;background:rgba(247,148,29,.92);box-shadow:0 0 0 0 rgba(247,148,29,.55)}
.ux-migrate-widget-wrap .click-circle.animated-click{animation:uxClickPulse .5s ease forwards}
@keyframes uxClickPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(247,148,29,.55)}100%{transform:scale(3);box-shadow:0 0 0 20px rgba(247,148,29,0)}}
.ux-migrate-widget-wrap .view-options-modal{display:none;position:absolute;inset:0;z-index:25;background:rgba(15,23,42,.55);padding:22px}
.ux-migrate-widget-wrap .view-options-container{position:relative;height:100%;overflow:auto;border-radius:22px;background:#0f172a;color:#f8fafc;padding:22px}
.ux-migrate-widget-wrap .view-options-close{position:absolute;top:14px;right:16px;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);font-size:18px;font-weight:800;color:#fff}
.ux-migrate-widget-wrap .view-options-container pre{margin:28px 0 0;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.7}
.ux-migrate-pager{display:flex;justify-content:space-between;gap:16px;padding:4px 2px 0}
.ux-migrate-pager-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--cl-orange)}
.ux-migrate-pager-link:hover{text-decoration:underline}
.ux-landing-panel{padding:18px;background:#f6f9fc}
.ux-landing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ux-landing-card{display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(17,24,39,.08);box-shadow:0 10px 28px rgba(17,24,39,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ux-landing-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(17,24,39,.11);border-color:color-mix(in srgb, var(--ux-card-accent) 35%, white)}
.ux-landing-card-top{display:flex;flex-direction:column;gap:12px}
.ux-landing-card-top h3{font-size:28px;line-height:1.1;font-weight:400;color:var(--ux-card-accent);margin:0}
.ux-landing-icon{width:46px;height:46px;object-fit:contain}
.ux-landing-card-media{border-radius:16px;overflow:hidden;background:#fff}
.ux-landing-card-media img{width:100%;height:auto;display:block}
.ux-migrate-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#29abe2;color:#fff;border-radius:26px;padding:28px 32px;box-shadow:0 18px 36px rgba(41,171,226,.22)}
.ux-migrate-callout-copy{font-size:28px;line-height:1.2;font-weight:700;max-width:760px}
.ux-migrate-callout-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;background:#fff;color:#39b54a;font-size:15px;font-weight:800;white-space:nowrap}
.ux-migrate-callout-btn:hover{transform:translateY(-1px)}
@media (max-width:1180px){.ux-landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-migrate-callout{flex-direction:column;align-items:flex-start}.ux-migrate-callout-copy{font-size:24px}}
@media (max-width:1024px){.ux-migrate-layout{grid-template-columns:1fr}.ux-migrate-sidebar-box{position:static}}
@media (max-width:760px){.ux-migrate-section{padding:24px 0 72px}.ux-migrate-panel,.ux-migrate-widget-wrap{padding:18px}.ux-migrate-widget-wrap .widget-container{padding:14px;min-height:480px}.ux-migrate-widget-wrap .widget-inner-container{min-height:400px}.ux-landing-grid{grid-template-columns:1fr}.ux-migrate-callout{padding:22px}.ux-migrate-callout-copy{font-size:20px}.ux-migrate-pager{flex-direction:column}.ux-migrate-sidebar-actions .btn{width:100%;justify-content:center}}

/* ===== UX visual widget toolbar polish ===== */
.ux-migrate-widget-panel{background:#f4f4f4;border-color:#e1e1e1}
.ux-migrate-widget-wrap{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:14px;background:#f1f1f1;border-radius:18px}
.ux-migrate-widget-wrap .widget-theme-container{display:flex;align-items:center;gap:0;flex:0 0 auto;margin:0;padding:0;list-style:none;border:1px solid #d7d7d7;background:#fff;overflow:hidden;border-radius:0;box-shadow:none}
.ux-migrate-widget-wrap .widget-theme-container li{min-height:38px;padding:8px 18px;border:none;border-right:1px solid #d7d7d7;border-radius:0;background:#fff;color:#666;font-size:13px;font-weight:500;box-shadow:none}
.ux-migrate-widget-wrap .widget-theme-container li:last-child{border-right:none}
.ux-migrate-widget-wrap .widget-theme-container li.active,.ux-migrate-widget-wrap .widget-theme-container li:hover{background:#149fbe;color:#fff;transform:none;box-shadow:none}
.ux-migrate-widget-wrap .widget-theme-container li.select{padding-right:14px}
.ux-migrate-widget-wrap .widget-theme-container li.select select{padding-right:10px}
.ux-migrate-widget-wrap .widget-container{position:relative;width:100%;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;min-height:0}
.ux-migrate-widget-wrap .cl-available-actions{position:absolute;top:-50px;right:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin:0;z-index:5}
.ux-migrate-widget-wrap .cl-available-actions a{padding:8px 14px;border-radius:0;border:1px solid #dddddd;background:#f8f8f8;color:#4a4a4a;font-size:12px;font-weight:500;line-height:1.2}
.ux-migrate-widget-wrap .cl-available-actions a:hover{border-color:#c8c8c8;color:#1b1b1b;background:#fff;text-decoration:none}
.ux-migrate-widget-wrap .widget-inner-container{min-height:760px;border:1px solid #dcdcdc;border-radius:0;background:#ececec;overflow:hidden}
.ux-migrate-widget-wrap .view-options-modal{inset:48px 0 0 0;padding:12px;background:rgba(0,0,0,.48)}
.ux-migrate-widget-wrap .view-options-container{border-radius:0}
.ux-migrate-widget-wrap .click-circle-wrapper{left:56px;top:56px}
.ux-migrate-widget-wrap .cl-main-widget-wrapper{margin:0 auto}
@media (max-width:980px){
  .ux-migrate-widget-wrap{gap:10px}
  .ux-migrate-widget-wrap .widget-theme-container{width:100%}
  .ux-migrate-widget-wrap .cl-available-actions{position:static;width:100%;justify-content:flex-start;margin:0 0 10px}
  .ux-migrate-widget-wrap .widget-inner-container{min-height:680px}
}
@media (max-width:760px){
  .ux-migrate-widget-wrap .widget-theme-container{flex-wrap:wrap}
  .ux-migrate-widget-wrap .widget-theme-container li{flex:1 1 auto;text-align:center}
  .ux-migrate-widget-wrap .cl-available-actions a{font-size:11px;padding:8px 10px}
  .ux-migrate-widget-wrap .widget-inner-container{min-height:560px}
}


/* ===== press-migration ===== */
.press-hero-copy{max-width:860px;margin:0 auto}
.press-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.press-card-surface{height:100%}
.press-card-image-wrap{height:220px;min-height:220px;background:var(--cl-bg-soft);overflow:hidden;display:flex;align-items:center;justify-content:center}
.press-card-image{width:100%;height:100%;object-fit:cover}
.press-no-image{background:linear-gradient(135deg,var(--cl-orange-light),var(--cl-teal-light))}
.press-no-image span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cl-text)}
.press-card-date{font-size:12px;color:var(--cl-text-muted);margin-bottom:10px}
.press-article-hero{text-align:left}
.press-article-layout{max-width:860px;margin:0 auto}
.press-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--cl-text-muted);margin-bottom:18px;flex-wrap:wrap}
.press-breadcrumbs a{color:var(--cl-orange);font-weight:700}
.press-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.press-summary{margin-left:0;margin-right:0;max-width:none}
.press-featured-image{margin-top:28px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-hover);border:1px solid rgba(17,24,39,.08)}
.press-featured-image img{width:100%;height:auto;display:block}
.press-article-shell{padding:0 0 88px}
.press-back-link-wrap{margin-top:28px}
.academy-doc-content figure{margin:22px 0}
.academy-doc-content figcaption{font-size:13px;color:var(--cl-text-muted);margin-top:8px}
.academy-doc-content p strong,.academy-doc-content li strong{color:var(--cl-text)}
@media(max-width:800px){.resources-page-section .resources-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.resources-page-section .resources-grid-full{grid-template-columns:1fr}.press-card-image-wrap{height:200px;min-height:200px}.press-article-shell{padding-bottom:64px}}