:root{
  --paper:#f9fafb;--surface:#fff;--ink:#111827;--text:#4b5563;--muted:#6b7280;
  --accent:#111827;--accent-hover:#1f2937;--on-accent:#fff;--line:#e5e7eb;--rule:#f1f3f5;
  --line-input:#6b7280;--soft:#f3f4f6;--error:#b91c1c;--focus:#111827;
  --s1:.5rem;--s2:.75rem;--s3:1rem;--s4:1.5rem;--s5:2rem;--s6:3rem;--s7:4rem;--s8:5.5rem;
  --radius:.5625rem;--card-radius:1rem;--body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --small:.875rem;--body-size:1rem;--h1:clamp(2.4rem,6vw,4.7rem);--h2:clamp(1.8rem,4vw,2.7rem);
  --h3:clamp(1.25rem,2.5vw,1.65rem);--wide:1120px;--content:820px;--gutter:20px;--motion:180ms;
  scroll-behavior:smooth;scroll-padding-top:1.5rem
}
*{box-sizing:border-box}
html{background:var(--surface)}
body{min-width:320px;margin:0;background:var(--surface);color:var(--ink);font:var(--body-size)/1.55 var(--body);-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
::selection{background:var(--ink);color:var(--surface)}
.wrap{width:min(calc(100% - 2 * var(--gutter)),var(--wide));margin-inline:auto}
a{color:var(--ink);text-underline-offset:.24em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a,button,input{transition:background-color var(--motion) ease-out,color var(--motion) ease-out,border-color var(--motion) ease-out,transform var(--motion) ease-out}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
main:focus{outline:none}
.skip{position:absolute;left:var(--gutter);top:var(--s3);z-index:20;padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transform:translateY(-220%)}
.skip:focus{transform:translateY(0)}
.site-header{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:var(--s4);border-bottom:1px solid var(--rule)}
.wordmark{display:inline-flex;min-height:44px;align-items:center;color:var(--ink);font-weight:800;letter-spacing:-.02em;text-decoration:none}
.brand-logo{display:block;width:8.25rem;max-width:100%;height:auto}.footer-logo{width:6.6rem}
nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
nav a{display:inline-flex;min-height:44px;align-items:center;color:var(--text);font-size:.9rem;text-decoration:none}
nav a:hover{color:var(--ink);text-decoration:underline}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.04em;line-height:1.08;text-wrap:balance}
h1{max-width:760px;font-size:var(--h1);line-height:.98;letter-spacing:-.055em}
h2{font-size:var(--h2)}
h3{font-size:var(--h3);letter-spacing:-.03em}
p{max-width:72ch;margin:0 0 var(--s4)}
.eyebrow{margin:0 0 var(--s2);color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hero{width:min(calc(100% - 2 * var(--gutter)),var(--content));padding:88px 0 64px}
.hero-intro{margin-top:22px}
.hero-intro p{max-width:660px;color:var(--text);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.55}
.hero-actions,.product-actions{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.hero-actions{margin-top:30px}
.hero-trust{margin:14px 3px 0;color:var(--muted);font-size:.82rem}
.primary{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:12px 17px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-weight:750;text-decoration:none;cursor:pointer}
.primary:hover{border-color:var(--accent-hover);background:var(--accent-hover);text-decoration:none;transform:translateY(-1px)}
.primary:disabled{opacity:.55;cursor:wait;transform:none}
.secondary-link{display:inline-flex;min-height:44px;align-items:center;color:var(--text);font-weight:650}
.section-heading{max-width:680px;margin-bottom:var(--s5)}
.section-heading p:not(.eyebrow){margin:10px 0 0;color:var(--muted)}
.products{width:min(calc(100% - 2 * var(--gutter)),var(--content));padding:64px 0;border-top:1px solid var(--rule)}
.product-grid{display:grid;gap:var(--s4)}
.product{display:grid;gap:var(--s4);padding:var(--s5);border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface)}
.product-featured{border-color:#d1d5db;box-shadow:0 18px 50px rgba(17,24,39,.07)}
.product-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.product-label{font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.status-pill{display:inline-flex;min-height:28px;align-items:center;padding:4px 9px;border-radius:999px;background:#ecfdf5;color:#166534;font-size:.76rem;font-weight:800}
.product-copy{max-width:700px}
.product-copy h3{margin-bottom:var(--s3)}
.product-summary{color:var(--text);font-size:1.08rem;line-height:1.55}
.product-details{display:grid;gap:var(--s2);margin:0 0 var(--s5);padding:0;list-style:none;color:var(--text)}
.product-details li{display:flex;gap:10px}
.product-details li::before{content:'✓';color:#166534;font-weight:800}
.product-actions{margin-top:var(--s2)}
.text-link{display:inline-flex;min-height:44px;align-items:center;font-weight:650}
.availability{margin:var(--s3) 0 0;color:var(--muted);font-size:var(--small)}
.process{width:min(calc(100% - 2 * var(--gutter)),var(--content));padding:64px 0;border-top:1px solid var(--rule)}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.process-grid article{padding:var(--s4);border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.process-grid span{display:block;margin-bottom:var(--s5);color:#9ca3af;font-size:.78rem;font-weight:800}
.process-grid h3{margin-bottom:var(--s2);font-size:1.05rem;letter-spacing:-.02em}
.process-grid p{margin:0;color:var(--text);font-size:.92rem}
.principles{display:grid;width:min(calc(100% - 2 * var(--gutter)),var(--content));grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s6);padding:64px 0;border-top:1px solid var(--rule)}
.principle-list{display:grid;gap:var(--s4)}
.principle-list article{padding-bottom:var(--s4);border-bottom:1px solid var(--line)}
.principle-list article:last-child{padding-bottom:0;border-bottom:0}
.principle-list h3{margin-bottom:var(--s2);font-size:1.05rem;letter-spacing:-.02em}
.principle-list p{margin:0;color:var(--text)}
.waitlist-section{padding:64px 0;border-top:1px solid var(--rule);background:var(--paper)}
.waitlist-layout{display:grid;width:min(calc(100% - 2 * var(--gutter)),var(--content));grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--s6);align-items:start}
.waitlist-layout h2{margin-bottom:var(--s3)}
.waitlist-layout>div>p:not(.eyebrow){color:var(--text)}
form>label{display:block;margin-bottom:var(--s2);color:var(--text);font-size:.86rem;font-weight:700}
.email-row{display:flex;gap:var(--s2);margin-bottom:var(--s4)}
input[type=email]{width:100%;min-width:0;min-height:44px;padding:12px 13px;border:1px solid var(--line-input);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit}
input::placeholder{color:var(--muted)}
.email-row button{flex-shrink:0}
.consent-label{display:flex;align-items:flex-start;gap:var(--s2);margin:0;padding-block:var(--s1);font-size:var(--small);font-weight:400;cursor:pointer}
input[type=checkbox]{width:20px;height:20px;flex-shrink:0;margin:2px 0 0;accent-color:var(--accent)}
.form-help{margin-top:var(--s3);margin-bottom:0;color:var(--text);font-size:var(--small)}
#waitlistStatus{margin-top:var(--s3);color:var(--ink)}
#waitlistStatus[data-error=true]{color:var(--error)}
#challenge:not(:empty){min-height:140px;margin-top:var(--s3)}
.site-footer{display:grid;grid-template-columns:1fr auto;gap:var(--s6);padding:var(--s6) 0;border-top:1px solid var(--rule)}
.footer-brand p{margin:var(--s1) 0 0;color:var(--muted);font-size:var(--small)}
.footer-columns{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:var(--s6)}
.footer-columns>div{display:grid;align-content:start;gap:var(--s1)}
.footer-columns strong{margin-bottom:var(--s1);font-size:.82rem}
.footer-columns a{display:inline-flex;min-height:36px;align-items:center;color:var(--muted);font-size:var(--small)}
.language-nav{display:flex;flex-wrap:wrap;gap:var(--s3);margin-block-start:var(--s3)}
.language-nav a{display:inline-flex;min-height:44px;align-items:center}
.language-nav [aria-current=page]{font-weight:700;text-decoration-thickness:2px}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
body>main:not(#inhalt),.legal{width:min(calc(100% - 2 * var(--gutter)),var(--wide));margin-inline:auto;padding-block:var(--s7)}
body>main:not(#inhalt)>h1,.legal>h1{margin-bottom:var(--s4)}
@media(max-width:760px){
  :root{--gutter:14px}
  .site-header{align-items:flex-start;flex-direction:column;gap:0;padding-block:var(--s2)}
  nav{width:100%;justify-content:space-between;gap:var(--s2)}
  nav a{font-size:.79rem}
  .hero{padding:58px 0 44px}
  .products,.process,.principles{padding:44px 0}
  .product{padding:var(--s4)}
  .process-grid,.principles,.waitlist-layout{grid-template-columns:1fr}
  .process-grid{gap:var(--s3)}
  .principles,.waitlist-layout{gap:var(--s4)}
  .waitlist-section{padding:44px 0}
  .email-row{flex-direction:column}
  .site-footer{grid-template-columns:1fr;gap:var(--s4)}
  .footer-columns{gap:var(--s4)}
}
@media(max-width:420px){
  .hero-actions,.product-actions{display:grid}
  .primary,.secondary-link,.text-link{width:100%}
  .footer-columns{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  :root{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}
