@font-face{font-family:KWKSans;src:local("Arial");font-display:swap}
:root{--ink:#071210;--ink-2:#0d211d;--paper:#f0efe8;--paper-2:#d8d8cc;--signal:#36f0a8;--signal-soft:#b8ffdd;--white:#f8fff9;--muted:#91a59f;--line:rgba(222,255,241,.2);--gutter:clamp(1.25rem,4vw,4.5rem);--header:5.5rem;--ease:cubic-bezier(.2,.75,.15,1);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--white);font-family:KWKSans,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--signal);color:var(--ink)}
.skip-link{position:fixed;z-index:100;left:1rem;top:1rem;transform:translateY(-200%);background:var(--signal);color:var(--ink);padding:.75rem 1rem}.skip-link:focus{transform:none}
.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}

/* HEADER */
.site-header{height:var(--header);padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:absolute;top:0;width:100%;z-index:30;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:baseline;gap:.75rem;width:max-content}.brand span{font-weight:900;letter-spacing:-.06em;font-size:1.2rem}.brand small{font-size:.58rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
.nav-panel{display:flex;gap:2rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.nav-panel a{position:relative;padding:.5rem 0}.nav-panel a:after{content:"";position:absolute;left:0;right:100%;bottom:.18rem;height:1px;background:var(--signal);transition:right .4s var(--ease)}.nav-panel a:hover:after,.nav-panel a:focus-visible:after,.nav-panel a[aria-current]:after{right:0}
.header-index{justify-self:end;color:var(--muted);font-size:.58rem;letter-spacing:.15em}
.menu-toggle{display:none;background:none;color:inherit;border:0;padding:.5rem}.menu-toggle i{display:block;width:1.5rem;height:1px;background:currentColor;position:relative}.menu-toggle i:after{content:"";position:absolute;width:1.5rem;height:1px;left:0;top:6px;background:currentColor}

/* HERO */
.hero,.page-hero{position:relative;min-height:100svh;overflow:hidden;padding:calc(var(--header) + 5vh) var(--gutter) 3rem}
.current-field{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(circle at 50% 48%,#0c2822 0,#071612 32%,#050d0c 70%);z-index:0}
.hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,11,10,.82),rgba(4,11,10,.05) 58%,rgba(4,11,10,.42)),linear-gradient(0deg,rgba(4,11,10,.85),transparent 42%);pointer-events:none}
.hero-copy{position:relative;z-index:2;width:100%}
.home-hero{display:flex;align-items:center}
.eyebrow{font-size:.63rem;letter-spacing:.18em;text-transform:uppercase;color:var(--signal-soft);margin:0 0 1.4rem}
.display{margin:0;text-transform:uppercase;line-height:.76;font-weight:900;letter-spacing:-.075em;font-size:clamp(5rem,13.3vw,12.8rem);max-width:11ch}.display span,.display strong,.display em{display:block;font:inherit}.display strong{margin-left:8vw;color:transparent;-webkit-text-stroke:1px rgba(247,255,250,.85)}.display em{font-style:normal;color:var(--signal);margin-left:21vw}
.hero-foot{display:grid;grid-template-columns:minmax(16rem,27rem) auto;gap:3rem;align-items:end;margin-top:clamp(3rem,6vh,6rem);padding-left:21vw}.hero-foot p{font-size:clamp(.9rem,1.1vw,1.08rem);color:#c2cec9;max-width:40ch;margin:0}
.line-link{display:inline-flex;gap:2rem;justify-content:space-between;align-items:center;border-bottom:1px solid currentColor;padding:.8rem 0;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;min-width:14rem}.line-link span{color:var(--signal)}
.hero-coordinates{position:absolute;z-index:2;right:var(--gutter);top:28%;display:flex;flex-direction:column;gap:.3rem;font-size:.55rem;letter-spacing:.13em;color:var(--muted);text-align:right}
.depth-scale{position:absolute;right:var(--gutter);bottom:3rem;z-index:3;display:grid;grid-template-columns:auto 8rem auto;gap:1rem;align-items:center;font-size:.52rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.depth-scale i{height:1px;background:linear-gradient(90deg,var(--signal),transparent)}

/* SIGNAL STRIP */
.signal-strip{height:4.5rem;padding:0 var(--gutter);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.6rem;text-transform:uppercase;letter-spacing:.14em}.signal-strip p{margin:0;color:var(--muted)}.signal-strip strong{font-size:.63rem;font-weight:500}.signal-strip>span:last-child{color:var(--muted)}
.pulse-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--signal);box-shadow:0 0 1rem var(--signal)}

/* OBSERVATION / GRUNDLAGEN */
.observation{min-height:110vh;padding:10rem var(--gutter);display:grid;grid-template-columns:.5fr 1.25fr 1fr;grid-template-rows:auto 1fr auto;gap:4rem;position:relative;background:linear-gradient(135deg,#081511,#0b211b)}
.section-number{font-size:.55rem;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
.observation-copy{grid-column:2 / 4}
.observation h2{font-size:clamp(3rem,6vw,7rem);line-height:.92;letter-spacing:-.055em;max-width:13ch;margin:0}

/* Cell window — adapted orbital for muscle cell cross-section */
.orbital-window{grid-column:1 / 3;min-height:32rem;position:relative;overflow:hidden;background:radial-gradient(circle at 45% 48%,rgba(46,247,169,.14),transparent 22%),radial-gradient(circle at 45% 48%,rgba(46,200,140,.06),transparent 55%),linear-gradient(160deg,rgba(255,255,255,.02),transparent);clip-path:polygon(0 7%,95% 0,100% 88%,6% 100%)}
.cell-core{position:absolute;width:8rem;height:8rem;left:43%;top:43%;border-radius:50%;background:radial-gradient(circle at 38% 38%,white 0,var(--signal-soft) 10%,var(--signal) 24%,rgba(17,128,94,.3) 52%,transparent 74%);filter:blur(2px);box-shadow:0 0 4rem rgba(54,240,168,.35)}
.orbit{position:absolute;left:43%;top:43%;border:1px solid rgba(184,255,221,.22);border-radius:50%;transform:translate(-50%,-50%) rotate(-17deg)}
.orbit-a{width:28rem;height:14rem}.orbit-b{width:40rem;height:21rem}
.orbital-label{position:absolute;font-size:.5rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.label-a{left:13%;top:28%}.label-b{right:9%;bottom:16%}
.cell-label-center{position:absolute;left:43%;top:43%;transform:translate(-50%,-50%);font-size:.48rem;letter-spacing:.18em;text-transform:uppercase;color:var(--signal);font-weight:700}
.observation-note{grid-column:3;align-self:end;max-width:29ch;color:#b6c5bf;font-size:1.05rem}

/* MANIFESTO / DREI BEGRIFFE */
.tide-manifesto{background:var(--paper);color:var(--ink);padding:10rem var(--gutter);display:grid;grid-template-columns:1.1fr 1fr;gap:8vw}.tide-manifesto .eyebrow{color:#355d50}
.tide-manifesto h2{font-size:clamp(3.5rem,7vw,7.6rem);letter-spacing:-.07em;line-height:.88;margin:0}
.manifesto-steps{padding-top:8rem}.manifesto-steps article{display:grid;grid-template-columns:3rem 1fr;column-gap:1rem;padding:2rem 0;border-top:1px solid rgba(7,18,16,.22)}.manifesto-steps article:last-child{border-bottom:1px solid rgba(7,18,16,.22)}.manifesto-steps span{grid-row:1 / 3;font-size:.6rem;letter-spacing:.1em;color:#517067}.manifesto-steps h3{margin:0 0 .5rem;font-size:1.6rem;letter-spacing:-.04em}.manifesto-steps p{margin:0;max-width:38ch;color:#40504b}

/* DISPATCH / WAAGE */
.dispatch{min-height:105vh;padding:9rem var(--gutter);position:relative;display:grid;grid-template-columns:1fr 1.3fr;grid-template-rows:auto 1fr auto;gap:4rem;background:#06100e}
.dispatch-head{grid-column:1/3;z-index:2}
.dispatch h2{font-size:clamp(4rem,8vw,9rem);letter-spacing:-.07em;line-height:.82;margin:0;text-transform:uppercase}
.cell-visual{grid-column:2;grid-row:2/4;min-height:33rem;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,rgba(55,240,168,.45),transparent 3%,rgba(21,100,75,.16) 14%,rgba(4,18,14,.8) 45%,#020706 70%),linear-gradient(#020706 40%,#0b2922 50%,#020706 80%);clip-path:polygon(9% 0,100% 8%,94% 100%,0 91%)}
.cell-visual:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 16px,rgba(91,255,194,.09) 18px,transparent 20px)}
.dispatch-visual .horizon{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--signal);box-shadow:0 0 2rem var(--signal)}
.dispatch-visual span,.dispatch-visual b{position:absolute;z-index:2;font-size:.52rem;letter-spacing:.15em}.dispatch-visual span{left:4rem;bottom:3rem}.dispatch-visual b{right:3rem;top:3rem}
.dispatch-copy{grid-column:1;align-self:end;max-width:28rem}.dispatch-copy p{font-size:1.1rem;color:#aabdb6;margin:0 0 1.2rem}
.button-arrow{margin-top:2rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.2rem 0;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.button-arrow b{color:var(--signal);font-size:1.4rem;font-weight:400}

/* CHECK SECTION */
.check-section{padding:10rem var(--gutter);background:linear-gradient(170deg,#04100d,#071a15)}
.check-copy>div{margin-bottom:4rem}.check-copy h2{font-size:clamp(2.8rem,5.5vw,6rem);line-height:.9;letter-spacing:-.055em;margin:0}
.check-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0}
.check-list li{display:grid;grid-template-columns:3rem 1fr;column-gap:1.2rem;padding:2.5rem 2rem 2.5rem 0;border-top:1px solid var(--line)}.check-list li:nth-child(even){padding-left:2rem;border-left:1px solid var(--line)}
.check-list span{font-size:.58rem;letter-spacing:.14em;color:var(--signal);padding-top:.3rem}
.check-list h3{margin:0 0 .6rem;font-size:1.35rem;letter-spacing:-.03em}.check-list p{margin:0;color:#b0bfba;font-size:.95rem;max-width:36ch}

/* INFO-GAIN SECTION */
.info-gain-section{padding:10rem var(--gutter);background:#040c0a;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.matrix-head{margin-bottom:4rem}.matrix-head h2{font-size:clamp(2.5rem,5vw,5.5rem);line-height:.9;letter-spacing:-.055em;margin:.8rem 0 1.5rem;max-width:20ch}
.matrix-intro{font-size:.9rem;color:#91a59f;max-width:64ch;line-height:1.6;margin:0}
.matrix-intro cite{font-style:italic}
.matrix-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.matrix-table{width:100%;border-collapse:collapse;font-size:.82rem;line-height:1.5}
.matrix-table caption{text-align:left;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-bottom:1rem}
.matrix-table th,.matrix-table td{padding:1.2rem 1.4rem;border:1px solid rgba(184,255,221,.14);vertical-align:top}
.matrix-table thead th{background:rgba(54,240,168,.06);color:var(--signal-soft);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.matrix-table thead th:first-child{width:11rem}
.matrix-table tbody th{color:var(--signal);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;background:rgba(54,240,168,.03)}
.matrix-table td{color:#b6c5bf}.matrix-table td strong{color:var(--white);font-weight:600}
.matrix-limit{display:block;margin-top:.6rem;color:#6e857e;font-style:normal;font-size:.78rem}
.matrix-note{margin-top:3rem;font-size:.82rem;color:#6e857e;max-width:68ch;line-height:1.6;border-left:2px solid rgba(54,240,168,.25);padding-left:1.2rem}

/* FAQ SECTION */
.faq-section{padding:10rem var(--gutter);background:var(--ink-2)}
.faq-head{margin-bottom:4rem}.faq-head h2{font-size:clamp(2.8rem,5.5vw,6rem);line-height:.9;letter-spacing:-.055em;margin:0}
.faq-list{margin:0;padding:0}
.faq-item{border-top:1px solid var(--line);padding:2.5rem 0}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-item dt{font-size:1.15rem;letter-spacing:-.02em;font-weight:700;color:var(--white);margin-bottom:.8rem;max-width:54ch}
.faq-item dd{margin:0;color:#aabdb6;font-size:.97rem;max-width:58ch;line-height:1.6}

/* FOOTER */
.site-footer{padding:5rem var(--gutter) 2rem;display:grid;grid-template-columns:1.3fr 1fr auto;gap:4rem;align-items:start;border-top:1px solid var(--line);background:#040a09}
.site-footer>div:first-child p{color:var(--muted);font-size:.72rem;max-width:34ch;margin-top:1.2rem}
.site-footer nav{display:flex;flex-direction:column;gap:.6rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.footer-mark{font-size:4rem;color:var(--signal);line-height:1}
.site-footer>small{grid-column:1/-1;text-transform:uppercase;letter-spacing:.12em;color:#586b65;font-size:.5rem}
.footer-brand{color:var(--white)}

/* REVEAL ANIMATION */
.js [data-reveal]{opacity:0;transform:translateY(2.4rem);transition:opacity .9s var(--ease),transform .9s var(--ease)}.js [data-reveal].is-visible{opacity:1;transform:none}

/* RESPONSIVE */
@media(max-width:900px){
  :root{--header:4.8rem}
  .site-header{grid-template-columns:1fr auto}.header-index{display:none}
  .menu-toggle{display:flex;gap:.8rem;align-items:center;z-index:2;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}
  .js .nav-panel{display:flex;position:fixed;inset:0;background:var(--ink);color:var(--white);flex-direction:column;justify-content:center;align-items:center;font-size:clamp(2rem,8vw,4rem);gap:1rem;transform:translateY(-105%);transition:transform .6s var(--ease)}
  .js.menu-open .nav-panel{transform:none}.js.menu-open{overflow:hidden}
  .display{font-size:clamp(4.7rem,19vw,8rem);line-height:.78}.display strong{margin-left:3vw}.display em{margin-left:12vw}
  .hero-foot{padding-left:0;grid-template-columns:1fr;margin-top:3rem}
  .hero-coordinates{display:none}.depth-scale{grid-template-columns:auto 4rem auto}
  .signal-strip{grid-template-columns:auto 1fr auto}.signal-strip>span:last-child{display:none}
  .observation{padding-top:7rem;grid-template-columns:1fr;grid-template-rows:auto;gap:2.5rem}.observation>*{grid-column:1!important}.observation-copy{order:1}.orbital-window{order:2;min-height:26rem}.observation-note{order:3}.section-number{order:0}
  .tide-manifesto{grid-template-columns:1fr;gap:3rem;padding-top:7rem}.manifesto-steps{padding-top:0}
  .dispatch{grid-template-columns:1fr;padding-top:7rem}.dispatch>*{grid-column:1!important}.cell-visual{grid-row:auto;min-height:28rem}
  .check-list{grid-template-columns:1fr}.check-list li:nth-child(even){padding-left:0;border-left:none}
  .info-gain-section{padding-block:7rem}.faq-section{padding-block:7rem}
  .site-footer{grid-template-columns:1fr 1fr}.footer-mark{display:none}
}
@media(max-width:600px){
  html,body{max-width:100%;overflow-x:clip}
  .site-header,.brand{min-width:0}.brand small{display:none}.info-gain-section{min-width:0;overflow:hidden}.matrix-table-wrap{width:calc(100vw - 2 * var(--gutter));max-width:100%;min-width:0;overflow-x:auto}.matrix-table{min-width:44rem}.js [data-reveal]{opacity:1;transform:none}
  .home-hero{padding-top:calc(var(--header) + 3rem);align-items:flex-start}.hero-copy{padding-top:10vh}
  .display{font-size:clamp(4.3rem,21vw,6.5rem)}.hero-foot{gap:1.8rem}.hero-foot p{font-size:.9rem}
  .depth-scale{display:none}
  .signal-strip{height:auto;min-height:4.5rem;padding-block:1rem;grid-template-columns:auto 1fr}.signal-strip strong{grid-column:2}
  .observation,.tide-manifesto,.dispatch,.check-section,.info-gain-section,.faq-section{padding-block:6rem}
  .observation h2,.tide-manifesto h2,.check-copy h2,.matrix-head h2,.faq-head h2{font-size:clamp(3.1rem,14vw,5rem)}
  .orbital-window{min-height:20rem}.cell-core{left:46%;top:47%;width:6rem;height:6rem}.orbit-a{width:17rem;height:9rem}.orbit-b{width:27rem;height:15rem}
  .dispatch h2{font-size:clamp(3.5rem,16vw,5.5rem)}.cell-visual{min-height:23rem}
  .check-list li{grid-template-columns:2.5rem 1fr}
  .matrix-table th,.matrix-table td{padding:.8rem .9rem;font-size:.76rem}
  .matrix-table-wrap{width:100%;max-width:100%;overflow:visible}
  .matrix-table{display:block;min-width:0;width:100%;border:0}
  .matrix-table caption{display:none}
  .matrix-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .matrix-table tbody,.matrix-table tr,.matrix-table th,.matrix-table td{display:block;width:100%}
  .matrix-table tr{margin:0 0 1rem;border:1px solid var(--line);padding:.7rem}
  .matrix-table tbody th{border:0;padding:.4rem .5rem .7rem;font-size:.9rem;color:var(--acid)}
  .matrix-table td{border:0;padding:.55rem .5rem}
  .matrix-table td:nth-child(2)::before{content:"Frühe Phase"}
  .matrix-table td:nth-child(3)::before{content:"Längere Einnahme"}
  .matrix-table td::before{display:block;margin-bottom:.2rem;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}
  .faq-head h2{font-size:clamp(2.35rem,11vw,3.8rem);overflow-wrap:anywhere}
  .site-footer{grid-template-columns:1fr;gap:2rem;padding-top:4rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.js [data-reveal]{opacity:1;transform:none;transition:none}
  .current-field{background:radial-gradient(circle at 50% 48%,#173a30 0,#071612 35%,#050d0c 75%)}
  *{animation:none!important;transition-duration:.01ms!important}
}
@media print{
  .grain,.menu-toggle,.current-field{display:none!important}.hero{background:#071210}
  .js [data-reveal]{opacity:1;transform:none}.site-header{position:absolute}
  .site-footer{break-before:page}.faq-item,.check-list li{break-inside:avoid}
}