/* ============================================================
   PRMVITAL — Performance Longevity System
   Brand tokens from PRMVITAL brand book (Una Diagnostik GmbH)
   ============================================================ */
:root{
  --ink:#08111C;        /* deep navy / near-black */
  --ink-2:#0d1a2b;
  --paper:#F8FAFA;      /* off white */
  --copper:#B46A3C;     /* signature accent */
  --copper-soft:#c98a5f;
  --teal:#006D77;       /* secondary accent */
  --slate:#34495E;      /* slate blue */
  --mist:#A8B0B7;       /* cool gray */
  --line:rgba(8,17,28,.12);
  --line-dark:rgba(248,250,250,.14);

  --font-head:"Hanken Grotesk", system-ui, sans-serif; /* HK Grotesk analog */
  --font-body:"Montserrat", system-ui, sans-serif;

  --maxw:1280px;
  --pad:clamp(20px,5vw,72px);
  --sec-py:clamp(72px,9vw,112px);
  --sec-py-tight:clamp(40px,5vw,56px);
  --sec-content-gap:clamp(40px,5vw,64px);
  --head-kicker-gap:clamp(14px,1.8vw,22px);
  --head-lead-gap:clamp(14px,1.6vw,20px);
  --safe-top:env(safe-area-inset-top,0px);
  --safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
  --nav-h:64px;
}

*{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  background:var(--ink);
  overscroll-behavior-y:none;
}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  line-height:1.6;
  overflow-x:hidden;
  overscroll-behavior-y:none;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* image-slot placeholder treatment (readable empty state) */
image-slot{
  background:repeating-linear-gradient(45deg,#cfd6db 0 11px,#c5cdd3 11px 22px);
  border-radius:14px;
}

h1,h2,h3,h4{font-family:var(--font-head);font-weight:800;line-height:1.02;letter-spacing:-.02em;margin:0}
.kicker{
  font-family:var(--font-body);
  font-weight:600;
  font-size:.72rem;
  letter-spacing:.34em;
  text-transform:uppercase;
  color:var(--copper);
  display:inline-flex;align-items:center;gap:.7em;
  margin:0 0 var(--head-kicker-gap);
}
.kicker::before{content:"";width:26px;height:1.5px;background:var(--copper);display:inline-block}
.kicker.on-dark{color:var(--copper-soft)}

.eyebrow-num{font-family:var(--font-head);font-weight:800;font-size:.9rem;color:var(--mist);letter-spacing:.04em}

.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}

/* ============================================================
   WORDMARK — Case 3 (thin monoline geometric PRM + light VITAL)
   ============================================================ */
