/* ============================================================
   All Things Votel: shared design tokens + component classes
   Source of truth for hex values: /tailwind.config.cjs
   KEEP IN SYNC with /tailwind.config.cjs.
   Page-specific classes (.pick-card, .prose-legal, modal extras)
   stay inline on their pages.
   ============================================================ */

:root {
  --frost: #F6F9FC;
  --paper: #FFFFFF;
  --mist: #E6EEF6;
  --mist-line: #C9D8E8;
  --line: #E3E9F0;
  --ink: #071727;
  --ink-soft: #1B2A3D;
  --ink-mute: #526070;
  --ink-faint: #6B7684;
  --brand: #0796FF;
  --brand-bright: #3DAEFF;
  --brand-soft: #E0F1FF;
  --brand-deep: #0466B3;
  --cyan: #00BDD4;
  --cyan-soft: #D9F6FA;
  --cyan-deep: #00778A;
  --mint: #0BDEB1;
  --mint-soft: #D6FAF2;
  --mint-deep: #067A62;
  --rose: #DC2626;
}

/* ---------- base ---------- */
html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }
body { font-family:'Inter',system-ui,sans-serif; background:var(--frost); color:var(--ink); font-feature-settings:'ss01','ss02','cv01'; }
::selection { background:var(--mint-soft); color:var(--ink); }
hr.rule { border:none; border-top:1px solid rgba(7,23,39,0.08); margin:0; }
.mono { font-family:'JetBrains Mono',monospace; }

/* ---------- accessibility baseline ---------- */
:focus-visible { outline:2px solid var(--brand); outline-offset:2px; border-radius:4px; }
.btn-brand:focus-visible, .btn-ink:focus-visible { outline-offset:3px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .reveal { opacity:1 !important; transform:none !important; filter:none !important; transition:none !important; }
}

/* ---------- heading scale ---------- */
.h-display-1 { font-size:clamp(2.6rem,6vw,5.2rem); }   /* big heroes: home, tools */
.h-display-2 { font-size:clamp(2.4rem,5vw,4.2rem); }   /* secondary h1, dark closers */
.h-display-3 { font-size:clamp(2.2rem,5vw,3.6rem); }   /* utility h1 */
.h-section   { font-size:clamp(2rem,4.5vw,3.4rem); }   /* default section h2 */
.h-section-sm{ font-size:clamp(1.8rem,4vw,3rem); }     /* secondary section h2 */
.h-card      { font-size:clamp(1.6rem,3.5vw,2.4rem); } /* compact panel/card h2 */

