/* Shared charcoal and amber identity from the approved landing page. */
:root:root {
 --bg-base:#07080f; --bg-elevated:#101220; --bg-glass:rgba(255,255,255,.025); --bg-glass-strong:rgba(255,255,255,.055);
 --text-primary:#f3f1ea; --text-secondary:#b1afb8; --text-muted:#9997a2;
 --border:#292a35; --border-hover:rgba(255,176,32,.55);
 --accent-1:#ffb020; --accent-2:#ffb020; --accent-3:#ffc860; --accent-4:#ffb020;
 --accent-1-rgb:255,176,32; --accent-2-rgb:255,176,32; --accent-3-rgb:255,200,96;
 --gradient-brand:linear-gradient(135deg,#ffb020,#ffc860); --gradient-heat:linear-gradient(135deg,#ffb020,#ffc860);
 --radius-sm:8px; --radius-md:12px; --radius-lg:16px;
 --shadow-glow:0 0 0 1px rgba(255,176,32,.18),0 12px 32px -16px rgba(255,176,32,.25);
 --font-heading:'Fragment Mono',monospace; --font-body:'Manrope',sans-serif; --font-mono:'Fragment Mono',monospace;
 --ambient-base:#07080f; --ambient-blue:170,115,35; --ambient-teal:110,85,45; --ambient-line:185,150,91;
 --motion-button:rgba(16,18,32,.96); --motion-ink:#dfc89f;
 color-scheme:dark;
}
:root[data-theme="light"] {
 --bg-base:#faf8f3; --bg-elevated:#fff; --bg-glass:rgba(50,35,15,.025); --bg-glass-strong:rgba(50,35,15,.055);
 --text-primary:#26231d; --text-secondary:#605a50; --text-muted:#70675a; --border:#ddd6c9;
 --accent-1:#925a00; --accent-2:#925a00; --accent-3:#925a00; --ambient-base:#faf8f3;
 --motion-button:rgba(255,253,248,.97); --motion-ink:#6a4a15; color-scheme:light;
}
body{background:var(--bg-base)}
::selection{background:#ffb020;color:#07080f}
h1,h2,h3,h4{font-weight:400;letter-spacing:-.035em;line-height:1.3}
.brand{font-size:15px;letter-spacing:.06em;text-transform:uppercase;font-weight:400}
.brand-mark{width:28px;height:28px}
.site-header,.site-header.is-scrolled{background:rgba(7,8,15,.9);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}
:root[data-theme="light"] .site-header{background:rgba(250,248,243,.94)}
.main-nav a{font-size:13px}.main-nav a:hover,.breadcrumb a:hover{color:var(--accent-1)}
.eyebrow,.privacy-badge,.engine-name,.field-value{font-family:var(--font-mono)}
.card{background:var(--bg-elevated);border-color:var(--border);box-shadow:0 14px 40px -30px #000;backdrop-filter:none}
.tool-header{padding-top:18px;padding-bottom:28px}.tool-header h1{font-size:clamp(26px,3.6vw,42px)}
.btn-primary,.pill[aria-pressed="true"]{background:#ffb020;color:#07080f;border-color:#ffb020;box-shadow:none}
.btn-primary:hover:not(:disabled){background:#ffc860}
.text-input-area{background:var(--bg-base);line-height:1.75}
.privacy-badge{background:rgba(255,176,32,.07);border-color:rgba(255,176,32,.25);color:var(--accent-1)}
.engine-strip{border-color:var(--border)}
.site-footer{background:var(--bg-base)}
.ambient-light-blue{opacity:.38}.ambient-light-teal{opacity:.3}.ambient-contours{opacity:.35}
@media(max-width:640px){.tool-card-lg{padding:20px 16px}.tool-header h1{overflow-wrap:anywhere}.brand{font-size:13px}}

.nav-drawer{background:var(--bg-base)}
:root[data-theme="light"] .nav-drawer{background:var(--bg-base)}
.nav-drawer nav a[aria-current]{background:rgba(255,176,32,.08)}
.dropzone.is-dragover{background:rgba(255,176,32,.06);box-shadow:0 0 0 4px rgba(255,176,32,.08)}

.main-nav{gap:0}.main-nav a{padding:8px 10px}.nav-drawer{overflow-y:auto}.nav-drawer nav a{font-size:clamp(18px,4vw,25px);padding:10px 8px}
@media(max-width:1180px){.main-nav{display:none}.hamburger{display:inline-flex}}

.brand-icons{display:inline-flex;flex-shrink:0;width:40px;height:40px}.brand-icons .brand-mark{width:40px;height:40px}.brand-light{display:none}:root[data-theme="light"] .brand-dark{display:none}:root[data-theme="light"] .brand-light{display:block}

.company-brand{display:flex;align-items:center;gap:12px;width:100%;margin:12px 0 24px;color:inherit;text-decoration:none}.company-brand strong{display:block;font:600 16px/1.5 'Manrope',sans-serif;color:inherit}.company-brand small{display:block;font:12px/1.5 'Manrope',sans-serif;opacity:.75}.company-icons{display:flex;flex-shrink:0;width:44px;height:44px}.company-icons img{width:44px;height:44px}.company-light{display:none}:root[data-theme="light"] .company-dark{display:none}:root[data-theme="light"] .company-light{display:block}