/* style.css — RenameFiles.online shared styles */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#111111;--ink2:#555555;--ink3:#888888;
  --paper:#ffffff;--paper2:#f8f9fb;--paper3:#e8eaed;
  --accent:#c8501a;--accent2:#e8702a;--line:#e2e8f0;--r:10px;
  --brand-gradient:linear-gradient(135deg,#d4631f 0%,#c8501a 100%);
}
html{scroll-behavior:smooth}
body{font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.7;font-size:16px}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

/* ── Nav ──────────────────────────────────────────────── */
nav{padding:0 2rem}
body > nav{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}
.nav-logo{font-family:'Inter Tight','Inter',Arial,sans-serif;font-size:1.25rem;color:var(--ink);letter-spacing:-0.02em;font-weight:700;display:flex;align-items:center;gap:7px}
.nav-logo i{color:var(--accent);font-size:1rem;flex-shrink:0}
.nav-logo span{color:var(--accent)}
.nav-links{display:flex;gap:1.5rem;font-size:14px;font-weight:500}
.nav-links a{color:var(--ink2)}
.nav-links a:hover{color:var(--accent);text-decoration:none}
@media(max-width:640px){.nav-links{gap:.75rem;font-size:13px}}
@media(max-width:480px){.nav-links .hide-mobile{display:none}}

