/* ===========================================================================
   BM PREMIUM 2026  —  Editorial-authority design system
   Loaded LAST. Remaps legacy design tokens (single source of truth) and layers
   premium components over the existing markup. Repositions SaaS -> agency.
   =========================================================================== */

/* 1 ── TOKENS (override every legacy token set so the whole site recolors) ── */
:root{
  /* surfaces — deep charcoal, faint cool tint */
  --bg-deep:#0B0D12;--bg-primary:#0B0D12;--color-bg-primary:#0B0D12;--v6-bg-deep:#0B0D12;--bg-0:#0B0D12;
  --bg-elev:#12151C;--bg-secondary:#12151C;--color-bg-secondary:#12151C;--v6-bg-elev:#101620;
  --bg-card:#161A22;--color-bg-card:#161A22;--v6-bg-card:#161A22;--color-bg-elevated:#1C212B;
  --bg-card-hover:#1C212B;--color-bg-card-hover:#1C212B;--color-bg-glass:rgba(12,15,21,0.72);
  /* ink */
  --text-primary:#F3F4F6;--color-text-primary:#F3F4F6;--v6-text-1:#F3F4F6;
  --text-secondary:#B7BCC6;--color-text-secondary:#B7BCC6;--v6-text-2:#B7BCC6;
  --text-muted:#7E8690;--color-text-muted:#7E8690;--v6-text-3:#7E8690;
  /* hairline borders */
  --border-soft:rgba(255,255,255,0.06);--border-mid:rgba(255,255,255,0.11);
  --border-color:rgba(255,255,255,0.09);--color-border:rgba(255,255,255,0.11);
  --v6-border:rgba(255,255,255,0.08);--v6-border-mid:rgba(255,255,255,0.12);
  /* accent — one confident, deepened blue (no neon) */
  --accent:#4C7DF0;--accent-blue:#4C7DF0;--color-accent:#4C7DF0;--v6-accent:#4C7DF0;
  --accent-blue-hover:#3A6AE0;--accent-hover:#3A6AE0;--color-accent-hover:#3A6AE0;
  --accent-soft:rgba(76,125,240,0.12);--color-accent-dim:rgba(76,125,240,0.10);
  --color-accent-mid:rgba(76,125,240,0.16);--accent-glow:rgba(76,125,240,0.16);--color-accent-glow:rgba(76,125,240,0.16);
  --border-hover:rgba(76,125,240,0.32);--color-border-hover:rgba(76,125,240,0.30);--color-border-accent:rgba(76,125,240,0.16);
  /* champagne — premium emphasis, used sparingly */
  --gold:#C8A45C;--accent-gold:#C8A45C;--accent-amber:#C8A45C;--accent-warm:#C8A45C;--v6-accent-warm:#C8A45C;
  /* neutralise stray neon (purple / cyan / coral) -> brand */
  --accent-purple:#4C7DF0;--color-purple:#6E8BF2;--accent-cyan:#4C7DF0;--color-cyan:#3FB984;
  --accent-coral:#C8A45C;--accent-green:#3FB984;--accent-emerald:#3FB984;--color-success:#3FB984;
  --color-error:#E5687A;--accent-red:#E5687A;--color-warning:#C8A45C;
  /* gradients — flat duotone blue / gold; NO purple-cyan mesh */
  --gradient-blue:linear-gradient(135deg,#4C7DF0,#3A6AE0);--gradient-accent:linear-gradient(135deg,#4C7DF0,#3A6AE0);
  --gradient-gold:linear-gradient(135deg,#D8B978,#C8A45C);--gradient-emerald:linear-gradient(135deg,#3FB984,#2E9E6E);
  --gradient-mesh:radial-gradient(ellipse at 18% 28%,rgba(76,125,240,0.06),transparent 55%),radial-gradient(ellipse at 82% 72%,rgba(200,164,92,0.045),transparent 55%);
  --gradient-glow:radial-gradient(circle,rgba(76,125,240,0.05),transparent 70%);
  /* shadows — restrained, no glow */
  --shadow-card:0 1px 0 rgba(255,255,255,0.04) inset,0 10px 30px rgba(0,0,0,0.38);
  --shadow-card-hover:0 1px 0 rgba(255,255,255,0.06) inset,0 18px 48px rgba(0,0,0,0.5);
  --shadow-glow-blue:none;--shadow-glow-gold:none;
  /* radius / motion / layout */
  --radius:10px;--radius-lg:14px;--radius-xl:18px;
  --transition-base:0.35s ease;--transition-spring:0.5s cubic-bezier(0.22,1,0.36,1);
  --container-width:1200px;--section-padding:88px;
  /* type — serif display is the signature move */
  --font-main:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-family-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-display:'Fraunces','Spectral',Georgia,'Times New Roman',serif;
  --font-family-display:'Fraunces','Spectral',Georgia,serif;
  --font-mono:'Space Grotesk',ui-monospace,SFMono-Regular,monospace;
}

/* 2 ── BASE / TYPOGRAPHY ─────────────────────────────────────────────────── */
body{background:var(--bg-deep);color:var(--text-secondary);font-family:var(--font-main);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
h1,h2,.h1,.h2,.section-title,.hero-title{font-family:var(--font-display)!important;color:var(--text-primary);
  font-weight:600;letter-spacing:-0.018em;line-height:1.12;}
h3,h4,.h3{font-family:var(--font-display);color:var(--text-primary);font-weight:600;letter-spacing:-0.01em;line-height:1.2;}
h5,h6{font-family:var(--font-main);color:var(--text-primary);font-weight:600;}
h1{font-size:clamp(2.5rem,4.8vw,4.1rem);}
h2{font-size:clamp(1.95rem,3.3vw,2.9rem);}
h3{font-size:clamp(1.3rem,1.9vw,1.65rem);}
p{line-height:1.72;}
a{color:var(--accent);text-decoration:none;transition:color var(--transition-base);}
a:hover{color:var(--accent-hover);}
::selection{background:rgba(200,164,92,0.30);color:#fff;}
strong,b{color:var(--text-primary);}

/* 3 ── NAV / HEADER ──────────────────────────────────────────────────────── */
.nav{background:rgba(11,13,18,0.82)!important;border-bottom:1px solid var(--border-soft)!important;
  backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);}
.nav.scrolled{background:rgba(11,13,18,0.95)!important;box-shadow:0 1px 0 rgba(255,255,255,0.05);}
.logo-icon{background:var(--gradient-blue)!important;border-radius:9px;box-shadow:none;}
.logo-text{font-family:var(--font-display);font-weight:600;letter-spacing:-0.01em;}
.logo-accent{color:var(--accent);}
.nav-links a,.nav-link,.nav-links>li>a{font-family:var(--font-main);font-weight:500;color:var(--text-secondary);}
.nav-links a:hover,.nav-link:hover{color:var(--text-primary);}

/* 4 ── BUTTONS — service-grade, restrained (not SaaS-neon) ──────────────── */
.btn,.btn-primary,.btn--primary,.btn-secondary,.btn--secondary,.btn-lg,.btn-outline,.btn-nav,.btn-full,.btn-mega-cta{
  font-family:var(--font-main);font-weight:600;letter-spacing:0.005em;border-radius:8px;
  transition:all var(--transition-base);box-shadow:none;}
.btn-primary,.btn--primary,.btn-mega-cta,.btn-nav{background:var(--accent);color:#fff;border:1px solid var(--accent);}
.btn-primary:hover,.btn--primary:hover,.btn-mega-cta:hover,.btn-nav:hover{
  background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;transform:translateY(-1px);}
.btn-outline,.btn-secondary,.btn--secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-mid);}
.btn-outline:hover,.btn-secondary:hover,.btn--secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);}
.btn-lg{padding:14px 30px;font-size:1.02rem;}

