*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Geist','Inter',-apple-system,BlinkMacSystemFont,'SF Pro Display',sans-serif;background:#000;color:#f5f5f7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.5}
img,svg{display:block}
button{font-family:inherit;color:inherit}
a{color:inherit}
:root{
  --ink:#1d1d1f; --ink2:#000;
  --paper:#fff; --paper2:#f5f5f7;
  --blue:#0071e3; --blue-hi:#0077ed;
  --green:#30d158; --red:#ff3b30; --amber:#ff9f0a; --magenta:#bf5af2; --cyan:#5ac8fa;
  --aurora:linear-gradient(135deg,#0071e3 0%,#bf5af2 50%,#5ac8fa 100%);
  --ease:cubic-bezier(0.25,0,0,1);
  --maxw:1200px;
}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
h1,h2,h3{font-weight:600;letter-spacing:-0.025em;line-height:1.1}

/* Scroll-reveal */
.fade-up{opacity:0;transform:translateY(24px);transition:opacity 600ms var(--ease),transform 600ms var(--ease)}
.fade-up.is-visible{opacity:1;transform:translateY(0)}

/* Sticky header */
.site-header{position:sticky;top:0;z-index:200}
.disclosure-bar{background:#1d1d1f;border-bottom:1px solid rgba(255,255,255,0.07);padding:7px 24px;display:flex;align-items:center;justify-content:center;position:relative}
.disclosure-bar.hidden{display:none}
.disclosure-bar p{font-size:11px;color:rgba(245,245,247,0.4);text-align:center;line-height:1.5}
.disclosure-bar strong{color:rgba(245,245,247,0.55);font-weight:600}
.disclosure-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:rgba(245,245,247,0.3);font-size:18px;line-height:1;padding:4px}
.main-nav{background:rgba(0,0,0,0.65);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid transparent;transition:all 300ms var(--ease)}
.main-nav.scrolled{background:rgba(0,0,0,0.8);border-bottom-color:rgba(255,255,255,0.08)}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{display:flex;align-items:center;gap:7px;text-decoration:none;flex-shrink:0}
.wordmark-text{font-size:15px;font-weight:700;color:#f5f5f7;letter-spacing:-0.02em}
.nav-links{display:flex;gap:22px;align-items:center}
.nav-links a{font-size:13px;color:rgba(245,245,247,0.6);text-decoration:none;transition:color 150ms}
.nav-links a:hover{color:#f5f5f7}
.nav-cta{display:inline-flex;align-items:center;gap:4px;background:var(--blue);color:#fff;font-size:13px;font-weight:500;padding:7px 15px;border-radius:9999px;text-decoration:none;flex-shrink:0;transition:all 200ms var(--ease)}
.nav-cta:hover{background:var(--blue-hi);transform:scale(1.02)}
@media(max-width:680px){.nav-links{display:none}}

/* Buttons */
.btn{display:inline-block;text-align:center;text-decoration:none;font-weight:500;border-radius:9999px;transition:all 200ms var(--ease);cursor:pointer;border:none}
.btn-primary{background:var(--blue);color:#fff;padding:14px 28px;font-size:17px}
.btn-primary:hover{background:var(--blue-hi);transform:scale(1.02)}
.btn-ghost{background:transparent;color:#f5f5f7;padding:14px 28px;font-size:17px;border:1px solid rgba(255,255,255,0.22)}
.btn-ghost:hover{border-color:rgba(255,255,255,0.45);transform:scale(1.02)}
.btn-small{padding:13px 26px;font-size:16px}

/* Eyebrow + tags */
.eyebrow{font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:14px}
.eyebrow-dark{color:rgba(245,245,247,0.3)}
.eyebrow-light{color:rgba(29,29,31,0.4)}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:9999px;padding:5px 14px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.07);font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:rgba(245,245,247,0.55)}
.chip .dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}

/* Hero */
.hero{position:relative;background:#000;min-height:96vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:80px 24px 60px;text-align:center}
.hero-mesh{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-blob{position:absolute;border-radius:50%;filter:blur(160px)}
.hero-blob.b1{width:700px;height:700px;background:var(--blue);opacity:0.08;top:-10%;left:15%;animation:breathe 9s ease-in-out infinite}
.hero-blob.b2{width:500px;height:500px;background:var(--magenta);opacity:0.06;top:10%;right:10%;animation:breathe 9s ease-in-out infinite 3.5s}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.hero-canvas-wrap{position:absolute;inset:0;opacity:0.65}
.hero-canvas-wrap canvas{width:100%;height:100%;display:block}
.hero-inner{position:relative;z-index:1;max-width:820px}
.hero h1{font-size:clamp(40px,7.5vw,96px);color:#f5f5f7;margin-bottom:24px}
.hero .lede{font-size:clamp(17px,2vw,21px);color:rgba(245,245,247,0.58);line-height:1.65;max-width:640px;margin:0 auto 40px}
.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.trust-strip{margin-top:60px;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}
.trust-label{font-size:11px;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;color:rgba(245,245,247,0.28);margin-right:4px}
.trust-pill{font-size:12px;color:rgba(245,245,247,0.38);padding:3px 10px;border:1px solid rgba(255,255,255,0.08);border-radius:9999px}

/* Verdict */
.verdict{background:#1d1d1f;padding:clamp(64px,9vw,112px) 24px;border-top:1px solid rgba(255,255,255,0.06)}
.verdict-inner{max-width:920px;margin:0 auto}
.pick-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(0,113,227,0.12);border:1px solid rgba(0,113,227,0.25);border-radius:6px;padding:4px 12px;margin-bottom:28px}
.pick-badge span{font-size:11px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:var(--blue)}
.verdict-quote{font-size:clamp(28px,4.5vw,52px);font-weight:600;color:#f5f5f7;letter-spacing:-0.022em;line-height:1.18;margin-bottom:28px}
.rating-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,0.07)}
.stars{display:inline-flex;align-items:center;gap:8px}
.stars .row{display:flex;gap:3px}
.stars .star{position:relative;font-size:20px;line-height:1}
.stars .star .empty{color:rgba(245,245,247,0.15)}
.stars .star .fill{position:absolute;left:0;overflow:hidden;color:#ffd60a}
.stars .score{font-size:15px;font-weight:700;color:#f5f5f7;font-variant-numeric:tabular-nums;letter-spacing:-0.01em}
.stars .max{font-size:13px;color:rgba(245,245,247,0.38)}
.verdict-bullets{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-bottom:36px}
.verdict-bullet{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:rgba(255,255,255,0.03);border-radius:12px;border:1px solid rgba(255,255,255,0.06);font-size:14px;color:rgba(245,245,247,0.72);line-height:1.5}
.verdict-bullet svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}
.verdict-cta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.verdict-note{font-size:13px;color:rgba(245,245,247,0.35)}

/* Problem */
.problem{background:#fff;padding:clamp(64px,9vw,112px) 24px;color:var(--ink)}
.problem-grid{max-width:1100px;margin:0 auto;display:flex;gap:64px;align-items:flex-start;flex-wrap:wrap;justify-content:center}
.problem-text{flex:1 1 380px;max-width:520px}
.problem h2{font-size:clamp(28px,4vw,48px);color:var(--ink);margin-bottom:28px}
.problem-list{display:flex;flex-direction:column;gap:20px}
.problem-item-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:5px}
.problem-item-body{font-size:15px;color:rgba(29,29,31,0.6);line-height:1.65}
.problem-card-col{flex:1 1 340px;display:flex;flex-direction:column;align-items:center;gap:14px}
.rej-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,0.12);max-width:440px;width:100%;border:1px solid rgba(0,0,0,0.05)}
.rej-chrome{background:#f5f5f7;padding:10px 14px;border-bottom:1px solid rgba(0,0,0,0.08);display:flex;align-items:center;gap:10px}
.rej-chrome-dots{display:flex;gap:5px}
.rej-chrome-dots span{width:11px;height:11px;border-radius:50%}
.rej-chrome-title{flex:1;text-align:center;font-size:11px;color:rgba(0,0,0,0.4);font-weight:500}
.rej-body{padding:18px 20px}
.rej-meta{margin-bottom:12px}
.rej-meta-row{font-size:10px;color:rgba(0,0,0,0.35);margin-bottom:1px}
.rej-meta-row em{color:rgba(0,0,0,0.5);font-style:normal}
.rej-meta-row strong{color:#1d1d1f;font-weight:600}
.rej-greeting{font-size:13px;color:#1d1d1f;line-height:1.6;margin-bottom:14px}
.rej-greeting p{margin-bottom:8px}
.rej-status{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;transition:all 600ms var(--ease)}
.rej-status.rejected{background:rgba(255,59,48,0.08)}
.rej-status.approved{background:rgba(48,209,88,0.1)}
.rej-status .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:background 600ms}
.rej-status.rejected .dot{background:var(--red)}
.rej-status.approved .dot{background:var(--green)}
.rej-status span{font-size:11px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;transition:color 600ms}
.rej-status.rejected span{color:#c0392b}
.rej-status.approved span{color:#1a7a3a}
.rej-detail{margin-top:10px;font-size:11px;line-height:1.6;padding:10px 12px;border-radius:7px}
.rej-detail.rejected{color:#c0392b;background:rgba(255,59,48,0.05);border-left:3px solid var(--red)}
.rej-detail.approved{color:#1a7a3a;background:rgba(48,209,88,0.05);border-left:3px solid var(--green)}
.rej-toggle{font-size:12px;color:rgba(29,29,31,0.4);background:none;border:1px solid rgba(0,0,0,0.1);border-radius:9999px;padding:5px 14px;cursor:pointer;transition:all 150ms}
.rej-toggle:hover{border-color:rgba(0,0,0,0.2)}

/* Comparison */
.comparison{background:#000;padding:clamp(64px,9vw,112px) 24px}
.comparison-inner{max-width:1100px;margin:0 auto}
.comparison h2{font-size:clamp(28px,4vw,52px);color:#f5f5f7}
.comparison-head{margin-bottom:48px}
.comparison-wrap{overflow-x:auto;border-radius:18px;border:1px solid rgba(255,255,255,0.07)}
.comparison-table{width:100%;border-collapse:collapse;min-width:600px}
.comparison-table th{padding:18px 20px;text-align:center;font-size:13px;font-weight:600;color:rgba(245,245,247,0.5);background:rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.07);white-space:nowrap}
.comparison-table th.label-col{padding:18px 24px;text-align:left;font-size:11px;color:rgba(245,245,247,0.3);letter-spacing:0.07em;text-transform:uppercase;background:transparent}
.comparison-table th.winner{color:var(--blue);background:rgba(0,113,227,0.08);border-left:1px solid rgba(0,113,227,0.2);border-right:1px solid rgba(0,113,227,0.2)}
.comparison-table td{padding:14px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.05)}
.comparison-table td.label{padding:14px 24px;text-align:left;font-size:14px;color:rgba(245,245,247,0.65);font-weight:400;line-height:1.4}
.comparison-table td.winner{background:rgba(0,113,227,0.06);border-left:1px solid rgba(0,113,227,0.15);border-right:1px solid rgba(0,113,227,0.15)}
.comparison-table tr:last-child td{border-bottom:none}
.cell-icon{display:flex;justify-content:center;align-items:center}
.cell-text{font-size:13px;color:rgba(245,245,247,0.68);font-variant-numeric:tabular-nums}
.cell-na{font-size:12px;color:rgba(245,245,247,0.28);font-style:italic}
.comparison-cta{margin-top:36px;text-align:center}

/* How it works */
.how{background:#1d1d1f;padding:clamp(64px,9vw,112px) 24px}
.how-inner{max-width:1100px;margin:0 auto}
.how h2{font-size:clamp(28px,4vw,52px);color:#f5f5f7}
.how-head{margin-bottom:56px}
.how-row{display:flex;gap:48px;flex-wrap:wrap;align-items:flex-start}
.how-tabs{flex:0 0 280px;display:flex;flex-direction:column;gap:4px}
.how-tab{text-align:left;background:none;border:none;cursor:pointer;border-left:2px solid rgba(255,255,255,0.08);padding:16px 18px;border-radius:0 12px 12px 0;background:transparent;transition:all 200ms var(--ease)}
.how-tab.active{border-left-color:var(--blue);background:rgba(0,113,227,0.06)}
.how-tab-num{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:rgba(245,245,247,0.28);margin-bottom:5px;transition:color 200ms}
.how-tab.active .how-tab-num{color:var(--blue)}
.how-tab-title{font-size:16px;font-weight:600;color:rgba(245,245,247,0.45);letter-spacing:-0.01em;line-height:1.3;transition:color 200ms}
.how-tab.active .how-tab-title{color:#f5f5f7}
.how-detail{flex:1 1 380px;min-width:0}
.how-panel{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:36px 36px 32px}
.how-panel.fade-slide{animation:fadeSlide 300ms var(--ease)}
@keyframes fadeSlide{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
.how-panel-icon{margin-bottom:22px;width:32px;height:32px}
.how-panel h3{font-size:26px;font-weight:600;color:#f5f5f7;letter-spacing:-0.02em;line-height:1.2;margin-bottom:14px}
.how-panel-body{font-size:16px;color:rgba(245,245,247,0.58);line-height:1.7;margin-bottom:24px}
.how-stat{display:inline-flex;flex-direction:column;gap:2px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:10px 16px}
.how-stat-num{font-size:20px;font-weight:700;color:#f5f5f7;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.how-stat-label{font-size:11px;color:rgba(245,245,247,0.35);font-weight:500}
.how-dots{display:flex;gap:8px;margin-top:20px;padding-left:4px}
.how-dot{width:8px;height:8px;border-radius:4px;border:none;cursor:pointer;padding:0;background:rgba(255,255,255,0.15);transition:all 300ms var(--ease)}
.how-dot.active{width:24px;background:var(--blue)}

/* Before/After */
.ba{background:#f5f5f7;padding:clamp(64px,9vw,112px) 24px;color:var(--ink)}
.ba-inner{max-width:900px;margin:0 auto}
.ba-head{text-align:center;margin-bottom:48px}
.ba h2{font-size:clamp(28px,4vw,48px);color:var(--ink);margin-bottom:12px}
.ba-sub{font-size:16px;color:rgba(29,29,31,0.55);line-height:1.6}
.ba-row{display:flex;gap:16px;flex-wrap:wrap}
.player{flex:1 1 280px;background:#fff;border:1px solid rgba(0,0,0,0.07);border-radius:18px;overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,0.06)}
.player-wave{height:100px;position:relative;overflow:hidden}
.player-wave.clean{background:#f8f8fa}
.player-wave.distorted{background:#fef4f4}
.player-wave canvas{width:100%;height:100%;display:block}
.player-status{position:absolute;top:8px;right:10px;display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:3px 8px}
.player-status.passes{background:rgba(48,209,88,0.15);border:1px solid rgba(48,209,88,0.3)}
.player-status.rejected{background:rgba(255,59,48,0.12);border:1px solid rgba(255,59,48,0.25)}
.player-status .dot{width:5px;height:5px;border-radius:50%}
.player-status.passes .dot{background:var(--green)}
.player-status.rejected .dot{background:var(--red)}
.player-status span{font-size:10px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase}
.player-status.passes span{color:#1a7a3a}
.player-status.rejected span{color:#c0392b}
.player-controls{padding:14px 16px}
.player-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.player-btn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform 150ms}
.player-btn.clean{background:var(--blue)}
.player-btn.rejected{background:var(--red)}
.player-btn:hover{transform:scale(1.06)}
.player-label{flex:1}
.player-label-name{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:3px}
.player-label-tag{font-size:11px;color:rgba(29,29,31,0.4)}
.player-time{font-size:11px;color:rgba(29,29,31,0.4);font-variant-numeric:tabular-nums}
.player-progress{height:3px;background:rgba(0,0,0,0.08);border-radius:2px;overflow:hidden}
.player-progress-fill{height:100%;width:0%;border-radius:2px;transition:width 100ms linear}
.player-progress-fill.clean{background:var(--blue)}
.player-progress-fill.rejected{background:var(--red)}
.ba-note{text-align:center;font-size:13px;color:rgba(29,29,31,0.4);margin-top:20px}

/* Distributors marquee */
.dist{background:#000;padding:clamp(56px,8vw,96px) 0;overflow:hidden}
.dist-head{max-width:1100px;margin:0 auto 36px;padding:0 24px;text-align:center}
.dist h2{font-size:clamp(26px,3.5vw,44px);color:#f5f5f7;margin-bottom:12px}
.dist-sub{font-size:15px;color:rgba(245,245,247,0.45);line-height:1.6}
.marquee{position:relative;overflow:hidden;padding:16px 0}
.marquee-track{display:flex;animation:marquee60 60s linear infinite;width:max-content;gap:12px;padding-left:24px}
.marquee-item{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:9999px;padding:9px 18px;white-space:nowrap;font-size:13px;font-weight:500;color:rgba(245,245,247,0.6)}
.marquee-item svg{width:12px;height:12px;flex-shrink:0}
@keyframes marquee60{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Bento (Why wins) */
.bento{background:#f5f5f7;padding:clamp(64px,9vw,112px) 24px;color:var(--ink)}
.bento-inner{max-width:1100px;margin:0 auto}
.bento h2{font-size:clamp(28px,4vw,48px);color:var(--ink)}
.bento-head{margin-bottom:48px}
.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;grid-auto-rows:auto}
.tile{border-radius:18px;box-shadow:0 2px 16px rgba(0,0,0,0.05);padding:26px 24px;min-height:130px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform 200ms,box-shadow 200ms;cursor:default;background:#fff;border:1px solid rgba(0,0,0,0.06)}
.tile.wide{grid-column:span 2}
.tile.accent{background:linear-gradient(135deg,rgba(0,113,227,0.08) 0%,rgba(191,90,242,0.06) 100%);border:1px solid rgba(0,113,227,0.18)}
.tile:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,0.09)}
.tile-title{font-size:16px;font-weight:600;color:var(--ink);line-height:1.3;letter-spacing:-0.01em;margin-bottom:6px}
.tile-sub{font-size:13px;color:rgba(29,29,31,0.52);line-height:1.55}
@media(max-width:780px){.bento-grid{grid-template-columns:repeat(2,1fr)}.tile.wide{grid-column:span 2}}
@media(max-width:540px){.bento-grid{grid-template-columns:1fr}.tile.wide{grid-column:span 1}}

/* Testimonials */
.testimonials{background:#fff;padding:clamp(64px,9vw,112px) 24px;color:var(--ink)}
.testimonials-inner{max-width:1100px;margin:0 auto}
.testimonials-head{text-align:center;margin-bottom:48px}
.testimonials h2{font-size:clamp(26px,3.8vw,44px);color:var(--ink)}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.testimonial{background:#f5f5f7;border-radius:18px;padding:28px 26px;border:1px solid rgba(0,0,0,0.05);display:flex;flex-direction:column;transition:transform 200ms,box-shadow 200ms}
.testimonial:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,0.08)}
.testimonial-stars{display:flex;gap:3px;margin-bottom:14px;font-size:14px;color:#ffd60a;line-height:1}
.testimonial-quote{font-size:15px;color:var(--ink);line-height:1.65;margin-bottom:20px;flex:1}
.testimonial-attr{border-top:1px solid rgba(0,0,0,0.07);padding-top:14px}
.testimonial-name{font-size:14px;font-weight:600;color:var(--ink)}
.testimonial-detail{font-size:12px;color:rgba(29,29,31,0.5);margin-top:2px}
.result-chip{display:inline-flex;align-items:center;gap:5px;margin-top:8px;background:rgba(48,209,88,0.1);border:1px solid rgba(48,209,88,0.2);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;color:#1a7a3a}
.result-chip .dot{width:5px;height:5px;border-radius:50%;background:var(--green)}

/* Pricing */
.pricing{background:#000;padding:clamp(64px,9vw,112px) 24px}
.pricing-inner{max-width:860px;margin:0 auto}
.pricing-head{text-align:center;margin-bottom:48px}
.pricing h2{font-size:clamp(28px,4vw,48px);color:#f5f5f7;margin-bottom:12px}
.pricing-sub{font-size:16px;color:rgba(245,245,247,0.45);line-height:1.6}
.pricing-row{display:flex;gap:14px;align-items:stretch;flex-wrap:wrap;justify-content:center}
.tier{flex:1 1 320px;max-width:400px;position:relative;border-radius:22px;padding:32px 28px 28px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);display:flex;flex-direction:column;transition:transform 200ms var(--ease)}
.tier:hover{transform:translateY(-4px)}
.tier.popular{background:rgba(0,113,227,0.06);border:none;box-shadow:0 0 0 1px rgba(0,113,227,0.4),0 0 40px rgba(0,113,227,0.18)}
.tier-flag{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#0071e3,#bf5af2);color:#fff;font-size:10px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;padding:4px 14px;border-radius:0 0 10px 10px;white-space:nowrap}
.tier-name{font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(245,245,247,0.38);margin-bottom:12px}
.tier.popular .tier-name{color:rgba(0,113,227,0.85);margin-top:14px}
.tier-price{font-size:52px;font-weight:700;color:#f5f5f7;letter-spacing:-0.03em;font-variant-numeric:tabular-nums;line-height:1}
.tier-period{font-size:13px;color:rgba(245,245,247,0.36);margin-top:4px}
.tier-alt{font-size:12px;color:rgba(245,245,247,0.28);margin-bottom:18px}
.tier-desc{font-size:14px;color:rgba(245,245,247,0.55);line-height:1.5;margin-bottom:22px}
.tier-features{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:24px;flex:1}
.tier-features li{display:flex;align-items:center;gap:9px;font-size:13px;color:rgba(245,245,247,0.68)}
.tier-features svg{width:15px;height:15px;flex-shrink:0}
.tier-urgency{display:flex;align-items:center;gap:7px;background:rgba(255,159,10,0.1);border:1px solid rgba(255,159,10,0.2);border-radius:8px;padding:8px 12px;margin-bottom:14px;font-size:12px;color:rgba(255,159,10,0.9);line-height:1.4}
.tier-urgency svg{width:14px;height:14px;flex-shrink:0}
.tier-cta{display:block;text-align:center;padding:13px 0;border-radius:9999px;font-size:15px;font-weight:500;text-decoration:none;transition:all 200ms;background:rgba(255,255,255,0.08);color:rgba(245,245,247,0.8)}
.tier-cta:hover{transform:scale(1.02);opacity:0.85}
.tier.popular .tier-cta{background:var(--blue);color:#fff}
.pricing-note{text-align:center;font-size:13px;color:rgba(245,245,247,0.28);margin-top:28px}

/* FAQ */
.faq{background:#f5f5f7;padding:clamp(64px,9vw,112px) 24px;color:var(--ink)}
.faq-inner{max-width:760px;margin:0 auto}
.faq h2{font-size:clamp(26px,3.8vw,44px);color:var(--ink)}
.faq-head{margin-bottom:48px}
.faq-item{border-bottom:1px solid rgba(0,0,0,0.07)}
.faq-button{width:100%;text-align:left;background:none;border:none;padding:20px 0;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.faq-q{font-size:16px;font-weight:500;color:var(--ink);line-height:1.45;flex:1}
.faq-chev{width:18px;height:18px;flex-shrink:0;margin-top:3px;transition:transform 300ms var(--ease);opacity:0.4}
.faq-item.open .faq-chev{transform:rotate(180deg)}
.faq-answer{overflow:hidden;max-height:0;opacity:0;transition:max-height 350ms var(--ease),opacity 300ms}
.faq-item.open .faq-answer{max-height:400px;opacity:1}
.faq-answer p{font-size:15px;color:rgba(29,29,31,0.6);line-height:1.7;padding-bottom:20px;padding-right:32px}

/* Final CTA */
.final-cta{position:relative;background:#000;padding:clamp(80px,12vw,140px) 24px;overflow:hidden;text-align:center}
.final-cta-mesh{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.final-cta-blob{position:absolute;border-radius:50%;filter:blur(160px)}
.final-cta-blob.b1{width:800px;height:800px;background:var(--blue);opacity:0.09;top:50%;left:50%;transform:translate(-50%,-50%);animation:breatheCTA 9s ease-in-out infinite}
.final-cta-blob.b2{width:600px;height:600px;background:var(--magenta);opacity:0.07;top:30%;right:5%;animation:breatheCTA 9s ease-in-out infinite 3s}
.final-cta-blob.b3{width:400px;height:400px;background:var(--cyan);opacity:0.06;bottom:10%;left:10%;animation:breatheCTA 9s ease-in-out infinite 6s}
@keyframes breatheCTA{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.07)}}
.final-cta-blob.b2,.final-cta-blob.b3{transform:none}
@keyframes breatheCTAOffset{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.final-cta-blob.b2,.final-cta-blob.b3{animation-name:breatheCTAOffset}
.final-cta-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}
.final-cta h2{font-size:clamp(34px,5.5vw,64px);color:#f5f5f7;margin-bottom:20px;letter-spacing:-0.025em;line-height:1.08}
.final-cta p{font-size:18px;color:rgba(245,245,247,0.52);line-height:1.65;max-width:480px;margin:0 auto 40px}
.final-cta .btn-primary{padding:16px 32px;font-size:18px}
.final-cta-note{font-size:13px;color:rgba(245,245,247,0.28);margin-top:20px;line-height:1.5}

/* Footer */
.site-footer{background:#1d1d1f;border-top:1px solid rgba(255,255,255,0.06);padding:56px 24px 32px}
.footer-inner{max-width:1100px;margin:0 auto}
.footer-top{display:flex;gap:48px;flex-wrap:wrap;margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.06);justify-content:space-between}
.footer-brand{flex:0 0 auto;max-width:260px}
.footer-brand-row{display:flex;align-items:center;gap:7px;margin-bottom:10px}
.footer-brand-row span{font-size:15px;font-weight:700;color:#f5f5f7;letter-spacing:-0.02em}
.footer-tagline{font-size:12px;color:rgba(245,245,247,0.35);line-height:1.65}
.footer-col{flex:1 1 120px}
.footer-col-title{font-size:10px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(245,245,247,0.28);margin-bottom:12px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-col a{font-size:13px;color:rgba(245,245,247,0.45);text-decoration:none;transition:color 150ms}
.footer-col a:hover{color:rgba(245,245,247,0.8)}
.footer-disclosure{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px 20px;margin-bottom:24px;font-size:12px;color:rgba(245,245,247,0.35);line-height:1.7}
.footer-disclosure strong{color:rgba(245,245,247,0.5);font-weight:600}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:rgba(245,245,247,0.25)}
.footer-bottom .right{color:rgba(245,245,247,0.2)}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.001ms !important;transition-duration:0.001ms !important}
  .fade-up{opacity:1;transform:none}
}

/* === New sections: methodology, why-flagged, guides-grid === */

.methodology{background:#1d1d1f;padding:clamp(64px,9vw,112px) 24px;border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}
.methodology-inner{max-width:1100px;margin:0 auto}
.methodology h2{font-size:clamp(28px,4vw,48px);color:#f5f5f7;margin-bottom:40px;letter-spacing:-0.025em}
.methodology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:28px}
.methodology-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:24px 22px;display:flex;flex-direction:column;gap:10px}
.methodology-num{font-size:11px;font-weight:700;letter-spacing:0.1em;color:#0071e3;font-variant-numeric:tabular-nums}
.methodology-card-title{font-size:16px;font-weight:600;color:#f5f5f7;letter-spacing:-0.01em;line-height:1.3}
.methodology-card-body{font-size:14px;color:rgba(245,245,247,0.6);line-height:1.6}
.methodology-note{font-size:13px;color:rgba(245,245,247,0.42);line-height:1.6;max-width:760px}

.why-flagged{background:#fff;padding:clamp(64px,9vw,112px) 24px;color:#1d1d1f}
.why-flagged-inner{max-width:1100px;margin:0 auto}
.why-flagged h2{font-size:clamp(28px,4vw,44px);color:#1d1d1f;margin-bottom:36px;letter-spacing:-0.025em}
.why-flagged-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:48px;align-items:start}
@media(max-width:780px){.why-flagged-grid{grid-template-columns:1fr;gap:32px}}
.why-flagged-body{font-size:16px;color:rgba(29,29,31,0.7);line-height:1.7}
.why-flagged-body p{margin-bottom:16px}
.why-flagged-body strong{color:#1d1d1f}
.why-flagged-aside{background:#f5f5f7;border-left:3px solid #0071e3;border-radius:0 12px 12px 0;padding:24px 26px;position:sticky;top:90px}
.aside-title{font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#0071e3;margin-bottom:12px}
.why-flagged-aside p{font-size:14px;color:rgba(29,29,31,0.65);line-height:1.6;margin-bottom:10px}
.why-flagged-aside a{color:#0071e3;text-decoration:none;font-weight:500}
.why-flagged-aside a:hover{text-decoration:underline}

.guides-grid-section{background:#000;padding:clamp(64px,9vw,112px) 24px;border-top:1px solid rgba(255,255,255,0.06)}
.guides-grid-inner{max-width:1100px;margin:0 auto}
.guides-grid-section h2{font-size:clamp(28px,4vw,48px);color:#f5f5f7;margin-bottom:14px;letter-spacing:-0.025em;line-height:1.1}
.guides-sub{font-size:16px;color:rgba(245,245,247,0.5);max-width:560px;margin-bottom:40px;line-height:1.6}
.guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:840px){.guides-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.guides-grid{grid-template-columns:1fr}}
.guide-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:24px 22px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:transform 200ms,background 200ms,border-color 200ms;min-height:170px}
.guide-card:hover{transform:translateY(-3px);background:rgba(255,255,255,0.05);border-color:rgba(0,113,227,0.3)}
.guide-card-tag{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#0071e3}
.guide-card-title{font-size:17px;font-weight:600;color:#f5f5f7;letter-spacing:-0.01em;line-height:1.3;margin:0}
.guide-card-desc{font-size:13px;color:rgba(245,245,247,0.55);line-height:1.55;flex:1}
.guide-card-cta{font-size:13px;font-weight:500;color:#5ac8fa;margin-top:6px}

/* === Inline mid-article CTA box === */
.inline-cta{position:relative;background:linear-gradient(135deg,rgba(0,113,227,0.10) 0%,rgba(191,90,242,0.08) 100%);border:1px solid rgba(0,113,227,0.25);border-radius:16px;padding:24px 28px;margin:36px 0;overflow:hidden}
.inline-cta::before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;border-radius:50%;background:#0071e3;opacity:0.06;filter:blur(60px);pointer-events:none}
.inline-cta-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#5ac8fa;margin-bottom:8px;position:relative;z-index:1}
.inline-cta-title{font-size:19px;font-weight:600;color:#f5f5f7;letter-spacing:-0.01em;line-height:1.3;margin-bottom:8px;position:relative;z-index:1}
.inline-cta-body{font-size:14px;color:rgba(245,245,247,0.65);line-height:1.6;margin-bottom:16px;position:relative;z-index:1}
.inline-cta-btn{display:inline-flex;align-items:center;gap:6px;background:#0071e3;color:#fff !important;font-size:14px;font-weight:500;padding:10px 18px;border-radius:9999px;text-decoration:none;border:none !important;transition:all 200ms cubic-bezier(0.25,0,0,1);position:relative;z-index:1}
.inline-cta-btn:hover{background:#0077ed;transform:scale(1.02)}
.inline-cta-price{display:inline-block;font-size:13px;color:rgba(245,245,247,0.55);margin-left:10px;position:relative;z-index:1}