/* ================================================================
   DMA Negative Keyword Generator — styles.css
   Design system: Navy #0e2554  Teal #12aabf  Gold #ffd166
   Fonts: Plus Jakarta Sans + DM Sans
================================================================ */

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;color:#1a2a3a;background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.2}
img{max-width:100%;height:auto}
a{text-decoration:none}

:root{
  --navy:#0e2554;--navy2:#1b3a6b;--teal:#12aabf;--teal2:#4dc8d8;
  --teal-light:rgba(18,170,191,.08);--gold:#ffd166;--gold-bg:rgba(255,209,102,.08);
  --orange:#f59e0b;--text1:#0f172a;--text2:#64748b;
  --border:#e2e8f0;--bg-light:#f8fafc;--dark:#0a1628;--white:#fff;
  --google-blue:#4285F4;
}

.container{max-width:1080px;margin:0 auto;padding:0 16px}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:11px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;cursor:pointer;border:0;font-family:'Plus Jakarta Sans',sans-serif}
.btn-g{background:linear-gradient(135deg,#ffd166,#ffe49a);color:var(--navy);box-shadow:0 4px 20px rgba(255,209,102,.25)}
.btn-g:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,209,102,.4)}
.btn-o{background:transparent;color:white;border:2px solid rgba(255,255,255,.2)}
.btn-o:hover{border-color:var(--teal);color:var(--teal)}

/* NAVIGATION */
.site-nav{background:var(--dark);position:sticky;top:0;z-index:200;border-bottom:1px solid rgba(255,255,255,.07)}
.nav-inner{max-width:1080px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:62px;gap:16px}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.nav-logo img{height:38px;width:38px;border-radius:8px;background:white;padding:3px;object-fit:contain}
.nav-logo span{font-family:'Plus Jakarta Sans',sans-serif;font-size:.88rem;font-weight:800;color:white;line-height:1.2;display:none}
@media(min-width:480px){.nav-logo span{display:block}}
.nav-links{display:none;list-style:none;gap:4px;align-items:center}
@media(min-width:900px){.nav-links{display:flex}}
.nav-links>li{position:relative}
.nav-links>li>a{display:flex;align-items:center;gap:4px;color:rgba(255,255,255,.8);font-size:.82rem;font-weight:600;text-decoration:none;padding:8px 12px;border-radius:8px;transition:all .2s;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap}
.nav-links>li>a:hover{color:var(--teal);background:rgba(18,170,191,.08)}
.nav-links>li>a .arr{font-size:9px;transition:transform .2s}
.nav-links>li:hover>a .arr{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:calc(100% + 6px);left:0;background:var(--dark);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;min-width:240px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s;z-index:300;box-shadow:0 12px 32px rgba(0,0,0,.3)}
.nav-links>li:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown a{display:block;color:rgba(255,255,255,.75);font-size:.8rem;font-weight:600;text-decoration:none;padding:9px 14px;border-radius:8px;transition:all .2s;font-family:'Plus Jakarta Sans',sans-serif}
.nav-dropdown a:hover{color:var(--teal);background:rgba(18,170,191,.08)}
.nav-dropdown .dd-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.3);padding:6px 14px 4px;display:block}
.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nav-wa{display:inline-flex;align-items:center;gap:6px;background:#25d366;color:white;padding:8px 14px;border-radius:8px;font-size:.78rem;font-weight:700;text-decoration:none;font-family:'Plus Jakarta Sans',sans-serif;transition:all .2s;white-space:nowrap}
.nav-wa:hover{background:#1ebe5d;transform:translateY(-1px)}
.nav-wa .wa-text{display:none}
@media(min-width:640px){.nav-wa .wa-text{display:inline}}
.nav-call{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:white;padding:8px 14px;border-radius:8px;font-size:.78rem;font-weight:700;text-decoration:none;font-family:'Plus Jakarta Sans',sans-serif;transition:all .2s;white-space:nowrap}
.nav-call:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.nav-call .call-text{display:none}
@media(min-width:760px){.nav-call .call-text{display:inline}}
.nav-hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border-radius:8px;background:rgba(255,255,255,.06);border:0;transition:background .2s}
.nav-hamburger:hover{background:rgba(255,255,255,.12)}
.nav-hamburger span{display:block;width:20px;height:2px;background:white;border-radius:2px;transition:all .3s}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(min-width:900px){.nav-hamburger{display:none}}

/* MOBILE MENU */
.mobile-menu{display:none;position:fixed;top:62px;left:0;right:0;bottom:0;background:var(--dark);z-index:199;overflow-y:auto;padding:16px}
.mobile-menu.open{display:block}
.mob-nav-item{border-bottom:1px solid rgba(255,255,255,.07)}
.mob-nav-link{display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.85);font-size:.92rem;font-weight:700;text-decoration:none;padding:16px 8px;font-family:'Plus Jakarta Sans',sans-serif;transition:color .2s}
.mob-nav-link:hover{color:var(--teal)}
.mob-arr{font-size:12px;transition:transform .3s;color:rgba(255,255,255,.4)}
.mob-nav-item.open .mob-arr{transform:rotate(180deg)}
.mob-submenu{display:none;padding:0 0 8px 16px}
.mob-nav-item.open .mob-submenu{display:block}
.mob-submenu a{display:block;color:rgba(255,255,255,.6);font-size:.84rem;font-weight:600;text-decoration:none;padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.04);font-family:'Plus Jakarta Sans',sans-serif;transition:color .2s}
.mob-submenu a:hover{color:var(--teal)}
.mob-actions{display:flex;gap:10px;padding:20px 8px;flex-wrap:wrap}
.mob-actions a{flex:1;min-width:140px;text-align:center;padding:14px 16px;border-radius:10px;font-size:.88rem;font-weight:700;text-decoration:none;font-family:'Plus Jakarta Sans',sans-serif}

