/* AminoStation — shared tokens, reset and site-wide pieces */
:root{
  --bg:#0f1115;
  --ink:#1a1d21;
  --inkSoft:#2d3138;
  --line:#2d3138;
  --muted:#6e7580;
  --mute2:#a8aeb6;
  --dim:#4a4f57;
  --accent:#2a4bdc;
  --accentSoft:rgba(42,75,220,.18);
  --green:#4ade80;
  --amber:#e7a33e;
  --danger:#e5484d;
  --tp:#00b67a;
  --wa:#25d366;
  --paper:#fafaf7;
  --paper2:#f4f1ea;
  --paperLine:#e9e7e0;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}
img,svg{display:block;max-width:100%}
[hidden]{display:none!important}
button{font-family:inherit}
a{color:inherit}
.mono{font-family:var(--mono)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Page-load progress bar */
.pageload-bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--accent);opacity:0;pointer-events:none;z-index:60;transition:width .35s ease,opacity .25s ease}
.pageload-bar.is-running{opacity:1}

/* Dark site header (policy + catalog pages) */
.site-header{background:var(--ink);color:#fff;border-bottom:1px solid var(--inkSoft)}
.site-header-inner{max-width:1240px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.site-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:600;font-size:17px;letter-spacing:-.3px}
.site-brand svg{width:40px;height:40px}
.site-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:9px;background:#fff;color:var(--ink);text-decoration:none;font-size:13px;font-weight:600;border:1px solid #fff;white-space:nowrap;transition:background .15s,transform .12s,box-shadow .15s}
.site-cta:hover{background:#f0eee8;transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(255,255,255,.45)}

/* Floating WhatsApp pill */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:#0f1115;color:#fff;border:1px solid var(--inkSoft);border-radius:14px;text-decoration:none;box-shadow:0 24px 60px -24px rgba(0,0,0,.7);transition:transform .15s,border-color .15s}
.wa-float:hover{transform:translateY(-2px);border-color:rgba(37,211,102,.5)}
.wa-float .wa-ic{width:36px;height:36px;border-radius:10px;background:var(--wa);display:grid;place-items:center;color:#fff;flex-shrink:0}
.wa-float .wa-ic svg{width:20px;height:20px}
.wa-float .wa-txt{display:flex;flex-direction:column;gap:1px}
.wa-float .wa-eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}
.wa-float .wa-title{font-size:13.5px;font-weight:600;letter-spacing:-.1px}
.wa-float .wa-arrow{color:var(--mute2);width:14px;height:14px;margin-left:4px}

@media (max-width:540px){
  .site-header-inner{padding:12px 16px;gap:16px}
  .wa-float{right:12px;bottom:12px}
  .wa-float .wa-eyebrow{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
