/* base.css — Panzer IT Design-Tokens & Basis */
:root{
  --c-base:#1A1D21; --c-panel:#24282E; --c-text:#EDE8E0;
  --c-muted:#A7A29A; --c-copper:#B87333; --c-brass:#D9A566; --c-petrol:#3E6B6B;
  --c-line:rgba(237,232,224,.10);
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --sp-1:.5rem; --sp-2:1rem; --sp-3:1.5rem; --sp-4:2rem;
  --sp-5:3rem; --sp-6:4rem; --sp-7:6rem; --sp-8:8rem;
  --maxw:1200px; --radius:14px; --ease:cubic-bezier(.16,.84,.44,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--c-base);color:var(--c-text);font-family:var(--font-body);
  font-size:clamp(1rem, .95rem + .3vw, 1.125rem);line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.05;
  letter-spacing:-.02em;font-weight:600}
h1{font-size:clamp(2.5rem, 1.5rem + 4.5vw, 5rem)}
h2{font-size:clamp(2rem, 1.4rem + 2.4vw, 3.25rem)}
h3{font-size:clamp(1.35rem, 1.1rem + 1vw, 1.9rem)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--sp-3)}
.section{padding-block:clamp(3.5rem, 2rem + 6vw, 8rem)}
.btn{display:inline-flex;align-items:center;gap:.6em;padding:.9em 1.6em;
  border-radius:999px;font-weight:600;font-family:var(--font-display);
  border:1px solid var(--c-line);transition:transform .25s var(--ease),
  background .25s var(--ease),border-color .25s var(--ease);cursor:pointer;background:transparent;color:var(--c-text)}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--c-copper);border-color:var(--c-copper);color:#14110c}
.btn--primary:hover{background:var(--c-brass);border-color:var(--c-brass)}
.card{background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--radius);
  padding:var(--sp-4);transition:border-color .3s var(--ease),transform .3s var(--ease)}
.card:hover{border-color:var(--c-copper);transform:translateY(-4px)}
.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.22em;
  font-size:.8rem;color:var(--c-copper)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}