@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
    :root{color-scheme:dark;--navy:#071522;--navy2:#0d2030;--ink:#eff9ff;--muted:#b6c7d5;--gold:#ffcd69;--teal:#4de2d0;--pink:#ff78c4;--line:rgba(156,198,223,.19);--max:1160px;font-family:'DM Sans',Arial,sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--navy);overflow-x:hidden}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}img{max-width:100%;display:block}p{line-height:1.74}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.035em;line-height:1.13;margin:0}h2{font-size:clamp(1.8rem,3vw,2.7rem)}h3{font-size:1.15rem}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--teal)}.eyebrow--gold{color:var(--gold)}.accent{color:var(--gold)}
    .topline{background:linear-gradient(90deg,#103d50,#26445c,#443456);font-size:.76rem;text-align:center;letter-spacing:.1em;font-weight:800;padding:8px 12px}.header{background:#081827;border-bottom:1px solid var(--line);position:relative;z-index:3}.header__inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.mark{text-decoration:none;font-family:Manrope,Arial,sans-serif;font-size:1.4rem;font-weight:800;letter-spacing:.1em;white-space:nowrap}.mark__icon{color:var(--gold);margin-right:6px}.header nav{display:flex;gap:23px;align-items:center}.header nav a{text-decoration:none;color:#c5d6e0;font-size:.86rem;font-weight:700}.header nav a:hover{color:var(--gold)}.header .mini{border:1px solid rgba(255,205,105,.55);border-radius:999px;padding:10px 17px;color:var(--gold)}
    .hero{background:linear-gradient(90deg,rgba(4,16,30,.99) 0%,rgba(4,16,30,.94) 31%,rgba(4,16,30,.5) 67%,rgba(4,16,30,.13) 100%),url('/assets/casoola-hero.webp') center right/cover no-repeat;min-height:620px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:95px;background:linear-gradient(transparent,var(--navy));pointer-events:none}.hero__inner{position:relative;z-index:1;padding-top:72px;padding-bottom:94px}.hero__copy{max-width:680px}.badge{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(77,226,208,.42);border-radius:99px;color:#b5fff3;background:rgba(4,37,50,.62);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.badge:before{content:"";width:8px;height:8px;background:var(--teal);border-radius:50%;box-shadow:0 0 14px var(--teal)}h1{font-size:clamp(2.8rem,5.2vw,5rem);margin:23px 0 19px;max-width:760px}.hero__lead{font-size:clamp(1.03rem,1.5vw,1.2rem);color:#d8e8ed;max-width:610px;line-height:1.65}.hero__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:12px 21px;border-radius:11px;font-weight:800;font-size:.94rem;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;text-align:center}.btn:hover{transform:translateY(-2px)}.btn--gold{background:linear-gradient(110deg,#ffca66,#ffe4a2);color:#132535;box-shadow:0 10px 25px rgba(255,192,82,.22)}.btn--outline{border:1px solid rgba(226,246,255,.48);background:rgba(12,35,50,.65)}.btn--outline:hover{background:#183547}.btn--teal{background:var(--teal);color:#0c2a32}.hero__note{font-size:.78rem;color:#bdccd4;max-width:570px;margin-top:18px}.hero__note strong{color:#e5f5f6}.hero__stat{display:flex;flex-wrap:wrap;gap:10px;margin-top:42px}.hero__stat span{padding:10px 14px;border:1px solid rgba(208,231,239,.23);background:rgba(6,26,41,.67);backdrop-filter:blur(7px);border-radius:9px;font-size:.82rem;font-weight:800}
    .quick{position:relative;z-index:2;margin-top:-50px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 20px 60px #0005}.quick__item{background:#102838;padding:20px 23px}.quick small{display:block;color:var(--teal);font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;margin-bottom:6px}.quick strong{font-size:.95rem;line-height:1.35}
    .navchips{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;white-space:nowrap;padding-top:31px;padding-bottom:5px}.navchips a{border:1px solid var(--line);border-radius:999px;padding:10px 15px;text-decoration:none;font-size:.8rem;color:#c5d8e1;font-weight:800}.navchips a:hover{background:#173849;color:#fff}.section{padding:82px 0;border-bottom:1px solid var(--line)}.section--soft{background:#0b2030}.section--warm{background:radial-gradient(circle at 90% 0%,rgba(255,190,89,.12),transparent 43%),#0d2130}.section__head{max-width:790px;margin-bottom:30px}.section__head p{color:var(--muted);font-size:1.02rem}.content{max-width:790px}.content p{color:#cad8e2;margin:0 0 20px}.content a{color:var(--gold)}.split{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:42px;align-items:start}.split .content{max-width:none}.panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#173449,#0d2335);padding:27px;box-shadow:0 18px 44px #0003}.panel--gold{background:radial-gradient(circle at top right,rgba(255,211,116,.22),transparent 42%),linear-gradient(140deg,#17324a,#102538);border-color:rgba(255,205,105,.4)}.panel__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:800}.panel__big{font:800 clamp(2rem,3vw,3rem)/1.1 Manrope,sans-serif;letter-spacing:-.05em;margin:14px 0 5px}.panel__sub{font-weight:800;color:var(--teal);font-size:1.16rem}.panel p{font-size:.88rem;color:#c6d6df}.panel .btn{width:100%;margin-top:15px}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:19px}.facts div{background:#0a1b2a;padding:13px;border-radius:10px}.facts small{display:block;color:#9fb6c3;font-size:.69rem;text-transform:uppercase;letter-spacing:.1em}.facts strong{display:block;margin-top:4px;font-size:.86rem}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tile{border:1px solid var(--line);background:#102838;border-radius:17px;padding:23px}.tile__icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;color:#092332;background:var(--teal);font-size:1.15rem;font-weight:900;margin-bottom:18px}.tile:nth-child(3n+2) .tile__icon{background:var(--gold)}.tile:nth-child(3n+3) .tile__icon{background:var(--pink)}.tile p{color:#b7cad5;font-size:.9rem;margin-bottom:0}.bonus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.bonus-card{border:1px solid var(--line);background:#122a3a;border-radius:17px;padding:24px}.bonus-card small{color:var(--teal);font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.bonus-card h3{margin:9px 0}.bonus-card p{color:#c5d4de;font-size:.9rem;margin:0}.list{padding-left:20px;color:#cbd9e2;line-height:1.75}.list li{margin-bottom:10px}.callout{border-left:3px solid var(--gold);background:#142b3c;padding:18px 21px;border-radius:0 11px 11px 0;color:#d6e6ed;line-height:1.7}.callout strong{color:var(--gold)}.check{display:grid;gap:11px;margin-top:20px}.check div{display:flex;gap:11px;align-items:start;color:#cad9e2;line-height:1.55}.check b{color:var(--teal)}.paygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.paygrid .tile{min-height:180px}.stepgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:step}.step{counter-increment:step;position:relative;padding:25px;border-radius:15px;border:1px solid var(--line);background:#102a3b}.step:before{content:counter(step,decimal-leading-zero);display:block;color:var(--gold);font-weight:800;font-size:.73rem;letter-spacing:.1em;margin-bottom:13px}.step p{font-size:.88rem;color:#c4d5dd;margin-bottom:0}.tablebox{overflow:auto;border:1px solid var(--line);border-radius:15px}.tablebox table{border-collapse:collapse;width:100%;min-width:560px}.tablebox th,.tablebox td{text-align:left;vertical-align:top;padding:15px 17px;border-bottom:1px solid var(--line);line-height:1.5}.tablebox tr:last-child td{border:0}.tablebox th{font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;color:var(--teal);background:#153447}.tablebox td{font-size:.88rem;color:#cbd9e1}.faq{max-width:860px}.faq details{border:1px solid var(--line);border-radius:12px;background:#102839;margin-bottom:10px}.faq summary{cursor:pointer;padding:18px 21px;font-weight:800;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--gold);font-size:1.4rem}.faq details[open] summary:after{content:'−'}.faq details p{margin:0;padding:0 21px 19px;color:#c5d7e0;font-size:.92rem}.final{background:radial-gradient(circle at 83% 17%,rgba(255,202,91,.2),transparent 32%),linear-gradient(115deg,#14384b,#112638);border:1px solid rgba(255,215,127,.34);border-radius:24px;padding:40px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.final h2{margin-top:9px}.final p{color:#c7dbe4;margin-bottom:0}.footer{background:#05121d;padding:40px 0;color:#9eb3c0;font-size:.8rem}.footer__row{display:flex;justify-content:space-between;gap:20px}.footer strong{color:#e8f4f5}.footer p{max-width:680px;margin:7px 0 0;font-size:.8rem}
    @media(max-width:900px){.header nav{gap:12px}.header nav a{font-size:.78rem}.split{grid-template-columns:1fr}.three,.paygrid{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:640px){.wrap{width:min(var(--max),calc(100% - 28px))}.header__inner{min-height:62px}.mark{font-size:1.14rem}.header nav a:not(.mini){display:none}.header .mini{padding:8px 12px}.hero{min-height:0;background:linear-gradient(90deg,rgba(4,16,30,.89),rgba(4,16,30,.64)),url('/assets/casoola-hero.webp') 69% center/cover no-repeat}.hero__inner{padding-top:50px;padding-bottom:92px}.hero__lead{font-size:1rem}.hero__buttons{display:grid}.hero__stat{gap:7px;margin-top:28px}.hero__stat span{font-size:.72rem;padding:8px 10px}.quick{margin-top:-50px}.quick__item{padding:14px}.quick strong{font-size:.8rem}.section{padding:61px 0}.three,.bonus-grid,.paygrid,.stepgrid{grid-template-columns:1fr}.tile,.bonus-card{padding:21px}.final{grid-template-columns:1fr;padding:27px}.final .btn{width:100%}.footer__row{display:block}.footer__row>span{display:block;margin-top:18px}}@media(max-width:380px){h1{font-size:2.55rem}.hero__stat span{font-size:.68rem}.quick{grid-template-columns:1fr 1fr}.quick__item{padding:11px}.quick strong{font-size:.74rem}.header .mini{font-size:.72rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Original Casoola-inspired burgundy and gold presentation. */
:root {
  --navy: #210508;
  --navy2: #30090e;
  --ink: #fff3d1;
  --muted: #dfc9ad;
  --gold: #ffd780;
  --teal: #ffe3a8;
  --pink: #eeb879;
  --line: rgba(242, 197, 123, .27);
  font-family: Arial, Helvetica, sans-serif;
}
body { background: #210508; color: #f7e8c6; }
h1, h2, h3 {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  letter-spacing: -.019em;
  hyphens: auto;
  overflow-wrap: anywhere;
}
h1 { text-shadow: 0 3px 15px rgba(25, 3, 6, .65); }
.eyebrow { color: #efcf86; }
.topline {
  background: linear-gradient(90deg, #57131e, #3e0b13, #2b070d);
  color: #ffe3a9;
  border-bottom: 1px solid rgba(255, 218, 148, .3);
}
.header {
  background: linear-gradient(180deg, #4e111b, #29070d);
  border-bottom: 1px solid rgba(255, 214, 124, .42);
  box-shadow: 0 8px 25px rgba(0, 0, 0, .22);
}
.header__inner { min-height: 72px; }
.mark {
  display: flex;
  align-items: center;
  width: 230px;
  height: 68px;
  min-width: 230px;
  overflow: hidden;
  line-height: 0;
}
.mark img {
  width: 285px;
  min-width: 285px;
  height: 285px;
  max-width: none;
  position: relative;
  left: -25px;
  mix-blend-mode: lighten;
}
.header nav a {
  color: #f5e1bc;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  font-size: .98rem;
}
.header nav a:hover { color: #fff5d0; }
.header .mini {
  border: 1px solid #d8a95f;
  color: #fff0bd;
  border-radius: 8px;
  background: linear-gradient(180deg, #5c1420, #290509);
  box-shadow: inset 0 0 0 1px rgba(255, 224, 168, .14);
}
.hero {
  background:
    linear-gradient(90deg, rgba(27, 3, 7, .95) 0%, rgba(31, 4, 8, .87) 29%, rgba(36, 4, 9, .47) 62%, rgba(31, 3, 8, .14) 100%),
    url('/assets/casoola-hero.webp') center right / cover no-repeat;
}
.hero:after { background: linear-gradient(transparent, #210508); }
.badge {
  border-color: rgba(255, 220, 149, .72);
  background: linear-gradient(180deg, rgba(255, 241, 206, .95), rgba(240, 200, 125, .95));
  color: #3a1010;
  box-shadow: 0 2px 16px rgba(255, 201, 96, .28);
}
.badge:before { background: #8c2733; box-shadow: none; }
.accent { color: #ffe2a3; }
.hero__lead { color: #fff2d8; }
.hero__offer {
  margin: 19px 0 0;
  color: #ffe2a0;
  font: 700 clamp(1.5rem, 2.7vw, 2.35rem)/1.16 Georgia, 'Times New Roman', serif;
  text-shadow: 0 2px 15px rgba(31, 2, 6, .75);
}
.hero__offer small { display: block; font: 600 .68rem/1.4 Arial, sans-serif; letter-spacing: .13em; text-transform: uppercase; margin-bottom: 5px; color: #fff3d4; }
.hero__note { color: #f0d8b3; }
.hero__note strong { color: #fff0cb; }
.hero__stat span {
  border-color: rgba(255, 220, 143, .42);
  background: rgba(45, 8, 15, .73);
  color: #ffe5b5;
}
.btn {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1rem;
  letter-spacing: .01em;
}
.btn--gold {
  color: #3d1209;
  border: 2px solid #ad5b17;
  background: linear-gradient(180deg, #fff0ad 0%, #ffcf4d 43%, #df8711 100%);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .67), 0 5px 0 #8d410e, 0 13px 23px rgba(0, 0, 0, .34);
  text-transform: uppercase;
}
.btn--gold:hover { box-shadow: inset 0 2px 0 rgba(255,255,255,.67), 0 7px 0 #8d410e, 0 16px 27px rgba(0,0,0,.4); }
.btn--outline {
  color: #ffe6b1;
  border-color: rgba(255, 218, 146, .7);
  background: rgba(45, 6, 13, .75);
}
.btn--outline:hover { background: #5a1520; }
.btn--teal { color: #3d1209; background: #f7cc75; }
.quick { background: rgba(232, 172, 98, .37); border-color: rgba(255, 223, 157, .48); }
.quick__item { background: #441018; min-width: 0; overflow-wrap: anywhere; }
.quick small { color: #efc878; }
.navchips a { color: #f4d7ad; background: #381018; }
.navchips a:hover { background: #601c26; }
.section { border-color: rgba(239, 194, 122, .18); }
.section--soft { background: #30090f; }
.section--warm { background: radial-gradient(circle at 90% 0%, rgba(217, 125, 41, .15), transparent 43%), #28070d; }
.section__head p, .content p, .list, .check div { color: #e6cfaf; }
.content a { color: #ffdf91; }
.panel, .tile, .bonus-card, .step, .faq details {
  color: #f8e7c4;
  background: linear-gradient(145deg, #4a1420, #310c13);
  border-color: rgba(255, 207, 132, .3);
}
.panel--gold {
  background: radial-gradient(circle at top right, rgba(255, 206, 105, .19), transparent 45%), linear-gradient(140deg, #5a1720, #2e0910);
  border-color: rgba(255, 220, 139, .55);
}
.panel p, .tile p, .bonus-card p, .step p, .faq details p { color: #e1c8a9; }
.panel__label, .bonus-card small { color: #f9d584; }
.panel__sub { color: #ffe3a7; }
.facts div { background: #2a0710; }
.facts small { color: #d7b490; }
.tile__icon, .tile:nth-child(3n+2) .tile__icon, .tile:nth-child(3n+3) .tile__icon {
  color: #4a120a;
  background: linear-gradient(145deg, #ffecac, #cf8a35);
}
.callout { background: #43121b; color: #eed6b3; }
.tablebox { border-color: rgba(255, 209, 139, .4); }
.tablebox th { color: #ffe1a1; background: #5b1924; }
.tablebox td { color: #edd3b1; }
.tablebox th, .tablebox td { border-color: rgba(255, 217, 151, .24); }
.faq summary:after { color: #ffd77d; }
.final {
  background: radial-gradient(circle at 83% 17%, rgba(255, 189, 86, .19), transparent 32%), linear-gradient(115deg, #5d1a24, #330b13);
  border-color: rgba(255, 217, 143, .51);
}
.final p { color: #ead1b1; }
.footer { background: #180306; color: #d2b998; border-top: 1px solid rgba(255, 213, 139, .28); }
.footer strong { color: #ffebc0; }
@media(max-width:640px) {
  .navchips { flex-wrap: wrap; overflow: visible; white-space: normal; }
  .tablebox { overflow: visible; border: 0; }
  .tablebox table, .tablebox tbody, .tablebox tr, .tablebox td { display: block; min-width: 0; width: 100%; }
  .tablebox thead { display: none; }
  .tablebox tbody { display: grid; gap: 12px; }
  .tablebox tr { padding: 11px; border: 1px solid var(--line); border-radius: 12px; background: #42121b; }
  .tablebox td { padding: 6px 8px; border: 0; }
  .tablebox td:first-child { color: #ffe0a1; font-weight: 800; }
  .tablebox td:nth-child(2):before, .tablebox td:nth-child(3):before { display: block; color: #dbaf75; font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
  .tablebox td:nth-child(2):before { content: 'Stärke'; }
  .tablebox td:nth-child(3):before { content: 'Prüfen'; }
  .mark { width: 168px; min-width: 168px; height: 54px; }
  .mark img { width: 218px; min-width: 218px; height: 218px; left: -20px; }
  .hero {
    background: linear-gradient(90deg, rgba(28, 3, 8, .87), rgba(31, 4, 9, .60)), url('/assets/casoola-hero.webp') 66% center / cover no-repeat;
  }
  .quick__item { background: #441018; }
}