/* 5 ── SECTIONS + HEADERS ────────────────────────────────────────────────── */
.section:not(.hero):not(.page-hero):not(.bm-hero-big){padding-block:clamp(60px,7vw,104px);}
.section--dark{background:var(--bg-elev);}
.section-tag,.eyebrow,.bm-tag,.tag{display:inline-block;font-family:var(--font-mono);font-size:0.72rem;
  font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);}
.section-subtitle,.section-header p{color:var(--text-secondary);font-size:1.08rem;line-height:1.7;}

/* 6 ── CARDS — unify all variants ────────────────────────────────────────── */
.industry-card,.problem-card,.service-card,.result-card,.solution-card,.diff-card,.ai-demo-card,
.bm-price-card,.mega-result-card,.feature-card,.why-card,.process-card,.card{
  background:var(--bg-card)!important;border:1px solid var(--border-soft);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);}
.industry-card:hover,.problem-card:hover,.service-card:hover,.result-card:hover,.solution-card:hover,
.diff-card:hover,.bm-price-card:hover,.feature-card:hover,.why-card:hover,.card:hover{
  transform:translateY(-3px);border-color:var(--border-mid);box-shadow:var(--shadow-card-hover);}

/* 7 ── STATS — serif numerals read editorial ─────────────────────────────── */
.trust-stat strong,.stat-number,.problem-stat strong,.stat-value,.mega-stat-number{
  font-family:var(--font-display);color:var(--text-primary);font-weight:600;letter-spacing:-0.02em;}