/* SCROLL TO TOP */
.scroll-top{position:fixed;bottom:28px;left:20px;width:46px;height:46px;background:#fff;color:var(--navy);border:2px solid rgba(0,0,0,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:500;opacity:0;visibility:hidden;transform:translateY(12px);transition:all .3s;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.scroll-top:hover{background:#f5f5f5;transform:translateY(-3px)}
.scroll-top svg{width:20px;height:20px}
.scroll-top svg path{stroke:var(--navy);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;fill:none}

/* STICKY WHATSAPP */
.wa-s{position:fixed;bottom:18px;right:18px;z-index:999;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.wa-s .wl{background:white;color:var(--navy);padding:5px 12px;border-radius:8px;font-size:11px;font-weight:700;box-shadow:0 3px 14px rgba(0,0,0,.1)}
.wa-b{width:52px;height:52px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,211,102,.3);transition:transform .3s;text-decoration:none}
.wa-b:hover{transform:scale(1.1)}
.wa-b svg{width:26px;height:26px;fill:white}

/* ANIMATIONS */
.anim{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
.anim.visible{opacity:1;transform:translateY(0)}

/* BREADCRUMB */
.breadcrumb{background:var(--bg-light);border-bottom:1px solid var(--border);padding:10px 16px}
.breadcrumb-inner{max-width:1080px;margin:0 auto;font-size:.76rem;color:var(--text2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.breadcrumb-inner a{color:var(--teal);font-weight:600}
.breadcrumb-inner span{color:var(--text2)}

/* HERO */
.tool-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 16px 52px;overflow:hidden;background:linear-gradient(160deg,#0e2554 0,#1b3a6b 35%,#2563eb 70%,#4285F4 100%)}
.tool-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(255,209,102,.12) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(66,133,244,.2) 0,transparent 50%)}
.hp{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hp span{position:absolute;display:block;border-radius:50%;animation:fu linear infinite;opacity:0}
@keyframes fu{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.5}90%{opacity:.5}100%{transform:translateY(-10vh) scale(1);opacity:0}}
.tool-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(66,133,244,.2);border:1px solid rgba(66,133,244,.4);color:#93c5fd;padding:6px 16px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:14px;position:relative;z-index:1}
.tool-hero h1{font-size:clamp(1.7rem,4.5vw,2.8rem);color:white;font-weight:900;margin-bottom:12px;position:relative;z-index:1;line-height:1.15}
.tool-hero h1 .gt{background:linear-gradient(135deg,#93c5fd,#ffd166);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:clamp(.88rem,1.6vw,1rem);color:rgba(255,255,255,.75);max-width:560px;margin:0 auto 28px;position:relative;z-index:1;line-height:1.65}
.hstats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}
.hs{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 18px;text-align:center;min-width:90px;backdrop-filter:blur(8px)}
.hs .n{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.25rem;font-weight:900;color:#93c5fd;display:block}
.hs .l{font-size:10px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.4px;margin-top:2px}

/* FORM SECTION */
.form-section{padding:48px 16px;background:#fff}
.form-section .container{max-width:720px}
.form-section h2{font-size:clamp(1.2rem,2.5vw,1.55rem);font-weight:900;color:var(--navy);margin-bottom:6px}
.form-section .form-intro{font-size:.88rem;color:var(--text2);margin-bottom:28px;line-height:1.6}

.tool-form{display:flex;flex-direction:column;gap:18px}
.form-row{display:flex;flex-direction:column;gap:6px}
.form-row label{font-size:.82rem;font-weight:700;color:var(--navy);font-family:'Plus Jakarta Sans',sans-serif;display:flex;align-items:center;gap:8px}
.opt-tag{font-size:.7rem;font-weight:600;color:var(--text2);background:var(--bg-light);padding:2px 8px;border-radius:4px;border:1px solid var(--border)}
.form-row input[type="text"],
.form-row select{width:100%;padding:13px 16px;border:1.5px solid var(--border);border-radius:10px;font-size:.92rem;color:var(--text1);font-family:'DM Sans',sans-serif;transition:border-color .2s,box-shadow .2s;background:#fff}
.form-row input[type="text"]:focus,
.form-row select:focus{outline:none;border-color:var(--google-blue);box-shadow:0 0 0 3px rgba(66,133,244,.12)}
.form-row input[type="text"]::placeholder{color:#94a3b8}
.form-check{gap:8px}
.check-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.88rem;color:var(--text1);font-weight:500;line-height:1.4}
.check-label input[type="checkbox"]{width:16px;height:16px;accent-color:var(--google-blue);flex-shrink:0;margin-top:2px}
.check-hint{font-size:.78rem;color:var(--text2);line-height:1.5;padding-left:26px}

.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#4285F4,#2563eb);color:white;border:0;padding:14px 32px;border-radius:11px;font-size:1rem;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px rgba(66,133,244,.3)}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(66,133,244,.45)}
.submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}
.btn-arrow{transition:transform .2s}
.submit-btn:hover .btn-arrow{transform:translateX(3px)}
.loading-dots{display:none}
.loading-dots span{display:inline-block;width:6px;height:6px;border-radius:50%;background:white;animation:ld .8s ease-in-out infinite;margin:0 2px}
.loading-dots span:nth-child(2){animation-delay:.15s}
.loading-dots span:nth-child(3){animation-delay:.3s}
@keyframes ld{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}

/* RESULTS SECTION */
.results-section{display:none;padding:40px 16px 56px;background:var(--bg-light);border-top:1px solid var(--border)}
.results-section.show{display:block}

.results-header{max-width:1080px;margin:0 auto 24px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}
.results-summary h2{font-size:1.15rem;font-weight:900;color:var(--navy);margin-bottom:4px}
.results-summary .industry-tag{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;background:rgba(66,133,244,.1);color:var(--google-blue);padding:3px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}
.results-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.action-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:9px;font-size:.82rem;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;border:1.5px solid;transition:all .2s;text-decoration:none;white-space:nowrap}
.action-btn-primary{background:var(--google-blue);color:#fff;border-color:var(--google-blue)}
.action-btn-primary:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}
.action-btn-outline{background:#fff;color:var(--navy);border-color:var(--border)}
.action-btn-outline:hover{border-color:var(--navy);background:var(--bg-light)}
.action-btn-ghost{background:transparent;color:var(--teal);border-color:var(--teal)}
.action-btn-ghost:hover{background:var(--teal-light)}
.copy-tick{display:none;color:#059669}

/* CATEGORY PANELS */
.categories-wrap{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.cat-panel{background:#fff;border:1.5px solid var(--border);border-radius:14px;overflow:hidden;transition:box-shadow .2s}
.cat-panel:hover{box-shadow:0 4px 20px rgba(14,37,84,.07)}
.cat-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;user-select:none;gap:12px}
.cat-panel-left{display:flex;align-items:center;gap:12px;flex:1}
.cat-panel-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}
.cat-panel-info{flex:1}
.cat-panel-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:.92rem;font-weight:800;color:var(--navy)}
.cat-panel-desc{font-size:.75rem;color:var(--text2);margin-top:2px}
.cat-panel-count{font-size:.75rem;font-weight:700;color:var(--text2);background:var(--bg-light);padding:3px 10px;border-radius:20px;white-space:nowrap}
.cat-copy-btn{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;color:var(--teal);padding:6px 12px;border-radius:7px;border:1.5px solid rgba(18,170,191,.3);background:transparent;cursor:pointer;transition:all .2s;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap}
.cat-copy-btn:hover{background:var(--teal-light);border-color:var(--teal)}
.cat-chevron{color:var(--text2);font-size:12px;transition:transform .25s;flex-shrink:0}
.cat-panel.collapsed .cat-chevron{transform:rotate(-90deg)}
.cat-panel-body{border-top:1px solid var(--border);overflow:auto}
.cat-panel.collapsed .cat-panel-body{display:none}

/* KEYWORDS TABLE */
.kw-table{width:100%;border-collapse:collapse;min-width:520px}
.kw-table thead{background:var(--bg-light)}
.kw-table th{padding:9px 14px;font-size:.72rem;font-weight:700;color:var(--text2);text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}
.kw-table td{padding:9px 14px;font-size:.83rem;border-bottom:1px solid var(--border);vertical-align:middle}
.kw-table tr:last-child td{border-bottom:0}
.kw-table tr:hover td{background:#f8fafc}
.kw-text{font-weight:500;color:var(--text1);font-family:'DM Mono',monospace,sans-serif;word-break:break-word}
.kw-reason{color:var(--text2);font-size:.78rem}

/* MATCH TYPE PILLS */
.match-pill{display:inline-block;padding:2px 9px;border-radius:4px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap}
/* darkened teal (#096270) so the broad pill clears WCAG AA on its pale tint; --teal #12aabf did not */
.match-broad{background:rgba(18,170,191,.12);color:#096270}
.match-phrase{background:rgba(14,37,84,.1);color:var(--navy)}
.match-exact{background:rgba(255,209,102,.2);color:#92610a}

/* RESULTS EXPLAINER — makes the output self-describing */
.results-explainer{background:var(--teal-light);border:1px solid rgba(18,170,191,.3);border-left:4px solid var(--teal);border-radius:10px;padding:16px 18px;margin:4px 0 20px}
.results-explainer .rx-lead{font-size:.92rem;color:var(--navy);line-height:1.55;margin:0 0 12px}
.results-explainer .rx-how{font-size:.82rem;color:#334155;line-height:1.55;margin:12px 0 0}
.rx-legend{display:flex;flex-wrap:wrap;gap:8px 20px}
.rx-legend > span{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;color:#334155}
.rx-legend code{font-family:'DM Mono',monospace;font-size:.78rem;background:#fff;border:1px solid var(--border);border-radius:4px;padding:1px 6px;color:var(--navy)}
.rx-syntax{font-size:.8rem;color:#334155;line-height:1.55;margin:12px 0 0}
.rx-general{font-size:.82rem;color:#334155;line-height:1.55;margin:12px 0 0;background:#fff;border:1px dashed var(--teal);border-radius:8px;padding:10px 12px}
.rx-audit{font-size:.82rem;color:#334155;line-height:1.55;margin:12px 0 0;background:#fff;border:1px solid rgba(19,115,51,.35);border-left:3px solid #137333;border-radius:8px;padding:10px 12px}

/* "Start here" priority chip on high-impact categories */
.cat-priority{display:inline-block;vertical-align:middle;margin-left:8px;background:var(--gold);color:var(--navy);font-family:'Plus Jakarta Sans',sans-serif;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:20px}

/* MODE TOGGLE (keyword generator vs search-terms audit) */
.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px}
.mode-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:12px 16px;cursor:pointer;text-align:left;font-family:'Plus Jakarta Sans',sans-serif;font-size:.9rem;font-weight:700;color:var(--navy);transition:border-color .2s,background .2s}
.mode-btn:hover{border-color:var(--teal)}
.mode-btn.active{border-color:var(--teal);background:var(--teal-light);box-shadow:inset 0 0 0 1px var(--teal)}
.mode-btn .mode-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--navy);color:#fff;font-size:.68rem;font-weight:800;margin-right:6px}
.mode-btn.active .mode-num{background:var(--teal)}
.mode-btn .mode-sub{font-family:'DM Sans',sans-serif;font-size:.74rem;font-weight:500;color:#475569}
@media(max-width:560px){.mode-toggle{grid-template-columns:1fr}}

/* SEARCH-TERMS AUDIT PANEL */
.audit-intro{background:var(--gold-bg);border:1px solid rgba(255,209,102,.4);border-left:4px solid var(--gold);border-radius:10px;padding:14px 16px;margin-bottom:18px}
.audit-intro p{font-size:.86rem;color:#334155;line-height:1.6;margin:0}
.audit-help{margin-top:10px}
.audit-help summary{font-size:.82rem;font-weight:700;color:#0b6270;cursor:pointer}
.audit-help ol{margin:10px 0 0 18px;padding:0}
.audit-help li{font-size:.82rem;color:#334155;line-height:1.65;margin-bottom:4px}
#strInput{width:100%;font-family:'DM Mono',monospace;font-size:.82rem;line-height:1.6;color:var(--text1);border:1.5px solid var(--border);border-radius:11px;padding:12px 14px;resize:vertical;background:#fff}
#strInput:focus{outline:none;border-color:var(--teal)}
#strInput::placeholder{color:#94a3b8}
.audit-privacy{display:block;font-size:.75rem;color:#475569;margin-top:6px}

/* SELECTION BAR */
.selection-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:var(--bg-light);border:1px solid var(--border);border-radius:10px;padding:10px 16px;margin:0 0 16px}
.selection-bar .sel-info{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;flex:1 1 260px}
.selection-bar .sel-count{font-size:.85rem;font-weight:700;color:var(--navy)}
.selection-bar .sel-held{font-size:.8rem;color:#475569}
.selection-bar .sel-warn{flex-basis:100%;font-size:.8rem;color:#92610a;background:rgba(245,158,11,.13);border:1px solid rgba(245,158,11,.4);border-radius:7px;padding:6px 10px;line-height:1.5}
.selection-bar .sel-actions{display:flex;gap:8px;flex-wrap:wrap}
.sel-btn{background:#fff;border:1px solid var(--teal);color:#0b6270;font-family:'Plus Jakarta Sans',sans-serif;font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:7px;cursor:pointer}
.sel-btn:hover{background:var(--teal);color:#fff}
.sel-btn-primary{background:var(--teal);color:#fff}
.sel-btn-primary:hover{background:#0b6270}
/* Opting into risky keywords is deliberately the amber, secondary action */
.sel-btn-risky{border-color:#b45309;color:#92610a}
.sel-btn-risky:hover{background:#92610a;color:#fff}

/* HELD-BACK / RISKY PANEL — deliberately set apart from the main list */
.risky-panel{background:#fffbeb;border:1.5px solid rgba(245,158,11,.5);border-left:5px solid #b45309;border-radius:12px;padding:18px 20px;margin:24px 0 8px}
.risky-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:800;color:#7c4a02;margin-bottom:8px}
.risky-desc{font-size:.85rem;color:#3f3016;line-height:1.6;margin-bottom:14px}
.risky-table{background:#fff;border-radius:8px}
.risky-table td,.risky-table th{vertical-align:top}
.risky-table .risk-why{font-size:.79rem;color:#7c4a02;line-height:1.5;min-width:210px}
.risky-table .risk-from{font-size:.74rem;color:#64748b;white-space:nowrap}
.risky-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.kw-check-all-risky{width:16px;height:16px;accent-color:#b45309;cursor:pointer;vertical-align:middle}
.selection-bar .sel-held{cursor:pointer;text-decoration:underline dotted}

/* SELECT COLUMN + CHECKBOXES */
.kw-table th.kw-sel,.kw-table td.kw-sel{width:38px;text-align:center;padding-left:10px;padding-right:0}
.kw-check,.kw-check-all{width:16px;height:16px;accent-color:var(--teal);cursor:pointer;vertical-align:middle}
/* Risky rows: off by default, softly tinted so they read as "opt-in" */
.kw-table tr.row-risky{background:rgba(245,158,11,.06)}
.kw-risk{display:inline-block;margin-left:8px;background:rgba(245,158,11,.16);color:#92610a;font-family:'Plus Jakarta Sans',sans-serif;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:2px 7px;border-radius:20px;white-space:nowrap}

/* CAMPAIGN NAME INPUT (smooth CSV export) */
.campaign-input{font-family:'DM Sans',sans-serif;font-size:.82rem;color:var(--text1);border:1.5px solid var(--border);border-radius:9px;padding:8px 12px;min-width:210px;background:#fff}
.campaign-input:focus{outline:none;border-color:var(--teal)}
.campaign-input::placeholder{color:#64748b}

/* RATE LIMIT BOX */
.rate-limit-box{max-width:720px;margin:0 auto;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:32px;text-align:center}
.rl-icon{font-size:2.5rem;margin-bottom:12px}
.rl-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;font-weight:800;color:var(--navy);margin-bottom:8px}
.rl-desc{font-size:.88rem;color:var(--text2);margin-bottom:24px;line-height:1.6}
.rl-form{display:flex;gap:10px;max-width:420px;margin:0 auto;flex-wrap:wrap}
.rl-form input[type="email"]{flex:1;min-width:200px;padding:11px 14px;border:1.5px solid var(--border);border-radius:9px;font-size:.88rem;font-family:'DM Sans',sans-serif}
.rl-form input[type="email"]:focus{outline:none;border-color:var(--google-blue);box-shadow:0 0 0 3px rgba(66,133,244,.1)}
.rl-form button{background:var(--navy);color:#fff;border:0;padding:11px 20px;border-radius:9px;font-size:.88rem;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s}
.rl-form button:hover{background:var(--navy2)}
.rl-success{color:#059669;font-weight:600;font-size:.88rem;margin-top:12px}

/* ERROR BOX */
.error-box{max-width:720px;margin:0 auto;background:#fef2f2;border:1.5px solid #fecaca;border-radius:12px;padding:20px;text-align:center;color:#dc2626;font-size:.88rem}

/* HOW TO USE */
.how-to-section{padding:56px 16px;background:#fff}
.how-to-section .container{max-width:1080px}
.section-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:4px 12px;border-radius:6px;margin-bottom:10px;background:rgba(66,133,244,.1);color:var(--google-blue)}
.section-title{font-size:clamp(1.25rem,2.8vw,1.7rem);font-weight:900;color:var(--navy);margin-bottom:6px}
.section-desc{font-size:.88rem;color:var(--text2);line-height:1.6;margin-bottom:36px;max-width:580px}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}
.step-card{background:var(--bg-light);border:1px solid var(--border);border-radius:12px;padding:22px 20px;position:relative}
.step-num{width:32px;height:32px;background:var(--google-blue);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:.88rem;font-weight:900;margin-bottom:14px}
.step-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:.92rem;font-weight:800;color:var(--navy);margin-bottom:8px}
.step-desc{font-size:.82rem;color:var(--text2);line-height:1.6}

/* MATCH TYPES EXPLAINER */
.match-types-section{padding:52px 16px;background:var(--bg-light);border-top:1px solid var(--border)}
.match-types-section .container{max-width:1080px}
.match-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
@media(max-width:700px){.match-types-grid{grid-template-columns:1fr}}
.mt-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:22px}
.mt-pill{margin-bottom:12px}
.mt-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:.92rem;font-weight:800;color:var(--navy);margin-bottom:8px}
.mt-desc{font-size:.82rem;color:var(--text2);line-height:1.65}

/* FURTHER READING */
.further-reading{padding:52px 16px;background:#fff;border-top:1px solid var(--border)}
.further-reading .container{max-width:1080px}
.fr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
@media(max-width:760px){.fr-grid{grid-template-columns:1fr}}
.fr-card{display:flex;flex-direction:column;background:var(--bg-light);border:1.5px solid var(--border);border-radius:12px;padding:20px;transition:all .25s;text-decoration:none}
.fr-card:hover{border-color:var(--teal);box-shadow:0 4px 20px rgba(18,170,191,.1);transform:translateY(-2px)}
.fr-tag{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--teal);margin-bottom:8px}
.fr-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:.9rem;font-weight:800;color:var(--navy);margin-bottom:6px;line-height:1.3}
.fr-desc{font-size:.78rem;color:var(--text2);line-height:1.6;flex:1}
.fr-link{font-size:.78rem;font-weight:700;color:var(--teal);margin-top:12px;display:flex;align-items:center;gap:4px}

/* FAQ */
.faq-section{padding:56px 16px;background:linear-gradient(180deg,var(--gold-bg) 0,rgba(255,209,102,.03) 100%)}
.faq-section .container{max-width:1080px}
.faq-section-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:4px 12px;border-radius:6px;margin-bottom:10px;background:rgba(245,158,11,.1);color:var(--orange)}
.faq-list{max-width:760px;margin-top:28px}
.faq-item{background:rgba(255,255,255,.85);border:1px solid rgba(245,200,100,.3);border-radius:12px;margin-bottom:8px;overflow:hidden}
.faq-q{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700;font-size:.88rem;color:var(--navy);font-family:'Plus Jakarta Sans',sans-serif;user-select:none}
.faq-icon{font-size:18px;transition:transform .3s;color:var(--orange);flex-shrink:0}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-item.open .faq-a{max-height:600px}
.faq-a p{padding:0 20px 16px;font-size:.84rem;color:var(--text2);line-height:1.75}

/* ABOUT */
.about-section{padding:52px 16px;background:var(--navy)}
.about-section .container{max-width:780px}
.about-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:4px 12px;border-radius:6px;margin-bottom:14px;background:rgba(255,209,102,.12);color:var(--gold)}
.about-section h2{font-size:clamp(1.2rem,2.8vw,1.7rem);font-weight:900;color:#fff;margin-bottom:18px}
.about-section p{font-size:.9rem;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:14px}
.founder-credit{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;margin-top:6px}
.founder-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:.95rem;font-weight:800;color:var(--gold);margin-bottom:3px}
.founder-title{font-size:.78rem;color:rgba(255,255,255,.5)}

/* CTA */
.cta-section{background:linear-gradient(160deg,#dc2626,#ec4899,#7c3aed,#0e2554);padding:60px 16px;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(255,209,102,.15) 0,transparent 60%)}
.cta-section h2{font-size:clamp(1.3rem,3.5vw,2rem);font-weight:900;color:white;margin-bottom:10px;position:relative;z-index:1}
.cta-section .sub{color:rgba(255,255,255,.65);font-size:.9rem;margin-bottom:28px;position:relative;z-index:1;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.6}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:18px;position:relative;z-index:1}
.cta-note{font-size:.76rem;color:rgba(255,255,255,.4);position:relative;z-index:1}

/* FOOTER */
footer{background:#060e1f;padding:48px 16px 24px}
footer .container{max-width:1080px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:40px}
.footer-col-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.55);margin-bottom:14px}
.footer-link{display:block;font-size:.82rem;color:rgba(255,255,255,.6);text-decoration:none;padding:5px 0;transition:color .2s}
.footer-link:hover{color:var(--teal)}
.footer-link.active{color:var(--teal);font-weight:600}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-copy{font-size:.75rem;color:rgba(255,255,255,.55)}

/* WATERMARK */
body::after{content:'Digital Market Academy';position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-35deg);font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:900;color:rgba(14,37,84,.03);pointer-events:none;z-index:0;white-space:nowrap;letter-spacing:4px}

/* RESPONSIVE */
@media(max-width:768px){
  .tool-hero{padding:52px 16px 40px}
  .hs{min-width:76px;padding:10px 12px}
  .hs .n{font-size:1.1rem}
  .form-section{padding:36px 16px}
  .results-header{flex-direction:column;align-items:flex-start}
  .how-to-section,.faq-section,.about-section,.cta-section,.match-types-section,.further-reading{padding:40px 14px}
}
@media(max-width:560px){
  .results-actions{flex-direction:column;align-items:flex-start}
  .action-btn{width:100%;justify-content:center}
  .rl-form{flex-direction:column}
  .rl-form input[type="email"],.rl-form button{width:100%}
}

/* -- INFO TOOLTIPS -- */
.label-wrap{display:flex;align-items:center;gap:4px}
.info-btn{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#e2e8f0;border:none;color:#64748b;font-size:9px;font-weight:800;font-style:italic;cursor:pointer;padding:0;flex-shrink:0;vertical-align:middle;transition:background .15s,color .15s;line-height:1}
.info-btn:hover,.info-btn.tip-open{background:#12aabf;color:#fff;outline:none}
.info-btn:focus{outline:2px solid #12aabf;outline-offset:2px}
#globalTip{position:fixed;z-index:9999;background:#1e293b;color:#f1f5f9;font-size:12.5px;font-family:'DM Sans',sans-serif;font-weight:400;line-height:1.55;padding:10px 13px;border-radius:8px;max-width:240px;width:max-content;box-shadow:0 4px 20px rgba(0,0,0,.3);pointer-events:none;display:none}

.scroll-top{bottom:80px!important;left:20px!important;right:auto!important}.wa-s{position:fixed!important;bottom:80px!important;right:18px!important;z-index:999!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important}.wa-b{width:52px!important;height:52px!important;border-radius:50%!important;background:#25d366!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 18px rgba(37,211,102,.3)!important;transition:transform .3s!important;text-decoration:none!important}.wa-b:hover{transform:scale(1.1)!important}.wa-b svg{width:26px!important;height:26px!important;fill:white!important}.wa-dir{background:#4285F4!important;box-shadow:0 4px 18px rgba(66,133,244,.3)!important}.wa-call{background:#0ea5e9!important;box-shadow:0 4px 18px rgba(14,165,233,.3)!important;display:none!important}@media(max-width:767px){.wa-call{display:flex!important}}.wa-s .wl{display:none!important}.wa-float{display:none!important}
/* SCROLL-TO-TOP — deliberately hidden on mobile.
   Touch users swipe, and iOS already has tap-the-status-bar to jump to the top. On a phone
   this page carries five floating widgets (WhatsApp, Call and Directions on the right; the
   chatbot launcher and this button on the left) all fighting for the same thumb zone and
   covering content. This is the only one of the five that earns nothing — and it sat at
   exactly the same bottom:80px/left:20px as the chatbot launcher, so it was hidden anyway.
   Removing it deletes that collision rather than working around it.
   Kept on desktop, where there is room and no equivalent gesture. */
@media(max-width:520px){
  .scroll-top{display:none!important}
}