.wordmark{display:inline-flex;align-items:center;gap:.42em;color:var(--ink);line-height:1}
.wordmark .wm-logo{display:block;height:26px;width:auto;transition:filter .35s}
.nav .wordmark .wm-logo{filter:brightness(0) invert(1)}
.nav.scrolled .wordmark .wm-logo{filter:none}
.wordmark .wm-light{display:inline-flex;align-items:center;gap:.42em;position:relative;isolation:isolate}
.wordmark .wm-light-img{display:block;height:26px;width:auto}
.wordmark .wm-dark{display:none;align-items:center;gap:.42em}
.nav:not(.scrolled)::before{
  content:"";position:absolute;left:0;top:0;bottom:0;z-index:0;pointer-events:none;
  width:min(44vw,440px);
  background:linear-gradient(90deg,#08111c 0%,rgba(8,17,28,.92) 32%,rgba(8,17,28,.5) 62%,transparent 100%);
}
.nav:not(.scrolled) .wordmark::after{
  content:"";position:absolute;inset:-12px -28px -12px -20px;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 100% 150% at 40% 50%,#08111c 0%,#08111c 42%,rgba(8,17,28,.72) 68%,transparent 100%);
}
.nav > *{position:relative;z-index:1}
.nav.scrolled::before{display:none}
.nav.scrolled .wordmark::after{display:none}
.wordmark .wm-prm{height:1em;width:auto;display:block;overflow:visible}
.wordmark .wm-prm path{
  fill:none;stroke:currentColor;
  stroke-width:5;stroke-linecap:round;stroke-linejoin:round;
}
.wordmark .wm-vital{
  font-family:var(--font-body);
  font-weight:300;
  font-size:.30em;
  letter-spacing:.42em;
  text-transform:uppercase;
  align-self:center;
  padding-bottom:.1em;
  margin-left:.05em;
  color:currentColor;
  opacity:.92;
}
.wordmark.tight{font-size:26px}
.wordmark.hero-size{font-size:clamp(64px,12vw,168px)}
.tm{
  font-size:.5em;line-height:0;vertical-align:super;
  font-weight:600;letter-spacing:0;margin-left:.06em;
  color:var(--copper);opacity:.9;font-family:var(--font-body);
}
.nav:not(.scrolled) .wordmark .tm{color:var(--copper-soft)}
.footer .wordmark .tm,.footer .tm{color:var(--copper-soft)}
.kicker .tm{font-size:.62em;margin-left:.1em}
p .tm{font-size:.55em}

/* monogram badge */
.monogram{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:11px;
  background:var(--copper);color:var(--paper);flex:none;
}
.monogram svg{width:62%;height:62%;overflow:visible}
.monogram svg path{fill:none;stroke:currentColor;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;gap:.55em;
  font-family:var(--font-body);font-weight:600;font-size:.84rem;
  letter-spacing:.02em;
  padding:1.02em 1.75em;border-radius:10px;
  cursor:pointer;border:1.5px solid transparent;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,border-color .3s,box-shadow .3s;
  white-space:nowrap;-webkit-tap-highlight-color:transparent;
}
.btn::after{
  content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);
  transform:skewX(-18deg);transition:left .6s cubic-bezier(.2,.8,.2,1);pointer-events:none;
}
.btn:hover{transform:translateY(-2px)}
.btn:hover::after{left:135%}
.btn:active{transform:translateY(0)}
.btn-primary{background:linear-gradient(180deg,#c4794c,#aa6034);color:#fff;box-shadow:0 12px 28px -12px rgba(180,106,60,.7),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-primary:hover{box-shadow:0 18px 44px -14px rgba(180,106,60,.92),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-ink{background:var(--ink);color:var(--paper);box-shadow:0 10px 24px -14px rgba(8,17,28,.6)}
.btn-ink:hover{background:#13243a}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.btn-ghost::after{display:none}
.btn-ghost-dark{background:rgba(248,250,250,.045);border-color:var(--line-dark);color:var(--paper);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.btn-ghost-dark:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn-ghost-dark::after{display:none}
.btn .arr{transition:transform .3s}
.btn:hover .arr{transform:translateX(4px)}

/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;
  padding:18px var(--pad);
  transition:background .35s,box-shadow .35s,padding .35s,border-color .35s;
  border-bottom:1px solid transparent;
}
.nav.scrolled{
  background:rgba(248,250,250,.88);
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid var(--line);
  padding-top:13px;padding-bottom:13px;
}
/* default = over dark hero → light treatment */
.nav .wordmark{color:var(--paper)}
.nav .nav-links a{color:var(--paper)}
.nav .nav-toggle span{background:var(--paper)}
.nav .btn-ghost{border-color:var(--line-dark);color:var(--paper)}
.nav .btn-ghost:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
/* scrolled = over light bg → dark treatment */
.nav.scrolled .wordmark{color:var(--ink)}
.nav.scrolled .nav-links a{color:var(--ink)}
.nav.scrolled .nav-toggle span{background:var(--ink)}
.nav.scrolled .btn-ghost{border-color:var(--line);color:var(--ink)}
.nav.scrolled .btn-ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links a{
  font-size:.84rem;font-weight:500;letter-spacing:.02em;color:var(--ink);
  position:relative;padding:4px 0;opacity:.82;transition:opacity .2s;
}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;height:1.5px;width:0;background:var(--copper);transition:width .28s}
.nav-links a:hover{opacity:1}
.nav-links a:hover::after{width:100%}
.nav-right{display:flex;align-items:center;gap:20px}
.nav-mobile-cta{display:none}
.nav-desktop-only{display:inline-flex}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:10px;margin:-10px -6px -10px 0;min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px auto;transition:transform .3s,opacity .3s,margin .3s}
.nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.open .nav-toggle span:nth-child(2){opacity:0}
.nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.nav-open{overflow:hidden;touch-action:none}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  position:relative;background:var(--ink);color:var(--paper);
  padding-top:clamp(120px,16vh,180px);
  overflow:hidden;
}
.hero::before{ /* copper glow */
  content:"";position:absolute;right:-10%;top:-10%;width:60vw;height:60vw;
  background:radial-gradient(circle,rgba(180,106,60,.22),transparent 62%);
  pointer-events:none;
}
.hero::after{ /* teal glow */
  content:"";position:absolute;left:-20%;bottom:-30%;width:55vw;height:55vw;
  background:radial-gradient(circle,rgba(0,109,119,.20),transparent 60%);
  pointer-events:none;
}
.hero-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);
  align-items:center;
  padding-bottom:clamp(40px,7vw,84px);
}
.hero h1{
  font-size:clamp(44px,6.6vw,92px);
  letter-spacing:-.03em;
  margin:0 0 .42em;
}
.hero h1 em{font-style:normal;color:var(--copper-soft)}
.hero-sub{
  font-size:clamp(1rem,1.25vw,1.18rem);
  color:rgba(248,250,250,.74);
  max-width:30ch;margin-bottom:2.2em;
}
.hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hero-media{position:relative;isolation:isolate}
.hero-media::before{
  content:"";position:absolute;inset:-26px;z-index:0;border-radius:34px;
  background:
    radial-gradient(58% 52% at 50% 38%,rgba(180,106,60,.22),transparent 70%),
    radial-gradient(70% 70% at 50% 60%,rgba(8,17,28,.65),transparent 72%);
  filter:blur(30px);
  pointer-events:none;
}
.hero-media image-slot{
  display:block;width:100%;height:auto;aspect-ratio:4/5;position:relative;z-index:1;border:0;
  background:var(--ink);border-radius:20px;overflow:hidden;
  box-shadow:0 44px 100px -34px rgba(0,0,0,.82),0 14px 40px -18px rgba(0,0,0,.6);
}
.hero-tag{
  position:absolute;left:-14px;bottom:26px;z-index:3;
  background:var(--copper);color:#fff;
  font-family:var(--font-head);font-weight:800;
  font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;
  padding:13px 20px;
  box-shadow:0 20px 50px -18px rgba(0,0,0,.6);
}
/* editorial proof strip */
.hero-proof{
  position:relative;z-index:2;
  display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line-dark);
  margin-top:4px;
}
.hero-proof .pf{
  position:relative;display:block;color:inherit;
  padding:32px 34px 38px 0;
}
.hero-proof .pf + .pf{padding-left:36px;border-left:1px solid var(--line-dark)}
.hero-proof .pf::before{
  content:"";position:absolute;top:-1px;left:0;height:2px;width:18px;
  background:var(--copper);transition:width .45s cubic-bezier(.2,.8,.2,1);
}
.hero-proof .pf + .pf::before{left:36px}
.hero-proof .pf:hover::before{width:56px}
.pf-k{
  display:inline-block;font-family:var(--font-body);font-weight:600;
  font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copper-soft);
}
.pf h3{
  font-family:var(--font-head);font-weight:800;letter-spacing:-.01em;
  font-size:clamp(1.18rem,1.5vw,1.42rem);color:var(--paper);
  margin:15px 0 9px;transition:color .3s;
}
.pf h3::after{content:"→";margin-left:.45em;color:var(--copper-soft);opacity:0;transform:translateX(-5px);display:inline-block;transition:opacity .3s,transform .3s}
.pf:hover h3{color:var(--copper-soft)}
.pf:hover h3::after{opacity:1;transform:none}
.pf p{margin:0;font-size:.9rem;line-height:1.5;color:rgba(248,250,250,.6);max-width:33ch}

