/* Basis-Reset wie in der Lovable-Version (Tailwind v4 Preflight), als Layer, damit die Landingpage-Styles Vorrang haben */
@layer theme, base, components, utilities;
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  hr { height: 0; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; }
  b, strong { font-weight: bolder; }
  code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }
  small { font-size: 80%; }
  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  sub { bottom: -0.25em; }
  sup { top: -0.5em; }
  table { text-indent: 0; border-color: inherit; border-collapse: collapse; }
  :-moz-focusring { outline: auto; }
  progress { vertical-align: baseline; }
  summary { display: list-item; }
  ol, ul, menu { list-style: none; }
  img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
  img, video { max-width: 100%; height: auto; }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit;
    color: inherit; border-radius: 0; background-color: transparent; opacity: 1;
  }
  ::placeholder { opacity: 1; }
  textarea { resize: vertical; }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}

body{margin:0;background:#040b18}
html{scroll-behavior:smooth}
a{color:inherit}
a:hover{color:inherit}
.lp{--ink:#0e2342;--text:#1f2d42;--muted:#4b596d;--ivory:#fbf7f0;--paper:#fffdf9;--line:rgba(14,35,66,.12);--g1:#ceb151;--g2:#f1cd70;--gtext:#7a5e14;--blau:#083d72;--fh:"Jost","Poppins","Helvetica Neue",Arial,sans-serif;--fs:"Cormorant Garamond","Cormorant",Georgia,"Times New Roman",serif;font-family:var(--fh);font-size:17px;line-height:1.65;color:var(--text);background:#040b18;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
:where(.lp) *,:where(.lp) *::before,:where(.lp) *::after{box-sizing:border-box}
:where(.lp) img{display:block;max-width:100%;height:auto}
:where(.lp) :where(p,h1,h2,h3,figure,blockquote,dl,dd){margin:0}
:where(.lp) :where(h1,h2,h3){font-weight:inherit}
:where(.lp) section[id]{scroll-margin-top:76px}
.nb{white-space:nowrap}
.wrap{position:relative;width:min(100% - 40px,1200px);margin-inline:auto}
.narrow{max-width:860px}
.center{text-align:center;margin-inline:auto}

.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:999px;font:500 15px/1.1 var(--fh);letter-spacing:.03em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,background-color .35s,border-color .35s,color .35s}
.btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s}
.btn:hover svg{transform:translateX(3px)}
.btn--gold{color:#1d1503;background:linear-gradient(135deg,#f6dc8c 0%,#e4c463 46%,#ceb151 100%);box-shadow:0 14px 34px -14px rgba(241,205,112,.75),inset 0 1px 0 rgba(255,255,255,.55)}
.btn--gold::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 70%);transform:translateX(-120%);animation:sheen 6s ease-in-out infinite}
.btn--gold:hover{color:#1d1503;transform:translateY(-2px);box-shadow:0 22px 46px -16px rgba(241,205,112,.9),inset 0 1px 0 rgba(255,255,255,.6)}
.btn--ghost{color:#fff8ec;border:1px solid rgba(241,205,112,.45);background:rgba(255,255,255,.03)}
.btn--ghost:hover{color:#fff8ec;border-color:#f1cd70;background:rgba(241,205,112,.1)}
.btn--ink{color:#fff8ec;background:#0a2443;box-shadow:0 16px 34px -18px rgba(7,26,51,.85)}
.btn--ink:hover{color:#fff8ec;transform:translateY(-2px);background:#083d72}
.btn--line{color:var(--ink);border:1px solid rgba(14,35,66,.28);background:transparent}
.btn--line:hover{color:var(--ink);border-color:var(--ink);background:rgba(14,35,66,.04)}
.btn--sm{min-height:44px;padding:0 20px;font-size:14px}
.tlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:500 15px/1.3 var(--fh);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}

.eyebrow{display:inline-flex;align-items:center;gap:14px;font:500 12.5px/1.3 var(--fh);letter-spacing:.24em;text-transform:uppercase;color:var(--gtext)}
.eyebrow::before{content:"";width:34px;height:1px;flex:none;background:linear-gradient(90deg,#ceb151,#f1cd70)}
.dark .eyebrow{color:#f1cd70}
.center .eyebrow{justify-content:center}
.h2{margin-top:22px;font:300 clamp(34px,4.2vw,58px)/1.08 var(--fh);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.h2 em,.h1 em,.closing em{font-family:var(--fs);font-style:italic;font-weight:500;letter-spacing:-.005em}
.h2 em{font-size:1.1em}
.dark .h2{color:#fff8ec}
.em-dark{color:var(--gtext)}
.gold-text{background:linear-gradient(100deg,#c9a94a 0%,#f1cd70 38%,#fff0c0 55%,#e9c766 78%,#c9a94a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lead{margin-top:22px;max-width:640px;font:italic 400 clamp(21px,1.9vw,26px)/1.5 var(--fs);color:var(--muted);text-wrap:pretty}
.center .lead{margin-inline:auto}
.dark .lead{color:rgba(251,247,240,.78)}
.prose p{font:300 18.5px/1.8 var(--fh);color:rgba(251,247,240,.82);text-wrap:pretty}
.prose p+p{margin-top:18px}
.prose--light p{font-weight:400;font-size:17.5px;color:var(--text)}
.src{margin-top:16px;font:400 13px/1.55 var(--fh);color:rgba(251,247,240,.55)}
.ico{width:20px;height:20px;flex:none;fill:none;stroke:#f1cd70;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sec{position:relative;padding:128px 0}
.dark{color:#fff8ec}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:44px}
.cta-row.center{justify-content:center}

.stars{position:relative;display:inline-block;width:96px;height:17px;flex:none;vertical-align:middle}
.stars__row{position:absolute;left:0;top:0;display:flex;gap:2px;width:96px}
.stars__row svg{width:17.6px;height:17px;flex:none;fill:rgba(251,247,240,.22)}
.stars__fill{position:absolute;left:0;top:0;width:86%;height:17px;overflow:hidden}
.stars__fill svg{fill:#f1cd70}
.stars--full .stars__fill{width:100%}

.sky{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;background-image:radial-gradient(1.3px 1.3px at 6% 18%,rgba(255,255,255,.95) 50%,transparent 55%),radial-gradient(1px 1px at 14% 64%,rgba(255,255,255,.75) 50%,transparent 55%),radial-gradient(1.2px 1.2px at 23% 34%,rgba(255,240,200,.85) 50%,transparent 55%),radial-gradient(1px 1px at 31% 86%,rgba(255,255,255,.6) 50%,transparent 55%),radial-gradient(1.4px 1.4px at 41% 12%,rgba(255,255,255,.85) 50%,transparent 55%),radial-gradient(1px 1px at 47% 58%,rgba(255,255,255,.5) 50%,transparent 55%),radial-gradient(1.2px 1.2px at 58% 8%,rgba(255,240,200,.85) 50%,transparent 55%),radial-gradient(1px 1px at 66% 92%,rgba(255,255,255,.6) 50%,transparent 55%),radial-gradient(1.3px 1.3px at 74% 16%,rgba(255,255,255,.85) 50%,transparent 55%),radial-gradient(1px 1px at 83% 74%,rgba(255,255,255,.6) 50%,transparent 55%),radial-gradient(1.2px 1.2px at 91% 30%,rgba(255,240,200,.85) 50%,transparent 55%),radial-gradient(1px 1px at 96% 88%,rgba(255,255,255,.6) 50%,transparent 55%),radial-gradient(1px 1px at 52% 40%,rgba(255,255,255,.55) 50%,transparent 55%),radial-gradient(1.2px 1.2px at 3% 82%,rgba(255,255,255,.7) 50%,transparent 55%)}

.nav{position:sticky;top:0;z-index:60;background:rgba(6,19,38,.94);-webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);border-bottom:1px solid rgba(241,205,112,.14)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:76px}
.brand{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#fff8ec}
.brand:hover{color:#fff8ec}
.brand__name{font:500 23px/1 var(--fs);letter-spacing:.01em}
.brand__sub{font:500 10.5px/1 var(--fh);letter-spacing:.28em;text-transform:uppercase;color:#f1cd70}
.nav__right{display:flex;align-items:center;gap:34px}
.nav__links{display:flex;align-items:center;gap:30px}
.nav__links a{font:400 14px/1 var(--fh);letter-spacing:.05em;color:rgba(251,247,240,.76);text-decoration:none;padding:15px 0;transition:color .25s}
.nav__links a:hover{color:#f1cd70}

.hero{position:relative;overflow:hidden;isolation:isolate;color:#fff8ec;padding:36px 0 112px;background:radial-gradient(1100px 760px at 76% 46%,rgba(72,42,134,.55),rgba(72,42,134,0) 64%),radial-gradient(900px 640px at 0% 100%,rgba(8,61,114,.62),rgba(8,61,114,0) 70%),linear-gradient(180deg,#050f20 0%,#081c38 52%,#0b2a50 100%)}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:24px;min-height:660px}
.hero__copy{position:relative;z-index:4}
.badges{display:flex;flex-wrap:wrap;gap:10px}
.badge{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 15px;border-radius:999px;font:500 11.5px/1 var(--fh);letter-spacing:.16em;text-transform:uppercase;color:#f6dd96;border:1px solid rgba(241,205,112,.45);background:linear-gradient(135deg,rgba(241,205,112,.18),rgba(241,205,112,.04))}
.badge svg{width:13px;height:13px;fill:currentColor}
.badge--soft{color:rgba(251,247,240,.82);border-color:rgba(251,247,240,.2);background:rgba(255,255,255,.04)}
.h1{margin-top:30px}
.h1__kicker{display:block;font:500 13px/1.4 var(--fh);letter-spacing:.3em;text-transform:uppercase;color:rgba(251,247,240,.66)}
.h1__main{display:block;margin-top:16px;font:300 clamp(46px,5.5vw,80px)/1.03 var(--fh);letter-spacing:-.028em;color:#fff8ec;text-wrap:balance}
.h1__main em{font-size:1.17em;line-height:.8;padding-right:.06em}
.hero__lead{margin-top:28px;max-width:545px;font:300 19px/1.7 var(--fh);color:rgba(251,247,240,.82);text-wrap:pretty}
.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:38px}
.trust{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:40px;padding-top:26px;border-top:1px solid rgba(251,247,240,.12);font:400 14px/1.4 var(--fh);color:rgba(251,247,240,.76)}
.trust__item{display:inline-flex;align-items:center;gap:10px}
.trust__item strong{font-weight:500;color:#fff8ec}

.hero__visual{position:relative;display:grid;place-items:center;min-height:640px}
.burst{position:absolute;left:50%;top:50%;width:1000px;height:1000px;margin:-500px 0 0 -500px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,236,186,.95) 0%,rgba(250,206,120,.78) 18%,rgba(240,150,92,.55) 28%,rgba(214,96,140,.36) 38%,rgba(140,78,196,.26) 48%,rgba(70,62,170,.13) 58%,rgba(8,61,114,0) 72%)}
.rays{position:absolute;left:50%;top:50%;width:1240px;height:1240px;margin:-620px 0 0 -620px;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,232,170,.16) 0deg 1deg,rgba(255,232,170,0) 1deg 6.5deg);-webkit-mask-image:radial-gradient(circle,#000 4%,rgba(0,0,0,.55) 26%,transparent 56%);mask-image:radial-gradient(circle,#000 4%,rgba(0,0,0,.55) 26%,transparent 56%)}
.ornament{position:absolute;left:50%;top:50%;width:660px;height:660px;margin:-330px 0 0 -330px;pointer-events:none;opacity:.5;animation:spin 220s linear infinite reverse}
.ornament svg{display:block;width:100%;height:100%;fill:none;stroke:rgba(241,205,112,.75);stroke-width:.35}
.ornament .o-dash{stroke-dasharray:1 2.2}
.mote{position:absolute;z-index:3;width:5px;height:5px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff7da 0%,rgba(241,205,112,.9) 35%,rgba(241,205,112,0) 70%);animation:rise 12s linear infinite}
.book-glow{position:absolute;left:50%;top:50%;width:660px;height:660px;margin:-330px 0 0 -330px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,230,160,.5) 0%,rgba(255,214,130,.3) 38%,rgba(241,205,112,0) 70%);z-index:2}

.stage{position:relative;z-index:3;perspective:1800px;perspective-origin:50% 35%;padding:24px 0 70px}
.floaty{position:relative;transform-style:preserve-3d;animation:float 7s ease-in-out infinite}
.book{--bw:320px;position:relative;width:var(--bw);height:calc(var(--bw) * 1.4193);transform-style:preserve-3d;transform:rotateY(27deg) rotateX(4deg) rotateZ(-1.5deg);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.stage:hover .book{transform:rotateY(9deg) rotateX(1deg) rotateZ(0deg)}
.book__front{position:absolute;inset:0;transform:translateZ(calc(var(--bw) * .0331));border-radius:1px 5px 5px 1px;overflow:hidden;background:#13284a}
.book__front img{width:100%;height:100%;object-fit:cover}
.book__front::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,0) 2.6%,rgba(255,255,255,.18) 3.6%,rgba(255,255,255,0) 7.5%),linear-gradient(118deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 72%,rgba(0,0,0,.2) 100%)}
.book__spine{position:absolute;top:0;left:calc(50% - var(--bw) * .0331);width:calc(var(--bw) * .0662);height:100%;transform:rotateY(-90deg) translateZ(calc(var(--bw) / 2));overflow:hidden;background:#1b2a4a}
.book__spine img{width:100%;height:100%;object-fit:cover}
.book__spine::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.14) 40%,rgba(255,255,255,.1) 76%,rgba(0,0,0,.28) 100%)}
.book__edge{position:absolute;top:4px;left:calc(50% - var(--bw) * .0331);width:calc(var(--bw) * .0662 - 2px);height:calc(100% - 8px);transform:rotateY(90deg) translateZ(calc(var(--bw) / 2 - 4px));background:repeating-linear-gradient(90deg,#f7f2e8 0 1px,#ddd4c3 1px 2px)}
.book__back{position:absolute;inset:0;transform:rotateY(180deg) translateZ(calc(var(--bw) * .0331));background:#2a2f5e}
.book-shadow{position:absolute;left:50%;bottom:16px;width:320px;height:54px;margin-left:-160px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 55%,rgba(0,0,0,0) 100%);animation:shadow 7s ease-in-out infinite}

.sec--ivory{background:var(--ivory)}
.sec-head{max-width:820px}
.res-leaf{position:absolute;right:-30px;top:40px;width:260px;opacity:.13;transform:rotate(16deg);pointer-events:none}
.rgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:56px}
.rcard{-webkit-appearance:none;appearance:none;display:flex;align-items:flex-start;gap:18px;width:100%;min-height:92px;margin:0;padding:24px 26px;border-radius:20px;border:1px solid rgba(14,35,66,.12);background:#fffdf9;color:var(--text);font:400 17px/1.55 var(--fh);text-align:left;cursor:pointer;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,background .3s,box-shadow .3s}
.rcard:hover{transform:translateY(-2px);border-color:rgba(206,177,81,.75);box-shadow:0 18px 40px -28px rgba(14,35,66,.45)}
.rcard:focus-visible{outline:2px solid #ceb151;outline-offset:3px}
.rcard__check{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(14,35,66,.24);transition:background .3s,border-color .3s}
.rcard__check svg{width:16px;height:16px;fill:none;stroke:#1d1503;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.5);transition:opacity .3s,transform .3s}
.rcard.is-on{border-color:rgba(206,177,81,.95);background:linear-gradient(180deg,#fffaf0,#fdf1d6);box-shadow:0 18px 44px -26px rgba(150,110,20,.55)}
.rcard.is-on .rcard__check{border-color:transparent;background:linear-gradient(135deg,#f6dc8c,#ceb151)}
.rcard.is-on .rcard__check svg{opacity:1;transform:scale(1)}
.rresult{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px 38px;margin-top:22px;padding:30px 36px;border-radius:26px;color:#fff8ec;background:radial-gradient(620px 240px at 0% 0%,rgba(241,205,112,.17),rgba(241,205,112,0) 70%),linear-gradient(135deg,#0a2443,#0e2f57)}
.ring{position:relative;width:112px;height:112px;flex:none}
.ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.ring__bg{fill:none;stroke:rgba(251,247,240,.14);stroke-width:5}
.ring__fg{fill:none;stroke:#f1cd70;stroke-width:5;stroke-linecap:round;stroke-dasharray:326.73;transition:stroke-dashoffset .7s cubic-bezier(.2,.7,.2,1)}
.ring__num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring__num span{font:500 46px/1 var(--fs);color:#f1cd70}
.ring__num small{margin-top:5px;font:500 10.5px/1 var(--fh);letter-spacing:.2em;text-transform:uppercase;color:rgba(251,247,240,.62)}
.rresult__msg p{font:300 17.5px/1.65 var(--fh);color:rgba(251,247,240,.86)}
.rresult__msg strong{font-weight:500;color:#fff8ec}
.rresult__cta{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.rresult .tlink{color:rgba(251,247,240,.86);font-size:14.5px}
.note{margin-top:18px;font:400 13.5px/1.5 var(--fh);color:var(--muted);text-align:center}

.sec--night{overflow:hidden;background:radial-gradient(900px 520px at 88% 0%,rgba(103,216,245,.1),rgba(103,216,245,0) 62%),radial-gradient(800px 500px at 0% 100%,rgba(232,61,80,.09),rgba(232,61,80,0) 62%),linear-gradient(180deg,#061529,#081d38)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:end}
.viz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;margin-top:84px;padding:46px 50px;border-radius:30px;border:1px solid rgba(241,205,112,.24);background:linear-gradient(150deg,rgba(241,205,112,.1),rgba(255,255,255,.02) 55%)}
.viz__fig{display:grid;grid-template-columns:minmax(0,150fr) auto minmax(0,236fr);align-items:center;gap:16px 30px;max-width:476px}
.viz__to{grid-column:2;grid-row:1;font:italic 400 26px/1 var(--fs);color:rgba(251,247,240,.55)}
.viz__cap--one{grid-column:1;grid-row:2;align-self:start;white-space:nowrap}
.viz__cap--six{grid-column:3;grid-row:2;align-self:start;white-space:nowrap}
.gk{display:block;width:100%;height:auto;aspect-ratio:1;overflow:visible}
.gk--big{grid-column:1;grid-row:1}
.gk-six{grid-column:3;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 4.2%}
.gk--r1{transform:rotate(-7deg)}.gk--r2{transform:rotate(4deg)}.gk--r3{transform:rotate(-2deg)}.gk--r4{transform:rotate(6deg)}.gk--r5{transform:rotate(-5deg)}.gk--r6{transform:rotate(3deg)}
.gk-o{fill:rgba(241,205,112,.06);stroke:#e8c768;stroke-width:1.15;stroke-linejoin:round}
.gk-v{fill:none;stroke:#e8c768;stroke-width:.45;opacity:.8;stroke-linecap:round}
.gk-s{fill:none;stroke:#e8c768;stroke-width:1.5;stroke-linecap:round}
.gk-go{fill:none;stroke:rgba(251,247,240,.5);stroke-width:.9;stroke-dasharray:1.2 2.4;stroke-linecap:round}
.gk-gv{fill:none;stroke:rgba(251,247,240,.2);stroke-width:.4;stroke-dasharray:.8 2.2}
.viz__cap{font:400 14px/1.3 var(--fh);letter-spacing:.03em;color:rgba(251,247,240,.72)}
.viz__cap strong{display:block;margin-bottom:4px;font:500 34px/1 var(--fs);color:#f1cd70}
.viz__claim{font:italic 400 clamp(22px,2vw,27px)/1.45 var(--fs);color:#fff8ec;text-wrap:pretty}
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.icard{padding:32px 30px;border-radius:24px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.icard svg{width:40px;height:40px;fill:none;stroke:#f1cd70;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.icard .dash,.hl .dash{stroke-dasharray:2 2.4}
.icard h3{margin-top:22px;font:400 21px/1.3 var(--fh);color:#fff8ec}
.icard p{margin-top:10px;font:300 16px/1.65 var(--fh);color:rgba(251,247,240,.74)}
.closing{max-width:860px;margin:76px auto 0;text-align:center;font:italic 400 clamp(26px,2.6vw,36px)/1.35 var(--fs);color:#fff8ec;text-wrap:balance}

.sec--sky{overflow:hidden;background:linear-gradient(135deg,#84bbe5 0%,#bcdcf2 48%,#eeffff 100%);color:var(--ink)}
.sec--sky::before{content:"";position:absolute;left:50%;top:44%;width:1100px;height:900px;margin:-450px 0 0 -550px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,255,255,.62),rgba(255,255,255,.22) 55%,rgba(255,255,255,0))}
.sec--sky .wrap{z-index:1}
.leaves{position:relative;width:300px;height:236px;margin:0 auto}
.leaf{position:absolute;bottom:0;filter:drop-shadow(0 12px 22px rgba(8,61,114,.2))}
.leaf--gold{left:0;width:206px;transform:rotate(-6deg);transform-origin:60% 100%}
.leaf--blau{right:16px;width:132px;transform:rotate(7deg);transform-origin:10% 100%}
.poem{margin:46px auto 0;max-width:760px}
.poem p{font:italic 400 clamp(28px,3.1vw,41px)/1.34 var(--fs);color:var(--ink)}
.poem cite{display:block;margin-top:24px;font:500 12.5px/1.5 var(--fh);font-style:normal;letter-spacing:.22em;text-transform:uppercase;color:#1f4f80}
.poem-note{margin:34px auto 0;max-width:640px;font:400 17.5px/1.75 var(--fh);color:#1b3352;text-wrap:pretty}

.sec--paper{background:var(--paper)}
.bookgrid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:84px;align-items:start}
.bookgrid__media{position:sticky;top:112px}
.flatbook{position:relative;width:min(100%,350px);margin:0 auto;transform:rotate(-2.5deg);border-radius:3px 8px 8px 3px;box-shadow:0 2px 3px rgba(0,0,0,.12),0 30px 60px -20px rgba(14,35,66,.45),0 70px 90px -50px rgba(14,35,66,.4)}
.flatbook img{border-radius:3px 8px 8px 3px}
.flatbook::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 2.4%,rgba(255,255,255,.18) 3.4%,rgba(255,255,255,0) 7%),linear-gradient(125deg,rgba(255,255,255,.2),rgba(255,255,255,0) 40%)}
.pull{max-width:360px;margin:46px auto 0;text-align:center;font:italic 400 23px/1.45 var(--fs);color:var(--ink)}
.pull small{display:block;margin-top:10px;font:500 11.5px/1.4 var(--fh);font-style:normal;letter-spacing:.22em;text-transform:uppercase;color:var(--gtext)}
.facts{max-width:380px;margin:30px auto 0;border-top:1px solid var(--line)}
.facts div{display:flex;justify-content:space-between;gap:16px;padding:14px 2px;border-bottom:1px solid var(--line);font:400 15px/1.4 var(--fh)}
.facts dt{color:var(--muted)}
.facts dd{color:var(--ink);font-weight:500;text-align:right}
.tlist{list-style:none;margin:40px 0 0;padding:0}
.tlist li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);font:400 18px/1.6 var(--fh);color:var(--text)}
.tlist li:first-child{border-top:1px solid var(--line)}
.tlist .n{font:italic 500 27px/1 var(--fs);color:var(--gtext)}
.hl3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:90px}
.hl{position:relative;padding:34px 32px;border-radius:26px;background:#fff;border:1px solid var(--line);overflow:hidden}
.hl svg{width:40px;height:40px;fill:none;stroke:var(--gtext);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.hl h3{margin-top:20px;font:500 20px/1.3 var(--fh);color:var(--ink)}
.hl p{margin-top:10px;font:400 16px/1.65 var(--fh);color:var(--muted)}
.hl--nine{color:#fff8ec;border-color:transparent;background:radial-gradient(420px 260px at 100% 0%,rgba(241,205,112,.26),rgba(241,205,112,0) 70%),linear-gradient(150deg,#0a2443,#0e2f57)}
.hl--nine h3{margin-top:14px;color:#fff8ec}
.hl--nine p{color:rgba(251,247,240,.8)}
.hl__big{display:block;font:500 96px/.8 var(--fs)}

.sec--navy{background:radial-gradient(1000px 520px at 50% 0%,rgba(241,205,112,.13),rgba(241,205,112,0) 65%),linear-gradient(180deg,#0a2443,#081c38)}
.rating{display:inline-flex;align-items:center;gap:18px;margin-top:30px;padding:12px 26px 12px 22px;border-radius:999px;border:1px solid rgba(241,205,112,.3);background:rgba(255,255,255,.03)}
.rating__num{font:500 48px/1 var(--fs);color:#f1cd70}
.rating__txt{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font:400 14px/1.3 var(--fh);color:rgba(251,247,240,.76)}
.reviews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:60px}
.review{display:flex;flex-direction:column;padding:36px 36px 30px;border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09)}
.review__title{margin-top:18px;font:500 17px/1.4 var(--fh);color:#fff8ec}
.review blockquote{flex:1;margin-top:12px;font:italic 400 22px/1.5 var(--fs);color:rgba(251,247,240,.92)}
.review figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font:400 14px/1.4 var(--fh);color:rgba(251,247,240,.64)}
.review__name{font-weight:500;color:#fff8ec}
.reviews-src{margin-top:30px;text-align:center;font:400 13.5px/1.6 var(--fh);color:rgba(251,247,240,.58)}
.reviews-src .tlink{margin-left:10px;color:#f1cd70;font-size:14px}

.sec--cream{background:linear-gradient(180deg,#f3ece4,#f7f1e9)}
.author{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:90px;align-items:center}
.author__media{position:relative;width:100%;max-width:460px;margin:0 auto}
.author__media::before{content:"";position:absolute;inset:-16px 16px 16px -16px;border-radius:999px 999px 34px 34px;border:1px solid rgba(206,177,81,.75)}
.arch{position:relative;aspect-ratio:4 / 5;border-radius:999px 999px 30px 30px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(80,40,20,.45)}
.arch img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.author__badge{position:absolute;right:-30px;bottom:46px;display:flex;align-items:center;gap:16px;width:300px;padding:18px 22px;border-radius:20px;background:#fffdf9;box-shadow:0 24px 50px -24px rgba(14,35,66,.42);font:400 14px/1.45 var(--fh);color:var(--muted)}
.author__badge-num{font:500 44px/1 var(--fs);color:var(--gtext)}
.author__role{margin-top:14px;font:500 12.5px/1.6 var(--fh);letter-spacing:.14em;text-transform:uppercase;color:var(--gtext)}
.author__q{margin-top:26px;font:italic 400 clamp(23px,2.1vw,28px)/1.45 var(--fs);color:var(--ink);text-wrap:pretty}
.author .prose{margin-top:22px}
.creds{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 26px}
.creds li{display:flex;align-items:flex-start;gap:12px;font:400 15.5px/1.5 var(--fh);color:var(--ink)}
.creds svg{flex:none;width:22px;height:22px;margin-top:1px;fill:none;stroke:var(--gtext);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.author__sig{margin-top:34px;font:400 15px/1.5 var(--fh);letter-spacing:.02em;color:var(--muted)}
.author__sig em{display:block;margin-top:4px;font:italic 500 31px/1.3 var(--fs);color:var(--gtext)}
.press{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.press__label{font:500 11.5px/1 var(--fh);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.press__item{font:500 19px/1 var(--fs);letter-spacing:.02em;color:#3a485c}

.sec--deep{background:radial-gradient(900px 600px at 100% 40%,rgba(54,173,212,.15),rgba(54,173,212,0) 65%),linear-gradient(180deg,#071a33,#050f20)}
.academy{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:84px;align-items:center}
.academy__logo{width:220px;margin-bottom:36px}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:40px}
.tile{display:flex;flex-direction:column;gap:10px;padding:24px 24px 22px;border-radius:22px;text-decoration:none;color:#fff8ec;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,background .35s}
.tile:hover{color:#fff8ec;transform:translateY(-3px);border-color:rgba(241,205,112,.55);background:rgba(241,205,112,.07)}
.tile__top{display:flex;align-items:center;justify-content:space-between}
.tile svg{width:30px;height:30px;fill:none;stroke:#f1cd70;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.tile .arrow{width:20px;height:20px;stroke:rgba(251,247,240,.5);transition:transform .35s,stroke .35s}
.tile:hover .arrow{transform:translateX(4px);stroke:#f1cd70}
.tile h3{font:500 17px/1.35 var(--fh)}
.tile p{font:300 14.5px/1.55 var(--fh);color:rgba(251,247,240,.72)}
.academy__media{position:relative;width:100%;max-width:470px;margin:0 auto}
.academy__media::before{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:34px;border:1px solid rgba(241,205,112,.5)}
.framed{position:relative;aspect-ratio:3 / 4;border-radius:30px;overflow:hidden;box-shadow:0 50px 90px -40px rgba(0,0,0,.75)}
.framed img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}

.faq{margin-top:50px;border-top:1px solid var(--line)}
.qa{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:26px 4px;cursor:pointer;font:400 20px/1.4 var(--fh);color:var(--ink);transition:color .25s}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(14,35,66,.2);background:linear-gradient(#0e2342,#0e2342) center / 12px 1.5px no-repeat,linear-gradient(#0e2342,#0e2342) center / 1.5px 12px no-repeat;transition:transform .35s,background-color .35s}
.qa summary:hover{color:var(--gtext)}
.qa[open] summary::after{transform:rotate(45deg);background-color:rgba(206,177,81,.2)}
.qa__a{padding:0 64px 28px 4px}
.qa__a p{font:400 17px/1.75 var(--fh);color:var(--muted);text-wrap:pretty}
.qa__a p+p{margin-top:12px}
.qa__a .qa__key{margin-top:18px;font:italic 500 21px/1.45 var(--fs);color:var(--ink);text-wrap:balance}

.final{position:relative;overflow:hidden;isolation:isolate;padding:120px 0 136px;background:radial-gradient(900px 640px at 26% 50%,rgba(72,42,134,.55),rgba(72,42,134,0) 64%),linear-gradient(180deg,#081c38,#050f20)}
.final__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.final__visual{position:relative;display:grid;place-items:center;min-height:560px}
.final .burst{width:860px;height:860px;margin:-430px 0 0 -430px}
.final .rays{width:1040px;height:1040px;margin:-520px 0 0 -520px}
.book--sm{--bw:270px}
.h2--xl{font-size:clamp(42px,5vw,74px);line-height:1.04}
.fine{margin-top:22px;font:400 13.5px/1.6 var(--fh);color:rgba(251,247,240,.62)}

.foot{padding:56px 0 44px;background:#040b18;color:rgba(251,247,240,.7);border-top:1px solid rgba(241,205,112,.12)}
.foot__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.foot__logo{width:190px}
.foot__links{display:flex;flex-wrap:wrap;gap:0 26px}
.foot__links a{padding:14px 0;font:400 14px/1.2 var(--fh);color:rgba(251,247,240,.74);text-decoration:none}
.foot__links a:hover{color:#f1cd70}
.foot__fine{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 30px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.07);font:400 13px/1.6 var(--fh);color:rgba(251,247,240,.52)}
.mbar{display:none}

/* ===== Blick ins Buch ===== */
.pk{--fr:"Lora",Georgia,serif;overflow:hidden;isolation:isolate;background:radial-gradient(760px 560px at 72% 50%,rgba(241,205,112,.15),rgba(241,205,112,0) 70%),radial-gradient(900px 620px at 0% 0%,rgba(72,42,134,.34),rgba(72,42,134,0) 65%),linear-gradient(180deg,#061529 0%,#081c38 58%,#0a2443 100%)}
.pk .wrap{z-index:1}
.pk__grid{display:grid;grid-template-columns:minmax(0,5.2fr) minmax(0,6.8fr);grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:". stage" "head stage" "quote stage" "cta stage" ". stage";column-gap:clamp(48px,5vw,72px)}
.pk__cta .btn{padding:0 24px}
.pk__head{grid-area:head}
.pk__quote{grid-area:quote;margin-top:46px}
.pk__cta{grid-area:cta}
.pk__stage{grid-area:stage;position:relative;padding-top:8px}
.pk__glow{position:absolute;left:4%;top:-6%;width:92%;height:82%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,228,170,.26),rgba(255,228,170,.08) 55%,rgba(255,228,170,0))}
.pk__book{position:relative;width:100%;height:auto;transform:rotate(-3.5deg);transform-origin:50% 60%}
.pk__reader{position:relative;z-index:2;width:58%;margin:-41% 0 0 auto}
.pk__device{position:relative;padding:6.4% 6.4% 13.5%;border-radius:9% / 6.6%;background:linear-gradient(160deg,#2c2e34 0%,#1b1c20 52%,#141518 100%);box-shadow:0 60px 90px -42px rgba(0,0,0,.9),0 26px 44px -26px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.05)}
.pk__screen{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:1.2%;background:#f2f0e9;color:#1e1e1e;container-type:inline-size;box-shadow:inset 0 2px 5px rgba(0,0,0,.3),inset 0 0 0 1px rgba(0,0,0,.28)}
.pk__hdr{position:absolute;left:calc(6.5 * var(--cq, 1cqw));right:calc(6.5 * var(--cq, 1cqw));top:calc(4.4 * var(--cq, 1cqw));margin:0;text-align:center;font:400 calc(2.5 * var(--cq, 1cqw))/1 var(--fr);letter-spacing:.02em;color:#7a766d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk__vp{position:absolute;left:calc(6.5 * var(--cq, 1cqw));right:calc(6.5 * var(--cq, 1cqw));top:calc(11.5 * var(--cq, 1cqw));bottom:calc(11.5 * var(--cq, 1cqw));overflow:hidden}
.pk__flow{height:100%;columns:1;column-gap:calc(16 * var(--cq, 1cqw));column-fill:auto;font:400 calc(4.7 * var(--cq, 1cqw))/1.62 var(--fr);color:#1e1e1e;hyphens:manual;transition:transform .55s cubic-bezier(.3,.7,.2,1)}
.pk__flow p{margin:0;text-align:justify;text-indent:1.3em}
.pk__flow p.first{text-indent:0}
.pk__flow p.pk__kick{margin:0 0 calc(1.8 * var(--cq, 1cqw));text-indent:0;text-align:left;font-style:italic;font-size:calc(3.4 * var(--cq, 1cqw));line-height:1.2;color:#6f6a60}
.pk__title{margin:0 0 calc(4.6 * var(--cq, 1cqw));font:500 calc(7 * var(--cq, 1cqw))/1.14 var(--fr);letter-spacing:-.01em;color:#1e1e1e;text-wrap:balance}
.pk__hl{color:inherit;background:linear-gradient(transparent 8%,rgba(241,205,112,.6) 8%,rgba(241,205,112,.6) 92%,transparent 92%);padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.pk__end{break-before:column;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(3.6 * var(--cq, 1cqw));text-align:center}
.pk__end img{width:calc(17 * var(--cq, 1cqw));height:auto}
.pk__flow .pk__endt{text-indent:0;text-align:center;font:500 calc(6.2 * var(--cq, 1cqw))/1.15 var(--fr);color:#1e1e1e}
.pk__flow .pk__endp{text-indent:0;text-align:center;max-width:calc(62 * var(--cq, 1cqw));font-size:calc(4.1 * var(--cq, 1cqw));line-height:1.55;color:#4d4a44}
.pk__more{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;min-height:calc(11 * var(--cq, 1cqw));padding:0 calc(6 * var(--cq, 1cqw));border-radius:calc(99 * var(--cq, 1cqw));font:500 calc(3.7 * var(--cq, 1cqw))/1 var(--fh);letter-spacing:.03em;text-decoration:none;color:#1d1503;background:linear-gradient(135deg,#f6dc8c 0%,#e4c463 46%,#ceb151 100%)}
.pk__more:hover{color:#1d1503}
.pk__ftr{position:absolute;left:calc(6.5 * var(--cq, 1cqw));right:calc(6.5 * var(--cq, 1cqw));bottom:calc(4.6 * var(--cq, 1cqw));display:flex;align-items:center;gap:calc(3 * var(--cq, 1cqw));font:400 calc(2.5 * var(--cq, 1cqw))/1 var(--fr);color:#7a766d}
.pk__bar{position:relative;flex:1;height:calc(.5 * var(--cq, 1cqw));border-radius:calc(1 * var(--cq, 1cqw));background:#d9d5cb;overflow:hidden}
.pk__bar i{position:absolute;left:0;top:0;bottom:0;border-radius:calc(1 * var(--cq, 1cqw));background:#77736b;transition:width .55s}
.pk__tap{position:absolute;top:0;bottom:0;z-index:3;margin:0;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pk__tap--prev{left:0;width:30%}
.pk__tap--next{right:0;width:70%}
.pk__tap.is-off{display:none}
.pk__nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}
.pk__btn{display:grid;place-items:center;width:48px;height:48px;padding:0;border-radius:50%;border:1px solid rgba(241,205,112,.45);background:rgba(255,255,255,.04);color:#f1cd70;cursor:pointer;transition:background-color .3s,border-color .3s,opacity .3s}
.pk__btn:hover{background:rgba(241,205,112,.12);border-color:#f1cd70}
.pk__btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pk__btn.is-off{opacity:.32;cursor:default}
.pk__btn.is-off:hover{background:rgba(255,255,255,.04);border-color:rgba(241,205,112,.45)}
.pk__count{min-width:132px;text-align:center;font:400 14px/1.2 var(--fh);letter-spacing:.06em;color:rgba(251,247,240,.74)}
.pk__hint{margin-top:10px;text-align:center;font:400 13px/1.5 var(--fh);color:rgba(251,247,240,.5)}
.pk__quote blockquote{font:italic 500 clamp(26px,2.4vw,34px)/1.2 var(--fs);color:#fff8ec;text-wrap:balance}
.pk__quote figcaption{display:flex;align-items:center;gap:12px;margin-top:14px;font:400 14px/1.5 var(--fh);letter-spacing:.02em;color:rgba(251,247,240,.62)}
.pk__quote figcaption::before{content:"";width:26px;height:1px;flex:none;background:linear-gradient(90deg,#ceb151,#f1cd70)}
@media (max-width:980px){
.pk__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"head" "stage" "quote" "cta"}
.pk__stage{margin-top:52px;max-width:640px;width:100%;justify-self:center}
.pk__quote{margin-top:56px}
}
@media (max-width:640px){
.pk__stage{margin-top:40px}
.pk__book{width:104%;margin-left:-2%;transform:rotate(-3deg)}
.pk__reader{width:100%;margin-top:-25%}
.pk__device{padding:5% 4.5% 12%;border-radius:8% / 6%}
.pk__quote{margin-top:48px}
}

@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes shadow{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(.84);opacity:.55}}
@keyframes rise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.95}100%{transform:translateY(-240px) scale(1.1);opacity:0}}
@keyframes sheen{0%,62%{transform:translateX(-120%)}84%,100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.lp *,.lp *::before,.lp *::after{animation:none !important;transition:none !important}html{scroll-behavior:auto}}

@media (max-width:1180px){
.book{--bw:290px}
.book--sm{--bw:250px}
.burst{width:880px;height:880px;margin:-440px 0 0 -440px}
}
@media (max-width:980px){
.nav__links{display:none}
.hero{padding:26px 0 84px}
.hero__grid{grid-template-columns:minmax(0,1fr);min-height:0;gap:0}
.hero__copy{max-width:680px}
.hero__visual{min-height:540px;margin-top:8px}
.split,.viz,.bookgrid,.author,.academy,.final__grid{grid-template-columns:minmax(0,1fr)}
.split{gap:30px;align-items:start}
.viz{gap:34px;padding:36px 30px}
.bookgrid{gap:60px}
.bookgrid__media{position:relative;top:0}
.cards3,.hl3{grid-template-columns:minmax(0,1fr)}
.hl3{margin-top:64px}
.author{gap:70px}
.academy{gap:72px}
.final__visual{min-height:460px}
.rresult{grid-template-columns:auto minmax(0,1fr)}
.rresult__cta{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 22px}
}
@media (max-width:640px){
.lp{font-size:16px}
.sec{padding:84px 0}
.nav__in{min-height:64px;gap:12px}
.brand__name{font-size:18px}
.brand__sub{font-size:9px;letter-spacing:.24em}
.nav .btn--sm{padding:0 16px;font-size:13.5px}
.badge{padding:6px 12px;letter-spacing:.12em}
.viz__to{font-size:22px}
.gk-six{row-gap:4px}
.viz__cap{font-size:12.5px}
.viz__cap strong{font-size:28px}
.h1{margin-top:24px}
.h1__kicker{font-size:11px;letter-spacing:.22em}
.h1__main{font-size:43px}
.hero__lead{margin-top:22px;font-size:17px}
.hero__cta{margin-top:30px}
.hero__cta .btn,.cta-row .btn{width:100%}
.trust{gap:12px 20px;margin-top:30px;font-size:13.5px}
.book{--bw:224px}
.book--sm{--bw:206px}
.hero__visual{min-height:440px}
.burst,.final .burst{width:640px;height:640px;margin:-320px 0 0 -320px}
.rays,.final .rays{width:820px;height:820px;margin:-410px 0 0 -410px}
.ornament{width:440px;height:440px;margin:-220px 0 0 -220px}
.book-glow{width:380px;height:380px;margin:-190px 0 0 -190px}
.book-shadow{width:220px;margin-left:-110px}
.h2{font-size:34px}
.lead{font-size:20px}
.rgrid{grid-template-columns:minmax(0,1fr);margin-top:40px;gap:10px}
.rcard{min-height:0;padding:19px 20px;font-size:16px;gap:14px}
.rresult{grid-template-columns:minmax(0,1fr);justify-items:start;padding:26px 22px}
.ring{width:96px;height:96px}
.prose p{font-size:17px}
.viz{margin-top:56px;padding:28px 22px}
.viz__fig{gap:14px 14px}
.closing{margin-top:56px}
.leaves{transform:scale(.82)}
.poem p{font-size:27px}
.tlist li{grid-template-columns:48px minmax(0,1fr);font-size:16.5px}
.hl{padding:28px 24px}
.reviews{grid-template-columns:minmax(0,1fr);margin-top:44px}
.review{padding:28px 24px 24px}
.review blockquote{font-size:20.5px}
.rating{gap:14px;padding:10px 20px 10px 16px}
.creds{grid-template-columns:minmax(0,1fr)}
.author__badge{right:-4px;bottom:22px;width:auto;max-width:250px;padding:14px 16px;gap:12px}
.author__badge-num{font-size:38px}
.author__media::before{inset:-10px 10px 10px -10px}
.tiles{grid-template-columns:minmax(0,1fr)}
.academy__logo{width:190px}
.academy__media::before{inset:12px -10px -12px 12px}
.qa summary{padding:22px 2px;font-size:18px}
.qa__a{padding-right:6px}
.final{padding:84px 0 96px}
.final__visual{min-height:390px}
.foot{padding-bottom:30px}
.mbar{display:flex;position:sticky;bottom:0;z-index:70;padding:12px 16px 14px;background:rgba(5,15,32,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(241,205,112,.22)}
.mbar .btn{width:100%}
}
/* Nur in der Live-Version: sanfte Bewegung und Einblendungen */
.hero .rays{animation:spin 280s linear infinite}
.hero .burst{animation:breathe 10s ease-in-out infinite}
.h1 .gold-text{background-size:240% 100%;animation:shimmer 9s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.86}}
@keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
[hidden]{display:none !important}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}}

/* ===== Ergaenzungen statische Version: Mobil und Safari ===== */
/* Seite bewegt sich auf dem Handy nur vertikal, kein seitliches Verschieben */
html{overflow-x:hidden;overscroll-behavior-x:none}
#resonanz{overflow:hidden}
/* Reader: Wischgesten bleiben im Reader, Text wird beim Tippen nicht markiert */
.pk__screen{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.pk__flow{-webkit-column-fill:auto;will-change:transform}
.pk__end{-webkit-column-break-before:always;break-before:column}
.pk__more{position:static}