.trust-stat span,.stat-label{color:var(--text-muted);}

/* 8 ── FAQ ───────────────────────────────────────────────────────────────── */
.faq-item,.schema-faq-item{border:1px solid var(--border-soft);border-radius:var(--radius);
  background:var(--bg-card);margin-bottom:12px;}
.faq-question,.schema-faq-question{font-family:var(--font-main);font-weight:600;color:var(--text-primary);}
.faq-answer,.schema-faq-answer{color:var(--text-secondary);line-height:1.7;}

/* 9 ── FOOTER ────────────────────────────────────────────────────────────── */
.footer{background:#090A0E;border-top:1px solid var(--border-soft);}
.footer a{color:var(--text-muted);}.footer a:hover{color:var(--text-primary);}

/* 10 ── PROSE LINKS (editorial underline) ───────────────────────────────── */
.blog-content a,.post-content a{color:var(--accent);text-decoration:underline;
  text-decoration-color:rgba(76,125,240,0.35);text-underline-offset:3px;}
.blog-content a:hover,.post-content a:hover{text-decoration-color:var(--accent);}

/* 11 ── A11Y focus ───────────────────────────────────────────────────────── */
a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible,
textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}


/* 12 ── SERVICE / PAGE HERO — premium editorial ─────────────────────────── */
.page-hero{position:relative;overflow:hidden;
  padding-top:clamp(124px,15vh,184px);padding-bottom:clamp(64px,8vw,112px);
  background:radial-gradient(ellipse 70% 60% at 50% -8%,rgba(76,125,240,0.12),transparent 62%),
             radial-gradient(ellipse 50% 50% at 92% 18%,rgba(200,164,92,0.05),transparent 60%),var(--bg-deep);}
.page-hero .hero-bg .gradient-orb{display:none!important;}            /* kill neon orbs */
.page-hero .hero-bg .grid-overlay{opacity:.22;mask-image:linear-gradient(to bottom,#000,transparent 72%);
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 72%);}
.page-hero .content-grid-2{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;}
.page-hero h1{font-size:clamp(2.5rem,4.4vw,3.9rem);line-height:1.08;letter-spacing:-0.025em;margin-bottom:20px;}
.page-hero-sub{font-size:clamp(1.04rem,1.35vw,1.2rem);line-height:1.66;color:var(--text-secondary);
  max-width:46ch;margin-top:6px;}
.page-hero .btn-group{display:flex;gap:14px;flex-wrap:wrap;}

/* premium pill badge (gold) */
.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;
  background:rgba(200,164,92,.08);border:1px solid rgba(200,164,92,.24);color:var(--gold);
  font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;}
.badge i,.badge svg{color:var(--gold);}

