:root{
  --color-bg: #0A0E0C;
  --color-surface: #121917;
  --color-surface-border: #24302B;
  --color-input-bg: #F5F0E3;
  --color-input-border: #DDD5C0;
  --color-text: #EDEFEA;
  --color-text-dim: #8A968E;
  --color-accent: #3ED598;
  --color-accent-ink: #06130D;
  --color-success: #3ED598;
  --color-danger: #F2554A;

  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --space-1: 4px; --space-2: 6px; --space-3: 8px; --space-4: 10px; --space-5: 12px;
  --space-6: 14px; --space-7: 16px; --space-8: 18px; --space-9: 20px; --space-10: 22px;
  --space-11: 24px; --space-12: 28px; --space-13: 32px; --space-14: 36px; --space-15: 44px;
  --space-16: 52px; --space-17: 60px; --space-18: 80px;

  --radius-xs: 5px; --radius-sm: 7px; --radius-md: 10px; --radius-lg: 12px; --radius-pill: 999px;

  --width-page: 960px;
  --width-narrow: 560px;
  --width-form: 760px;
}

*{box-sizing:border-box;}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;}
a{color:inherit;}

/* NAV */
.site-header{border-bottom:1px solid var(--color-surface-border);position:sticky;top:0;background:var(--color-bg);z-index:50;}
.site-header-inner{max-width:var(--width-page);margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.site-brand .dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);display:inline-block;box-shadow:0 0 8px var(--color-accent);flex-shrink:0;}
.site-brand .brand-text{display:flex;flex-direction:column;line-height:1.05;}
.site-brand .name{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-0.02em;color:var(--color-text);}
.site-brand .brand-sub{font-family:var(--font-body);font-size:10px;font-weight:500;color:var(--color-text-dim);margin-top:2px;}
.site-nav{display:flex;gap:22px;flex-wrap:wrap;}
.site-nav a{color:var(--color-text-dim);text-decoration:none;font-size:13.5px;font-weight:500;transition:color .15s;}
.site-nav a:hover{color:var(--color-text);}
.site-nav a.active{color:var(--color-accent);}
.site-right{display:flex;align-items:center;gap:18px;}
.status-pill{font-family:var(--font-mono);font-size:10.5px;letter-spacing:0.06em;text-transform:uppercase;color:var(--color-text-dim);border:1px solid var(--color-surface-border);padding:5px 10px;border-radius:var(--radius-pill);display:flex;align-items:center;gap:6px;text-decoration:none;transition:border-color .15s;}
.status-pill:hover{border-color:var(--color-accent);}
.status-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-dim);}
.status-pill.connected{color:var(--color-success);}
.status-pill.connected .dot{background:var(--color-success);box-shadow:0 0 6px var(--color-success);}

/* PAGE LAYOUT */
.page-wrap{max-width:var(--width-page);margin:0 auto;padding:52px 28px 80px;}
.page-wrap.narrow{max-width:var(--width-form);}
.page-head{max-width:var(--width-narrow);margin:0 0 44px;}
.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-accent);margin:0 0 12px;}
.page-head h1{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--color-text);margin:0 0 12px;letter-spacing:-0.01em;line-height:1.15;}
.page-head p{color:var(--color-text-dim);font-size:15px;line-height:1.6;margin:0;}
h2.section-h{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--color-text);margin:44px 0 18px;}
h2.section-h:first-of-type{margin-top:0;}

.hidden{display:none !important;}
.panel{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);padding:22px;}
.opt-tag{font-family:var(--font-mono);font-size:9.5px;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:0.04em;font-weight:400;}

label{display:block;font-size:13px;font-weight:500;color:var(--color-text);margin:16px 0 7px;}
label:first-of-type{margin-top:0;}

textarea, input[type=text], input[type=email], input[type=password], select{
  width:100%;background:var(--color-input-bg);color:#1C1B18;border:1px solid var(--color-input-border);
  border-radius:var(--radius-sm);padding:11px 13px;font-family:var(--font-body);font-size:13.5px;
  line-height:1.5;resize:vertical;
}
select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%231C1B18'/></svg>");background-repeat:no-repeat;background-position:right 13px center;padding-right:32px;}
textarea:focus, input:focus, select:focus{outline:2px solid var(--color-accent);outline-offset:1px;}
.hint{font-size:11.5px;color:var(--color-text-dim);margin-top:6px;line-height:1.4;}