/* rotating launch seal */
.seal{
  position:absolute;top:-26px;right:-26px;width:116px;height:116px;z-index:5;
  border-radius:50%;background:var(--copper);
  box-shadow:0 18px 40px -14px rgba(180,106,60,.7),inset 0 0 0 1px rgba(8,17,28,.18);
  display:grid;place-items:center;
}
.seal svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 20s linear infinite}
.seal text{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.16em;fill:var(--ink);text-transform:uppercase}
.seal-center{position:relative;z-index:2;color:var(--ink);font-size:19px;line-height:1}
@keyframes spin{to{transform:rotate(360deg)}}

/* ============================================================
   MARQUEE
   ============================================================ */
.marquee{background:var(--copper);color:#fff;overflow:hidden;padding:15px 0;border-block:1px solid rgba(0,0,0,.08)}
.marquee-track{display:flex;gap:48px;white-space:nowrap;width:max-content;animation:scroll 32s linear infinite}
.marquee span{font-family:var(--font-head);font-weight:800;font-size:.92rem;letter-spacing:.18em;text-transform:uppercase;display:inline-flex;align-items:center;gap:48px}
.marquee span::after{content:"·";opacity:.55}
@keyframes scroll{to{transform:translateX(-50%)}}

/* ============================================================
   SECTION SHELL
   ============================================================ */
section{position:relative}

/* Einheitliches Inner-Padding in allen Content-Containern (nicht Hero/Nav/Footer) */
.sec > .wrap,
.slot-white > .wrap{padding-block:var(--sec-py)}
.showcase > .wrap{padding-bottom:0}
.showcase .carousel{
  margin-top:0;
  padding-top:var(--sec-content-gap);
  padding-bottom:var(--sec-py);
}

/* Weiße Content-Bereiche zwischen dunklen Sections */
.slot-white{background:var(--paper)}

/* FAQ accordion */
.faq-list{
  margin-top:var(--sec-content-gap);
  border-top:1px solid var(--line);
}
.faq-item{
  border-bottom:1px solid var(--line);
  transition:background .3s;
}
.faq-item[open]{background:rgba(8,17,28,.02)}
.faq-item summary{
  position:relative;
  list-style:none;
  cursor:pointer;
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(1.02rem,1.4vw,1.22rem);
  letter-spacing:-.01em;
  color:var(--ink);
  padding:22px 48px 22px 16px;
  transition:color .3s,padding-left .35s cubic-bezier(.2,.8,.2,1);
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
  content:"+";
  position:absolute;right:16px;top:50%;
  transform:translateY(-50%);
  font-family:var(--font-body);
  font-weight:600;font-size:1.3rem;
  color:var(--copper);
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.faq-item[open] summary::after{content:"−"}
.faq-item summary::before{
  content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;
  background:var(--copper);
  transform:scaleY(0);transform-origin:center;
  transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.faq-item[open] summary,
.faq-item summary:hover{color:var(--copper)}
.faq-item[open] summary::before,
.faq-item summary:hover::before{transform:scaleY(1)}
.faq-item[open] summary,
.faq-item summary:hover{padding-left:24px}
.faq-item p{
  margin:0;
  padding:0 16px 24px 24px;
  max-width:62ch;
  font-size:.96rem;
  line-height:1.65;
  color:var(--slate);
}

/* Rhythmus — Tages-Timeline */
.rhythm-split{
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:clamp(34px,6vw,90px);
  align-items:start;
}
.rhythm-copy .lead{
  font-size:clamp(1rem,1.3vw,1.18rem);
  line-height:1.6;
  color:var(--slate);
  max-width:42ch;
  margin:0 0 var(--sec-content-gap);
}
.rhythm-copy h2{
  font-size:clamp(2rem,4.4vw,3.7rem);
  margin:0 0 var(--head-lead-gap);
}
.rhythm-quote{
  position:relative;
  margin:0;
  padding:28px 28px 28px 32px;
  border-left:2px solid var(--copper);
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(1.1rem,1.6vw,1.38rem);
  line-height:1.35;
  letter-spacing:-.015em;
  color:var(--ink);
  background:linear-gradient(90deg,rgba(180,106,60,.06),transparent 72%);
  border-radius:0 14px 14px 0;
}
.rhythm-quote .rq-mark{
  position:absolute;left:12px;top:6px;
  font-size:2.4rem;line-height:1;
  color:var(--copper);opacity:.35;
  font-family:Georgia,serif;
}
.rhythm-track{
  position:relative;
  display:grid;
  gap:0;
  padding-left:8px;
}
.rhythm-track::before{
  content:"";
  position:absolute;left:79px;top:12px;bottom:12px;width:2px;
  background:linear-gradient(180deg,var(--copper),rgba(180,106,60,.2));
}
.rt-node{
  display:grid;
  grid-template-columns:64px 20px 1fr;
  gap:0 18px;
  align-items:start;
  padding:clamp(16px,2vw,22px) 0;
}
.rt-time{
  font-family:var(--font-head);
  font-weight:800;
  font-size:.82rem;
  letter-spacing:.06em;
  color:var(--copper);
  text-align:right;
  padding-top:4px;
}
.rt-dot{
  position:relative;z-index:1;
  width:12px;height:12px;margin-top:6px;
  border-radius:50%;
  background:var(--paper);
  border:2px solid var(--copper);
  box-shadow:0 0 0 4px var(--paper);
  transition:background .3s,transform .3s;
}
.rt-node:hover .rt-dot{background:var(--copper);transform:scale(1.15)}
.rt-phase{
  display:inline-block;
  font-size:.66rem;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--mist);
  margin-bottom:6px;
}
.rt-body h3{
  font-size:clamp(1.12rem,1.4vw,1.32rem);
  margin:0 0 6px;
  transition:color .3s;
}
.rt-node:hover .rt-body h3{color:var(--copper)}
.rt-body p{
  margin:0;
  font-size:.92rem;
  line-height:1.55;
  color:var(--slate);
  max-width:36ch;
}
.rhythm-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  margin-top:var(--sec-content-gap);
  background:var(--line);
  border:1px solid var(--line);
}
.rhythm-stats .rs{
  background:var(--paper);
  padding:clamp(24px,3vw,36px) clamp(20px,2.5vw,28px);
  text-align:center;
  transition:background .35s;
}
.rhythm-stats .rs:hover{background:rgba(180,106,60,.04)}
.rhythm-stats .rs-n{
  display:block;
  font-family:var(--font-head);
  font-weight:900;
  font-size:clamp(2rem,4vw,2.8rem);
  letter-spacing:-.03em;
  color:var(--ink);
  line-height:1;
}
.rhythm-stats .rs-l{
  display:block;
  margin-top:10px;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--mist);
}