/* ── Hero ────────────────────────────────────────────── */
.hero{background:var(--ink);color:var(--paper);padding:4rem 2rem 0;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 60% 0%,#3a1a0a 0%,transparent 70%);pointer-events:none}
.hero-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1;text-align:center}
.hero-eyebrow{display:inline-block;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent2);margin-bottom:1.25rem;font-weight:500}
.hero h1{font-family:'Inter Tight','Inter',Arial,sans-serif;font-size:clamp(2.8rem,5.5vw,5rem);line-height:0.95;letter-spacing:-0.04em;max-width:820px;font-weight:800;margin:0 auto;color:#ffffff}
.hero h1 em{font-style:normal;color:var(--accent2)}
.hero-sub{font-size:1.05rem;color:#c5c0b8;max-width:560px;margin:1.25rem auto 0;line-height:1.7}
.tool-surface{background:var(--paper);color:var(--ink);border-radius:var(--r) var(--r) 0 0;margin-top:2.5rem;padding:2rem 2rem 2.5rem;box-shadow:0 -8px 40px rgba(0,0,0,.3);text-align:left}

/* ── Drop zone ───────────────────────────────────────── */
.drop-zone{border:2px dashed var(--line);border-radius:var(--r);padding:2.5rem 2rem 2rem;text-align:center;cursor:pointer;background:var(--paper2);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:22px 22px;transition:background .15s,border-color .15s;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}
.drop-zone.drag-over{border-color:var(--accent);background:#fef3ed;background-image:radial-gradient(rgba(200,80,26,.2) 1px,transparent 1px);background-size:22px 22px}
.drop-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.drop-icon{font-size:2rem;color:var(--ink3);margin-bottom:.5rem;display:block}
.drop-title{font-size:15px;font-weight:500;color:var(--ink)}
.drop-sub{font-size:13px;color:var(--ink3);margin-top:4px}
#dropContent{pointer-events:none;width:100%}
#dropContent button{pointer-events:auto}
/* Modern drop zone elements */
.dz-icon-wrap{width:72px;height:72px;background:linear-gradient(145deg,var(--paper) 0%,var(--paper3) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.1rem;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.drop-zone:hover .dz-icon-wrap,.drop-zone.drag-over .dz-icon-wrap{background:linear-gradient(145deg,rgba(200,80,26,.14) 0%,rgba(232,112,42,.08) 100%);transform:scale(1.07);box-shadow:0 6px 24px rgba(200,80,26,.18)}
.dz-upload-icon{font-size:2.1rem;color:var(--ink3);transition:color .2s}
.drop-zone:hover .dz-upload-icon,.drop-zone.drag-over .dz-upload-icon{color:var(--accent)}
.dz-formats{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin-top:1rem}
.dz-fmt{display:inline-flex;align-items:center;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500;color:var(--ink3)}
.dz-fmt i{font-size:10px}
.dz-icon-done{font-size:2.4rem;color:var(--accent);display:block;margin-bottom:.65rem}
.dz-review-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#d4631f,#c8501a);color:#fff;border:none;border-radius:var(--r);padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;margin-top:.75rem;transition:box-shadow .15s,transform .15s}
.dz-review-btn:hover{box-shadow:0 12px 32px rgba(200,80,26,.28);transform:translateY(-2px)}

/* ── Preset section ──────────────────────────────────── */
.preset-section{margin-top:1.75rem}
.preset-label{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:12px}
.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media(max-width:580px){.preset-grid{grid-template-columns:repeat(2,1fr)}}

.preset-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;background:var(--paper2);border:1.5px solid var(--line);border-radius:var(--r);cursor:pointer;font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}
.preset-card:hover{border-color:var(--accent2);background:#fef6f0}
.preset-card.active{border-color:var(--accent);background:#fef3ed;box-shadow:0 0 0 3px rgba(200,80,26,.12)}
.preset-icon{font-size:17px;color:var(--ink3)}
.preset-card.active .preset-icon{color:var(--accent)}
.preset-name{font-size:13px;font-weight:500;color:var(--ink);line-height:1.3}
.preset-desc{font-size:11px;color:var(--ink3);line-height:1.4;font-family:monospace}

/* ── Custom instruction ──────────────────────────────── */
.custom-box{margin-top:12px;padding:14px;background:var(--paper2);border:1px solid var(--line);border-radius:var(--r)}
.custom-box label{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);display:block;margin-bottom:8px}
.custom-box textarea{width:100%;font-size:13px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;resize:vertical;min-height:68px;line-height:1.5}
.custom-box textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.custom-hint{font-size:11px;color:var(--ink3);margin-top:6px}
.custom-hint code{background:var(--paper3);border-radius:3px;padding:1px 4px;font-size:11px;font-family:monospace}

/* ── Generate button ─────────────────────────────────── */
.generate-row{margin-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.btn-generate{background:linear-gradient(135deg,#d4631f,#c8501a);color:#fff;border:none;border-radius:var(--r);padding:11px 22px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;transition:box-shadow .15s,transform .15s}
.btn-generate:hover:not(:disabled){box-shadow:0 12px 32px rgba(200,80,26,.28);transform:translateY(-2px)}
.btn-generate:active:not(:disabled){transform:scale(.98)}
.btn-generate:disabled{opacity:.4;cursor:not-allowed}

/* ── Preview stats ───────────────────────────────────── */
.preview-stats{display:flex;gap:16px;padding:10px 14px;background:var(--paper2);border-radius:var(--r);margin-top:1.5rem;flex-wrap:wrap;align-items:center}
.stat{font-size:12px;color:var(--ink3)}
.stat strong{color:var(--ink);font-weight:500}
.stat-ok{color:#16a34a!important}
.stat-warn{color:#c0392b!important}

/* ── Preview table ───────────────────────────────────── */
.table-wrap{overflow-x:auto;margin-top:.75rem;border:1px solid var(--line);border-radius:var(--r)}
.preview-table{width:100%;border-collapse:collapse;font-size:13px;min-width:580px}
.preview-table th{text-align:left;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);padding:8px 10px;border-bottom:1px solid var(--line);background:var(--paper2);white-space:nowrap}
.preview-table td{padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.preview-table tbody tr:last-child td{border-bottom:none}
.preview-table tbody tr:hover td{background:var(--paper2)}
.row-locked{opacity:.7}
.row-locked td{background:var(--paper2)!important}
.col-ck{width:34px;text-align:center}
.col-ic{width:42px;text-align:center}
.col-old{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink3)}
.col-arr{width:24px;text-align:center;color:var(--ink3);font-size:11px}
.col-new{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.col-conf{width:72px;text-align:center;white-space:nowrap}
.col-act{width:112px;white-space:nowrap}
.new-name-txt{color:var(--ink);font-weight:500}
.new-name-txt.dim{color:var(--ink3);font-weight:400}
.edit-input{width:100%;font-size:13px;padding:4px 8px;border:1.5px solid var(--accent);border-radius:5px;background:var(--paper);color:var(--ink);font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;font-weight:500}

/* File icon / thumb */
.file-thumb{width:32px;height:32px;object-fit:cover;border-radius:5px;display:block}
.file-icon-wrap{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:15px}

/* Confidence badges */
.conf-badge{display:inline-block;padding:2px 7px;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.conf-high{background:#dcfce7;color:#166534}
.conf-medium{background:#fef9c3;color:#854d0e}
.conf-low{background:var(--paper3);color:var(--ink3)}

/* Per-row buttons */
.rbt{background:none;border:1px solid transparent;border-radius:5px;cursor:pointer;color:var(--ink3);font-size:12px;padding:4px 6px;line-height:1;transition:background .12s,color .12s,border-color .12s}
.rbt:hover:not(:disabled){background:var(--paper3);color:var(--ink);border-color:var(--line)}
.rbt:disabled{opacity:.3;cursor:not-allowed}
.btn-rm:hover{color:#c0392b!important}
.btn-lk.act{color:var(--accent)!important}
.btn-ed.act{color:#16a34a!important}

/* ── Action row ──────────────────────────────────────── */
.btn-row{display:flex;gap:8px;margin-top:1.5rem;align-items:center;flex-wrap:wrap}
.btn-primary{background:linear-gradient(135deg,#d4631f,#c8501a);color:#fff;border:none;border-radius:var(--r);padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;transition:box-shadow .15s,transform .15s}
.btn-primary:hover:not(:disabled){box-shadow:0 12px 32px rgba(200,80,26,.28);transform:translateY(-2px)}
.btn-primary:disabled{opacity:.35;cursor:not-allowed}
.btn-secondary{background:transparent;color:var(--ink2);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;font-size:13px;cursor:pointer;font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;display:flex;align-items:center;gap:6px;transition:background .15s}
.btn-secondary:hover:not(:disabled){background:var(--paper2)}
.btn-secondary:disabled{opacity:.35;cursor:not-allowed}
.btn-ghost{background:transparent;color:var(--ink3);border:none;padding:10px 12px;font-size:13px;cursor:pointer;font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif}
.btn-ghost:hover{color:var(--ink)}
#statusMsg{font-size:13px;color:var(--ink3);margin-left:auto}
.progress-bar{height:3px;background:var(--line);border-radius:2px;overflow:hidden;margin-top:8px;display:none}
.progress-fill{height:100%;background:var(--accent);transition:width .2s}
.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:0;font-family:inherit;text-decoration:underline}

/* ── Content sections ────────────────────────────────── */
.content{max-width:1100px;margin:0 auto;padding:5rem 2rem}
.section-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:.75rem}
h2.section-title{font-family:'Inter Tight','Inter',Arial,sans-serif;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;letter-spacing:-0.03em;line-height:1.15;margin-bottom:1.25rem;color:var(--ink)}
.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}
.how-step{text-align:center;padding:1.5rem 1rem}
.how-num{font-family:'Inter Tight','Inter',Arial,sans-serif;font-size:3rem;color:var(--paper3);font-weight:800;line-height:1;margin-bottom:.5rem}
.how-step h3{font-size:17px;font-weight:600;margin-bottom:.25rem}
.how-step p{font-size:14px;color:var(--ink3)}
.divider{border:none;border-top:1px solid var(--line);margin:4rem 0}

/* ── Related cards ───────────────────────────────────── */
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-top:1.75rem}
.related-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem 1.25rem 1.1rem;transition:border-color .2s,background .2s,transform .2s;display:flex;flex-direction:column;gap:.5rem}
.related-card:hover{border-color:var(--accent);background:var(--paper2);text-decoration:none;transform:translateY(-2px)}
.rel-icon-wrap{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;flex-shrink:0}
.rel-icon-wrap i{font-size:19px}
.related-card h3{font-size:15px;font-weight:500;color:var(--ink);margin:0;line-height:1.3}
.related-card p{font-size:12px;color:var(--ink3);margin:0;line-height:1.5}

/* ── FAQ ─────────────────────────────────────────────── */
.faq{margin-top:2rem;display:flex;flex-direction:column}
.faq-item{border-bottom:1px solid var(--line);padding:1.25rem 0}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-q{font-size:17px;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq-a{font-size:14px;color:var(--ink2);line-height:1.7;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s}
.faq-item.open .faq-a{max-height:300px;padding-top:.75rem}
.faq-item.open .faq-arrow{transform:rotate(180deg)}
.faq-arrow{transition:transform .3s;color:var(--ink3);flex-shrink:0}

/* ── Footer ──────────────────────────────────────────── */
footer{background:var(--ink);color:#7a756e;font-size:13px;padding:2rem;text-align:center}
footer a{color:#7a756e}
footer a:hover{color:var(--paper)}
.footer-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:.75rem}

/* ── Trust bar ─────────────────────────────────────────── */
.trust-bar{background:var(--paper2);border-bottom:1px solid var(--line);padding:.65rem 2rem}
.trust-inner{max-width:1100px;margin:0 auto;display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;align-items:center}
.trust-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--ink2)}
.trust-item i{color:var(--accent);font-size:11px}

/* ── Rename ticker ─────────────────────────────────────── */
.rename-ticker{margin:1.5rem auto 0;max-width:520px;height:34px;overflow:hidden;position:relative}
.ticker-example{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-family:monospace;opacity:0;transform:translateY(18px);transition:opacity .35s,transform .35s}
.ticker-example.active{opacity:1;transform:translateY(0)}
.ticker-example.exit{opacity:0;transform:translateY(-18px);transition:opacity .25s,transform .25s}
.ticker-old{color:#9ca3af;text-decoration:line-through}
.ticker-arrow{color:var(--accent);font-size:11px}
.ticker-new{color:#6ee7b7;font-weight:600}

/* ── How-step hover ────────────────────────────────────── */
.how-step{border-radius:var(--r);transition:background .2s,transform .2s,box-shadow .2s}
.how-step:hover{background:var(--paper2);transform:translateY(-3px);box-shadow:0 4px 20px rgba(0,0,0,.06)}

/* ── Rename styles bento ───────────────────────────────── */
.rename-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem}
.rename-bento-card{background:var(--paper);border:1.5px solid var(--line);border-radius:14px;padding:1.4rem 1.5rem;transition:border-color .2s,box-shadow .2s,transform .2s}
.rename-bento-card:hover{border-color:var(--accent);box-shadow:0 4px 28px rgba(200,80,26,.1);transform:translateY(-2px)}
.rename-bento-wide{grid-column:span 2}
.rbc-header{display:flex;align-items:center;gap:.9rem;margin-bottom:1.1rem}
.rbc-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.rbc-meta{flex:1;min-width:0}
.rbc-title{font-family:'Inter Tight','Inter',Arial,sans-serif;font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.2}
.rbc-desc{font-size:12px;color:var(--ink3);margin-top:2px}
.rbc-badge{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:rgba(200,80,26,.1);color:var(--accent);border-radius:20px;padding:2px 9px;flex-shrink:0;align-self:flex-start}
.rbc-examples{display:flex;flex-direction:column;gap:.4rem}
.rbc-examples-2col{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
.rbc-row{display:flex;align-items:center;gap:.45rem;font-size:11.5px;font-family:monospace;background:var(--paper2);border-radius:6px;padding:5px 9px;overflow:hidden}
.rbc-before{color:var(--ink3);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rbc-row i{color:var(--accent);font-size:9px;flex-shrink:0}
.rbc-after{color:var(--ink);font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.rename-bento-grid{grid-template-columns:repeat(2,1fr)}.rename-bento-wide{grid-column:span 2}.rbc-examples-2col{grid-template-columns:1fr}}
@media(max-width:580px){.rename-bento-grid{grid-template-columns:1fr}.rename-bento-wide{grid-column:span 1}.rbc-examples-2col{grid-template-columns:1fr}}

/* ── Preset hover tooltip ──────────────────────────────── */
.preset-card{position:relative}
.preset-tip{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);font-size:11px;font-family:monospace;padding:5px 10px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s;z-index:200;max-width:220px;text-align:center;line-height:1.4}
.preset-tip::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom-color:var(--ink)}
.preset-card:hover .preset-tip,.preset-card:focus-within .preset-tip{opacity:1}

/* ── Count-up stat items ───────────────────────────────── */
.stat-count{font-size:2rem;font-weight:800;font-family:'Inter Tight','Inter',Arial,sans-serif;line-height:1;color:var(--accent)}
.stat-label{font-size:13px;color:var(--ink2);margin-top:4px}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;margin-top:2rem;text-align:center}

/* ── Inline highlight link ─────────────────────────────── */
.inline-link{color:var(--accent);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(200,80,26,.3)}
.inline-link:hover{border-bottom-color:var(--accent);text-decoration:none}

/* ── 2-col hero layout ─────────────────────────────────── */
.hero-split{overflow:visible;padding-bottom:0}
.hero-2col{display:grid;grid-template-columns:1fr 1.45fr;gap:2.5rem;align-items:stretch}
.hero-content{padding-bottom:3rem;text-align:left}
.hero-content .hero-eyebrow{margin-bottom:1rem}
.hero-content h1{margin:0;font-size:clamp(2.2rem,4vw,3.8rem)}
.hero-content .hero-sub{margin:1.1rem 0 0;max-width:none}
.hero-content .rename-ticker{margin:1.2rem 0 0;max-width:none;justify-content:flex-start}
.hero-content .ticker-example{justify-content:flex-start}
.btn-hero-cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#d4631f,#c8501a);color:#fff;border:none;border-radius:var(--r);padding:13px 24px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;transition:box-shadow .15s,transform .15s;margin-top:1.75rem}
.btn-hero-cta:hover{box-shadow:0 12px 32px rgba(200,80,26,.28);transform:translateY(-2px)}
.btn-hero-cta:active{transform:scale(.98)}
.hero-trust-list{list-style:none;display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:1rem;font-size:12px;color:#9ca3af}
.hero-trust-list li{display:flex;align-items:center;gap:5px}
.hero-trust-list i{color:var(--accent2);font-size:10px}
.hero-tool{align-self:stretch;display:flex;flex-direction:column}
.hero-tool .tool-surface{margin-top:0;border-radius:var(--r) var(--r) 0 0;box-shadow:0 8px 40px rgba(0,0,0,.4);flex:1;display:flex;flex-direction:column}
.hero-tool .drop-zone{flex:1;min-height:200px}
@media(max-width:920px){
  .hero-split{padding-bottom:0}
  .hero-2col{grid-template-columns:1fr;gap:1.5rem}
  .hero-content{padding-bottom:0;text-align:center}
  .hero-content h1{margin:0 auto}
  .hero-content .hero-sub{margin:1.1rem auto 0;max-width:560px}
  .hero-content .rename-ticker{justify-content:center}
  .hero-content .ticker-example{justify-content:center}
  .btn-hero-cta{margin-left:auto;margin-right:auto;display:flex;width:fit-content}
  .hero-trust-list{justify-content:center}
  .hero-tool{display:block}
  .hero-tool .tool-surface{margin-top:1.5rem;flex:none;border-radius:var(--r) var(--r) 0 0}
}

/* ── CTA Band ─────────────────────────────────────────── */
.cta-band{background:var(--ink);padding:4.5rem 2rem;position:relative;overflow:hidden;text-align:center}
.cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 110%,#3a1a0a 0%,transparent 65%);pointer-events:none}
.cta-band-inner{max-width:600px;margin:0 auto;position:relative;z-index:1}
.cta-band-icon{width:56px;height:56px;background:var(--accent);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;margin:0 auto 1.5rem;box-shadow:0 8px 24px rgba(200,80,26,.4)}
.cta-band h2{font-family:'Inter Tight','Inter',Arial,sans-serif;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;color:#ffffff;letter-spacing:-0.03em;line-height:1.15;margin-bottom:.85rem}
.cta-band p{font-size:15px;color:#9ca3af;line-height:1.65;max-width:440px;margin:0 auto 2rem}
.cta-band-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#d4631f,#c8501a);color:#fff;border-radius:var(--r);padding:14px 28px;font-size:15px;font-weight:600;font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;text-decoration:none;transition:box-shadow .15s,transform .15s;box-shadow:0 4px 16px rgba(200,80,26,.35)}
.cta-band-btn:hover{box-shadow:0 12px 32px rgba(200,80,26,.45);transform:translateY(-2px);text-decoration:none}
.cta-band-trust{display:flex;gap:1.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.75rem}
.cta-band-trust span{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}
.cta-band-trust i{color:var(--accent2);font-size:11px}
@media(max-width:480px){.cta-band-btn{width:100%;justify-content:center}.cta-band-trust{gap:1rem}}

/* ── Lightbox ─────────────────────────────────────────── */
.lb-overlay{position:fixed;inset:0;background:rgba(15,14,12,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9000;display:none;align-items:flex-start;justify-content:center;padding:3vh 1rem 3rem;overflow-y:auto}
.lb-overlay.open{display:flex}
@keyframes lb-in{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.lb-box{background:var(--paper);border-radius:16px;width:100%;max-width:920px;display:flex;flex-direction:column;box-shadow:0 32px 100px rgba(0,0,0,.55);animation:lb-in .22s cubic-bezier(.2,.8,.4,1) both;margin:auto 0;overflow:hidden}
.lb-hdr{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--line);background:var(--paper2);flex-shrink:0}
.lb-hdr-left{display:flex;align-items:center;gap:12px}
.lb-hdr-icon{width:36px;height:36px;background:var(--accent);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;flex-shrink:0}
.lb-hdr-title{font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}
.lb-hdr-sub{font-size:12px;color:var(--ink3);line-height:1.3;margin-top:1px}
.lb-close{background:var(--paper);border:1px solid var(--line);color:var(--ink2);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px;transition:background .15s,color .15s;flex-shrink:0;line-height:1}
.lb-close:hover{background:var(--paper3);color:var(--ink)}
.lb-body{padding:1.5rem;overflow-y:auto;max-height:calc(100vh - 140px)}
body.lb-no-scroll{overflow:hidden}
@media(max-width:600px){.lb-hdr{padding:.85rem 1rem}.lb-body{padding:1rem}.lb-overlay{padding:0;align-items:flex-end}.lb-box{border-radius:16px 16px 0 0;max-height:92vh}.lb-body{max-height:calc(92vh - 66px)}}

/* ── Reviews ──────────────────────────────────────────── */
.reviews-summary{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}
.reviews-score-box{background:var(--accent);color:#fff;border-radius:12px;padding:1rem 1.25rem;text-align:center;min-width:88px;flex-shrink:0}
.reviews-score-num{font-family:'Inter Tight','Inter',Arial,sans-serif;font-size:2.4rem;font-weight:800;line-height:1}
.reviews-stars{font-size:15px;letter-spacing:2px;margin-top:3px}
.reviews-score-meta{font-size:11px;opacity:.85;margin-top:4px}
.reviews-badges{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.review-badge{display:inline-flex;align-items:center;gap:5px;background:var(--paper2);border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;color:var(--ink2)}
.review-badge i{color:var(--accent);font-size:11px}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:900px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.reviews-grid{grid-template-columns:1fr}}
.review-card{background:var(--paper2);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.15rem;display:flex;flex-direction:column;gap:.6rem}
.review-header{display:flex;align-items:center;gap:.65rem}
.review-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}
.review-author{flex:1;min-width:0}
.review-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.2}
.review-stars{font-size:11px;color:#f59e0b;letter-spacing:1px;margin-top:1px}
.review-date{font-size:11px;color:var(--ink3);white-space:nowrap;margin-left:auto;flex-shrink:0}
.review-text{font-size:13px;color:var(--ink2);line-height:1.65;margin:0;flex:1}
.review-tag{display:inline-block;background:var(--paper3);color:var(--ink3);font-size:11px;font-weight:500;border-radius:20px;padding:2px 9px;align-self:flex-start}

/* ── Auth modal ──────────────────────────────────────── */
.rf-auth-overlay{position:fixed;inset:0;z-index:9000;background:rgba(15,14,12,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .2s}
.rf-auth-overlay.open{opacity:1;pointer-events:auto}
.rf-auth-box{background:var(--paper);border:1px solid var(--line);border-radius:16px;width:100%;max-width:400px;box-shadow:0 24px 64px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow:hidden;transform:translateY(12px) scale(.98);transition:transform .2s}
.rf-auth-overlay.open .rf-auth-box{transform:translateY(0) scale(1)}
.rf-auth-hdr{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 0}
.rf-auth-logo{font-family:'Inter Tight','Inter',Arial,sans-serif;font-size:1.15rem;color:var(--ink);letter-spacing:-.02em;font-weight:700;display:flex;align-items:center;gap:6px}
.rf-auth-logo i{color:var(--accent);font-size:.95rem}
.rf-auth-logo span{color:var(--accent)}
.rf-auth-close{background:transparent;border:none;cursor:pointer;color:var(--ink3);font-size:16px;padding:4px 6px;border-radius:6px;transition:background .15s,color .15s;line-height:1}
.rf-auth-close:hover{background:var(--paper2);color:var(--ink)}
.rf-auth-tabs{display:flex;gap:2px;padding:.75rem 1.5rem .25rem;border-bottom:1px solid var(--line);background:var(--paper)}
.rf-auth-tab{flex:1;background:transparent;border:none;cursor:pointer;padding:.5rem;font-size:14px;font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;font-weight:500;color:var(--ink3);border-radius:8px 8px 0 0;transition:color .15s,background .15s}
.rf-auth-tab.active,.rf-auth-tab:hover{color:var(--ink);background:var(--paper2)}
.rf-auth-tab.active{color:var(--accent);background:transparent;box-shadow:0 2px 0 var(--accent)}
.rf-auth-forms{padding:1.25rem 1.5rem .5rem}
.rf-auth-form{display:flex;flex-direction:column;gap:.9rem}
.rf-auth-field{display:flex;flex-direction:column;gap:5px}
.rf-auth-field label{font-size:13px;font-weight:500;color:var(--ink)}
.rf-auth-opt{font-weight:400;color:var(--ink3)}
.rf-auth-field input{width:100%;padding:.6rem .8rem;border:1.5px solid var(--line);border-radius:8px;font-family:inherit;font-size:14px;background:var(--paper);color:var(--ink);outline:none;transition:border-color .15s}
.rf-auth-field input:focus{border-color:var(--accent)}
.rf-auth-error{font-size:13px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;padding:.5rem .75rem}
.rf-auth-submit{width:100%;padding:.7rem;background:linear-gradient(135deg,#d4631f,#c8501a);color:#fff;border:none;border-radius:9px;font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:box-shadow .15s,transform .15s,opacity .15s;display:flex;align-items:center;justify-content:center;gap:.5rem}
.rf-auth-submit:hover:not(:disabled){box-shadow:0 12px 32px rgba(200,80,26,.28);transform:translateY(-2px)}
.rf-auth-submit:disabled{opacity:.65;cursor:not-allowed}
.rf-auth-plan-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--paper2);border-top:1px solid var(--line);font-size:13px;color:var(--ink2)}
.rf-auth-plan-bar i{color:var(--accent);font-size:12px}
.rf-auth-footer{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:12px;color:var(--ink3)}
.rf-auth-footer a{color:var(--ink3)}
.rf-auth-footer a:hover{color:var(--accent)}

/* ── Nav auth button + user menu ─────────────────────── */
#rfAuthNav{display:flex;align-items:center}
.rf-signin-btn{display:flex;align-items:center;gap:.4rem;background:var(--paper2);border:1.5px solid var(--line);color:var(--ink);font-family:inherit;font-size:13px;font-weight:500;padding:.35rem .85rem;border-radius:20px;cursor:pointer;transition:background .15s,border-color .15s}
.rf-signin-btn:hover{background:var(--paper3);border-color:var(--ink3)}
.rf-signin-btn i{font-size:12px;color:var(--accent)}
.rf-user-menu{position:relative}
.rf-avatar-btn{display:flex;align-items:center;gap:.45rem;background:var(--paper2);border:1.5px solid var(--line);color:var(--ink);font-family:inherit;font-size:13px;font-weight:500;padding:.3rem .6rem .3rem .45rem;border-radius:20px;cursor:pointer;transition:background .15s}
.rf-avatar-btn:hover{background:var(--paper3)}
.rf-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rf-user-name{font-size:13px;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rf-chevron{font-size:9px;color:var(--ink3);transition:transform .2s}
.rf-avatar-btn[aria-expanded="true"] .rf-chevron{transform:rotate(180deg)}
.rf-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--paper);border:1px solid var(--line);border-radius:12px;min-width:220px;box-shadow:0 12px 32px rgba(0,0,0,.12);z-index:200;padding:.5rem 0;overflow:hidden}
.rf-dd-hdr{padding:.75rem 1rem;border-bottom:1px solid var(--line)}
.rf-dd-name{font-size:14px;font-weight:600;color:var(--ink)}
.rf-dd-email{font-size:12px;color:var(--ink3);margin-top:1px;word-break:break-all}
.rf-dd-plan{display:inline-block;margin-top:.4rem;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--paper2);color:var(--ink2)}
.rf-dd-plan.pro{background:#ede9fe;color:#6d28d9}
.rf-dd-plan.business{background:#fef3c7;color:#b45309}
.rf-dd-credits{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:12px;color:var(--ink2);border-bottom:1px solid var(--line)}
.rf-dd-credits i{color:var(--accent);font-size:11px}
.rf-dd-item{width:100%;text-align:left;background:transparent;border:none;padding:.55rem 1rem;font-family:inherit;font-size:13px;color:var(--ink2);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .15s}
.rf-dd-item:hover{background:var(--paper2);color:var(--ink)}
.rf-dd-signout i{color:#dc2626}

/* ── Rename mode toggle (Manual / AI) ────────────────── */
.rename-mode-toggle{display:flex;gap:4px;background:var(--paper2);border:1px solid var(--line);border-radius:10px;padding:3px;margin-bottom:1rem}
.rename-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .75rem;background:transparent;border:none;border-radius:8px;font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;font-size:13px;font-weight:500;color:var(--ink3);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}
.rename-mode-btn.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.rename-mode-btn i{font-size:12px}
.ai-badge-small{font-size:10px;font-weight:700;background:var(--accent);color:#fff;border-radius:4px;padding:1px 5px;margin-left:2px;letter-spacing:.03em}

/* ── AI panel ────────────────────────────────────────── */
.ai-panel{display:flex;flex-direction:column;gap:1rem}
.ai-panel-intro{display:flex;align-items:flex-start;gap:.65rem;flex-wrap:wrap}
.ai-badge{display:inline-flex;align-items:center;gap:.3rem;background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap;letter-spacing:.02em;flex-shrink:0}
.ai-badge i{font-size:10px}
.ai-intro-text{font-size:13px;color:var(--ink3);margin:0;line-height:1.5}
.ai-mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
@media(max-width:580px){.ai-mode-grid{grid-template-columns:1fr}}
.ai-mode-card{display:flex;flex-direction:column;gap:.25rem;background:var(--paper2);border:1.5px solid var(--line);border-radius:var(--r);padding:.7rem .85rem;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s,background .15s;position:relative}
.ai-mode-card:hover{border-color:var(--accent2);background:var(--paper)}
.ai-mode-card.active{border-color:var(--accent);background:var(--paper)}
.ai-mode-card.active::after{content:'';position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.ai-mode-icon{font-size:14px;color:var(--accent)}
.ai-mode-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.2}
.ai-mode-desc{font-size:11px;color:var(--ink3);line-height:1.4}
.ai-custom-box{display:flex;flex-direction:column;gap:6px}
.ai-custom-box label{font-size:13px;font-weight:500;color:var(--ink)}
.ai-custom-box textarea{width:100%;min-height:80px;padding:.6rem .8rem;border:1.5px solid var(--line);border-radius:8px;font-family:inherit;font-size:13px;color:var(--ink);background:var(--paper);resize:vertical;outline:none;transition:border-color .15s}
.ai-custom-box textarea:focus{border-color:var(--accent)}
.ai-credit-bar-wrap{display:flex;flex-direction:column;gap:.35rem}
.ai-credit-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink2)}
.ai-credit-row i{color:var(--accent);font-size:11px;margin-right:3px}
.ai-credit-plan{color:var(--ink3)}
.ai-credit-bar{height:4px;background:var(--paper3);border-radius:2px;overflow:hidden}
.ai-credit-fill{height:100%;background:var(--accent2);border-radius:2px;transition:width .4s}
.ai-error{font-size:13px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.55rem .8rem;line-height:1.5}
.ai-success{font-size:13px;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:.55rem .8rem;display:flex;align-items:center;gap:.4rem}
.ai-generate-row{display:flex;flex-direction:column;gap:.5rem}
.btn-ai-generate{width:100%;padding:.75rem;background:linear-gradient(135deg,#d4631f,#c8501a);color:#fff;border:none;border-radius:10px;font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:box-shadow .15s,transform .15s,opacity .15s}
.btn-ai-generate:hover:not(:disabled){box-shadow:0 12px 32px rgba(200,80,26,.28);transform:translateY(-2px)}
.btn-ai-generate:disabled{opacity:.6;cursor:not-allowed}
.ai-privacy-note{font-size:12px;color:var(--ink3);text-align:center;display:flex;align-items:center;justify-content:center;gap:.3rem}
.ai-privacy-note i{color:var(--accent);font-size:11px}
@media(max-width:480px){.rename-mode-btn .hide-mobile{display:none}}

/* ── Bottom pill nav (mobile only, injected by auth.js) ──── */
.bottom-nav{
  display:none; /* shown via media query below */
  position:fixed;
  bottom:0;left:0;right:0;        /* flush to screen edge */
  z-index:500;
  background:var(--ink);
  border-radius:20px 20px 0 0;    /* pill top, flat bottom */
  box-shadow:0 -2px 24px rgba(0,0,0,.22),0 -1px 0 rgba(255,255,255,.07);
  /* content row sits in the 60px zone; safe-area padding pushes it up on notched phones */
  padding:0 8px env(safe-area-inset-bottom,0px);
  height:calc(60px + env(safe-area-inset-bottom,0px));
  align-items:center;
  gap:0;
}
.bn-item{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;color:rgba(255,255,255,.4);text-decoration:none!important;
  font-size:10px;font-weight:500;padding-bottom:2px;
  transition:color .15s;cursor:pointer;background:none;border:none;
  font-family:inherit;letter-spacing:.01em;line-height:1.2;
  -webkit-tap-highlight-color:transparent;min-width:0;
}
.bn-item i{font-size:18px;line-height:1;display:block}
.bn-item span{display:block;white-space:nowrap}
.bn-item:hover,.bn-item:focus-visible{color:rgba(255,255,255,.8);outline:none}
.bn-item.active{color:#fff}
.bn-item.active i{color:var(--accent2)}
/* centre upload button — floats above the bar */
.bn-upload-wrap{
  flex-shrink:0;
  display:flex;align-items:flex-start;justify-content:center;
  padding:0 6px;
  /* pull the button upward so it breaks the bar's top edge */
  margin-top:-20px;
}
.bn-upload{
  width:54px;height:54px;
  background:var(--accent);color:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;
  border:3px solid var(--ink);
  cursor:pointer;
  box-shadow:0 4px 20px rgba(200,80,26,.52),0 2px 6px rgba(0,0,0,.2);
  transition:background .15s,transform .12s,box-shadow .15s;
  -webkit-tap-highlight-color:transparent;
}
.bn-upload:hover{background:var(--accent2);box-shadow:0 6px 24px rgba(200,80,26,.6)}
.bn-upload:active{transform:scale(.92)}
/* ── SEO interlink hub (below footer) ────────────────── */
.seo-hub{background:var(--paper2);border-top:1px solid var(--line);padding:3rem 2rem}
.seo-hub-inner{max-width:1100px;margin:0 auto}
.seo-hub-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:1.5rem;display:block}
.seo-hub-cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem 4rem}
@media(max-width:640px){.seo-hub-cols{grid-template-columns:1fr;gap:1.5rem}}
.seo-hub-group h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}
.seo-hub-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.seo-hub-list a{font-size:13px;color:var(--ink2);text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .15s;line-height:1.4}
.seo-hub-list a:hover{color:var(--accent);text-decoration:none}
.seo-hub-list a i{font-size:10px;color:var(--ink3);flex-shrink:0;width:12px;text-align:center}
.seo-hub-list a:hover i{color:var(--accent2)}

/* ── Brand marquee (below seo-hub) ───────────────────── */
.brand-marquee{background:var(--ink);border-top:1px solid rgba(255,255,255,.06);overflow:hidden;padding:2.75rem 0;-webkit-user-select:none;user-select:none}
.brand-marquee-track{display:flex;align-items:center;gap:2.5rem;white-space:nowrap;animation:bmScroll 44s linear infinite;width:max-content}
.brand-marquee:hover .brand-marquee-track{animation-play-state:paused}
.bm-word{font-family:'Inter Tight','Inter',Arial,sans-serif;font-size:clamp(3.5rem,9vw,8rem);font-weight:800;color:rgba(255,255,255,.07);letter-spacing:-.04em;line-height:1;flex-shrink:0}
.bm-word em{font-style:normal;color:var(--accent);opacity:.7}
.bm-sep{font-size:clamp(2rem,5vw,4rem);color:rgba(255,255,255,.1);flex-shrink:0;line-height:1;font-weight:300}
@keyframes bmScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── Bulk rename paywall ──────────────────────────────── */
.bulk-pw-overlay{position:fixed;inset:0;background:rgba(15,14,12,.74);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(4px);animation:bpwFadeIn .2s ease}
@keyframes bpwFadeIn{from{opacity:0}to{opacity:1}}
.bulk-pw-card{background:var(--paper);border-radius:16px;padding:2rem;max-width:500px;width:100%;box-shadow:0 24px 64px rgba(0,0,0,.28);position:relative;animation:bpwSlideUp .25s ease}
@keyframes bpwSlideUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.bulk-pw-close{position:absolute;top:14px;right:16px;background:none;border:none;cursor:pointer;color:var(--ink3);font-size:16px;padding:6px;border-radius:6px;transition:color .15s,background .15s;line-height:1}
.bulk-pw-close:hover{color:var(--ink);background:var(--paper2)}
.bulk-pw-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(200,80,26,.1);border:1px solid rgba(200,80,26,.2);border-radius:20px;padding:4px 12px;margin-bottom:.9rem}
.bulk-pw-badge i{font-size:11px;color:var(--accent)}
.bulk-pw-badge span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}
.bulk-pw-h{font-family:'Inter Tight','Inter',Arial,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:-.03em;color:var(--ink);margin-bottom:.4rem;line-height:1.3;padding-right:1.5rem}
.bulk-pw-sub{font-size:13px;color:var(--ink3);margin-bottom:1.1rem;line-height:1.6}
.bulk-pw-benefits{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.2rem;padding:.9rem 1rem;background:var(--paper2);border-radius:10px}
.bulk-pw-benefits li{display:flex;align-items:flex-start;gap:.75rem}
.bulk-pw-benefits li > i{font-size:13px;color:var(--accent);margin-top:2px;flex-shrink:0;width:14px;text-align:center}
.bulk-pw-benefits li > div{display:flex;flex-direction:column;gap:1px}
.bulk-pw-benefits strong{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3}
.bulk-pw-benefits em{font-style:normal;font-size:12px;color:var(--ink3);line-height:1.5}
.bulk-pw-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:1.2rem}
.bulk-pw-plan{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.75rem .5rem;border:1.5px solid var(--line);border-radius:8px;background:var(--paper);text-align:center}
.bulk-pw-plan.featured{border-color:var(--accent);background:rgba(200,80,26,.04)}
.bulk-pw-plan-name{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.bulk-pw-plan.featured .bulk-pw-plan-name{color:var(--accent)}
.bulk-pw-plan-val{font-size:17px;font-weight:700;color:var(--ink);line-height:1.2;margin:.15rem 0}
.bulk-pw-plan-unit{font-size:9px;color:var(--ink3);line-height:1.4}
.bulk-pw-plan-tag{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:rgba(200,80,26,.12);border-radius:4px;padding:2px 6px;margin-top:3px}
.bulk-pw-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:linear-gradient(135deg,#d4631f,#c8501a);color:#fff;border:none;border-radius:10px;padding:.8rem;font-size:14px;font-weight:600;cursor:pointer;font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;transition:box-shadow .15s,transform .15s;text-decoration:none;margin-bottom:.6rem}
.bulk-pw-cta:hover{box-shadow:0 12px 32px rgba(200,80,26,.28);text-decoration:none;color:#fff;transform:translateY(-2px)}
.bulk-pw-cta:active{transform:scale(.98)}
.bulk-pw-cta i{font-size:12px}
.bulk-pw-dismiss{width:100%;background:none;border:none;cursor:pointer;font-family:'Inter','Roboto','Segoe UI',Arial,sans-serif;font-size:12px;color:var(--ink3);padding:.4rem;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:color .15s;border-radius:6px}
.bulk-pw-dismiss:hover{color:var(--accent)}
.bulk-pw-dismiss i{font-size:11px}
@keyframes bpwSheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(max-width:600px){
.bulk-pw-overlay{align-items:flex-end;padding:0;backdrop-filter:none}
.bulk-pw-card{border-radius:20px 20px 0 0;padding:0 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));max-height:92dvh;overflow-y:auto;animation:bpwSheetUp .32s cubic-bezier(.22,.61,.36,1);max-width:100%}
.bulk-pw-card::before{content:'';display:block;width:36px;height:4px;background:var(--line);border-radius:2px;margin:.85rem auto}
.bulk-pw-close{top:8px;right:12px;padding:10px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
.bulk-pw-h{font-size:1.05rem;padding-right:2.5rem}
.bulk-pw-sub{font-size:12.5px;margin-bottom:.85rem}
.bulk-pw-benefits{padding:.75rem;gap:.55rem;margin-bottom:.85rem}
.bulk-pw-benefits li:nth-child(n+3){display:none}
.bulk-pw-plans{gap:.4rem;margin-bottom:.85rem}
.bulk-pw-plan{padding:.6rem .3rem}
.bulk-pw-plan-val{font-size:15px}
.bulk-pw-cta{padding:.9rem;font-size:15px;border-radius:12px}
.bulk-pw-dismiss{padding:.55rem;font-size:13px}
}

/* ── Gradient text utility ────────────────────────────── */
.gradient-text{background:linear-gradient(135deg,#d4631f 0%,#c8501a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ── Mobile: hide site header nav, show bottom nav ─────── */
@media(max-width:767px){
  /* only hides the sticky site-header <nav> — nested navs (related-grid etc) are unaffected */
  body > nav{display:none!important}
  .bottom-nav{display:flex!important}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
}

/* ══════════════════════════════════════════════════════════
   BENTO GRID SYSTEM
   ══════════════════════════════════════════════════════════ */

/* ── Base grid ─────────────────────────────────────────── */
.bento-grid{display:grid;gap:1rem;margin-top:2rem}
.bento-grid-3{grid-template-columns:repeat(3,1fr)}
.bento-grid-2{grid-template-columns:repeat(2,1fr)}
.bento-span-2{grid-column:span 2}
.bento-span-3{grid-column:span 3}
@media(max-width:900px){.bento-grid-3{grid-template-columns:repeat(2,1fr)}.bento-span-3{grid-column:span 2}}
@media(max-width:580px){.bento-grid-3,.bento-grid-2{grid-template-columns:1fr}.bento-span-2,.bento-span-3{grid-column:span 1}}

/* ── Base card ─────────────────────────────────────────── */
.bento-card{
  background:var(--paper);
  border:1.5px solid rgba(200,80,26,.22);
  border-radius:14px;
  padding:1.5rem;
  transition:border-color .2s,box-shadow .2s,transform .2s;
  position:relative;
  overflow:hidden;
}
.bento-card:hover{border-color:var(--accent);box-shadow:0 4px 28px rgba(200,80,26,.12);transform:translateY(-2px)}
.bento-card.bento-dark{background:var(--ink)}
.bento-card.bento-muted{background:var(--paper2)}
.bento-card.bento-muted:hover{border-color:var(--accent)}

/* ── Shared inner elements ─────────────────────────────── */
.bento-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:.9rem;background:rgba(200,80,26,.1);color:var(--accent);flex-shrink:0}
.bento-step-num{font-family:'Inter Tight','Inter',Arial,sans-serif;font-size:3.5rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:rgba(200,80,26,.12);margin-bottom:.5rem}
.bento-card-title{font-family:'Inter Tight','Inter',Arial,sans-serif;font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:.5rem;letter-spacing:-.02em;line-height:1.3}
.bento-card-body{font-size:14px;color:var(--ink2);line-height:1.65}
.bento-card.bento-dark .bento-card-title{color:#fff}
.bento-card.bento-dark .bento-card-body{color:#9ca3af}
.bento-card.bento-dark .bento-step-num{color:rgba(255,255,255,.08)}

/* ── Features bento ────────────────────────────────────── */
.bento-rename-preview{margin-top:1rem;display:flex;flex-direction:column;gap:5px}
.brp-row{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:12px;padding:6px 10px;background:var(--paper2);border-radius:7px;border:1px solid var(--line)}
.brp-old{color:var(--ink3);text-decoration:line-through;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.brp-arrow{color:var(--accent);font-size:10px;flex-shrink:0}
.brp-new{color:#16a34a;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-align:right}
.bento-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:1rem}
.bento-badge{display:inline-flex;align-items:center;gap:5px;background:var(--paper2);border:1px solid var(--line);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--ink2)}
.bento-badge i{color:var(--accent);font-size:11px}
.bento-features-list{display:flex;flex-direction:column;gap:.85rem}
.bfl-item{display:flex;align-items:flex-start;gap:.75rem;font-size:14px;color:var(--ink2);line-height:1.5}
.bfl-item i{color:var(--accent);font-size:15px;margin-top:2px;flex-shrink:0}
.bento-card.bento-dark .bfl-item{color:#9ca3af}
.bento-card.bento-dark .bfl-item i{color:var(--accent2)}
.bento-stats-col{display:flex;flex-direction:column;gap:1.25rem;justify-content:center;align-items:center;height:100%}
.bsc-item{text-align:center}
.bsc-num{display:block;font-family:'Inter Tight','Inter',Arial,sans-serif;font-size:2.2rem;font-weight:800;color:var(--accent);line-height:1}
.bento-card.bento-dark .bsc-num{color:var(--accent2)}
.bsc-label{display:block;font-size:12px;color:var(--ink3);margin-top:3px}
.bento-card.bento-dark .bsc-label{color:rgba(255,255,255,.4)}

/* ── Reviews bento ─────────────────────────────────────── */
.bento-score-card{background:var(--accent)!important;border-color:var(--accent)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.6rem}
.bento-score-card:hover{box-shadow:0 4px 28px rgba(200,80,26,.35)!important}
.bsc-big-num{font-family:'Inter Tight','Inter',Arial,sans-serif;font-size:4rem;font-weight:800;color:#fff;line-height:1}
.bsc-stars-large{font-size:18px;color:rgba(255,255,255,.9);letter-spacing:3px}
.bsc-meta-white{font-size:12px;color:rgba(255,255,255,.7)}
.bsc-badges-white{display:flex;flex-direction:column;gap:.3rem;margin-top:.25rem}
.bsc-badge-w{font-size:12px;color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;gap:.35rem}
.bsc-badge-w i{font-size:11px}
.bento-review-body{display:flex;flex-direction:column;gap:.6rem;height:100%}
.brb-header{display:flex;align-items:center;gap:.65rem}
.brb-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}
.brb-info{flex:1;min-width:0}
.brb-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.2}
.brb-stars{font-size:11px;color:#f59e0b;letter-spacing:1px;margin-top:1px}
.brb-date{font-size:11px;color:var(--ink3);white-space:nowrap;margin-left:auto;flex-shrink:0}
.brb-text{font-size:13px;color:var(--ink2);line-height:1.65;flex:1}
.brb-tag{display:inline-block;background:rgba(200,80,26,.08);border:1px solid rgba(200,80,26,.15);color:var(--accent);font-size:11px;font-weight:600;border-radius:20px;padding:2px 9px;align-self:flex-start}

/* ── Tools bento ───────────────────────────────────────── */
a.bento-card{color:inherit;display:flex;flex-direction:column}
a.bento-card:hover{text-decoration:none;color:inherit}
.bento-tool-body{display:flex;flex-direction:column;gap:.5rem;flex:1}
.bento-tool-body h3{font-size:15px;font-weight:600;color:var(--ink);margin:0;line-height:1.3}
.bento-tool-body p{font-size:12px;color:var(--ink3);margin:0;line-height:1.5}
.tool-formats{display:flex;gap:5px;flex-wrap:wrap;margin-top:.4rem}
.tool-format-tag{font-size:11px;font-family:monospace;background:var(--paper2);border:1px solid var(--line);border-radius:5px;padding:2px 7px;color:var(--ink3)}

/* ── FAQ bento ─────────────────────────────────────────── */
.faq-bento-grid .faq-item{border-top:none!important;border-bottom:none!important;padding:0!important;cursor:pointer}
.faq-bento-grid .faq-item.bento-card{padding:1.5rem!important}
.faq-bento-grid .faq-q{font-size:15px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.faq-bento-grid .faq-q h3{font:inherit;margin:0;font-size:15px;font-weight:600;color:var(--ink);line-height:1.4}
.faq-bento-grid .faq-arrow{color:var(--accent);transition:transform .3s;flex-shrink:0;margin-top:3px}
.faq-bento-grid .faq-a{font-size:14px;color:var(--ink2);line-height:1.7;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s}
.faq-bento-grid .faq-item.open .faq-a{max-height:400px;padding-top:.75rem}
.faq-bento-grid .faq-item.open .faq-arrow{transform:rotate(180deg)}