/* Galvanek Basis-Tokens. Verfassung: DESIGN.md. Zwei Familien (Geist, Geist Mono), ein Akzent, warmes Papier. */
:root{--ink:#1c1f1c;--muted:#5f655e;--tech:#6b6f69;--orange:#ee671f;--orange-dark:#aa410b;--paper:#faf9f6;--card:#ffffff;--soft:#f2f1ec;--line:#dcdad3;--radius:12px;--radius-chip:10px;--max:1320px;--pad:clamp(24px,5vw,80px);--font:'Instrument Sans',sans-serif;--mono:'Instrument Sans',sans-serif;--ease:cubic-bezier(.22,.61,.36,1);--ease-in:cubic-bezier(.55,.06,.68,.19);--shadow-float:0 12px 40px #1c1f1c1a,0 1px 2px #1c1f1c0f}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;background:var(--paper)}img{display:block;max-width:100%;height:auto}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}button:not(:disabled),summary{cursor:pointer}button{border:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.02;letter-spacing:-.04em;font-weight:800;text-wrap:balance}h1{font-size:clamp(44px,5.3vw,80px)}h2{font-size:clamp(32px,3.2vw,48px)}h3{font-size:24px;line-height:1.1;letter-spacing:-.02em;font-weight:700}em{font-style:normal;color:var(--orange-dark)}p{color:var(--muted)}p+p{margin-top:20px}:focus-visible{outline:3px solid #933900;outline-offset:5px;border-radius:4px}::selection{background:#ffe1c6;color:var(--ink)}.wrap{width:min(var(--max),100% - var(--pad)*2);margin-inline:auto}.section{padding-block:96px}.section-tight{padding-block:64px}.section-wide{padding-block:128px}
/* Kicker (Referenzmuster) und Datenblatt-Zeile (Signatur 1) */
.eyebrow{font-family:var(--font);font-size:13px;font-weight:700;letter-spacing:0;color:var(--orange-dark);margin-bottom:24px}.spec{font-family:var(--font);font-size:13px;line-height:1.5;letter-spacing:0;color:var(--tech);font-weight:500}.spec b{font-weight:700;color:var(--ink)}figcaption.spec{margin-top:12px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}
/* Nummerierte Erzaehlung (Signatur 2): grosse Mono-Nummer, Linie laeuft ueber die Spalte hinaus */
.num{font-family:var(--font);font-size:clamp(40px,4vw,56px);line-height:1;letter-spacing:-.03em;color:var(--orange-dark);font-weight:800}.rule-break{position:relative;border-top:1px solid var(--ink)}.rule-break::after{content:'';position:absolute;top:-1px;left:100%;width:var(--pad);border-top:1px solid var(--ink)}
.muted{color:var(--muted)}.soft{background:var(--soft)}.large-copy{font-size:24px;line-height:1.5;letter-spacing:-.02em;color:var(--ink)}.quiet-note{font-size:13px;line-height:1.6;margin-top:24px;max-width:780px}.pill{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border:1px solid var(--line);border-radius:100px;font-size:12px;line-height:1.5;color:#4f5c50;width:max-content;max-width:100%}
/* Hauptaktion: die orange Pille aus Bastians Entwuerfen */
.button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;background:var(--orange);color:#24190f;min-height:52px;padding:12px 24px;border-radius:100px;font-size:14px;font-weight:600;line-height:1.5;transition:background .2s var(--ease),transform .2s var(--ease)}.button:hover{background:#ff813d;transform:translateY(-2px)}.button span{font-size:21px}.button-white{background:var(--card);color:var(--ink)}.text-link{display:inline-flex;gap:32px;align-items:center;min-height:48px;border-bottom:1px solid var(--ink);font-weight:550;font-size:14px;width:fit-content;transition:color .18s var(--ease),border-color .18s var(--ease)}.text-link:hover{color:var(--orange-dark);border-color:var(--orange-dark)}.text-link span{font-size:24px}.skip{position:fixed;top:-80px;left:16px;padding:12px 24px;background:var(--card);z-index:100}.skip:focus{top:16px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.section-heading>p{max-width:420px}.section-heading h2{max-width:780px}.narrow{max-width:880px}.narrow>p:not(.eyebrow){margin-top:24px}.narrow .text-link{margin-top:32px}[hidden]{display:none!important}
.grid-7-5{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:start}.grid-5-7{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
@media(max-width:760px){:root{--pad:24px}.section{padding-block:64px}.section-wide{padding-block:80px}.section-tight{padding-block:48px}.section-heading{display:block}.section-heading>p,.section-heading>.text-link{margin-top:24px}.large-copy{font-size:20px}.eyebrow{margin-bottom:16px}.button{gap:24px}.wrap{width:calc(100% - 48px)}.grid-7-5,.grid-5-7{grid-template-columns:1fr;gap:32px}.num{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
h1 em,h2 em{color:var(--orange)}