/* einheitliche Section-Header (Kicker → Titel → Lead) */
.sec-head,
.signup-inner{max-width:760px}
.sec-head h2,
.signup-inner h2,
.q-copy h2,
.s-copy h2{
  font-size:clamp(2rem,4.4vw,3.7rem);
  margin:0 0 var(--head-lead-gap);
}
.sec-head p,
.signup-inner > p:not(.signup-fine),
.q-copy > p,
.s-copy > .lead{
  font-size:clamp(1rem,1.3vw,1.18rem);
  line-height:1.6;
  color:var(--slate);
  max-width:56ch;
  margin:0;
}
.signup-inner > p:not(.signup-fine){margin-inline:auto}
.sec.dark{background:var(--ink);color:var(--paper)}
.sec.dark .sec-head p,
.q-copy > p,
.signup-inner > p:not(.signup-fine){color:rgba(248,250,250,.72)}

/* SYSTEM — split + overlapping packaging */
.system-sec{overflow:visible;overflow-x:clip}
.system-wrap{position:relative}
.system-split{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,90px);
  align-items:start;
}
.system-sec .sec-head{
  max-width:none;
  position:relative;z-index:3;
}
.system-media{
  position:relative;z-index:1;
  min-height:clamp(280px,30vw,420px);
}
.system-media img{
  position:absolute;right:0;bottom:0;
  display:block;
  width:clamp(240px,26vw,380px);
  height:auto;
  object-fit:contain;object-position:bottom center;
  transform:translateY(46%);
  filter:drop-shadow(0 32px 56px rgba(8,17,28,.24));
}
.system-sec .pillars{
  position:relative;z-index:2;
  margin-top:clamp(20px,2.5vw,36px);
  background:var(--paper);
  border-color:var(--paper);
}

/* SYSTEM pillars */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dark);margin-top:var(--sec-content-gap);border:1px solid var(--line-dark)}
.pillar{background:var(--ink);padding:clamp(28px,2.6vw,40px) clamp(24px,2.2vw,34px) clamp(36px,4vw,52px);position:relative;z-index:1;transition:background .35s}
.pillar:hover{background:var(--ink-2)}
.pillar .p-ix{font-family:var(--font-head);font-weight:800;font-size:.82rem;color:var(--copper-soft);letter-spacing:.05em}
.pillar h3{color:var(--paper);font-size:clamp(1.5rem,2.2vw,2rem);margin:1.6em 0 .55em}
.pillar p{font-size:.96rem;color:rgba(248,250,250,.66);margin:0}
.pillar .p-line{width:34px;height:2px;background:var(--copper);margin-top:26px;transition:width .35s}
.pillar:hover .p-line{width:64px}

/* SPLIT positioning */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,90px);align-items:center}
.split .s-media image-slot{display:block;width:100%;height:auto;aspect-ratio:3/4;background:var(--ink);border-radius:20px;overflow:hidden;box-shadow:0 40px 90px -34px rgba(8,17,28,.5)}
.split-list{margin-top:var(--sec-content-gap);display:grid;border-top:1px solid var(--line)}
.split-list .row{
  position:relative;display:grid;grid-template-columns:46px 1fr;gap:22px;align-items:center;
  padding:20px 14px 20px 16px;border-bottom:1px solid var(--line);
  transition:background .3s,padding-left .35s cubic-bezier(.2,.8,.2,1);
}
.split-list .row::before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--copper);
  transform:scaleY(0);transform-origin:center;transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.split-list .row:hover{background:rgba(8,17,28,.028);padding-left:24px}