/* headline accent — refined blue duotone, never neon-purple */
.gradient-text{background:linear-gradient(118deg,#86A6F7,#4C7DF0)!important;-webkit-background-clip:text!important;
  background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;}

/* AI-citation proof card — credible, premium (not chat-app) */
.ai-demo-card{background:linear-gradient(180deg,#171B24,#12151C);border:1px solid var(--border-mid);
  border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.05) inset;}
.ai-demo-header{display:flex;align-items:center;gap:10px;padding:13px 18px;
  border-bottom:1px solid var(--border-soft);background:rgba(255,255,255,.02);}
.ai-dots span{width:9px;height:9px;border-radius:50%;display:inline-block;background:#2A303C;margin-right:5px;}
.ai-demo-label{font-family:var(--font-mono);font-size:.76rem;color:var(--text-muted);letter-spacing:.05em;margin-left:auto;}
.ai-demo-body{padding:20px 20px 22px;}
.ai-prompt-label{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);}
.ai-prompt{margin-bottom:14px;}
.ai-prompt p,.ai-response p{font-size:.95rem;line-height:1.62;color:var(--text-secondary);margin-top:7px;}
.ai-response{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-soft);}
.highlight-brand{color:#fff;font-weight:600;background:var(--accent);padding:1px 6px;border-radius:5px;}
.ai-typing span{width:6px;height:6px;background:var(--text-muted);border-radius:50%;display:inline-block;}

@media(max-width:900px){
  .page-hero .content-grid-2{grid-template-columns:1fr!important;gap:36px!important;}
  .page-hero-sub{max-width:none;}
  .page-hero{padding-top:clamp(104px,14vh,140px);}
}


/* 13 ── CONTRAST + UI/UX FIXES (audit pass) ─────────────────────────────── */
/* Buttons: darken solid blue so WHITE label text passes WCAG AA (3.82 -> ~5.2) */
.btn-primary,.btn--primary,.btn-mega-cta,.btn-nav,a.btn-primary,a.btn--primary{
  background:#3A66D8!important;border-color:#3A66D8!important;color:#fff!important;}
.btn-primary:hover,.btn--primary:hover,.btn-mega-cta:hover,.btn-nav:hover,
a.btn-primary:hover,a.btn--primary:hover{background:#2E57C4!important;border-color:#2E57C4!important;color:#fff!important;}
/* Unify rainbow neon eyebrow labels -> premium gold; fix sub-12px tracking labels */
[style*="letter-spacing:0.12em"],[style*="letter-spacing: 0.12em"]{color:var(--gold)!important;}
[style*="font-size:11px"],[style*="font-size: 11px"]{font-size:.78rem!important;}
[style*="font-size:10px"],[style*="font-size: 10px"]{font-size:.75rem!important;}
/* Neutralise stray old-palette decorative gradient lines (green+blue) */
[style*="#10B981"][style*="#3B82F6"]{background:var(--gradient-blue)!important;}
/* Image safety: never overflow; give the repeated author avatar a fixed box (CLS) */
img{max-width:100%;height:auto;}
.author-img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 48px;}
/* Old hardcoded inline neon accents -> brand (catches common iOS-palette remnants) */
[style*="color:#0A84FF"],[style*="color: #0A84FF"]{color:var(--accent)!important;}
[style*="color:#5E5CE6"],[style*="color:#BF5AF2"],[style*="color:#7C3AED"]{color:var(--accent)!important;}
[style*="color:#30D158"]{color:var(--accent-green)!important;}
[style*="color:#FF9F0A"],[style*="color:#FF375F"]{color:var(--gold)!important;}


/* 14 ── BLOG ARTICLE — premium editorial reading experience ─────────────── */
.blog-content{background:var(--bg-deep)!important;}
.blog-content p{font-size:1.06rem;line-height:1.78;margin-bottom:1.3em;color:var(--text-secondary);}
.blog-content h2{font-size:clamp(1.6rem,2.6vw,2.05rem);line-height:1.2;letter-spacing:-0.015em;}  /* note: NOT touching margin (anchor-offset hack lives there) */
.blog-content h3{font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.25;}
.blog-content ul,.blog-content ol{margin:0 0 1.3em;padding-left:1.4em;}
.blog-content li{margin:.45em 0;line-height:1.7;}
.blog-content li::marker{color:var(--accent);}
.blog-content blockquote{border-left:3px solid var(--gold);background:var(--bg-card);margin:1.7em 0;
  padding:1.05em 1.35em;border-radius:0 10px 10px 0;color:var(--text-primary);
  font-family:var(--font-display);font-size:1.12rem;font-style:italic;line-height:1.5;}
.blog-content table{width:100%;border-collapse:collapse;margin:1.7em 0;font-size:.96rem;display:block;overflow-x:auto;}
.blog-content th,.blog-content td{border:1px solid var(--border-soft);padding:11px 14px;text-align:left;}
.blog-content th{background:var(--bg-card);color:var(--text-primary);font-weight:600;}
.blog-content code{background:var(--bg-card);border:1px solid var(--border-soft);padding:2px 6px;
  border-radius:5px;font-family:var(--font-mono);font-size:.88em;color:var(--gold);}
.blog-content figure{margin:1.7em 0;}
.blog-content figcaption{color:var(--text-muted);font-size:.9rem;margin-top:.5em;}
.blog-content hr{border:none;border-top:1px solid var(--border-soft);margin:2.2em 0;}
.author-name{font-family:var(--font-display);}
/* blog FAQ block (the schema-faq we added) */
.blog-content .schema-faq-item,.schema-faq .schema-faq-item{margin-bottom:12px;}
.schema-faq-question{font-family:var(--font-main);font-weight:600;color:var(--text-primary);font-size:1.08rem;}

/* 15 ── RESPONSIVE refinements (safe; complements existing breakpoints) ── */
@media(max-width:768px){
  .container{padding-left:20px;padding-right:20px;}
  .btn-group{flex-wrap:wrap;gap:10px;}
  .btn-group .btn,.btn-group a.btn{flex:1 1 auto;justify-content:center;text-align:center;}
  .page-hero h1{font-size:clamp(1.95rem,8vw,2.7rem);}
  .blog-content p{font-size:1.02rem;}
  .section-subtitle{font-size:1rem;}
}
@media(max-width:480px){
  .badge{font-size:.66rem;padding:6px 12px;}
  .ai-demo-body{padding:16px;}
}


/* 17 ── HEADING POLISH + SECTION RHYTHM + eyebrow-tag fix ──────────────── */
/* Sharper Fraunces display rendering + even multi-line wrapping */
h1,h2,.hero-title,.section-title,.page-hero h1,.section-header h2{
  font-optical-sizing:auto;font-variation-settings:'opsz' 144;text-wrap:balance;}
h1{font-weight:600;letter-spacing:-0.028em;line-height:1.05;}
h2{font-weight:600;letter-spacing:-0.021em;line-height:1.1;}
h3{letter-spacing:-0.012em;}
.blog-content h2,.blog-content h3{font-variation-settings:'opsz' 96;}
/* Section eyebrow tag: old blue tint -> premium gold tint */
.section-tag{background:rgba(200,164,92,0.10)!important;border:1px solid rgba(200,164,92,0.22)!important;color:var(--gold)!important;}
/* Alternating section backgrounds on INNER gutenberg pages (homepage cadence) */
body:not(.home).page-template-template-gutenberg-fullwidth .section:nth-of-type(even):not(.section--dark):not(.section-cta):not(.page-hero):not(.hero){
  background:var(--bg-secondary);}


/* 18 ── bm-hero-big (pricing / landing heroes) — premium fixes ──────────── */
.bm-hero-big{padding:clamp(104px,12vh,138px) 0 clamp(52px,6vw,76px)!important;}
.bm-hero-big h1{font-family:var(--font-display)!important;line-height:1.08!important;}
.bm-hero-big .bm-eyebrow{color:var(--gold)!important;}
.bm-hero-big .bm-eyebrow::before{background:var(--gold)!important;}
.bm-eyebrow{color:var(--gold)!important;}
.bm-eyebrow::before{background:var(--gold)!important;}


/* 19 ── service hero: retire clipping floating platform pills (clutter) ── */
.floating-logos,.float-logo{display:none!important;}


/* 20 ── pricing/landing hero (bm-hero-big) — fixes from live screenshot ── */
.bm-hero-big{padding:clamp(64px,7vh,90px) 0 clamp(34px,4vw,48px)!important;}
.bm-hero-big h1{line-height:1.16!important;margin:0 0 18px!important;}
.bm-hero-big .bm-eyebrow{margin-bottom:14px!important;}
.bm-hero-big .bm-lede{margin-bottom:0!important;}
.page-hero h1,.section .hero-title{line-height:1.12!important;}


/* 21 ── Industries mega-dropdown: balance 9 items into 2 columns ───────── */
.nav-dropdown[data-mega="industries"] .mega-panel-inner{grid-template-columns:1fr!important;max-width:940px!important;}
.nav-dropdown[data-mega="industries"] .mega-col{display:grid!important;grid-template-columns:1fr 1fr;gap:6px 28px;}
.nav-dropdown[data-mega="industries"] .mega-heading{grid-column:1/-1;}
/* query-example list on industry pages */
.bm-list{display:grid;gap:10px;margin:22px 0 8px;padding:0;list-style:none;}
.bm-list li{padding:11px 16px;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:10px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.92rem;}


/* 22 ── Footer grid (5-col, responsive) ────────────────────────────────── */
.footer .footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:40px;align-items:start;}
.footer .footer-brand p{color:var(--text-muted);max-width:30ch;margin-top:14px;line-height:1.6;}
.footer .site-footer__nav-title{font-family:var(--font-main);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;}
.footer .site-footer__nav-list{list-style:none;padding:0;margin:0;display:grid;gap:9px;}
.footer .site-footer__nav-link{color:var(--text-secondary);}.footer .site-footer__nav-link:hover{color:var(--text-primary);}
.footer .footer-legal a{color:var(--text-muted);}.footer .footer-legal a:hover{color:var(--text-primary);}
@media(max-width:900px){.footer .footer-grid{grid-template-columns:1fr 1fr;gap:30px;}}
@media(max-width:520px){.footer .footer-grid{grid-template-columns:1fr;}}


/* 23 ── CLEAN HEADER REBUILD (2026) ─────────────────────────────────────── */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0!important;background:rgba(11,13,18,.82)!important;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--border-soft)!important;}
.nav.scrolled{background:rgba(11,13,18,.96)!important;box-shadow:0 1px 0 rgba(255,255,255,.05);}
.nav .nav-inner{max-width:1280px;margin:0 auto;padding:0 28px;height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.nav .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-family:var(--font-display);font-weight:600;}
.nav .logo-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--gradient-blue);border-radius:9px;flex:0 0 34px;}
.nav .logo-lucide{width:19px;height:19px;color:#fff;}
.nav .logo-text{font-size:1.2rem;letter-spacing:-.01em;}.nav .logo-accent{color:var(--accent);}
.snav{display:flex;align-items:center;gap:2px;}
.snav-item{position:relative;}
.snav-item>a,.snav-item>button{display:inline-flex;align-items:center;gap:5px;padding:9px 13px;font-family:var(--font-main);font-weight:500;font-size:.94rem;color:var(--text-secondary);background:none;border:none;cursor:pointer;border-radius:8px;line-height:1;transition:color .2s,background .2s;text-decoration:none;}
.snav-item>a:hover,.snav-item>button:hover,.snav-item.open>button{color:var(--text-primary);background:rgba(255,255,255,.05);}
.snav-item .chev{width:15px;height:15px;transition:transform .2s;}
.snav-item:hover .chev,.snav-item.open .chev{transform:rotate(180deg);}
.snav-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:248px;background:#12151c;border:1px solid var(--border-mid);border-radius:14px;padding:9px;box-shadow:0 24px 60px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s;z-index:1001;}
.snav-item:hover .snav-menu,.snav-item.open .snav-menu{opacity:1;visibility:visible;transform:translateY(0);}
.snav-menu a{display:block;padding:9px 12px;border-radius:9px;color:var(--text-secondary);font-size:.92rem;text-decoration:none;transition:.15s;white-space:nowrap;}
.snav-menu a:hover{background:var(--accent-soft);color:var(--text-primary);}
.snav-menu.cols2{min-width:440px;display:grid;grid-template-columns:1fr 1fr;gap:1px;}
.nav-cta-wrap{display:flex;align-items:center;gap:12px;}
.nav .nav-cta-wrap .btn{padding:10px 20px;font-size:.9rem;}
.snav-burger{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:7px;border-radius:8px;}
.snav-burger i,.snav-burger svg{width:26px;height:26px;}
.snav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.3s;z-index:2000;}
.snav-backdrop.open{opacity:1;visibility:visible;}
.snav-drawer{position:fixed;top:0;right:-110%;width:min(380px,88vw);height:100dvh;background:#0b0d12;border-left:1px solid var(--border-soft);z-index:2001;display:flex;flex-direction:column;transition:right .32s cubic-bezier(.22,1,.36,1);overflow-y:auto;}
.snav-drawer.open{right:0;}
.snav-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border-soft);}
.snav-drawer-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;}.snav-drawer-close i{width:24px;height:24px;}
.snav-drawer-body{padding:8px 16px;flex:1;}
.snav-acc{border-bottom:1px solid var(--border-soft);}
.snav-acc-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 6px;background:none;border:none;color:var(--text-primary);font-family:var(--font-main);font-weight:600;font-size:1rem;cursor:pointer;}
.snav-acc-trigger .chev{width:18px;height:18px;transition:transform .25s;}
.snav-acc.open .snav-acc-trigger .chev{transform:rotate(180deg);}
.snav-acc-body{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.snav-acc.open .snav-acc-body{max-height:640px;padding-bottom:8px;}
.snav-acc-body a{display:block;padding:10px 14px;color:var(--text-secondary);font-size:.94rem;text-decoration:none;border-radius:8px;}
.snav-acc-body a:hover{color:var(--accent);background:var(--accent-soft);}
.snav-drawer-direct{display:block;padding:15px 6px;color:var(--text-primary);font-weight:600;text-decoration:none;border-bottom:1px solid var(--border-soft);}
.snav-drawer-foot{padding:20px 22px;border-top:1px solid var(--border-soft);}
.snav-drawer-foot .btn{width:100%;justify-content:center;}
@media(max-width:1024px){.snav{display:none;}.snav-burger{display:inline-flex;}}
@media(min-width:1025px){.snav-drawer,.snav-backdrop{display:none;}}
@media(max-width:560px){.nav .nav-cta-wrap .btn{display:none;}.nav .nav-inner{padding:0 18px;}}