button.primary, a.primary{
  display:block;margin-top:20px;width:100%;background:var(--color-accent);color:var(--color-accent-ink);border:none;
  border-radius:var(--radius-sm);padding:13px 16px;font-family:var(--font-display);font-weight:700;
  font-size:15px;letter-spacing:0.01em;cursor:pointer;text-align:center;text-decoration:none;
  box-sizing:border-box;transition:transform .12s ease, background .12s ease;
}
button.primary:active, a.primary:active{transform:scale(0.99);}
button.primary:disabled{cursor:not-allowed;opacity:0.5;}

button.secondary, a.secondary{
  display:block;margin-top:12px;width:100%;background:transparent;color:var(--color-text);
  border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);padding:12px 16px;
  font-family:var(--font-display);font-weight:600;font-size:14px;
  text-align:center;text-decoration:none;cursor:pointer;box-sizing:border-box;
  transition:border-color .15s ease, color .15s ease;
}
button.secondary:hover, a.secondary:hover{border-color:var(--color-accent);color:var(--color-accent);}

.errorbox{margin-top:14px;border:1px solid var(--color-danger);border-radius:var(--radius-sm);padding:10px 13px;font-size:13px;display:none;color:var(--color-danger);}
.successbox{margin-top:14px;border:1px solid var(--color-success);border-radius:var(--radius-sm);padding:10px 13px;font-size:13px;display:none;color:var(--color-success);}

.copy-btn{font-family:var(--font-mono);font-size:10.5px;letter-spacing:0.05em;background:transparent;border:1px solid var(--color-surface-border);color:var(--color-text-dim);padding:4px 9px;border-radius:var(--radius-xs);cursor:pointer;text-transform:uppercase;}
.copy-btn:hover{border-color:var(--color-accent);color:var(--color-accent);}

.pill-toggle{display:inline-flex;gap:2px;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-pill);padding:5px;}
.pill-toggle .option{border:none;background:transparent;color:var(--color-text-dim);cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:13.5px;padding:9px 16px;border-radius:var(--radius-pill);transition:all .15s ease;display:inline-flex;align-items:center;gap:7px;}
.pill-toggle .option.active{background:var(--color-accent);color:var(--color-accent-ink);}
.pill-toggle .option.active .discount-badge{background:rgba(6,19,13,0.22);color:var(--color-accent-ink);}

.badge{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:0.06em;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-pill);font-weight:700;}
.badge.warn{background:rgba(242,85,74,0.14);color:var(--color-danger);}
.badge.ok{background:rgba(62,213,152,0.14);color:var(--color-success);}
.badge.neutral{background:rgba(138,150,142,0.14);color:var(--color-text-dim);}

.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:680px){.card-grid{grid-template-columns:1fr;}}
.card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);padding:24px;position:relative;}
.card.featured{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent) inset;}

/* DASHBOARD-SPECIFIC */
.dash-grid{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start;}
@media (max-width:820px){.dash-grid{grid-template-columns:1fr;}}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.checklist{display:flex;flex-direction:column;gap:10px;margin-top:8px;}
.checklist label.check-item{display:flex;align-items:flex-start;gap:10px;margin:0;font-weight:400;font-size:13px;color:var(--color-text-dim);cursor:pointer;}
.checklist input[type=checkbox]{margin-top:2px;width:15px;height:15px;accent-color:var(--color-accent);flex-shrink:0;}
.checklist .check-item span b{color:var(--color-text);font-weight:500;}

.steps{display:flex;flex-direction:column;border:1px solid var(--color-surface-border);border-radius:var(--radius-md);overflow:hidden;}
.step{display:flex;gap:16px;padding:18px 20px;border-bottom:1px solid var(--color-surface-border);background:var(--color-surface);}
.step:last-child{border-bottom:none;}
.step .num{font-family:var(--font-mono);font-size:11px;color:var(--color-accent);flex-shrink:0;width:26px;padding-top:2px;}
.step .body h3{font-family:var(--font-display);font-size:14.5px;margin:0 0 4px;color:var(--color-text);}
.step .body p{font-size:13px;color:var(--color-text-dim);margin:0;line-height:1.5;}
.step .stat{margin-left:auto;text-align:right;flex-shrink:0;padding-left:16px;}
.step .stat .n{font-family:var(--font-mono);font-size:20px;color:var(--color-text);display:block;}
.step .stat .l{font-family:var(--font-mono);font-size:9.5px;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:0.05em;}