.split-list .row:hover::before{transform:scaleY(1)}
.split-list .row .rx{
  display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:10px;
  border:1px solid var(--line);color:var(--ink);background:rgba(8,17,28,.03);
  transition:background .4s,border-color .4s,color .4s,transform .4s;
}
.split-list .row .rx-icon{width:22px;height:22px;display:block}
.split-list .row:hover .rx{background:var(--copper);border-color:var(--copper);color:#fff;transform:scale(1.04)}
.split-list .row .rc h4{font-size:1.12rem;margin-bottom:4px;transition:color .3s}
.split-list .row:hover .rc h4{color:var(--copper)}
.split-list .row .rc p{margin:0;font-size:.94rem;color:var(--slate)}

/* PRODUCTS — bold / high-contrast */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.5vw,22px);margin-top:var(--sec-content-gap)}
.card{
  position:relative;background:var(--ink);border-radius:6px;overflow:hidden;color:var(--paper);
  display:flex;flex-direction:column;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;
}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--copper);transform:scaleX(0);transform-origin:left;z-index:4;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.card:hover{transform:translateY(-8px);box-shadow:0 46px 80px -38px rgba(8,17,28,.7)}
.card:hover::before{transform:scaleX(1)}
.card .c-media{position:relative;overflow:hidden;background:#0d1a2b;aspect-ratio:1/1}
.card .c-media image-slot{display:block;position:absolute;inset:0;width:100%;height:100%;border-radius:0;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.card:hover .c-media image-slot{transform:scale(1.07)}
.card .c-media::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(8,17,28,.6),transparent 52%);pointer-events:none}
.card .c-cat{position:absolute;top:18px;left:18px;z-index:2;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copper-soft);font-weight:700}
.card .c-body{position:relative;z-index:2;background:var(--ink);padding:22px 22px 24px;display:flex;flex-direction:column;gap:9px;flex:1}
.card h3{color:var(--paper);font-size:clamp(1.34rem,1.6vw,1.58rem);letter-spacing:-.01em;line-height:1.06}
.card .c-desc{font-size:.9rem;color:rgba(248,250,250,.6);margin:0;flex:1}
.card .c-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:16px;border-top:1px solid rgba(248,250,250,.14)}
.card .c-foot .tag{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mist);font-weight:600}
.card .c-foot .more{font-family:var(--font-head);font-weight:800;font-size:.84rem;color:var(--paper);display:inline-flex;gap:.4em;align-items:center;transition:color .3s}
.card:hover .c-foot .more{color:var(--copper-soft)}
.card .c-foot .more .arr{transition:transform .3s}
.card:hover .c-foot .more .arr{transform:translateX(4px)}

