:root {
  --bg: #F4F1EA;
  --surface: #FFFFFF;
  --surface-2: #FAFAF8;
  --surface-warm: #FFF8E8;
  --solid-dark: #1B1A14;
  --on-dark: #F4F1EA;
  --ch-ink: 27,26,20;
  --ink-900: #0E0D08;
  --ink-800: #1B1A14;
  --ink-600: #4A4942;
  --ink-400: #8A887E;
  --cream: #F4F1EA;
  --cream-2: #FBFAF6;
  --rose: #1F3A5F;
  --rose-dark: #14283F;
  --navy: #1F3A5F;
  --navy-soft: #E5EAF2;
  --navy-tint: #EEF1F5;
  --navy-deep: #14283F;
  --gold: #B8860B;
  --gold-soft: #FFF5DD;
  --moss: #4A4942;
  --moss-soft: #EDEAE3;
  --tp: #00B67A;
  --tp-green: #00B67A;
  --line: rgba(var(--ch-ink), 0.12);
  --line-strong: rgba(var(--ch-ink), 0.22);
  --shadow-sm: 0 1px 2px rgba(var(--ch-ink),0.04), 0 1px 1px rgba(var(--ch-ink),0.02);
  --shadow-md: 0 4px 14px rgba(var(--ch-ink),0.08);
  color-scheme: light;
}
[data-theme="dark"] {
  --bg: #100F0B;
  --surface: #1A1813;
  --surface-2: #221F18;
  --surface-warm: #241D12;
  --solid-dark: #2C291F;
  --on-dark: #F4F1EA;
  --ch-ink: 236,232,222;
  --ink-900: #FBF8F0;
  --ink-800: #ECE7DB;
  --ink-600: #B3AE9D;
  --ink-400: #888371;
  --cream: #100F0B;
  --cream-2: #1A1813;
  --rose: #4E7AB4;
  --rose-dark: #3E69A0;
  --navy: #4E7AB4;
  --navy-soft: #1B2738;
  --navy-tint: #1A2130;
  --navy-deep: #1B3252;
  --gold: #E2B547;
  --gold-soft: #2A2310;
  --moss: #C9C3B1;
  --moss-soft: #221F18;
  --tp: #2ED39A;
  --tp-green: #2ED39A;
  --line: rgba(var(--ch-ink), 0.14);
  --line-strong: rgba(var(--ch-ink), 0.26);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 8px 26px rgba(0,0,0,0.5);
  color-scheme: dark;
}
.topstrip {
  background: var(--solid-dark);
  color: #E9E3D2;
  font-size: 12.5px;
  letter-spacing: 0.02em;
}
.topstrip .wrap { display: flex; justify-content: space-between; align-items: center; height: 36px; }
.topstrip .left { display: flex; gap: 22px; align-items: center; }
.topstrip .right { display: flex; gap: 18px; align-items: center; }
.topstrip a:hover { color: var(--on-dark); }
.topstrip-center { justify-content: center !important; }
.topstrip-credibility {
  display: flex; justify-content: space-between; align-items: center; height: 36px;
}
.cred-flank {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 12px; color: rgba(255,255,255,0.78);
}
.cred-flank b { color: var(--on-dark); font-weight: 600; }
.cred-flank .cred-ico { font-size: 12px; opacity: 0.7; }
@media (max-width: 900px){.cred-flank { display: none; }
.topstrip-credibility { justify-content: center; }}
.header {
  background: var(--bg);
  border-bottom: 1px solid var(--line);
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: blur(8px);
}
.header .wrap { display: flex; align-items: center; justify-content: space-between; height: 72px; }
.brand { display: flex; align-items: center; gap: 10px; }
.brand-mark {
  width: 40px; height: 40px; border-radius: 10px;
  background: linear-gradient(160deg, #1F3A5F 0%, #14283F 100%);
  display: grid; place-items: center; color: #E2B547;
  font-family: 'Source Serif 4', serif; font-weight: 700; font-size: 23px; line-height: 1;
  box-shadow: 0 4px 14px rgba(20,40,63,0.32), inset 0 1px 0 rgba(255,255,255,0.10);
  border: 1px solid rgba(212,175,55,0.30);
}
.brand-text { font-family: 'Source Serif 4'; font-size: 22px; font-weight: 600; color: var(--ink-900); letter-spacing: -0.01em; }
.brand-text .tld { color: #B8860B; font-weight: 700; }
[data-theme="dark"] .brand-text .tld { color: #E2B547; }
.header-search {
  display: flex; align-items: center; gap: 12px;
  flex: 1; max-width: 860px; min-width: 280px;
  background: linear-gradient(0deg, rgba(184,134,11,0.09), rgba(184,134,11,0.09)), var(--surface);
  border: 2px solid rgba(184,134,11,0.55);
  border-radius: 12px;
  padding: 14px 14px 14px 18px;
  margin: 0 24px;
  box-shadow: 0 0 0 4px rgba(184,134,11,0.10), 0 6px 18px rgba(184,134,11,0.16);
  transition: all .15s;
  position: relative;
}
.header-search:hover {
  border-color: rgba(var(--ch-ink),0.4);
  box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset, 0 6px 18px rgba(var(--ch-ink),0.12);
  transform: translateY(-1px);
}
.header-search:focus-within {
  border-color: #B8860B;
  box-shadow: 0 0 0 5px rgba(184,134,11,0.18), 0 6px 20px rgba(184,134,11,0.16);
  transform: translateY(-1px);
}
.header-search .search-ico {
  color: var(--rose); font-size: 17px; flex-shrink: 0; font-weight: 600;
}
.header-search input {
  flex: 1; border: none; outline: none; background: transparent;
  font-family: 'Inter'; font-size: 15.5px; color: var(--ink-800);
  padding: 2px 0; min-width: 0; font-weight: 500;
  line-height: 1.2;
}
.header-search input::placeholder { color: var(--ink-400); font-weight: 400; }
.header-search kbd {
  font-family: 'JetBrains Mono'; font-size: 11px; color: var(--ink-600);
  background: var(--cream-2); padding: 4px 8px; border-radius: 6px;
  border: 1px solid var(--line-strong); flex-shrink: 0; font-weight: 600;
  box-shadow: 0 1px 0 rgba(0,0,0,0.04);
}
@media (max-width: 1024px){.header-search { display: none; }}
.header-actions { display: flex; gap: 10px; align-items: center; }
.cart-pill { padding: 8px 10px; border-radius: 8px; background: rgba(var(--ch-ink),0.05); font-size: 13.5px; font-weight: 500; display: flex; gap: 6px; align-items: center; }
.cart-pill .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--rose); }
@media (max-width: 1180px){.header-search { max-width: 320px; min-width: 180px; margin: 0 12px; }}
@media (max-width: 768px){.header .wrap { height: 64px; }
.brand-text { font-size: 19px; }
.header-search { display: none; }
.header-search-mobile { display: inline-flex; }
.hamburger { display: inline-flex; }
.topstrip .ts-tag { display: none; }
.topstrip .right a:nth-child(2) { display: none; }
.topstrip { font-size: 11.5px; }
.topstrip .wrap { height: 32px; }}
@media (max-width: 640px){.topstrip .right a:first-child { display: none; }}
@media (max-width: 480px){.brand-mark { width: 32px; height: 32px; font-size: 17px; }
.cart-pill { padding: 7px 9px; font-size: 12.5px; }}
@media (max-width: 640px){.header .wrap { gap: 6px; }
.header-search-mobile { display: none; }
.header-actions .btn-ghost { display: none; }
.header-actions { gap: 6px; }
.header-actions .btn-quote { padding: 7px 10px; font-size: 12px; border-radius: 8px; }
.header-actions .btn-quote .spark { display: none; }
.header-actions .cart-pill { padding: 6px 9px; font-size: 12px; }
.brand-mark { width: 28px; height: 28px; font-size: 15px; }
.brand-text { font-size: 16px; }
.brand-text .tld { display: none; }
.hamburger { width: 32px; height: 32px; padding: 7px 8px; }}
.hamburger {
  display: none;
  width: 38px; height: 38px; border-radius: 8px;
  background: rgba(var(--ch-ink),0.05); border: 1px solid var(--line);
  align-items: center; justify-content: center;
  cursor: pointer; flex-direction: column; gap: 4px;
  padding: 8px 9px;
}
.hamburger span { display: block; width: 18px; height: 2px; background: var(--solid-dark); border-radius: 1px; }
@media (max-width: 768px){.hamburger { display: inline-flex; }}
@media (max-width: 640px){.header .wrap { padding-left: 10px; padding-right: 10px; }
.header .header-actions { gap: 4px; }
.header .header-actions .btn-buynow { padding-left: 8px; padding-right: 8px; }
.header .header-actions .btn-quote { padding-left: 8px; padding-right: 8px; }
.header .header-actions .cart-pill { padding-left: 7px; padding-right: 7px; }
.header #themeToggle { padding-left: 5px; padding-right: 5px; }}
@media (max-width: 420px){.header .header-actions .btn-buynow { display: none; }}
@media (max-width: 340px){.header .wrap { padding-left: 6px; padding-right: 6px; }
.header .header-actions { gap: 2px; }
.header .header-actions .cart-pill { padding-left: 4px; padding-right: 4px; }
.header .header-actions .btn-quote { padding-left: 6px; padding-right: 6px; }
.header .theme-toggle, .header .hamburger { width: 34px; height: 34px; }}
.header-search-mobile {
  display: none;
  width: 38px; height: 38px; border-radius: 8px;
  background: rgba(var(--ch-ink),0.05); border: 1px solid var(--line);
  align-items: center; justify-content: center;
  cursor: pointer; font-size: 15px; color: var(--rose);
}
.header-search-mobile:hover { background: rgba(159,84,88,0.08); }
.brand-mark{position:relative;overflow:visible;}
.brand-mark .bm-glyph{display:inline-block;filter:drop-shadow(0 0 6px rgba(226,181,71,0.55));animation:bmtwinkle 3.4s ease-in-out infinite;}
.brand-mark::after{content:"";position:absolute;inset:-4px;border-radius:13px;background:radial-gradient(24px 24px at 50% 50%,rgba(212,175,55,0.18),transparent 70%);pointer-events:none;z-index:-1;}
.theme-toggle{
  width:38px; height:38px; border-radius:9px; flex-shrink:0;
  background:transparent; border:1px solid var(--line-strong); color:var(--ink-800);
  display:grid; place-items:center; cursor:pointer; font-size:16px; line-height:1;
  transition: background-color .15s, border-color .15s, transform .15s;
}
.theme-toggle:hover{ background:rgba(var(--ch-ink),0.05); border-color:var(--rose); transform:translateY(-1px); }
.theme-toggle:active{ transform:translateY(0); }
.theme-toggle .ic-sun{ display:none; }
.theme-toggle .ic-moon{ display:block; }
[data-theme="dark"] .theme-toggle .ic-sun{ display:block; }
[data-theme="dark"] .theme-toggle .ic-moon{ display:none; }
.btn-buynow{display:inline-flex;align-items:center;font:700 13px/1 'Inter',sans-serif;
  color:#fff;background:linear-gradient(135deg,#B8860B,#9a7009);
  padding:9px 20px;border-radius:8px;text-decoration:none;
  transition:.15s;white-space:nowrap;box-shadow:0 2px 8px rgba(184,134,11,.3);}
.btn-buynow:hover{background:linear-gradient(135deg,#d4a43a,#B8860B);transform:translateY(-1px);box-shadow:0 4px 14px rgba(184,134,11,.4);}
@media (max-width:640px){.header-actions{gap:6px !important;}}
@media (max-width:640px){.header .wrap{padding-left:16px !important;padding-right:16px !important;}}
.cart-pill { color: var(--ink-900); white-space: nowrap; }
@media (min-width: 900px){.brand, .brand-text { white-space: nowrap; flex-shrink: 0; }
.btn-quote, .btn-quote .label-mini, .btn-buynow { white-space: nowrap; flex-shrink: 0; }
.header-search { min-width: 0; flex: 1 1 200px; }}
@media(min-width:900px){.header-search { flex: 1 1 auto; max-width: 900px; }}
.acct-link{color:var(--ink-900,#1B1A14)}