.results-table{width:100%;border-collapse:collapse;font-size:13px;}
.results-table th{text-align:left;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--color-text-dim);padding:0 14px 10px;font-weight:400;border-bottom:1px solid var(--color-surface-border);}
.results-table td{padding:14px;border-bottom:1px solid var(--color-surface-border);vertical-align:middle;}
.results-table tr:last-child td{border-bottom:none;}
.brand-cell{display:flex;align-items:center;gap:10px;}
.brand-avatar{width:32px;height:32px;border-radius:8px;background:var(--color-bg);border:1px solid var(--color-surface-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--color-accent);flex-shrink:0;}
.brand-name{color:var(--color-text);font-weight:500;}
.brand-industry{color:var(--color-text-dim);font-size:11.5px;}
.contact-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px;}
.contact-dot.found{background:var(--color-success);}
.contact-dot.missing{background:var(--color-danger);}
.row-actions a{font-family:var(--font-mono);font-size:11px;color:var(--color-accent);text-decoration:none;letter-spacing:0.03em;}

.setup-note{display:flex;gap:12px;align-items:flex-start;background:rgba(62,213,152,0.06);border:1px dashed var(--color-surface-border);border-radius:var(--radius-md);padding:16px 18px;margin-top:20px;}
.setup-note .mark{font-family:var(--font-mono);font-size:11px;color:var(--color-accent);flex-shrink:0;margin-top:1px;}
.setup-note p{margin:0;font-size:12.5px;color:var(--color-text-dim);line-height:1.6;}
.setup-note p b{color:var(--color-text);}

/* SETTINGS-SPECIFIC */
.provider-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:8px;}
@media (max-width:680px){.provider-grid{grid-template-columns:1fr;}}
.provider-card{border:1px solid var(--color-surface-border);border-radius:var(--radius-md);padding:14px;cursor:pointer;transition:border-color .15s;background:var(--color-surface);}
.provider-card.selected{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent) inset;}
.provider-card h4{font-family:var(--font-display);font-size:13.5px;margin:0 0 4px;color:var(--color-text);}
.provider-card p{font-size:11.5px;color:var(--color-text-dim);margin:0;line-height:1.4;}
.privacy-note{display:flex;gap:12px;align-items:flex-start;background:rgba(62,213,152,0.06);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);padding:16px 18px;margin-bottom:28px;}
.privacy-note .mark{font-family:var(--font-mono);font-size:14px;color:var(--color-accent);flex-shrink:0;}
.privacy-note p{margin:0;font-size:13px;color:var(--color-text-dim);line-height:1.6;}
.privacy-note p b{color:var(--color-text);}
.key-row{display:flex;gap:8px;align-items:flex-end;}
.key-row > div{flex:1;}
.test-btn{flex-shrink:0;background:transparent;border:1px solid var(--color-surface-border);color:var(--color-text-dim);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:0.05em;padding:11px 14px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;margin-top:0;}
.test-btn:hover{border-color:var(--color-accent);color:var(--color-accent);}
.conn-status{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;margin-top:8px;color:var(--color-text-dim);}
.conn-status .dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-dim);}
.conn-status.ok{color:var(--color-success);}
.conn-status.ok .dot{background:var(--color-success);}
.conn-status.bad{color:var(--color-danger);}
.conn-status.bad .dot{background:var(--color-danger);}

/* FOOTER */
.site-footer{border-top:1px solid var(--color-surface-border);margin-top:60px;background:var(--color-surface);padding:50px 28px 0;}
.footer-inner{max-width:var(--width-page);margin:0 auto;display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap;}
.footer-brand{max-width:320px;}
.footer-brand p{color:var(--color-text-dim);font-size:13.5px;line-height:1.6;margin:0 0 18px;}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:12px;}
.footer-logo .dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);display:inline-block;box-shadow:0 0 6px var(--color-accent);flex-shrink:0;}
.footer-logo .brand-text{display:flex;flex-direction:column;line-height:1.05;}
.footer-logo .name{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--color-text);}
.footer-logo .brand-sub{font-family:var(--font-body);font-size:9.5px;font-weight:500;color:var(--color-text-dim);margin-top:2px;}
.footer-social{display:flex;gap:14px;}
.footer-social a{color:var(--color-text-dim);display:flex;align-items:center;transition:color .15s;}
.footer-social a:hover{color:var(--color-accent);}
.footer-social svg{width:18px;height:18px;fill:currentColor;}
.footer-social svg.icon-linkedin-sm{width:13px;height:13px;}
.footer-columns{display:flex;gap:56px;flex-wrap:wrap;}
.footer-col h4{font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-dim);margin:0 0 14px;font-weight:400;}
.footer-col a, .footer-col span{display:block;color:var(--color-text);font-size:13.5px;margin-bottom:10px;text-decoration:none;transition:color .15s;}
.footer-col a:hover{color:var(--color-accent);}
.footer-bottom{max-width:var(--width-page);margin:40px auto 0;border-top:1px solid var(--color-surface-border);padding:20px 0 24px;text-align:left;}
.footer-bottom p{color:var(--color-text-dim);font-size:12px;margin:0;}