/* ---------- texture & backgrounds ---------- */
.grain::before { content:''; position:fixed; inset:0; pointer-events:none; z-index:100; opacity:0.03; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.band { background:var(--mist); border-top:1px solid var(--mist-line); border-bottom:1px solid var(--mist-line); box-shadow: inset 0 16px 32px -24px rgba(7,23,39,0.22), inset 0 -16px 32px -24px rgba(7,23,39,0.22); }
.dotgrid { background-image: radial-gradient(rgba(7,23,39,0.08) 1px, transparent 1px); background-size: 24px 24px; }
.blob-blue { position:absolute; width:460px; height:460px; background: radial-gradient(circle, rgba(7,150,255,0.22) 0%, rgba(7,150,255,0) 70%); border-radius:999px; filter: blur(40px); pointer-events:none; }
.blob-cyan { position:absolute; width:360px; height:360px; background: radial-gradient(circle, rgba(0,189,212,0.22) 0%, rgba(0,189,212,0) 70%); border-radius:999px; filter: blur(40px); pointer-events:none; }
.blob-mint { position:absolute; width:320px; height:320px; background: radial-gradient(circle, rgba(11,222,177,0.24) 0%, rgba(11,222,177,0) 70%); border-radius:999px; filter: blur(40px); pointer-events:none; }

/* ---------- typography components ---------- */
.display { font-family:'Bricolage Grotesque',system-ui,sans-serif; font-optical-sizing:auto; font-variation-settings:'wdth' 95; letter-spacing:-0.035em; line-height:0.98; }
.scribble { background-image: url("data:image/svg+xml,%3Csvg width='320' height='14' viewBox='0 0 320 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8 C 60 2, 120 12, 180 6 S 280 10, 318 4' stroke='%230BDEB1' stroke-width='5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:left 95%; background-size:100% 14px; padding-bottom:0.15em; }
.highlight-blue { color:var(--brand); }
.ink-link { background-image: linear-gradient(180deg, transparent 60%, rgba(11,222,177,0.35) 60%); background-size:100% 100%; transition: color 300ms ease; }
.ink-link:hover { color:var(--brand-deep); }
.grad-text { background: linear-gradient(90deg, var(--brand) 0%, var(--cyan) 50%, var(--mint) 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* ---------- cards & chrome ---------- */
.bezel { background: rgba(7,23,39,0.04); padding: 6px; border-radius: 28px; border: 1px solid rgba(7,23,39,0.06); }
.bezel-inner { background:var(--paper); border-radius: 22px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 2px rgba(7,23,39,0.04); }
.eyebrow { display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px; border:1px solid rgba(7,23,39,0.08); background: rgba(255,255,255,0.7); backdrop-filter: blur(8px); font-size:11px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:var(--ink-soft); }
.eyebrow .dot { width:6px; height:6px; border-radius:999px; background:var(--mint); box-shadow:0 0 0 3px rgba(11,222,177,0.2); animation: pulseSoft 2.4s ease-in-out infinite; }
.glass-nav { background: rgba(246,249,252,0.72); backdrop-filter: blur(20px) saturate(160%); -webkit-backdrop-filter: blur(20px) saturate(160%); border: 1px solid rgba(7,23,39,0.08); box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset, 0 20px 40px -20px rgba(7,23,39,0.15); }
.nav-resources { position:relative; }
.nav-resources > summary { display:flex; align-items:center; gap:5px; cursor:pointer; list-style:none; }
.nav-resources > summary::-webkit-details-marker { display:none; }
.nav-resources > summary svg { transition:transform 180ms ease; }
.nav-resources[open] > summary svg { transform:rotate(180deg); }
.nav-resources-menu { position:absolute; z-index:70; top:calc(100% + 11px); left:50%; width:270px; max-height:calc(100vh - 100px); padding:8px; overflow-y:auto; transform:translateX(-50%) translateY(-4px); border:1px solid rgba(7,23,39,.09); border-radius:20px; background:rgba(255,255,255,.96); box-shadow:0 22px 55px rgba(7,23,39,.18); opacity:0; visibility:hidden; pointer-events:none; transition:opacity 160ms ease,transform 160ms ease,visibility 160ms ease; }
.nav-resources-menu::before { content:''; position:absolute; left:0; right:0; top:-12px; height:12px; }
.nav-resources:hover .nav-resources-menu,.nav-resources:focus-within .nav-resources-menu,.nav-resources[open] .nav-resources-menu { opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0); }
.nav-resources-menu a { display:grid; grid-template-columns:36px 1fr; gap:10px; align-items:center; padding:10px; border-radius:14px; color:var(--ink-soft); }
.nav-resources-menu a:hover,.nav-resources-menu a:focus-visible { background:var(--frost); color:var(--ink); }
.nav-about .nav-resources-menu { left:auto; right:0; transform:translateY(-4px); }
.nav-about:hover .nav-resources-menu,.nav-about:focus-within .nav-resources-menu,.nav-about[open] .nav-resources-menu { transform:translateY(0); }
.nav-resource-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; background:var(--brand-soft); color:var(--brand-deep); font-weight:700; }
.nav-resources-menu a:nth-child(2) .nav-resource-icon { background:var(--mint-soft); color:var(--mint-deep); }
.nav-resources-menu a:nth-child(3) .nav-resource-icon { background:var(--cyan-soft); color:var(--cyan-deep); }
.nav-resources-menu a:nth-child(4) .nav-resource-icon { background:#ebe8ff; color:#6652c9; }
.nav-resource-copy strong { display:block; font-size:.78rem; line-height:1.15; }
.nav-resource-copy small { display:block; margin-top:3px; color:var(--ink-faint); font-size:.63rem; line-height:1.25; font-weight:500; }
.nav-resources-menu .nav-guide-gated strong::before { content:'🔒'; display:inline-block; margin-right:6px; font-size:9px; line-height:1; vertical-align:1px; }
#nav-mobile .nav-guide-gated::after { content:'🔒'; display:inline-block; margin-left:6px; font-size:10px; line-height:1; vertical-align:1px; }
.nav-guides-mega .nav-resources-menu{position:fixed;top:86px;left:50%;right:auto;width:min(1080px,calc(100vw - 32px));max-height:calc(100vh - 104px);padding:0;overflow:auto;transform:translateX(-50%) translateY(-8px);border-radius:24px;background:rgba(255,255,255,.985);box-shadow:0 28px 80px rgba(7,23,39,.24)}
.nav-guides-mega:hover .nav-resources-menu,.nav-guides-mega:focus-within .nav-resources-menu,.nav-guides-mega[open] .nav-resources-menu{transform:translateX(-50%) translateY(0)}
.mega-guides-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.3rem;border-bottom:1px solid var(--line);background:linear-gradient(105deg,var(--ink),#0b3654);color:#fff}
.mega-guides-head>span{display:flex;align-items:baseline;gap:.8rem}.mega-guides-head small{color:var(--mint);font:600 .62rem/1 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.mega-guides-head strong{font:600 1.3rem/1.15 'Bricolage Grotesque',sans-serif}.nav-guides-mega .mega-guides-head>a{display:inline-flex;grid-template-columns:none;padding:.62rem .85rem;border-radius:999px;background:var(--mint);color:var(--ink);font-size:.72rem;font-weight:750;white-space:nowrap}
.mega-guides-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:1.25rem;padding:1.25rem}.mega-guides-body h3{margin:0 0 .75rem;color:var(--ink-faint);font:600 .64rem/1 'JetBrains Mono',monospace;letter-spacing:.11em;text-transform:uppercase}
.mega-guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.nav-guides-mega .nav-resources-menu .mega-guide-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:.8rem;min-height:112px;padding:.65rem;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.mega-guide-card>span:last-child,.mega-guide-link>span:last-child{min-width:0}.mega-guide-card strong,.mega-guide-link strong{display:block;color:var(--ink);font-size:.72rem;line-height:1.25}.mega-guide-card>span:last-child>small,.mega-guide-link small{display:block;margin-top:.3rem;color:var(--ink-faint);font-size:.58rem;line-height:1.4}.nav-guides-mega .nav-resources-menu .mega-guide-card:hover,.nav-guides-mega .nav-resources-menu .mega-guide-card:focus-visible{border-color:rgba(7,150,255,.36);background:var(--frost)}
.mega-guide-cover{position:relative;isolation:isolate;width:70px;aspect-ratio:3/4;overflow:hidden;padding:9px 7px 7px;border:1px solid rgba(255,255,255,.2);border-radius:3px 8px 8px 3px;background:radial-gradient(circle at 82% 14%,rgba(67,255,210,.28),transparent 30%),linear-gradient(145deg,#071727,#0b3654 64%,#075866);color:#fff;box-shadow:4px 4px 0 #fff,5px 5px 0 rgba(8,33,50,.14),0 9px 18px rgba(8,33,50,.22);transition:transform .3s cubic-bezier(.32,.72,0,1)}.mega-guide-card:hover .mega-guide-cover,.mega-guide-card:focus-visible .mega-guide-cover{transform:translateY(-3px) rotate(1deg)}.mega-guide-cover>i{position:absolute;z-index:3;inset:0 auto 0 0;width:5px;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(255,255,255,.1),rgba(0,0,0,.18))}.mega-guide-cover::before{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(circle,rgba(255,255,255,.9) .6px,transparent .7px);background-size:8px 8px}.mega-guide-cover-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:4px;color:#8ef4ff}.mega-guide-cover-top img{width:16px;height:16px}.mega-guide-cover-top em{font:700 4.7px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.mega-guide-cover>b{position:relative;z-index:1;display:block;margin-top:12px;color:#fff;font:700 10px/.96 'Bricolage Grotesque',sans-serif;letter-spacing:-.045em}.mega-guide-cover>small{position:relative;z-index:1;display:block;margin-top:7px;color:rgba(255,255,255,.66);font-size:4.4px;line-height:1.35}.mega-guide-cover-checks{position:absolute;z-index:1;left:8px;bottom:18px;color:#8ef4ff;font:800 6px/1 sans-serif}.mega-guide-cover-footer{position:absolute;z-index:1;left:8px;bottom:7px;color:#8ef4ff;font:700 4.6px/1 'JetBrains Mono',monospace;letter-spacing:.08em}.mega-guide-cover--moveover{background:radial-gradient(circle at 82% 14%,rgba(11,222,177,.3),transparent 30%),linear-gradient(145deg,#071727,#103b4b 58%,#087e73)}.mega-guide-cover--white-label{background:radial-gradient(circle at 82% 14%,rgba(67,255,210,.28),transparent 30%),linear-gradient(145deg,#071727,#0b3654 64%,#075866)}.mega-guide-cover--agent{background:radial-gradient(circle at 82% 14%,rgba(142,244,255,.3),transparent 30%),linear-gradient(145deg,#061c36,#075da2 62%,#0796ff)}.mega-guide-cover--subaccount{background:radial-gradient(circle at 82% 14%,rgba(183,255,233,.3),transparent 30%),linear-gradient(145deg,#062b32,#087e73 60%,#0bba99)}
.nav-guides-mega .nav-resources-menu .mega-guide-card.nav-guide-gated{border-color:rgba(11,222,177,.42);background:linear-gradient(135deg,rgba(11,222,177,.12),rgba(7,150,255,.08));box-shadow:inset 3px 0 0 var(--mint)}.nav-guides-mega .nav-resources-menu .mega-guide-card.nav-guide-gated:hover,.nav-guides-mega .nav-resources-menu .mega-guide-card.nav-guide-gated:focus-visible{border-color:rgba(7,150,255,.55);background:linear-gradient(135deg,rgba(11,222,177,.2),rgba(7,150,255,.13))}.mega-guide-card.nav-guide-gated strong::before{display:none}.mega-guide-card-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.mega-affiliate-tag{display:inline-flex;margin-bottom:.35rem;padding:.2rem .38rem;border-radius:999px;background:var(--ink);color:var(--mint);font:700 .48rem/1 'JetBrains Mono',monospace;letter-spacing:.04em;text-transform:uppercase}
.mega-guide-links{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.nav-guides-mega .nav-resources-menu .mega-guide-link{display:grid;grid-template-columns:30px minmax(0,1fr);gap:.55rem;padding:.5rem;border-radius:12px}.mega-guide-number{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--brand-soft);color:var(--brand-deep);font:700 .58rem/1 'JetBrains Mono',monospace}
.mega-guides-footer{display:flex;align-items:center;gap:.45rem;padding:.75rem 1.25rem;border-top:1px solid var(--line);background:var(--frost);color:var(--ink-faint);font-size:.66rem}.mega-guides-footer span{margin-right:.2rem;font-weight:700}.nav-guides-mega .nav-resources-menu .mega-guides-footer a{display:inline-flex;grid-template-columns:none;padding:.42rem .62rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-soft);font-weight:650}
.mobile-mega-guides{margin:.35rem 0;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.55)}.mobile-mega-guides summary{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;cursor:pointer;list-style:none;color:var(--ink);font-size:.86rem;font-weight:750}.mobile-mega-guides summary::-webkit-details-marker{display:none}.mobile-mega-guides summary span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:999px;background:var(--brand-soft);color:var(--brand-deep);font:700 .62rem/1 'JetBrains Mono',monospace}.mobile-mega-guides>div{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:0 .45rem .45rem}.mobile-mega-guides>div>a{padding:.65rem .7rem;border-radius:10px;color:var(--ink-soft);font-size:.68rem;line-height:1.3}.mobile-mega-guides>div>a:hover,.mobile-mega-guides>div>a:focus-visible{background:var(--frost);color:var(--ink)}.mobile-mega-guides .mobile-guide-hub{grid-column:1/-1;background:var(--ink);color:#fff;font-weight:750}
@media(max-width:920px){.nav-guides-mega .nav-resources-menu{width:calc(100vw - 24px)}.mega-guides-body{grid-template-columns:1fr}.mega-guide-cards{grid-template-columns:repeat(4,1fr)}.nav-guides-mega .nav-resources-menu .mega-guide-card{grid-template-columns:74px 1fr}.mega-guide-links{grid-template-columns:repeat(4,1fr)}}
.guide-share-section{padding:2.5rem 1rem;background:linear-gradient(180deg,transparent,rgba(224,241,255,.5))}.guide-share{position:relative;display:grid;grid-template-columns:minmax(260px,.75fr) minmax(420px,1.25fr);gap:2rem;align-items:center;width:min(100%,1160px);margin:0 auto;padding:2rem 2.15rem;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:radial-gradient(circle at 4% 0,rgba(11,222,177,.22),transparent 30%),radial-gradient(circle at 100% 100%,rgba(7,150,255,.3),transparent 42%),var(--ink);color:#fff;box-shadow:0 24px 60px rgba(8,33,50,.14)}.guide-share::after{content:"";position:absolute;right:-70px;top:-90px;width:240px;height:240px;border:1px solid rgba(142,244,255,.13);border-radius:50%;box-shadow:0 0 0 30px rgba(142,244,255,.035),0 0 0 70px rgba(142,244,255,.025);pointer-events:none}.guide-share-copy{position:relative;z-index:1}.guide-share-kicker{display:block;color:var(--mint);font:700 .68rem/1 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.guide-share h2{margin-top:.65rem;color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(1.75rem,3vw,2.45rem);font-weight:700;line-height:1}.guide-share-copy p{max-width:420px;margin-top:.65rem;color:rgba(255,255,255,.68);font-size:.9rem;line-height:1.55}.guide-share-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.guide-share-actions a,.guide-share-actions button{display:inline-flex;align-items:center;gap:.48rem;min-height:43px;padding:.7rem .9rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font:650 .76rem/1 'Inter',sans-serif;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.guide-share-actions a:hover,.guide-share-actions a:focus-visible,.guide-share-actions button:hover,.guide-share-actions button:focus-visible{transform:translateY(-2px);border-color:rgba(142,244,255,.5);background:rgba(255,255,255,.14)}.guide-share-actions span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--mint);color:var(--ink);font:800 .66rem/1 'Inter',sans-serif}.guide-share-actions [data-copy-link]{border-color:rgba(11,222,177,.4);background:var(--mint);color:var(--ink)}.guide-share-actions [data-copy-link] span{background:var(--ink);color:var(--mint)}.guide-share-status{position:absolute;right:2.2rem;bottom:.55rem;z-index:1;min-height:1rem;color:var(--mint);font-size:.68rem;font-weight:650}
@media(max-width:820px){.guide-share{grid-template-columns:1fr}.guide-share-actions{justify-content:flex-start}.guide-share-status{position:static;grid-column:1/-1;margin-top:-1.25rem}.guide-share-section{padding:2rem .75rem}}
@media(max-width:520px){.guide-share{padding:1.5rem;border-radius:21px}.guide-share-actions{display:grid;grid-template-columns:1fr 1fr}.guide-share-actions a,.guide-share-actions button{justify-content:flex-start;width:100%}.guide-share-actions [data-copy-link]{grid-column:1/-1}}
@media(max-width:480px){.mobile-mega-guides>div{grid-template-columns:1fr}}
.votel-pill { display:inline-flex; align-items:center; gap:6px; }
.votel-pill i { width:6px; height:6px; border-radius:999px; display:inline-block; }
.votel-pill i:nth-child(1) { background:var(--brand); }
.votel-pill i:nth-child(2) { background:var(--cyan); }
.votel-pill i:nth-child(3) { background:var(--mint); }

/* ---------- buttons ---------- */
.btn-brand { background: linear-gradient(180deg,var(--brand-bright) 0%,var(--brand) 100%); color:#fff; box-shadow: 0 1px 0 rgba(255,255,255,0.25) inset, 0 -1px 0 rgba(0,0,0,0.12) inset, 0 1px 2px rgba(7,23,39,0.08), 0 8px 16px -6px rgba(7,150,255,0.5); transition: transform 600ms cubic-bezier(0.32,0.72,0,1), box-shadow 600ms cubic-bezier(0.32,0.72,0,1); }
.btn-brand:hover { transform: translateY(-1px); box-shadow: 0 1px 0 rgba(255,255,255,0.25) inset, 0 -1px 0 rgba(0,0,0,0.12) inset, 0 4px 6px rgba(7,23,39,0.08), 0 14px 22px -6px rgba(7,150,255,0.55); }
.btn-brand:active { transform: translateY(0) scale(0.98); }
.btn-ink { background:var(--ink); color:#fff; box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 8px 16px -6px rgba(7,23,39,0.3); transition: transform 600ms cubic-bezier(0.32,0.72,0,1); }
.btn-ink:hover { transform: translateY(-1px); }
.btn-ink:active { transform: translateY(0) scale(0.98); }
.btn-light { background:var(--paper); color:var(--ink); box-shadow: 0 1px 2px rgba(7,23,39,0.08), 0 8px 16px -6px rgba(7,23,39,0.15); transition: transform 600ms cubic-bezier(0.32,0.72,0,1); }
.btn-light:hover { transform: translateY(-1px); }
.btn-group:hover .btn-icon { transform: translate(2px,-2px) scale(1.05); }
.btn-icon { transition: transform 500ms cubic-bezier(0.32,0.72,0,1); }

/* ---------- FAQ accordion ---------- */
/* <details> is the card so <summary> can be its first child (required for the
   native toggle). Wrap it in .bezel. */
.faq { background:var(--paper); border-radius:22px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 2px rgba(7,23,39,0.04); }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::marker { content:''; }

/* ---------- forms ---------- */
.field { width:100%; padding:12px 14px; border-radius:12px; border:1px solid var(--line); background:var(--paper); color:var(--ink); font-size:15px; transition: border-color 200ms ease, box-shadow 200ms ease; }
.field::placeholder { color:var(--ink-faint); }
.field:focus { outline:none; border-color:var(--brand); box-shadow:0 0 0 4px rgba(7,150,255,0.15); }
.form-msg { font-size:13px; margin-top:8px; min-height:1.2em; }
.form-msg.ok { color:var(--mint-deep); }
.form-msg.err { color:var(--rose); }

/* Keyframe used by .eyebrow .dot; defined here so it doesn't depend on the
   Tailwind CDN emitting it. */
@keyframes pulseSoft { 0%,100% { opacity:0.6; } 50% { opacity:1; } }

/* ---------- reveal animation ---------- */
.reveal { opacity:0; transform: translateY(28px); filter: blur(6px); transition: opacity 900ms cubic-bezier(0.32,0.72,0,1), transform 900ms cubic-bezier(0.32,0.72,0,1), filter 900ms cubic-bezier(0.32,0.72,0,1); }
.reveal.in { opacity:1; transform: translateY(0); filter: blur(0); }

/* Keep the full resource directory reachable below the fixed mobile header. */
@media(max-width:1023px){#nav-mobile{max-height:calc(100dvh - 108px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}

/* Separate free reading from the affiliate cover library. */
.nav-affiliate-resources .mega-guide-cards{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 24px 24px;gap:20px}.nav-affiliate-resources .nav-resources-menu .mega-guide-card{grid-template-columns:1fr;padding:20px;gap:18px}.nav-affiliate-resources .mega-guide-cover{width:100%;height:200px}.nav-affiliate-resources .mega-guide-cover b{font-size:24px}.nav-affiliate-resources .mega-guide-card strong{font-size:18px;line-height:1.35}.nav-affiliate-resources .mega-guide-card-copy>small{font-size:14px;line-height:1.5}.nav-affiliate-resources .mega-affiliate-tag{font-size:10px;line-height:1.4}.affiliate-menu-note{padding:18px 24px;color:var(--ink-soft);font-size:15px;line-height:1.6}.nav-free-guides .nav-resources-menu{width:360px;padding:12px}.nav-free-guides .mega-guide-link{display:flex;gap:12px;padding:14px}.nav-free-guides .mega-guide-link strong{font-size:16px}.nav-free-guides .mega-guide-link small{font-size:13px}.nav-free-guides .mega-guide-number{flex-shrink:0}.free-menu-all{font-size:15px!important;font-weight:700}.nav-moveover .nav-resources-menu{width:280px}.nav-moveover small{display:block;font-size:12px}.mobile-affiliate-resources>div{grid-template-columns:1fr}.mobile-affiliate-resources .mega-guide-card{display:grid;grid-template-columns:100px 1fr;gap:16px}.mobile-affiliate-resources .mega-guide-cover{width:100px;height:135px}.mobile-affiliate-resources .mega-guide-card strong{font-size:16px}.mobile-affiliate-resources .mega-guide-card-copy>small{font-size:13px}.mobile-affiliate-resources .mega-affiliate-tag{font-size:9px;line-height:1.5}.mobile-free-guides>div{grid-template-columns:1fr}.mobile-free-guides .mega-guide-link{display:flex;gap:12px}.mobile-free-guides .mega-guide-link strong{font-size:16px}.mobile-free-guides .mega-guide-link small{font-size:13px}#nav-mobile .nav-moveover .nav-resources-menu{position:static;transform:none;width:100%;display:none}#nav-mobile .nav-moveover[open] .nav-resources-menu{display:block}
@media(min-width:1024px) and (max-width:1250px){header nav>.lg\:flex{gap:0;font-size:12px}header nav>.lg\:flex> a,header nav>.lg\:flex> details>summary{padding-left:8px;padding-right:8px}header nav .display{font-size:15px}}

.nav-affiliate-resources .mega-guide-card>span:last-child>small{font-size:14px;line-height:1.5}.mobile-affiliate-resources .mega-guide-card>span:last-child>small{font-size:13px;line-height:1.5}

.affiliate-tool-bonuses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 24px 20px}.nav-affiliate-resources .nav-resources-menu .affiliate-tool-bonuses a,.mobile-affiliate-resources .affiliate-tool-bonuses a{display:block;padding:18px;border-radius:14px;background:#e8f4f8;border:1px solid #bfd8e3}.affiliate-tool-bonuses strong{display:block;font-size:17px;color:#102f43}.affiliate-tool-bonuses span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:#3d5a69}.affiliate-tool-bonuses .bonus-platform-label{display:inline-flex;margin:0 0 8px;padding:5px 8px;border-radius:999px;background:#102f43;color:#80f3d6;font:700 9px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.mobile-affiliate-resources .affiliate-tool-bonuses{grid-template-columns:1fr;padding:0 14px 14px}

.signup-bundle{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.signup-bundle>div{padding:18px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff20}.signup-bundle strong{display:block;color:#5ceace;font-size:17px}.signup-bundle span{display:block;margin-top:8px;color:#e1ecf1;font-size:15px;line-height:1.6}.community-invite{padding:56px 24px;background:linear-gradient(120deg,#e0f6ef,#e8f1fb)}.community-invite>div{max-width:1000px;margin:auto}.community-invite h2{font:650 clamp(2rem,4vw,3rem)/1.2 'Bricolage Grotesque',sans-serif;margin:20px 0}.community-invite p{max-width:760px;font-size:18px;line-height:1.65;margin:16px 0;color:#345464}.community-invite a{margin-top:10px}@media(max-width:700px){.signup-bundle{grid-template-columns:1fr}}

.bonus-overview{padding:64px 24px;background:#eaf3f5;scroll-margin-top:110px}.bonus-overview-shell{max-width:1180px;margin:auto}.bonus-overview h2{font:650 clamp(2rem,4vw,3rem)/1.12 'Bricolage Grotesque',sans-serif;margin:20px 0 28px}.bonus-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bonus-overview-grid>a{padding:18px 18px 26px;border-radius:22px;background:#103e57;color:white;transition:transform .2s ease,box-shadow .2s ease}.bonus-overview-grid>a:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(7,23,39,.16)}.bonus-overview-grid>a:nth-child(2){background:#15594f}.bonus-overview-grid>a:nth-child(3){background:#453465}.bonus-overview-grid>a:nth-child(4){background:#634234}.bonus-card-visual{position:relative;display:flex;align-items:center;justify-content:center;height:168px;margin-bottom:20px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12)}.bonus-card-report{background:linear-gradient(145deg,#082b48,#147889)}.bonus-card-report>img,.bonus-card-move>img{position:absolute;top:12px;left:12px;width:30px;height:30px}.bonus-report-sheet{width:150px;padding:13px;border-radius:9px;background:#fff;color:#183950;box-shadow:0 12px 26px rgba(0,0,0,.28);transform:rotate(-4deg)}.bonus-report-sheet>small{display:block;color:#0f7178;font-size:7px;letter-spacing:.16em}.bonus-report-sheet>strong{display:block;margin-top:7px;font-size:12px}.bonus-report-sheet>strong i{float:right;color:#07846a}.bonus-report-sheet>span{display:flex;align-items:end;gap:6px;height:38px;margin:7px 0}.bonus-report-sheet>span i{flex:1;height:35%;border-radius:2px 2px 0 0;background:#22c4ad}.bonus-report-sheet>span i:nth-child(2){height:48%}.bonus-report-sheet>span i:nth-child(3){height:62%}.bonus-report-sheet>span i:nth-child(4){height:78%}.bonus-report-sheet>span i:nth-child(5){height:96%}.bonus-report-sheet>em{font-size:8px;color:#5b707e}.bonus-card-move{flex-direction:column;background:linear-gradient(145deg,#0b3933,#159174)}.bonus-move-path{display:flex;align-items:center;gap:9px;margin-top:22px}.bonus-move-path>span{min-width:80px;padding:10px 8px;border-radius:11px;background:#f8fffc;color:#173e3b;text-align:center}.bonus-move-path>span i{display:block;color:#0c8a70;font-size:20px}.bonus-move-path>span b{display:block;margin-top:4px;font-size:10px}.bonus-move-path>em{color:#8ff7dc;font-size:24px}.bonus-card-move>small,.bonus-card-community>small{margin-top:12px;color:#e6fff8;font-size:10px;letter-spacing:.04em}.bonus-card-guides{background:linear-gradient(145deg,#31234d,#735ba0)}.bonus-guide-book{position:absolute;width:94px;height:126px;padding:12px 10px;border-radius:7px;background:linear-gradient(160deg,#1771a5,#0a3658);box-shadow:-8px 12px 18px rgba(0,0,0,.24);border-left:5px solid rgba(0,0,0,.24);transform:translateX(-48px) rotate(-8deg)}.bonus-guide-book-two{z-index:2;background:linear-gradient(160deg,#5c44a0,#2d1e60);transform:translateX(0)}.bonus-guide-book-three{z-index:3;background:linear-gradient(160deg,#14856e,#06463c);transform:translateX(48px) rotate(8deg)}.bonus-guide-book small{display:block;font-size:6px;letter-spacing:.08em;color:#bff8e8}.bonus-guide-book b{display:block;margin-top:19px;font-size:26px;color:white}.bonus-guide-book span{display:block;margin-top:4px;font-size:8px;line-height:1.25;color:#e9f6f4}.bonus-card-community{flex-direction:column;background:linear-gradient(145deg,#392550,#8a674d)}.bonus-community-chat{padding:8px 14px;border-radius:14px 14px 14px 2px;background:#fff6ef;color:#5d3854;font-size:12px;font-weight:750}.bonus-community-people{display:flex;gap:8px;margin-top:15px}.bonus-community-people>span{position:relative;width:39px;height:39px;border-radius:50%;background:#99e1d2}.bonus-community-people>span:nth-child(2){background:#ffd19f;transform:translateY(-5px)}.bonus-community-people>span:nth-child(3){background:#bdcaff}.bonus-community-people i:before{content:'';position:absolute;top:8px;left:14px;width:11px;height:11px;border-radius:50%;background:#31505d}.bonus-community-people i:after{content:'';position:absolute;left:9px;bottom:7px;width:21px;height:12px;border-radius:12px 12px 7px 7px;background:#31505d}.bonus-number{font-size:11px;letter-spacing:.1em;color:#d1eee9}.bonus-overview h3{font-size:22px;line-height:1.25;margin:20px 0 12px;font-weight:700}.bonus-overview-grid p{font-size:15px;line-height:1.55;color:#ecf1f5}.bonus-overview-action{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:28px 0 18px;font-size:15px;font-weight:650}.bonus-overview-action .btn-brand{padding:16px 24px;border-radius:30px}.bonus-note{font-size:13px;color:#4b6573;max-width:850px;line-height:1.6}#community{scroll-margin-top:110px}@media(max-width:950px){.bonus-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.bonus-overview-grid{grid-template-columns:1fr}.bonus-card-visual{height:180px}}
.bonus-card-report>.bonus-report-product{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;transform:scale(1.08)}.bonus-report-platform-label{position:absolute;left:10px;bottom:10px;padding:6px 9px;border-radius:999px;background:#071727e8;color:#83f4d8;font:700 8px/1 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 5px 14px #00192f4d}

/* Featured affiliate tool: Votel Snapshot Blueprint */
.bonus-blueprint-feature{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:34px;align-items:center;margin-top:18px;padding:34px;border-radius:26px;overflow:hidden;color:#fff;background:radial-gradient(circle at 88% 15%,rgba(11,222,177,.2),transparent 31%),linear-gradient(135deg,#071727 0%,#0b2c49 56%,#083e4a 100%);box-shadow:0 22px 54px rgba(7,23,39,.17);transition:transform .22s ease,box-shadow .22s ease}.bonus-blueprint-feature:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(90deg,transparent 28%,#000)}.bonus-blueprint-feature:hover{transform:translateY(-4px);box-shadow:0 28px 64px rgba(7,23,39,.24)}.bonus-blueprint-copy,.bonus-blueprint-dashboard{position:relative;z-index:1}.bonus-blueprint-kicker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#8ff7dc;font:700 10px/1.2 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.bonus-blueprint-kicker b{padding:7px 10px;border:1px solid rgba(143,247,220,.3);border-radius:999px;background:rgba(11,222,177,.1);font:inherit}.bonus-blueprint-feature h3{margin:15px 0 10px;font:650 clamp(1.7rem,3vw,2.45rem)/1.05 'Bricolage Grotesque',sans-serif;letter-spacing:-.035em}.bonus-blueprint-feature p{max-width:690px;color:rgba(255,255,255,.75);font-size:15px;line-height:1.65}.bonus-blueprint-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}.bonus-blueprint-benefits span{padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.07);color:#eefbff;font-size:11px;font-weight:700}.bonus-blueprint-link{display:inline-flex;align-items:center;gap:8px;color:#8ff7dc;font-weight:750}.bonus-blueprint-dashboard{padding:16px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(2,14,27,.72);box-shadow:0 18px 38px rgba(0,0,0,.28);transform:rotate(1.5deg)}.bonus-blueprint-window{display:flex;align-items:center;gap:5px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.09)}.bonus-blueprint-window i{width:7px;height:7px;border-radius:50%;background:#ff7272}.bonus-blueprint-window i:nth-child(2){background:#ffc85b}.bonus-blueprint-window i:nth-child(3){background:#34d399}.bonus-blueprint-window strong{margin-left:7px;color:rgba(255,255,255,.72);font:650 9px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.bonus-blueprint-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.bonus-blueprint-stats span{padding:10px;border-radius:11px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.55);font:600 8px/1.3 'JetBrains Mono',monospace;text-transform:uppercase}.bonus-blueprint-stats b{display:block;margin-bottom:5px;color:#fff;font-size:16px}.bonus-blueprint-rows{display:grid;gap:7px}.bonus-blueprint-rows span{display:grid;grid-template-columns:84px 1fr 24px;gap:8px;align-items:center;color:rgba(255,255,255,.65);font-size:9px}.bonus-blueprint-rows i{height:5px;border-radius:99px;background:linear-gradient(90deg,#0796ff var(--w),rgba(255,255,255,.08) var(--w))}.bonus-blueprint-rows b{color:#8ff7dc;text-align:right;font:700 9px/1 'JetBrains Mono',monospace}@media(max-width:780px){.bonus-blueprint-feature{grid-template-columns:1fr;padding:25px}.bonus-blueprint-dashboard{transform:none}}@media(max-width:480px){.bonus-blueprint-stats{grid-template-columns:1fr}.bonus-blueprint-rows span{grid-template-columns:76px 1fr 20px}}

.affiliate-tool-bonuses .bonus-visual{height:175px;position:relative;overflow:hidden;border-radius:12px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.bonus-visual-report{background:linear-gradient(135deg,#133b60,#127e8c)}.bonus-brand-icon{position:absolute;top:12px;left:12px;width:30px;height:30px}.bonus-paper{margin-top:30px;width:175px;padding:15px;border-radius:10px;background:white;box-shadow:0 10px 24px #001c3f40;transform:rotate(-5deg)}.bonus-paper>b{font-size:8px;letter-spacing:2px;color:#0f7178}.bonus-paper-title{font-size:13px;font-weight:700;color:#183950;margin-top:7px}.bonus-paper-title i{color:#07846a;float:right}.bonus-chart{display:flex;align-items:end;gap:8px;height:42px;margin:8px 0}.bonus-chart i{flex:1;background:#21bfa9;border-radius:3px 3px 0 0;height:40%}.bonus-chart i:nth-child(2){height:55%}.bonus-chart i:nth-child(3){height:65%}.bonus-chart i:nth-child(4){height:80%}.bonus-chart i:nth-child(5){height:100%}.bonus-paper small{font-size:9px;color:#4e6875}.bonus-visual-move{background:linear-gradient(135deg,#092c2e,#198b70);flex-direction:column}.bonus-transfer{display:flex;align-items:center;gap:14px;margin-top:30px}.bonus-transfer>div{padding:10px 14px;background:#ffffffed;border-radius:12px;text-align:center}.bonus-transfer>div>span{display:block;font-size:24px!important;color:#0b7c70!important;margin:0!important}.bonus-transfer b{display:block;font-size:12px;color:#133647}.bonus-transfer>i{color:#71f3ce;font-size:26px;font-style:normal}.bonus-visual-move>small,.bonus-visual-community>small{font-size:11px;color:#e6fffa;margin-top:12px}.bonus-visual-community{background:linear-gradient(135deg,#42356f,#8465a7);flex-direction:column}.bonus-chat{padding:8px 16px;border-radius:15px 15px 15px 0;background:#f7f1ff;color:#52377a;font-size:13px;font-weight:700}.bonus-people{display:flex;gap:10px;margin-top:16px}.bonus-people>span{display:grid!important;place-items:center;width:43px;height:43px;border-radius:50%;background:#9edbcf;margin:0!important}.bonus-people>span:nth-child(2){background:#ffd2aa;transform:translateY(-5px)}.bonus-people>span:nth-child(3){background:#b8c9ff}.bonus-people svg{width:30px;height:30px;fill:#294955}.nav-affiliate-resources .mega-guides-head strong{font-size:1.2rem}.mobile-affiliate-resources .affiliate-tool-bonuses>a{padding:14px}.mobile-affiliate-resources .affiliate-tool-bonuses .bonus-visual{height:155px}

.community-inclusions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0;padding:0;list-style:none}.community-inclusions li{padding:12px 18px;border-radius:12px;background:#fff;border:1px solid #bfddd4;color:#164f49;font-size:16px;font-weight:650}

.nav-moveover .nav-resources-menu a{display:block;padding:14px 16px}.nav-moveover .nav-resources-menu strong{display:block;font-size:15px;line-height:1.4;white-space:normal}.nav-moveover .nav-resources-menu small{display:block;margin-top:5px;font-size:13px;line-height:1.4;color:var(--ink-faint)}.nav-free-guides .nav-resources-menu .free-menu-all{display:block}
.nav-free-guides.nav-guides-mega .nav-resources-menu{width:min(1120px,calc(100vw - 32px));padding:0}.nav-free-guides .mega-guides-body{display:block;padding:1.25rem}.nav-free-guides .mega-guides-body section+section{margin-top:1.15rem;padding-top:1.1rem;border-top:1px solid var(--line)}.nav-free-guides .mega-guide-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.nav-free-guides .nav-resources-menu .mega-guide-card{grid-template-columns:78px minmax(0,1fr);min-height:126px;padding:.75rem}.nav-free-guides .mega-guide-cover{width:74px}.nav-free-guides .mega-guide-card-copy strong{font-size:.8rem}.nav-free-guides .mega-guide-card-copy>small{font-size:.65rem}.nav-free-guides .mega-guide-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.nav-free-guides .mega-guide-links .mega-guide-card{grid-template-columns:52px minmax(0,1fr);min-height:82px;padding:.55rem}.nav-free-guides .mega-guide-links .mega-guide-cover{width:48px;padding:6px 5px}.nav-free-guides .mega-guide-links .mega-guide-cover-top img{width:11px;height:11px}.nav-free-guides .mega-guide-links .mega-guide-cover-top em,.nav-free-guides .mega-guide-links .mega-guide-cover>small,.nav-free-guides .mega-guide-links .mega-guide-cover-checks,.nav-free-guides .mega-guide-links .mega-guide-cover-footer{display:none}.nav-free-guides .mega-guide-links .mega-guide-cover>b{margin-top:9px;font-size:7px}.nav-free-guides .mega-guides-footer>a:last-child{margin-left:auto;border-color:transparent;background:var(--ink);color:#fff}.mobile-free-guides .free-menu-all{grid-column:1/-1;text-align:center;background:var(--ink);color:#fff!important}
@media(max-width:1080px){.nav-free-guides .mega-guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-free-guides .mega-guide-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

.before-signup{padding:24px;position:relative}.before-signup>div{max-width:1132px;margin:auto;padding:28px 32px;border-radius:24px;background:linear-gradient(110deg,#092d42,#086458);color:#fff}.before-signup .eyebrow{color:#93f9dc;background:#ffffff12;border-color:#ffffff25}.before-signup h2{font:650 clamp(1.5rem,3vw,2rem)/1.2 'Bricolage Grotesque',sans-serif;margin:16px 0 12px}.before-signup p{max-width:790px;color:#e0f3ef;font-size:17px;line-height:1.65}.before-signup a{display:inline-block;margin-top:20px;padding:13px 20px;border-radius:30px;background:#22dfbc;color:#082c3c;font-size:16px;font-weight:750}.before-signup small{display:block;margin-top:12px;color:#bde0d8;font-size:12px}@media(max-width:600px){.before-signup{padding:20px}.before-signup>div{padding:24px}}

.fer-perspective{padding:28px;margin:40px 0;border:1px solid #bfdcd6;border-radius:22px;background:linear-gradient(120deg,#e6f6ee,#e5f0fb);text-align:left}.fer-perspective>span{font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#12675d}.fer-perspective h2{font:650 clamp(1.5rem,3vw,2rem)/1.2 'Bricolage Grotesque',sans-serif;color:#102d40;margin:16px 0}.fer-perspective p{font-size:17px;line-height:1.65;color:#3b5968;max-width:760px}.fer-perspective a{display:inline-block;margin-top:18px;color:#075d91;font-size:16px;font-weight:750;text-decoration:underline;text-underline-offset:4px}.fer-perspective-wide{max-width:1132px;margin:40px auto}.about-perspective-link{margin-top:28px;max-width:680px;font-size:17px;line-height:1.65;color:#3b5968}.about-perspective-link a{color:#075d91;text-decoration:underline;text-underline-offset:4px}@media(max-width:1180px){.fer-perspective-wide{margin:32px 24px}}

/* Consistent free-trial CTA at the end of every public page. */
.site-votel-cta{padding:64px 24px;background:linear-gradient(180deg,#f5f9fb,#edf5f7);color:#fff}.site-votel-cta-shell{position:relative;overflow:hidden;max-width:1040px;margin:auto;padding:56px 48px;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:radial-gradient(circle at 0 0,rgba(11,222,177,.3),transparent 38%),radial-gradient(circle at 100% 100%,rgba(7,150,255,.28),transparent 40%),linear-gradient(135deg,#071727,#0b2d45);box-shadow:0 24px 70px rgba(7,23,39,.16);text-align:center}.site-votel-cta-shell::after{content:'';position:absolute;right:-90px;top:-120px;width:280px;height:280px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 78px rgba(255,255,255,.025);pointer-events:none}.site-votel-cta-shell>*{position:relative;z-index:1}.site-votel-cta span{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:var(--mint);font:700 10px/1 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.site-votel-cta h2{max-width:760px;margin:18px auto 0;color:#fff;font:650 clamp(2rem,5vw,3.35rem)/1.06 'Bricolage Grotesque',sans-serif;letter-spacing:-.035em}.site-votel-cta p{max-width:620px;margin:18px auto 0;color:rgba(255,255,255,.7);font-size:17px;line-height:1.65}.site-votel-cta a{display:inline-flex;align-items:center;gap:6px;margin-top:26px;padding:16px 25px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:linear-gradient(135deg,#6ff0d1,#21dcb5);color:var(--ink);font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 14px 34px rgba(11,222,177,.24),inset 0 1px 0 rgba(255,255,255,.65);transition:transform .2s ease,box-shadow .2s ease}.site-votel-cta a:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(11,222,177,.34),inset 0 1px 0 rgba(255,255,255,.7)}.site-votel-cta a em{font:inherit;font-style:normal}.site-votel-cta-shell>small{display:block;margin-top:13px;color:rgba(255,255,255,.46);font-size:11px}
@media(max-width:600px){.site-votel-cta{padding:36px 16px}.site-votel-cta-shell{padding:42px 22px;border-radius:24px}.site-votel-cta p{font-size:16px}.site-votel-cta a{width:100%;justify-content:center;flex-wrap:wrap;padding:15px 16px}.site-votel-cta a em{font:inherit}}

/* Bright social sharing moment on guide pages. */
.master-guide-feature{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);border:1px solid rgba(7,150,255,.24);background:radial-gradient(circle at 88% 12%,rgba(11,222,177,.28),transparent 30%),linear-gradient(135deg,#071f31 0%,#0b3e55 54%,#087e78 100%);box-shadow:0 24px 70px rgba(8,33,50,.2)}.master-guide-feature-visual{background:rgba(255,255,255,.06)}.master-guide-feature-sheet{position:absolute;inset:2rem;transform:rotate(-3deg);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);box-shadow:0 28px 70px rgba(3,18,29,.32);backdrop-filter:blur(10px)}.nav-free-guides .mega-guide-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(11,222,177,.1),rgba(7,150,255,.07))}.nav-free-guides .mega-guide-card-copy strong{font-size:15px}.nav-free-guides .mega-guide-card-copy>small{font-size:12px;line-height:1.4}.mobile-free-guides .mega-guide-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;align-items:center}.mobile-free-guides .mega-guide-cover{width:90px}.mobile-free-guides .mega-guide-card-copy strong{font-size:16px}.mobile-free-guides .mega-guide-card-copy>small{font-size:13px}@media(max-width:767px){.master-guide-feature{grid-template-columns:1fr}.master-guide-feature-sheet{inset:1.5rem}}
.mega-guide-cover--mcp{background:radial-gradient(circle at 82% 14%,rgba(11,222,177,.34),transparent 30%),linear-gradient(145deg,#071727,#073d68 58%,#0796ff)}.mega-guide-cover--workflow{background:radial-gradient(circle at 82% 14%,rgba(142,244,255,.32),transparent 30%),linear-gradient(145deg,#071f31,#0b6b6b 55%,#0796ff)}.mega-guide-cover--switch{background:radial-gradient(circle at 82% 14%,rgba(255,218,112,.3),transparent 30%),linear-gradient(145deg,#1c204a,#56318b 60%,#8f4cc7)}.mega-guide-cover--migration{background:radial-gradient(circle at 82% 14%,rgba(142,244,255,.3),transparent 30%),linear-gradient(145deg,#071f3b,#0a638e 60%,#0aa4ad)}.mega-guide-cover--poster{background:radial-gradient(circle at 82% 14%,rgba(255,255,255,.28),transparent 30%),linear-gradient(145deg,#4b2d13,#b35b28 60%,#e38b38)}.nav-free-guides .mega-guide-card--primary,.mobile-free-guides .mega-guide-card--primary{border-color:rgba(11,222,177,.72)!important;background:radial-gradient(circle at 88% 12%,rgba(11,222,177,.28),transparent 34%),linear-gradient(135deg,#071f31,#0b4155 62%,#087e78)!important;box-shadow:0 14px 30px rgba(8,33,50,.2),inset 0 0 0 1px rgba(255,255,255,.08)}.nav-free-guides .mega-guide-card--primary .mega-guide-card-copy strong,.mobile-free-guides .mega-guide-card--primary .mega-guide-card-copy strong{color:#fff}.nav-free-guides .mega-guide-card--primary .mega-guide-card-copy>small,.mobile-free-guides .mega-guide-card--primary .mega-guide-card-copy>small{color:#c8dae3}.mega-start-badge{display:inline-flex;margin-bottom:.45rem;padding:.27rem .48rem;border-radius:999px;background:var(--mint);color:var(--ink);font:800 .52rem/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.nav-free-guides .mega-guide-card--primary:hover,.nav-free-guides .mega-guide-card--primary:focus-visible{border-color:var(--mint)!important;background:radial-gradient(circle at 88% 12%,rgba(11,222,177,.38),transparent 36%),linear-gradient(135deg,#071f31,#0b4155 58%,#087e78)!important}
.guide-share{border-color:rgba(255,255,255,.42);background:radial-gradient(circle at 6% 0,rgba(11,222,177,.48),transparent 33%),radial-gradient(circle at 100% 100%,rgba(142,244,255,.42),transparent 38%),linear-gradient(135deg,#075dcc 0%,#0796ff 55%,#00aeca 100%);box-shadow:0 24px 64px rgba(7,105,205,.3),0 0 0 5px rgba(7,150,255,.08)}.guide-share::after{border-color:rgba(255,255,255,.24);box-shadow:0 0 0 30px rgba(255,255,255,.07),0 0 0 70px rgba(255,255,255,.045)}.guide-share-actions a,.guide-share-actions button{border-color:rgba(255,255,255,.34);background:rgba(7,23,39,.76);box-shadow:0 7px 18px rgba(7,23,39,.18)}.guide-share-actions a:hover,.guide-share-actions a:focus-visible,.guide-share-actions button:hover,.guide-share-actions button:focus-visible{border-color:rgba(255,255,255,.62);background:rgba(7,23,39,.94)}.guide-share-actions [data-copy-link]{border-color:rgba(255,255,255,.55);background:var(--mint);color:var(--ink)}

.mega-guide-cover--blueprint{background:radial-gradient(circle at 84% 14%,rgba(11,222,177,.34),transparent 30%),linear-gradient(145deg,#071727,#123a61 55%,#087e73)}

/* Keep the affiliate bonus menu compact and scannable as the offer grows. */
.nav-affiliate-resources .nav-resources-menu{width:min(660px,calc(100vw - 32px))}.affiliate-tool-bonuses{grid-template-columns:1fr;gap:10px}.nav-affiliate-resources .nav-resources-menu .affiliate-tool-bonuses a{display:grid;grid-template-columns:145px minmax(0,1fr);gap:16px;align-items:center;padding:12px}.affiliate-tool-bonuses .bonus-visual{height:112px;margin:0}.affiliate-tool-bonuses .bonus-copy{display:block;margin:0!important;min-width:0}.affiliate-tool-bonuses .bonus-copy>span{margin-top:5px}.bonus-visual-blueprint{background:radial-gradient(circle at 92% 4%,rgba(11,222,177,.25),transparent 34%),linear-gradient(145deg,#071727,#0b3654)}.bonus-blueprint-mini{width:82%;padding:11px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(2,14,27,.72);box-shadow:0 10px 24px rgba(0,0,0,.25)}.bonus-blueprint-mini small{display:block;color:#8ff7dc;font:700 6px/1 'JetBrains Mono',monospace;letter-spacing:.1em}.bonus-blueprint-mini>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0}.bonus-blueprint-mini b{padding:5px;border-radius:5px;background:rgba(255,255,255,.07);color:#fff;font:700 10px/1 'JetBrains Mono',monospace;text-align:center}.bonus-blueprint-mini i{display:block;height:3px;margin-top:4px;border-radius:999px;background:linear-gradient(90deg,#0796ff var(--w),rgba(255,255,255,.1) var(--w))}.mobile-affiliate-resources .affiliate-tool-bonuses a{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;align-items:center}.mobile-affiliate-resources .affiliate-tool-bonuses .bonus-visual{height:96px}.mobile-affiliate-resources .affiliate-tool-bonuses strong{font-size:15px}.mobile-affiliate-resources .affiliate-tool-bonuses .bonus-copy>span{font-size:12px}@media(max-width:420px){.mobile-affiliate-resources .affiliate-tool-bonuses a{grid-template-columns:1fr}.mobile-affiliate-resources .affiliate-tool-bonuses .bonus-visual{height:120px}}