/* PRODUCTS — coverflow showcase */
.showcase{position:relative;background:var(--ink);color:var(--paper);overflow:hidden;border-block:1px solid var(--line-dark)}
.showcase::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(58% 52% at 50% 42%,rgba(0,109,119,.17),transparent 62%),
    radial-gradient(40% 36% at 88% 62%,rgba(180,106,60,.13),transparent 66%);
}
.showcase::after{
  content:"";position:absolute;left:-6%;bottom:10%;z-index:0;
  width:min(480px,46vw);height:min(480px,46vw);pointer-events:none;
  background:radial-gradient(closest-side,rgba(180,106,60,.1),transparent 72%);
}
.showcase .sec-head{position:relative;z-index:3}
.showcase .sec-head .kicker{color:var(--copper-soft)}
.showcase .sec-head p{color:rgba(248,250,250,.72)}
.show-word{
  position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);z-index:0;
  font-family:var(--font-head);font-weight:900;font-size:clamp(5rem,19vw,19rem);line-height:.78;
  letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none;
  color:rgba(180,106,60,.06);transition:opacity .5s,color .5s;
}
.carousel{position:relative;z-index:2}
.carousel::before{
  content:"";position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:0;
  width:min(760px,88vw);height:min(500px,58vw);pointer-events:none;
  background:radial-gradient(closest-side,rgba(0,109,119,.11),rgba(180,106,60,.07) 48%,transparent 74%);
}
.cstage{
  position:relative;z-index:2;
  height:clamp(520px,64vw,740px);
  padding-bottom:clamp(100px,12vw,140px);
  box-sizing:content-box;
  perspective:1900px;transform-style:preserve-3d;
}
.slide{
  position:absolute;left:50%;top:50%;width:clamp(280px,28vw,380px);
  transform:translate(-50%,-50%);transform-origin:center center;
  transition:transform .65s cubic-bezier(.22,.85,.25,1),opacity .6s ease;
  will-change:transform,opacity;cursor:pointer;
}
.comp{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;overflow:visible}
.bottle{
  position:relative;z-index:2;width:100%;aspect-ratio:.52;margin-bottom:-148px;
  transform:translateY(90px);
  filter:drop-shadow(0 36px 48px rgba(0,0,0,.75));
  transition:transform .65s cubic-bezier(.22,.85,.25,1),filter .65s ease;
}
.slide.is-active .bottle{
  transform:translateY(90px) scale(1.06);
  filter:drop-shadow(0 44px 56px rgba(0,0,0,.85)) drop-shadow(0 0 36px rgba(180,106,60,.18));
}
.bottle image-slot{display:block;width:100%;height:100%;background:transparent;border-radius:0}
.cloud{
  position:relative;width:100%;background:transparent;color:var(--ink);border-radius:22px;
  padding:92px 26px 26px;text-align:center;
}
.cloud::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:#fff;border-radius:22px;
  box-shadow:0 44px 100px -28px rgba(0,0,0,.7),0 0 0 1px rgba(180,106,60,.08);
}
.cloud > *{position:relative;z-index:3}
.cloud .cat{
  display:inline-block;
  font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:#fff;background:var(--copper);
  font-weight:700;padding:.5em .9em;border-radius:10px;
  box-shadow:0 6px 16px -8px rgba(180,106,60,.35);
}
.slide.is-active .cloud .cat{box-shadow:0 8px 20px -6px rgba(180,106,60,.5)}
.cloud h3{font-size:clamp(1.22rem,1.5vw,1.48rem);margin:12px 0 8px;letter-spacing:-.01em;line-height:1.05;color:var(--ink)}
.cloud .benefit{font-size:.94rem;color:#2C3E50;margin:0 0 16px;line-height:1.55}
.cloud .spec{
  display:flex;align-items:center;justify-content:center;gap:11px;
  font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;
  color:#4A5560;font-weight:700;margin-bottom:18px;
}
.cloud .spec i{width:4px;height:4px;border-radius:50%;background:var(--copper);display:inline-block}
.cbtn{width:100%;justify-content:center}
.cloud .cbtn.btn-ink{
  background:linear-gradient(180deg,#c4794c,#aa6034);
  color:#fff;
  box-shadow:0 12px 28px -12px rgba(180,106,60,.7),inset 0 1px 0 rgba(255,255,255,.22);
}
.cloud .cbtn.btn-ink:hover{
  background:linear-gradient(180deg,#d08658,#b46a3c);
  box-shadow:0 18px 44px -14px rgba(180,106,60,.92),inset 0 1px 0 rgba(255,255,255,.3);
}
.cnav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:20;
  width:54px;height:54px;border-radius:10px;border:1px solid rgba(180,106,60,.32);
  background:rgba(180,106,60,.08);color:var(--paper);font-size:1.2rem;cursor:pointer;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  display:grid;place-items:center;transition:background .3s,border-color .3s,color .3s,transform .3s;
}
.cnav:hover{background:var(--copper);border-color:var(--copper);color:#fff;transform:translateY(-50%) scale(1.06)}
.cnav.prev{left:clamp(10px,4vw,56px)}
.cnav.next{right:clamp(10px,4vw,56px)}
.cdots{display:flex;gap:9px;justify-content:center;margin-top:clamp(36px,4.5vw,56px);padding-bottom:clamp(12px,1.6vw,24px);position:relative;z-index:10}
.cdot{width:8px;height:8px;border-radius:10px;border:0;background:rgba(180,106,60,.22);cursor:pointer;transition:.35s;padding:0}
.cdot.on{background:linear-gradient(90deg,var(--copper),var(--copper-soft));width:26px;border-radius:10px;box-shadow:0 0 14px rgba(180,106,60,.45)}
@media(max-width:768px){
  .showcase{overflow-x:clip}
  .showcase .sec-head{padding-inline:var(--pad)}
  .show-word{font-size:clamp(2.6rem,20vw,4.2rem);top:46%;letter-spacing:-.03em}
  .carousel{padding-bottom:clamp(72px,14vw,96px)}
  .cstage{
    min-height:clamp(520px,138vw,640px);
    height:auto;
    padding-bottom:12px;
    perspective:none;
    touch-action:pan-x;
  }
  .slide{width:min(292px,86vw)}
  .bottle{
    margin-bottom:-108px;
    transform:translateY(56px);
    filter:drop-shadow(0 28px 36px rgba(0,0,0,.7));
  }
  .slide.is-active .bottle{transform:translateY(56px) scale(1.03)}
  .cloud{padding:72px 18px 20px;border-radius:18px}
  .cloud::before{border-radius:18px}
  .cloud h3{font-size:clamp(1.08rem,4.2vw,1.28rem)}
  .cloud .benefit{font-size:.88rem;margin-bottom:14px}
  .cloud .spec{margin-bottom:14px;font-size:.7rem}
  .cnav{
    top:auto;bottom:clamp(52px,11vw,68px);
    transform:none;
    width:46px;height:46px;
    touch-action:manipulation;
  }
  .cnav:hover{transform:none}
  .cnav.prev{left:max(16px,calc(50% - 108px));right:auto}
  .cnav.next{right:max(16px,calc(50% - 108px));left:auto}
  .cdots{
    margin-top:0;
    padding-top:clamp(56px,12vw,72px);
    padding-bottom:8px;
    gap:10px;
  }
  .cdot{min-width:44px;min-height:44px;display:grid;place-items:center;background:transparent}
  .cdot::after{content:"";width:8px;height:8px;border-radius:10px;background:rgba(180,106,60,.22);transition:.35s}
  .cdot.on::after{width:26px;background:linear-gradient(90deg,var(--copper),var(--copper-soft));box-shadow:0 0 14px rgba(180,106,60,.45)}
}
@media(max-width:640px){
  .show-word{font-size:clamp(2.2rem,18vw,3.4rem);top:44%}
  .cstage{min-height:clamp(500px,132vw,580px)}
  .slide{width:min(276px,88vw)}
  .bottle{margin-bottom:-96px;transform:translateY(48px)}
  .slide.is-active .bottle{transform:translateY(48px) scale(1.02)}
  .cloud{padding:64px 16px 18px}
  .cnav{bottom:clamp(48px,10vw,60px);width:44px;height:44px;font-size:.95rem}
  .cnav.prev{left:max(12px,calc(50% - 100px))}
  .cnav.next{right:max(12px,calc(50% - 100px))}
  .showcase .carousel{padding-bottom:var(--sec-py)}
}

/* VALUES band */
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:var(--sec-content-gap)}
.val{background:var(--paper);padding:clamp(28px,2.6vw,40px)}
.val .v-ix{font-family:var(--font-head);font-weight:800;color:var(--copper);font-size:.82rem}
.val h4{font-size:1.18rem;margin:1.3em 0 .5em}
.val p{font-size:.94rem;color:var(--slate);margin:0}

/* SCIENCE / quality */
.quality{position:relative;background:var(--ink);color:var(--paper);overflow:hidden}
.quality::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(48% 60% at 8% 0%,rgba(0,109,119,.24),transparent 62%),
    radial-gradient(46% 60% at 98% 100%,rgba(180,106,60,.16),transparent 60%);
}
.quality .q-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(34px,6vw,80px);align-items:center}
.q-badges{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:var(--sec-content-gap)}
.q-badge{
  position:relative;border:1px solid rgba(248,250,250,.16);border-radius:14px;
  padding:24px 24px 26px;background:rgba(248,250,250,.03);overflow:hidden;
  transition:transform .35s,border-color .35s,background .35s;
}
.q-badge::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--copper);transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.q-badge:hover{transform:translateY(-4px);border-color:rgba(180,106,60,.5);background:rgba(180,106,60,.06)}
.q-badge:hover::before{transform:scaleY(1)}
.q-badge .qb-ix{font-family:var(--font-head);font-weight:800;font-size:.78rem;letter-spacing:.1em;color:var(--copper-soft)}
.q-badge .qb-h{font-family:var(--font-head);font-weight:800;font-size:1.42rem;letter-spacing:-.01em;margin-top:12px}
.q-badge .qb-s{font-size:.84rem;line-height:1.45;color:rgba(248,250,250,.7);margin-top:6px}
.quality .q-media image-slot{display:block;width:100%;height:auto;aspect-ratio:4/5}