/* NAV ICONS (Facebook/LinkedIn style cluster) */
.nav-icons{display:flex;align-items:center;gap:14px;}
.nav-icons a{color:var(--color-text-dim);display:flex;align-items:center;transition:color .15s;}
.nav-icons a:hover{color:var(--color-accent);}

/* STEP TABS — console sub-navigation (Search / Filter / Results / Export) */
.step-tabs{display:flex;border:1px solid var(--color-surface-border);border-radius:var(--radius-pill);padding:6px;background:var(--color-surface);margin-bottom:28px;overflow-x:auto;gap:2px;}
.step-tabs .tab{font-family:var(--font-mono);font-size:12px;color:var(--color-text-dim);padding:11px 16px;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;flex:1;text-align:center;transition:all .15s;border:none;background:transparent;}
.step-tabs .tab:hover{color:var(--color-text);}
.step-tabs .tab.active{background:var(--color-accent);color:var(--color-accent-ink);font-weight:700;}
.step-tabs .tab.done{color:var(--color-success);}

.step-label{font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:10px;}

/* PRICING */
.price-toggle-row{display:flex;align-items:center;gap:14px;margin-bottom:36px;}
.discount-badge{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:0.05em;background:rgba(62,213,152,0.14);color:var(--color-success);padding:3px 9px;border-radius:var(--radius-pill);font-weight:700;}
.price-card{padding:34px 28px 30px;}
.price-card h3{font-family:var(--font-display);font-size:19px;margin:0 0 4px;color:var(--color-text);}
.price-card .plan-sub{font-size:13px;color:var(--color-text-dim);margin:0;}
.price-card .price{font-family:var(--font-display);font-size:42px;font-weight:700;color:var(--color-text);margin:22px 0 2px;line-height:1;}
.price-card .price .per{font-family:var(--font-body);font-size:14px;color:var(--color-text-dim);font-weight:400;}
.price-card .price-note{font-size:11.5px;color:var(--color-text-dim);min-height:16px;}
.price-card ul{list-style:none;padding:0;margin:22px 0 0;}
.price-card ul li{display:flex;gap:4px;align-items:flex-start;font-size:13.5px;color:var(--color-text-dim);padding:13px 0;border-top:1px solid var(--color-surface-border);}
.price-card ul li:first-child{border-top:none;}
.price-card ul li .check{color:inherit;flex-shrink:0;}
.floating-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--color-bg);border:1px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-mono);font-size:10px;letter-spacing:0.06em;text-transform:uppercase;padding:4px 12px;border-radius:var(--radius-pill);font-weight:700;}

/* CONNECTED BADGE (integrations page) */
.connected-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11.5px;color:var(--color-success);background:rgba(62,213,152,0.1);border:1px solid var(--color-success);padding:6px 12px;border-radius:var(--radius-pill);margin-bottom:18px;}
.connected-badge.hidden{display:none;}
.connected-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 6px var(--color-success);}

/* GUIDE checklist */
.guide-checklist{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-surface-border);border-radius:var(--radius-md);overflow:hidden;}
.guide-checklist .g-item{display:flex;gap:14px;padding:16px 18px;border-bottom:1px solid var(--color-surface-border);background:var(--color-surface);align-items:flex-start;}
.guide-checklist .g-item:last-child{border-bottom:none;}
.guide-checklist .g-num{font-family:var(--font-mono);font-size:11px;color:var(--color-accent);flex-shrink:0;width:20px;padding-top:2px;}

/* CONTACT form */
.contact-form textarea{min-height:128px;}
.honeypot{position:absolute;left:-9999px;top:-9999px;}
.contact-alt{display:flex;flex-direction:column;gap:14px;}
.contact-alt .item{display:flex;flex-direction:column;gap:2px;}
.contact-alt .item .k{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:0.06em;color:var(--color-text-dim);}
.contact-alt .item .v{font-size:14px;color:var(--color-text);}

/* HOME — small radar animation in the top-right corner of the hero */
.hero-block{position:relative;}
.radar-anim{position:absolute;top:-10px;right:0;width:185px;height:185px;pointer-events:none;}
@media (max-width:930px){.radar-anim{display:none;}}
.radar-sweep{transform-origin:50px 50px;animation:radarSpin 4.5s linear infinite;}
@keyframes radarSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.radar-blip{animation:radarBlip 2.6s ease-in-out infinite;}
.radar-blip-2{animation-delay:1.3s;}
@keyframes radarBlip{0%,100%{opacity:0.12;}50%{opacity:1;}}
@media (prefers-reduced-motion: reduce){.radar-sweep,.radar-blip{animation:none;}}

/* GUIDE PAGE — explainer video cards */
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:680px){.video-grid{grid-template-columns:1fr;}}
.video-card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);overflow:hidden;}
.video-thumb{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg, var(--color-bg), var(--color-surface));display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;}
.video-thumb::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--color-accent) 20%, transparent), transparent 60%);}
.video-thumb::after{content:'';position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-accent) 12%, transparent), transparent);animation:videoShimmer 3.2s ease-in-out infinite;}
@keyframes videoShimmer{0%{left:-40%;}100%{left:100%;}}
.video-play{position:relative;width:56px;height:56px;border-radius:50%;background:var(--color-accent);color:var(--color-accent-ink);display:flex;align-items:center;justify-content:center;font-size:20px;z-index:1;animation:videoPulse 2.2s ease-in-out infinite;}
@keyframes videoPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 45%, transparent);}50%{box-shadow:0 0 0 14px transparent;}}
.video-badge{position:absolute;top:10px;right:10px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:0.05em;text-transform:uppercase;background:var(--color-bg);border:1px solid var(--color-surface-border);color:var(--color-text-dim);padding:3px 8px;border-radius:var(--radius-pill);z-index:1;}
.video-info{padding:14px 16px;}
.video-info .video-title{font-weight:600;font-size:13.5px;color:var(--color-text);margin-bottom:4px;}
.video-info .video-sub{font-size:12px;color:var(--color-text-dim);}
@media (prefers-reduced-motion: reduce){.video-thumb::after,.video-play{animation:none;}}

/* GUIDE PAGE — FAQ accordion */
.faq-item{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);overflow:hidden;}
.faq-item + .faq-item{margin-top:10px;}
.faq-question{display:flex;align-items:center;gap:10px;padding:16px 18px;cursor:pointer;font-weight:600;font-size:14px;color:var(--color-text);}
.faq-question .faq-icon{color:var(--color-accent);font-weight:700;font-size:15px;transition:transform .15s ease;flex-shrink:0;}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-answer{display:none;padding:0 18px 16px;color:var(--color-text-dim);font-size:13.5px;line-height:1.6;}
.faq-item.open .faq-answer{display:block;}

/* AUTH — header Login/Signup vs plan badge + Logout */
.auth-buttons{display:flex;align-items:center;gap:10px;}
.badge.plan-pro{background:var(--color-accent);color:var(--color-accent-ink);border:none;}

/* Google sign-in button + divider (used on login.html/signup.html) */
.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-input-border);background:var(--color-input-bg);color:#1f1f1f;font-family:var(--font-display);font-weight:600;font-size:13.5px;cursor:pointer;transition:box-shadow .15s ease;}
.btn-google:hover{box-shadow:0 1px 6px rgba(0,0,0,0.25);}
.btn-google svg{flex-shrink:0;}
.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--color-text-dim);font-size:11.5px;text-transform:uppercase;letter-spacing:0.06em;font-family:var(--font-mono);}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--color-surface-border);}

/* MODAL — reusable overlay + panel (login-required prompt, etc.) */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;}
.modal-overlay.hidden{display:none;}
.modal-panel{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);padding:28px;max-width:380px;width:100%;text-align:center;}
.modal-panel h3{font-family:var(--font-display);font-size:18px;color:var(--color-text);margin:0 0 10px;}
.modal-panel p{font-size:13.5px;color:var(--color-text-dim);line-height:1.6;margin:0 0 20px;}
.modal-panel .primary, .modal-panel .secondary{margin-top:0;}
.modal-panel a.secondary{display:block;}