/* TONE strip */
.tone{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin-top:var(--sec-content-gap)}
.tone .t{border-left:2px solid var(--copper);padding-left:24px}
.tone .t h3{font-size:clamp(1.6rem,2.4vw,2.2rem);margin:0 0 var(--head-lead-gap)}
.tone .t p{margin:0;color:rgba(248,250,250,.66);font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.6;max-width:36ch}

/* CTA / signup */
.signup{position:relative;background:var(--ink);color:var(--paper);overflow:hidden}
.signup::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 80% 0%,rgba(180,106,60,.26),transparent 60%);pointer-events:none}
.signup-inner{position:relative;z-index:2;text-align:center;margin:0 auto}
.signup-inner h2{font-size:clamp(2rem,4.4vw,3.7rem)}
.signup-inner > p:not(.signup-fine){margin-bottom:clamp(28px,3.5vw,40px)}
.signup-form{
  display:flex;gap:12px;justify-content:center;align-items:center;
  max-width:520px;margin:0 auto;flex-wrap:wrap;
}
.signup-form input{
  flex:1;min-width:240px;background:rgba(248,250,250,.06);border:1px solid var(--line-dark);
  color:var(--paper);border-radius:999px;padding:1em 1.5em;font-family:var(--font-body);font-size:.95rem;outline:none;
  transition:border-color .25s,background .25s;
}
.signup-form input::placeholder{color:var(--mist)}
.signup-form input:focus{border-color:var(--copper);background:rgba(248,250,250,.1)}
.signup-inner .signup-fine,
.sec-head .signup-fine{
  font-size:clamp(.75rem,1.5vw,.8125rem);
  line-height:1.45;
  letter-spacing:.01em;
  color:rgba(248,250,250,.58);
  margin:16px auto 0;
  max-width:38ch;
}

/* FOOTER — direkt an Launch angebunden */
.footer{
  background:linear-gradient(180deg,var(--ink) 0%,#060d16 28%);
  color:var(--paper);
  padding-top:var(--sec-py-tight);
  padding-bottom:clamp(36px,4vw,48px);
  border-top:1px solid var(--line-dark);
}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid var(--line-dark)}
.foot-brand p{color:var(--mist);font-size:.92rem;max-width:34ch;margin:22px 0 0}
.foot-col h5{font-family:var(--font-head);font-weight:800;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mist);margin:0 0 18px}
.foot-col a{display:block;font-size:.92rem;color:rgba(248,250,250,.78);padding:6px 0;transition:color .2s}
.foot-col a:hover{color:var(--copper-soft)}
.foot-bot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;flex-wrap:wrap}
.foot-bot p{margin:0;font-size:.8rem;color:var(--mist)}

/* reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-copy{order:1}
  .hero-media{order:2;max-width:440px;margin-inline:auto;width:100%}
  .hero-proof{grid-template-columns:1fr}
  .hero-proof .pf{padding:26px 0 28px}
  .hero-proof .pf + .pf{border-left:0;border-top:1px solid var(--line-dark);padding-left:0}
  .hero-proof .pf + .pf::before{left:0}
  .hero-proof .pf p{max-width:none}
  .pillars{grid-template-columns:repeat(2,1fr)}
  .system-split{
    grid-template-columns:1fr;
    gap:0;
  }
  .system-sec .sec-head{order:1}
  .system-media{
    order:2;
    position:relative;
    z-index:4;
    min-height:0;
    height:auto;
    max-width:none;
    margin:clamp(20px,5vw,32px) auto 0;
    padding:0;
    display:flex;
    justify-content:center;
    align-items:flex-end;
    overflow:visible;
  }
  .system-media img{
    position:relative;
    left:auto;right:auto;bottom:auto;
    display:block;
    width:clamp(168px,44vw,260px);
    transform:none;
    margin-bottom:clamp(-52px,-13vw,-72px);
    filter:drop-shadow(0 24px 44px rgba(8,17,28,.22));
  }
  .system-sec .pillars{
    order:3;
    margin-top:0;
    padding-top:clamp(72px,18vw,100px);
    position:relative;
    z-index:3;
  }
  .split{grid-template-columns:1fr}
  .split .s-media{max-width:460px;margin-inline:auto;width:100%}
  .prod-grid{grid-template-columns:repeat(2,1fr)}
  .values{grid-template-columns:1fr}
  .quality .q-grid{grid-template-columns:1fr}
  .q-media{max-width:460px;margin-inline:auto;width:100%}
  .tone{grid-template-columns:1fr;gap:28px}
  .rhythm-split{grid-template-columns:1fr}
  .rhythm-stats{grid-template-columns:repeat(2,1fr)}
  .foot-top{grid-template-columns:1fr 1fr;gap:32px}
  .foot-brand{grid-column:1/-1}
}
@media(max-width:768px){
  :root{
    --pad:clamp(18px,4.5vw,28px);
    --sec-py:clamp(56px,12vw,80px);
    --sec-content-gap:clamp(32px,7vw,48px);
  }
  .pillars{grid-template-columns:1fr}
  .sec-head h2,.signup-inner h2,.q-copy h2,.s-copy h2,.rhythm-copy h2{font-size:clamp(1.75rem,7.5vw,2.4rem)}
  .hero h1{font-size:clamp(36px,9.5vw,52px)}
  .hero-sub{max-width:none;font-size:1rem}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{justify-content:center;width:100%;white-space:normal;text-align:center}
  .q-badges{grid-template-columns:1fr}
  .q-badge .qb-h{font-size:1.22rem}
  .signup-form{flex-direction:column;align-items:stretch;max-width:none}
  .signup-form input{min-width:0;width:100%;font-size:16px}
  .signup-form .btn{width:100%;justify-content:center}
  .foot-top{grid-template-columns:1fr;gap:28px;padding-bottom:36px}
  .foot-bot{flex-direction:column;align-items:flex-start;gap:12px}
}
@media(max-width:640px){
  body.nav-open::before{
    content:"";position:fixed;inset:0;z-index:48;
    background:var(--paper);
  }
  .nav{
    padding-top:calc(14px + var(--safe-top));
    padding-bottom:14px;
    padding-left:calc(var(--pad) + var(--safe-left));
    padding-right:calc(var(--pad) + var(--safe-right));
    gap:12px;
  }
  .nav:not(.scrolled)::before{display:none}
  .nav:not(.scrolled) .wordmark::after{display:none}
  .nav.scrolled{padding-top:calc(11px + var(--safe-top));padding-bottom:11px}
  .nav-links,.nav-desktop-only{display:none}
  .nav > .nav-right{position:relative;z-index:51}
  .nav > .wordmark{position:relative;z-index:51}
  .nav-toggle{display:grid;place-items:center}
  .nav.open{
    background:rgba(248,250,250,.97);
    backdrop-filter:saturate(140%) blur(14px);
    -webkit-backdrop-filter:saturate(140%) blur(14px);
    border-bottom:1px solid var(--line);
  }
  .nav.open .wordmark{color:var(--ink)}
  .nav.open .wordmark .wm-logo{filter:none}
  .nav.open .wordmark .tm{color:var(--copper)}
  .nav.open .nav-toggle span{background:var(--ink)}
  .nav.open > .nav-links{
    display:flex;flex-direction:column;align-items:stretch;
    position:fixed;inset:0;width:100%;height:100dvh;
    padding:calc(var(--nav-h) + var(--safe-top) + 20px) calc(var(--pad) + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(var(--pad) + var(--safe-left));
    gap:0;background:transparent;z-index:49;overflow-y:auto;-webkit-overflow-scrolling:touch;
    pointer-events:auto;
  }
  .nav.open .nav-links a{
    color:var(--ink)!important;opacity:1;
    font-family:var(--font-head);font-weight:800;font-size:1.35rem;letter-spacing:-.01em;
    padding:16px 0;border-bottom:1px solid var(--line);
    min-height:44px;display:flex;align-items:center;
  }
  .nav.open .nav-links a::after{display:none}
  .nav-mobile-cta{
    display:flex;flex-direction:column;gap:12px;
    margin-top:24px;padding-top:8px;
  }
  .nav-mobile-cta .btn{width:100%;justify-content:center;white-space:normal}
  .nav-mobile-cta .btn-ghost{border-color:var(--line);color:var(--ink)}
  .wordmark.tight{font-size:22px}
  .wordmark .wm-logo{height:22px}
  .pillars{grid-template-columns:1fr}
  .prod-grid{grid-template-columns:1fr}
  .hero{padding-top:calc(96px + var(--safe-top))}
  .hero-grid{padding-bottom:32px;gap:28px}
  .hero-media{max-width:none}
  .hero-tag{left:12px;bottom:18px;font-size:.68rem;padding:11px 16px;letter-spacing:.14em}
  .seal{width:84px;height:84px;top:-12px;right:8px}
  .seal text{font-size:9px}
  .seal-center{font-size:16px}
  .hero-proof .pf{padding:22px 0 24px}
  .pf h3{font-size:1.12rem}
  .pf p{font-size:.88rem;max-width:none}
  .marquee{padding:12px 0}
  .marquee span{font-size:.78rem;gap:32px}
  .system-media{margin-top:16px}
  .system-media img{width:clamp(148px,40vw,210px);margin-bottom:clamp(-44px,-11vw,-60px)}
  .system-sec .pillars{padding-top:clamp(60px,15vw,84px)}
  .pillar{padding:24px 20px 32px}
  .pillar h3{font-size:1.35rem;margin-top:1.2em}
  .split .s-media{max-width:none}
  .split-list .row{grid-template-columns:40px 1fr;gap:16px;padding:18px 8px 18px 12px}
  .split-list .row .rx{width:40px;height:40px}
  .quality .q-media{max-width:none}
  .tone .t{padding-left:18px}
  .tone .t h3{font-size:1.45rem}
  .rhythm-quote{padding:22px 20px 22px 24px;font-size:1.05rem}
  .rhythm-stats{grid-template-columns:1fr 1fr}
  .rhythm-stats .rs{padding:20px 16px}
  .rhythm-stats .rs-n{font-size:clamp(1.75rem,8vw,2.2rem)}
  .rt-node{grid-template-columns:48px 14px 1fr;gap:0 10px;padding:14px 0}
  .rhythm-track::before{left:61px}
  .rt-time{font-size:.76rem}
  .rt-body h3{font-size:1.05rem}
  .rt-body p{font-size:.88rem;max-width:none}
  .faq-item summary{padding:18px 44px 18px 12px;font-size:1rem;min-height:44px;display:flex;align-items:center}
  .faq-item p{padding:0 12px 20px 16px;font-size:.92rem;max-width:none}
  .foot-top{grid-template-columns:1fr}
  .foot-brand p{max-width:none}
  .foot-col a{padding:8px 0;min-height:44px;display:flex;align-items:center}
  .footer{padding-bottom:calc(28px + var(--safe-bottom))}
  .btn{min-height:48px}
  .kicker{font-size:.66rem;letter-spacing:.28em}
  .kicker::before{width:20px}
}
@media(max-width:380px){
  .hero h1{font-size:clamp(32px,8.8vw,38px)}
  .hero-tag{left:8px;right:8px;text-align:center}
  .seal{width:72px;height:72px;top:-8px;right:4px}
  .show-word{display:none}
  .system-media img{width:clamp(132px,36vw,180px);margin-bottom:-40px}
  .system-sec .pillars{padding-top:52px}
  .slide{width:min(260px,90vw)}
  .cnav.prev{left:max(8px,calc(50% - 92px))}
  .cnav.next{right:max(8px,calc(50% - 92px))}
}
@media(prefers-reduced-motion:reduce){
  .marquee-track{animation:none}
  .reveal{opacity:1;transform:none;transition:none}
  .seal svg{animation:none}
  html{scroll-behavior:auto}
  .nav-toggle span{transition:none}
}