:root{--ink:#20212b;--primary:#514966;--accent:#d9ccea;--paper:#faf9fc;--font-primary:Arial;--font-body:Arial}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body),sans-serif}button,a{font:inherit}a{text-decoration:none}img{max-width:100%}figure{margin:0}
.page { color:var(--ink); background:var(--paper); }
.wrap { width:min(1180px, calc(100% - 64px)); margin-inline:auto; }
.page h1,.page h2,.page h3,.modalTitle { font-family:var(--font-primary),sans-serif; font-weight:800; letter-spacing:.005em; text-wrap:balance; text-transform:uppercase; }
.page h1 { font-size:clamp(34px,2.85vw,42px); line-height:1.1; max-width:670px; margin:48px 0 28px; }
.page h2 { font-size:clamp(28px,2.65vw,38px); line-height:1.12; margin:0 0 28px; }
.page h3 { font-size:21px; line-height:1.2; margin:0 0 16px; }
.page p { line-height:1.7; }
.eyebrow { font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ink); margin:0 0 14px; }
.hero { margin:12px; padding:86px 0 72px; border-radius:32px; background:radial-gradient(ellipse at 85% 100%,var(--primary) 0,transparent 65%),radial-gradient(ellipse at 100% 0%,var(--ink) 0,transparent 48%),var(--ink); color:var(--paper); position:relative; overflow:hidden; }
.hero h1 { color:var(--paper); }
.hero .eyebrow,.hero .date { color:var(--paper); }
.hero .dot { box-shadow:0 0 0 5px var(--accent); background:var(--accent); }
.highlight { color:var(--accent); }
.heroGrid { display:grid; grid-template-columns:1.35fr 1fr; gap:70px; align-items:center; }
.heroCopy { padding-block:16px; }
.dot { display:inline-block; width:7px; height:7px; margin-right:9px; border-radius:50%; background:var(--primary); }
.date { font-size:17px; font-style:italic; font-weight:600; margin:0; color:var(--primary); }
.lead { max-width:520px; font-size:18px; margin:0 0 44px; }
.cta { display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--paper); min-height:58px; padding:17px 36px; background:linear-gradient(100deg,var(--ink),var(--primary) 55%,var(--primary)); color:white; border-radius:999px; box-shadow:0 8px 22px var(--ink); text-transform:uppercase; font-size:17px; font-weight:700; line-height:1.45; cursor:pointer; transition:background .15s; }
.cta:hover { background:var(--ink); }
.cta:focus-visible,.close:focus-visible,.faqs summary:focus-visible { outline:3px solid var(--primary); outline-offset:5px; }

.heroPortrait { margin:0; position:relative; background:var(--paper); border-radius:26px; overflow:hidden; height:610px; width:100%; max-width:465px; justify-self:end; color:var(--ink); box-shadow:0 24px 70px var(--ink); }
.heroImage { object-fit:contain; object-position:center bottom; position:absolute; width:100%; height:calc(100% - 60px); bottom:0; z-index:2; }
.portraitHeader { position:relative; z-index:3; display:flex; justify-content:space-between; gap:20px; padding:28px 28px 0; font-size:21px; font-weight:700; line-height:1.2; color:var(--ink); }
.calendar { text-align:right; font-size:12px; }
.calendar strong { display:block; font:800 30px var(--font-primary),sans-serif; margin-top:3px; }
.portraitBackdrop { position:absolute; inset:110px 24px 24px; border-radius:5px; background:radial-gradient(ellipse at 80% 20%,var(--accent),transparent 55%),linear-gradient(145deg,var(--ink),var(--ink)); }
.heroPortrait figcaption { position:absolute; z-index:4; inset:auto 0 0 52px; padding:20px 20px; background:var(--paper); border-radius:18px 0 0 0; display:flex; flex-direction:column; gap:3px; }
.heroPortrait figcaption strong { font:800 25px/1.1 var(--font-primary),sans-serif; text-transform:uppercase; }
.heroPortrait figcaption span { font-size:13px; }
.sealBar { border-block:1px solid var(--paper); padding:19px 24px; display:flex; align-items:center; justify-content:center; gap:16px; }
.sealBar p { font-size:13px; margin:0; }
.sealBar strong,.sealBar span { display:block; }
.sealBar strong { font-weight:500; font-size:15px; }
.section { padding:110px 0; }
.hero .cta,.ticket .cta { background:linear-gradient(100deg,var(--accent),var(--paper) 50%,var(--accent)); color:var(--ink); }
.hero .cta:hover,.ticket .cta:hover { background:var(--paper); }
.paper { position:relative; padding:34px; background:white; border-radius:12px; box-shadow:0 18px 40px var(--ink); transform:rotate(1.5deg); isolation:isolate; }
.paper::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:12px; background:var(--paper); transform:rotate(-4deg); }
.paper::after { content:""; position:absolute; inset:0; z-index:-1; border-radius:12px; background:white; }
.soft { background:var(--paper); }
.split { display:grid; grid-template-columns:1fr 1fr; gap:105px; align-items:center; }
.split .cta,.faqGrid .cta { margin-top:10px; }
.prose p { font-size:17px; margin:0 0 20px; }
.prose p:last-child { margin-bottom:0; }
.centerTitle { max-width:850px; margin-inline:auto!important; text-align:center; }
.three { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; margin-top:45px; }
.number { display:grid; place-items:center; width:60px; height:60px; border:1px dashed var(--accent); border-radius:50%; color:var(--accent); margin-bottom:24px; }
.number svg { width:34px; height:34px; }
.benefit { padding:8px 14px; }
.benefit h3 { font-size:18px; line-height:1.2; min-height:44px; }
.ticket { position:relative; margin:0 16px; border-radius:28px; color:var(--paper); background:radial-gradient(ellipse at 50% 100%,var(--ink) 0,transparent 70%),var(--ink); }
.ticket::before { content:""; position:absolute; inset:12px; border:1px solid var(--accent); border-radius:20px; pointer-events:none; }
.ticket::after { content:""; position:absolute; left:-1px; top:50%; height:90px; width:45px; border-radius:0 100px 100px 0; background:var(--paper); box-shadow:calc(100vw - 46px) 0 var(--paper); }
.ticket h2 { color:var(--paper); }
.ticket h3 { color:var(--accent); }
.benefit p { margin:0; font-size:16px; }
.centerCta { text-align:center; margin-top:40px; }
.comparison { display:grid; grid-template-columns:1fr 1fr; gap:38px; margin-top:52px; }
.comparison>div { padding:36px; background:var(--paper); border-radius:16px; border:1px dashed var(--accent); outline:8px solid var(--paper); transform:rotate(-1.5deg); }
.comparison>div+div { background:var(--paper); outline-color:var(--paper); border-color:var(--primary); transform:rotate(1.5deg); box-shadow:0 14px 36px var(--ink); }
.comparison ul { list-style:none; padding:0; margin:0; }
.comparison li { display:flex; gap:15px; padding:12px 0; border-bottom:0; font-size:16px; line-height:1.6; }
.comparison li:last-child { border:0; padding-bottom:0; }
.comparison li span { color:var(--ink); flex-shrink:0; font-weight:700; }
.program { position:relative; background:var(--paper); overflow:hidden; }
.program::before { content:"PRO"; position:absolute; top:30px; left:20px; font:800 clamp(160px,24vw,340px) var(--font-primary),sans-serif; color:var(--paper); pointer-events:none; }
.program>.wrap { position:relative; max-width:950px; }
.program h2 { max-width:760px; margin-inline:auto; text-align:center; }
.program>.wrap>.eyebrow { text-align:center; }
.pillars { margin:48px auto 0; max-width:770px; }
.pillars article { position:relative; padding:28px 30px 28px 60px; margin:0 0 26px 28px; border-radius:12px; background:var(--paper); box-shadow:0 12px 30px var(--ink); }
.pillarNumber { position:absolute; left:-30px; top:28px; display:grid; place-items:center; width:65px; height:65px; border:1px dashed var(--accent); outline:5px solid var(--primary); border-radius:50%; background:var(--primary); color:var(--paper); font:700 30px var(--font-primary),sans-serif; font-style:italic; box-shadow:0 5px 20px var(--ink); }
.pillars .eyebrow { margin:0 0 8px; }
.pillars h3 { margin-bottom:10px; }
.pillars p:last-child { margin:0; max-width:680px; color:var(--primary); font-size:16px; }
.quotes figure { margin:0; display:flex; flex-direction:column; justify-content:space-between; gap:20px; background:transparent; border-radius:0; padding:10px 8px; box-shadow:none; }
.quoteMark { color:var(--primary); font:70px/0.7 Georgia,serif; height:36px; }
.quotes blockquote { margin:0; font-size:17px; line-height:1.65; flex:1; }
.quotes figcaption { display:flex; gap:14px; align-items:center; }
.quotes img { width:56px; height:56px; border-radius:50%; object-fit:cover; }
.quotes strong { display:block; font-size:15px; }
.quotes figcaption span { display:block; font-size:12px; line-height:1.5; margin-top:4px; color:var(--primary); }
.bio { display:grid; grid-template-columns:1.2fr 1fr; gap:40px 80px; align-items:center; }
.bioSubtitle { font-size:18px; margin:0 0 24px; }
.bioPortrait { margin:0; padding:0; border-radius:20px; overflow:hidden; }
.bioImage { border-radius:12px; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; object-position:50% 20%; }
.bioPortrait figcaption { padding:16px 8px 8px; font:500 25px var(--font-heading),sans-serif; }
.bioPortrait figcaption span { display:block; font:14px/1.5 var(--font-primary),sans-serif; color:var(--primary); margin-top:3px; }
.stats { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding-top:12px; margin:0; text-align:center; }
.stats>div { padding:24px 18px; background:transparent; border-radius:0; border:0; }
.stats dt { font:800 38px var(--font-primary),sans-serif; color:var(--ink); }
.stats dd { font-size:14px; margin:6px 0 0; }
.faqGrid { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; }
.faqs { display:grid; gap:12px; align-content:start; }
.faqs details { background:var(--paper); border:0; padding-inline:24px; border-radius:8px; box-shadow:0 6px 20px var(--ink); }
.faqs summary { list-style:none; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:23px 0; cursor:pointer; font-weight:500; font-size:17px; line-height:1.5; }
.faqs summary::-webkit-details-marker { display:none; }
.faqs summary span { font-size:25px; color:var(--primary); }
.faqs details[open] summary span { transform:rotate(45deg); }
.faqs p { margin:0; padding:0 0 24px; font-size:16px; }
.skip { position:absolute; top:8px; left:12px; padding:12px; background:white; transform:translateY(-200%); z-index:60; }
.skip:focus { transform:none; }
.dialog { position:relative; z-index:70; }
.backdrop { position:fixed; inset:0; background:var(--ink); }
.modalScroll { position:fixed; inset:0; overflow-y:auto; padding:32px 16px; }
.modal { position:relative; max-width:510px; margin:40px auto; padding:40px; background:var(--paper); border-radius:12px; color:var(--ink); }
.close { position:absolute; right:6px; top:4px; width:48px; height:48px; background:none; border:0; font-size:30px; cursor:pointer; }
.modalTitle { font-size:32px; line-height:1.2; margin:20px 0 14px; }
.modalDate { font-size:14px; font-weight:500; margin-bottom:16px; }
.modalIntro { font-size:16px; line-height:1.6; margin:0 0 24px; }
@media(max-width:1023px) {
 .heroGrid { gap:36px; grid-template-columns:1.1fr 1fr; }
 .heroPortrait { min-height:430px; }
 .split,.bio,.faqGrid { gap:40px; }
 .three { gap:24px; }
}
@media(max-width:767px) {
 .wrap { width:calc(100% - 40px); }
 .hero { margin:0; border-radius:0 0 24px 24px; padding:30px 0 28px; }
 .heroGrid,.split,.three,.comparison,.bio,.faqGrid { grid-template-columns:1fr; }
 .heroGrid { gap:30px; }
 .heroCopy { padding:0; }
 .page h1 { font-size:28px; line-height:1.13; margin:32px 0 24px; }
 .page h2 { font-size:25px; margin-bottom:24px; }
 .page h3 { font-size:19px; }
 .eyebrow { font-size:11px; letter-spacing:.09em; margin-bottom:8px; }
 .date { font-size:12px; }
 .lead { font-size:16px; line-height:1.55!important; margin-bottom:28px; }
 .cta { width:100%; font-size:14px; min-height:52px; padding:15px 18px; }
 .heroPortrait { width:100%; max-width:400px; margin-inline:auto; min-height:0; height:450px; border-radius:20px; justify-self:center; }
.portraitHeader { padding:20px 20px 0; font-size:16px; }
.calendar strong { font-size:26px; }
.heroPortrait figcaption { inset:auto 0 0 34px; padding:18px 16px; }
.heroPortrait figcaption strong { font-size:23px; }
.portraitBackdrop { inset:92px 14px 14px; }
 .heroImage { height:calc(100% - 62px); }
 .sealBar { padding:16px 20px; gap:12px; }
 .sealBar img { width:40px; height:40px; }
 .sealBar strong { font-size:13px; }
 .sealBar span { font-size:11px; }
 .section { padding:70px 0; }
 .split { gap:26px; }
 .split>div:first-child { display:contents; }
 .split .eyebrow { order:0; margin:0; }
 .split h2 { order:1; margin:0; }
 .split .prose { order:2; }
 .split .cta { order:3; margin:0; }
 .prose p { font-size:16px; }
 .centerTitle { text-align:center; }
 .three { margin-top:30px; gap:28px; }
 .benefit { padding:10px 4px; }
 .ticket { margin:0 8px; border-radius:22px; }
 .ticket::after { display:none; }
 .paper { padding:25px; transform:none; }
 .paper::before { transform:rotate(-2deg); }
 .number { font-size:27px; margin-bottom:14px; }
 .benefit h3 { margin-bottom:10px; }
 .centerCta { margin-top:28px; }
 .comparison { margin:32px 8px 0; gap:30px; }
 .comparison>div { padding:26px 23px; }
 .comparison li { font-size:16px; }
 .pillars { margin-top:28px; }
 .pillars article { padding:24px 20px 24px 42px; margin-left:20px; }
 .pillarNumber { left:-24px; width:50px; height:50px; top:28px; font-size:24px; }
 .pillarNumber { font-size:27px; }
 .quotes { gap:32px; }
 .quoteMark { color:var(--primary); font:70px/0.7 Georgia,serif; height:36px; }
.quotes blockquote { font-size:17px; }
 .bio { gap:28px; }
 .bioImage { height:auto; }
 .bioPortrait { transform:none; }
 .bioSubtitle { font-size:17px; }
 .stats { padding-top:0; gap:8px; }

 .stats>div { padding:14px 3px; }
 .stats dt { font-size:24px; }
 .stats dd { font-size:12px; line-height:1.5; }
 .faqGrid { gap:30px; }
 .faqGrid .cta { margin-top:2px; }
 .modal { margin:12px auto; padding:40px 24px 28px; }
}
@media(prefers-reduced-motion:reduce) { .cta { transition:none; } }

.privacy { font-size:12px; line-height:1.6; margin:16px 0 0; text-align:center; color:var(--primary); }
.privacy a { text-decoration:underline; text-underline-offset:3px; }

/* Reference details, adapted to the Academy's own identity and media assets. */
.pressBand { position:relative; padding:65px 0 30px; }
.scrollCue { position:absolute; z-index:5; left:50%; top:-49px; transform:translateX(-50%); width:98px; height:98px; border:1px dashed var(--primary); border-radius:50%; background:var(--paper); color:var(--primary); display:grid; place-items:center; }
.scrollCue svg { width:32px; height:52px; }
.scrollCue:focus-visible { outline:3px solid var(--primary); outline-offset:5px; }
.pressLabel { text-align:center; color:var(--primary); font-size:11px; letter-spacing:.15em; text-transform:uppercase; margin:0 0 25px; }
.marquee { overflow:hidden; mask-image:linear-gradient(to right,transparent,var(--ink) 8%,var(--ink) 92%,transparent); }
.marqueeTrack { display:flex; width:max-content; animation:pressSlide 45s linear infinite; }
.marquee:hover .marqueeTrack { animation-play-state:paused; }
.marqueeGroup { display:flex; flex-shrink:0; gap:80px; align-items:center; padding-right:80px; }
.marqueeGroup img { width:160px; height:46px; object-fit:contain; filter:grayscale(1); opacity:.48; }
@keyframes pressSlide { to { transform:translateX(-50%); } }
.sealBar { border:0; padding-bottom:0; }
.split>div:first-child { position:relative; }
.loopArrow { position:absolute; width:135px; height:90px; right:-85px; bottom:-60px; color:var(--accent); }
.paper { padding:42px 40px 22px; transform:rotate(3deg); box-shadow:0 24px 55px var(--ink); }
.paper::before { transform:rotate(-4deg) translate(-9px,8px); background:var(--paper); }
.paper strong { font-weight:750; }
.paperLogo { width:160px; height:110px; object-fit:contain; margin:22px auto 0; opacity:.4; filter:grayscale(1); }
.ticket { isolation:isolate; overflow:hidden; }
.ticket>.wrap { position:relative; z-index:2; }
.ticketPhoto { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 40%; opacity:.11; z-index:-1; }
.ticket::after { display:none; }
.ticketNotch { position:absolute; inset:0; pointer-events:none; z-index:3; }
.ticketNotch::before,.ticketNotch::after { content:""; position:absolute; width:90px; height:110px; border-radius:50%; top:50%; transform:translateY(-50%); background:var(--paper); }
.ticketNotch::before { left:-55px; }
.ticketNotch::after { right:-55px; }
.comparison>div { position:relative; }
.comparison>div+div h3 { padding-right:40px; }
.academyBadge { position:absolute; top:-38px; right:-17px; width:90px; height:90px; padding:8px; display:grid; place-items:center; border-radius:50%; background:var(--paper); outline:5px solid var(--primary); border:1px dashed var(--primary); box-shadow:0 8px 22px var(--ink); }
.academyBadge img { width:100%; height:100%; object-fit:contain; }
.program::before { content:"LIVE-WEBINAR"; top:50%; left:-40px; transform:translateY(-50%); writing-mode:vertical-rl; font-size:155px; line-height:1; color:var(--paper); }
@media(max-width:767px) {
 .pressBand { padding:43px 0 24px; }
 .scrollCue { width:64px; height:64px; top:-31px; }
 .scrollCue svg { width:23px; height:37px; }
 .pressLabel { margin-bottom:18px; }
 .marqueeGroup { gap:40px; padding-right:40px; }
 .marqueeGroup img { width:125px; height:35px; }
 .loopArrow { display:none; }
 .paper { padding:28px 25px 18px; transform:rotate(1deg); margin:8px 3px; }
 .paperLogo { width:140px; height:85px; margin-top:12px; }
 .academyBadge { width:65px; height:65px; top:-24px; right:-7px; padding:5px; }
 .comparison { gap:48px; }
 .ticketNotch::before,.ticketNotch::after { width:30px; height:48px; }
 .ticketNotch::before { left:-20px; }
 .ticketNotch::after { right:-20px; }
 .program::before { left:-20px; font-size:85px; opacity:.7; }
}
@media(prefers-reduced-motion:reduce) { .marqueeTrack { animation:none; } }

.photoCircles { display:flex; padding-left:12px; margin:22px 0 0 30px; }
.photoCircles img { width:76px; height:76px; object-fit:cover; object-position:50% 20%; border-radius:50%; border:3px solid var(--paper); margin-left:-12px; }
.voices { position:relative; overflow:hidden; margin:16px; border-radius:28px; background:linear-gradient(145deg,var(--ink),var(--ink)); color:var(--paper); }
.voices::before { content:"ERFAHRUNGEN"; position:absolute; top:8px; left:50%; transform:translateX(-50%); font:800 clamp(60px,11vw,160px)/1 var(--font-primary),sans-serif; color:var(--paper); pointer-events:none; }
.voices>.wrap { position:relative; }
.voices .eyebrow { color:var(--accent); }
.quotes figure { padding:28px; background:white; border-radius:10px; color:var(--ink); }
.quotes figcaption { border-top:1px solid var(--paper); padding-top:20px; }
@media(max-width:767px) { .photoCircles { order:4; margin:0 auto; } .photoCircles img { width:64px; height:64px; } .voices { margin:8px; border-radius:22px; } .quotes figure { padding:25px; } }

.footerBrand { display:flex; justify-content:center; padding:0 20px 25px; }
.footerBrand img { width:150px; height:110px; object-fit:contain; }
@media(max-width:767px) { .ticketPhoto { opacity:.045; } }

.voices h2 { color:var(--paper); }
.testimonialVideo { display:block; width:calc(100% + 56px); max-width:none; margin:-28px -28px 4px; aspect-ratio:16/9; object-fit:contain; background:var(--ink); border-radius:10px 10px 0 0; }
@media(max-width:767px) { .testimonialVideo { width:calc(100% + 50px); margin:-25px -25px 4px; } }

.hero .sealBar { justify-content:flex-start; padding:0; margin-top:24px; gap:14px; color:var(--paper); }
.hero .sealBar img { background:var(--paper); border-radius:50%; padding:3px; width:48px; height:48px; flex-shrink:0; }
.hero .sealBar strong { font-size:14px; font-weight:600; }
.hero .sealBar span { font-size:12px; color:var(--paper); }
@media(max-width:767px) { .hero .sealBar { gap:11px; margin-top:20px; } .hero .sealBar strong { font-size:12px; } .hero .sealBar span { font-size:11px; } .hero .sealBar img { width:42px; height:42px; } }
/* Scroll cue overlays the logo strip, as in the reference. */
.pressBand { padding:10px 0 30px; }
.pressLabel { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.scrollCue { top:-16px; }
@media(max-width:767px) { .pressBand { padding:10px 0 24px; } .scrollCue { top:-5px; } }

/* Full-colour original wordmarks, balanced by optical size. */
.pressBand { padding:12px 0 24px; background:linear-gradient(180deg,var(--paper),var(--paper)); border-bottom:1px solid var(--paper); }
.scrollCue { top:-7px; box-shadow:0 5px 18px var(--ink); }
.marqueeGroup { gap:45px; padding-right:45px; }
.logoItem { width:215px; height:60px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.marqueeGroup img { height:auto; max-height:60px; max-width:100%; filter:none; opacity:1; object-fit:contain; }
.marqueeTrack { animation-duration:38s; }
@media(max-width:767px) { .pressBand { padding:10px 0 20px; } .scrollCue { top:1px; } .marqueeGroup { gap:30px; padding-right:30px; } .logoItem { width:155px; height:46px; } .marqueeGroup img { max-width:145px; max-height:46px; } }

.testimonialMedia { width:calc(100% + 56px); margin:-28px -28px 4px; aspect-ratio:16/9; border-radius:10px 10px 0 0; overflow:hidden; background:var(--ink); }
.testimonialMedia .testimonialVideo { width:100%; height:100%; margin:0; border-radius:0; }
.thumbnail { position:relative; display:block; width:100%; height:100%; overflow:hidden; cursor:pointer; text-align:left; color:var(--paper); background:var(--ink); border:0; }
.thumbnailPhoto { position:absolute; right:0; top:0; height:175%; width:73%; }
.thumbnailPhoto img { object-fit:cover; border-radius:0; }
.thumbnailShade { position:absolute; inset:0; background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 22%,var(--ink) 55%,transparent 75%),linear-gradient(0deg,var(--ink),transparent 65%); }
.thumbnailTag { position:absolute; left:22px; top:20px; font-size:10px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:var(--accent); }
.thumbnailName { position:absolute; left:22px; top:39%; font-weight:800; font-size:29px; line-height:1; letter-spacing:-.02em; }
.thumbnailCaption { position:absolute; left:22px; top:58%; color:var(--paper); font-size:12px; }
.thumbnailPlay { position:absolute; left:22px; bottom:18px; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; border:1px solid var(--paper); color:var(--ink); background:var(--accent); transition:transform .2s,background .2s; }
.thumbnailPlay svg { width:19px; height:19px; margin-left:2px; }
.thumbnail:hover .thumbnailPlay { transform:scale(1.08); background:var(--paper); }
.thumbnail:focus-visible { outline:3px solid var(--accent); outline-offset:-5px; }
@media(max-width:767px) { .testimonialMedia { width:calc(100% + 50px); margin:-25px -25px 4px; } }
@media(prefers-reduced-motion:reduce) { .thumbnailPlay { transition:none; } }

.comparisonSection { position:relative; isolation:isolate; overflow:hidden; }
.comparisonSection::before { content:"DEIN WEG"; position:absolute; left:50%; top:46%; transform:translate(-50%,-50%); white-space:nowrap; font:800 clamp(100px,18vw,260px)/1 var(--font-primary),sans-serif; color:var(--paper); z-index:-1; pointer-events:none; }
.comparisonSection .centerTitle { max-width:920px; }
.comparison { gap:65px; margin:75px 15px 0; align-items:stretch; }
.comparison>div { padding:38px 34px; border-radius:12px; background:var(--paper); outline-color:var(--paper); border-color:var(--paper); transform:rotate(-2deg); color:var(--primary); }
.comparison>div+div { background:var(--paper); transform:rotate(2deg); border-color:var(--primary); color:var(--ink); box-shadow:0 22px 50px var(--ink); }
.comparison h3 { margin-bottom:25px; font-size:22px; color:var(--primary); }
.comparison>div+div h3 { color:var(--ink); }
.comparison li { gap:12px; font-size:16px; line-height:1.55; padding:11px 0; }
.comparison li strong { font-weight:700; }
.comparison .compareIcon { width:19px; height:19px; margin-top:3px; border-radius:50%; display:grid; place-items:center; flex-shrink:0; background:var(--primary); color:var(--paper); font-size:17px; line-height:1; }
.comparison>div+div .compareIcon { background:var(--primary); font-size:12px; }
.comparisonSection .centerCta { margin-top:65px; }
@media(max-width:767px) { .comparison { margin:45px 7px 0; gap:52px; } .comparison>div { padding:27px 23px; transform:rotate(-1deg); } .comparison>div+div { transform:rotate(1deg); } .comparison h3 { font-size:20px; } .comparison li { font-size:15px; } .comparisonSection .centerCta { margin-top:40px; } }

.thumbnailQuote { position:absolute; top:31%; left:20px; width:78%; font-size:23px; line-height:1.2; font-weight:750; text-wrap:balance; color:var(--paper); }
.thumbnailName { top:auto; bottom:17px; left:20px; font-size:13px; font-weight:600; letter-spacing:0; color:var(--paper); }
.thumbnailPlay { left:auto; right:17px; top:16px; bottom:auto; width:32px; height:32px; background:var(--accent); }
.thumbnailTag { left:20px; }
.thumbnailShade { background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 26%,var(--ink) 48%,var(--ink) 70%,transparent),linear-gradient(0deg,var(--ink),transparent 55%); }
@media(min-width:768px) and (max-width:1023px) { .thumbnailQuote { font-size:19px; left:15px; } .thumbnailName,.thumbnailTag { left:15px; } .thumbnailTag { font-size:8px; } }

/* Quote leads; selected interview frame stays subtly in the background. */
.thumbnailPhoto { opacity:.38; }
.thumbnailShade { background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 45%,var(--ink) 100%); }
.thumbnailQuote { text-shadow:0 2px 12px var(--ink); }

.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--paper));color:var(--primary);min-height:180px;border-radius:12px;text-align:center;padding:24px}.heroPortrait .placeholder{position:absolute;inset:100px 24px 65px}.templateNotice{padding:12px;text-align:center;background:var(--accent);font-size:13px}.brandStrip{position:relative;overflow:hidden;padding:50px 0}.brandTrack{display:flex;width:max-content;gap:65px;animation:brands 28s linear infinite}.brandTrack span{font-size:23px;font-weight:bold;min-width:140px}.brandStrip:hover .brandTrack{animation-play-state:paused}.scrollCircle{position:absolute;z-index:2;left:50%;top:12px;transform:translateX(-50%);width:100px;height:100px;border:1px dashed var(--primary);background:var(--paper);border-radius:50%;display:grid;place-items:center;color:var(--primary);font-size:44px}.demoCircles{display:flex;margin-top:25px}.demoCircles .placeholder{width:70px;height:70px;min-height:0;border-radius:50%;padding:0;margin-right:-8px;border:3px solid var(--paper)}.templateLogo{font-weight:800;letter-spacing:.15em;color:var(--primary);padding:25px 0;text-align:center}.quotes figcaption{display:flex;gap:15px;align-items:center}.avatar{width:56px;height:56px;min-height:0!important;border-radius:50%;padding:0!important;flex-shrink:0}.thumbnail{min-height:200px}.thumbnailQuote{font-size:23px;width:78%}.demoPhoto{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),var(--accent));opacity:.25}.bioPlaceholder{height:400px}.sealBar img{width:60px}.stats{display:flex;justify-content:space-around;gap:24px;margin-top:40px}.stats strong{display:block;font-size:36px}.templateFooter{padding:35px;text-align:center}.templateFooter a{margin:12px;color:var(--primary)}@keyframes brands{to{transform:translateX(-50%)}}@media(max-width:767px){.brandTrack{gap:35px}.thumbnail{min-height:190px}.stats{flex-wrap:wrap}.scrollCircle{width:90px;height:90px}.heroPortrait{min-height:430px}}@media(prefers-reduced-motion:reduce){.brandTrack{animation:none}}
.heroPortrait .placeholder.heroImage{width:auto;height:auto}.brandTrack img{width:140px;height:55px;object-fit:contain}.quotes .avatar{font-size:10px}.demoPhoto img{width:100%;height:100%;object-fit:cover}

/* Bathmaster adaptation: scoped exclusively to /webinar-testsseite. */
html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#F7FBFC;color:#0A2933}.templateNotice{font-size:11px;letter-spacing:.16em;text-transform:uppercase;background:#F7FBFC;padding:14px}.hero{background:radial-gradient(ellipse at 90% 0%,#12B3D855,transparent 60%),linear-gradient(120deg,#0A2933,#006A8E);margin:0 16px;border-radius:28px}.heroCopy h1{font-family:Sora,Arial,sans-serif;font-size:clamp(38px,4.6vw,68px);line-height:1.1;letter-spacing:-.045em;max-width:760px}.heroCopy .lead{max-width:620px;color:#e2f3f6;font-size:18px;line-height:1.7}.cta{background:#F26419!important;color:#171d1e!important;border:0!important;border-radius:8px!important;min-height:52px;display:inline-flex;align-items:center;justify-content:center;font-weight:700!important;text-align:center;text-decoration:none}.cta:hover{background:#ff7d36!important;transform:translateY(-2px)}.heroPortrait{overflow:hidden;background:#d5f0f7;min-height:490px;border-radius:180px 180px 18px 18px}.heroPortrait .heroImage{position:absolute;inset:100px 0 0;width:100%;height:calc(100% - 100px);object-fit:cover;object-position:50% 25%;z-index:1}.portraitHeader{position:relative;z-index:3;color:#0A2933}.calendar strong{font-size:18px!important}.heroPortrait figcaption{z-index:4;background:#fff;color:#0A2933}.brandTrack{opacity:.7}.brandTrack span{font-family:Sora,sans-serif;font-size:17px;letter-spacing:.02em;min-width:190px}.scrollCircle{width:70px;height:70px;top:20px;font-size:30px;box-shadow:0 4px 18px #0a293312}.demoCircles img{height:76px;width:76px;object-fit:cover;border-radius:50%;border:4px solid #fff;margin-right:-12px}.paper img{width:145px;height:auto;max-height:90px;object-fit:contain}.ticket{background:#0A2933;color:#F7FBFC}.ticket h2,.ticket h3{color:#F7FBFC}.ticket .number,.ticket .eyebrow{color:#7FDBEE}.ticket .benefit{background:transparent;border-top:1px solid #ffffff40}.comparison>div+div{box-shadow:0 15px 45px #0a293314}.comparison>div+div img{width:130px;height:80px;object-fit:contain;margin-top:20px}.bioPlaceholder{width:100%;height:480px;object-fit:cover;object-position:center 25%;border-radius:18px}.philosophy blockquote{font-family:Sora,sans-serif;font-size:clamp(25px,3.5vw,44px);line-height:1.45;max-width:920px;margin:25px 0;color:#fff}.philosophy p:last-child{color:#a3cbd7}.templateFooter img{width:150px;height:90px;object-fit:contain;display:block;margin:0 auto 18px}.templateFooter{border-top:1px solid #c9dfe5}.faqs summary{min-height:48px;cursor:pointer}.faqs p{line-height:1.7}.soft{background:#eaf4f6}a:focus-visible,summary:focus-visible{outline:3px solid #F26419;outline-offset:5px}.section{padding-top:90px;padding-bottom:90px}.hero .wrap{padding-top:65px;padding-bottom:65px}.ticket .three{gap:38px}p{line-height:1.7}h2{letter-spacing:-.035em}.paper{box-shadow:0 15px 40px #0a293310}
@media(max-width:767px){.hero{margin:0 8px;border-radius:22px}.hero .wrap{padding:35px 24px}.heroGrid{display:flex;flex-direction:column;gap:38px}.heroCopy{order:0}.heroPortrait{order:1;min-height:410px;width:100%;max-width:370px;margin:0 auto}.heroCopy h1{font-size:39px}.heroCopy .lead{font-size:16px}.heroCopy .cta{width:100%;box-sizing:border-box}.section{padding:58px 0}.bioPlaceholder{height:360px}.calendar strong{font-size:16px!important}.comparison{margin-left:8px;margin-right:8px}.templateNotice{font-size:10px}.brandStrip{padding:42px 0}.scrollCircle{top:5px}.paper{transform:rotate(1deg)}.date{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brandTrack{animation:none}.cta{transition:none}}

/* Final responsive typography and portrait framing. */
h1,h2,h3{font-family:Sora,Arial,sans-serif;font-weight:700;text-wrap:balance}h2{font-size:clamp(28px,2.65vw,38px);line-height:1.2;margin:0 0 28px}h3{font-size:21px;line-height:1.3;margin:0 0 16px}.hero{padding:0}.heroPortrait{height:540px;border-radius:24px}.heroCopy h1{margin:28px 0}.cta{box-shadow:0 6px 18px #0a293326}.heroPortrait{box-shadow:0 24px 70px #0a293333}.hero .wrap{padding-top:48px;padding-bottom:48px}
@media(max-width:767px){.hero .wrap{width:100%;padding:32px 24px}.heroPortrait{height:430px;min-height:0}.heroCopy h1{font-size:clamp(31px,9vw,39px)}.heroCopy .cta{font-size:14px;padding:16px}.portraitHeader{font-size:18px}.heroPortrait figcaption strong{font-size:21px}}

.comparison li span:last-child{flex:1;min-width:0;font-weight:400}.comparison>div{min-width:0}.faqs details{box-shadow:0 4px 16px #0a293312;border:1px solid #c9dfe5}.faqs summary::after{content:"+";font-size:24px;color:#006A8E}.faqs details[open] summary::after{content:"−"}

/* Gunther: large portrait, editorial card and three proof tiles. */
.guntherAbout{position:relative;overflow:hidden;padding:100px 0 120px;background:linear-gradient(135deg,#e8f4f6,#f7fbfc 65%)}
.guntherAbout::before{content:"GUNTHER";position:absolute;top:10px;left:-25px;font:800 clamp(90px,18vw,250px)/1 Sora,sans-serif;letter-spacing:-.06em;color:#006a8e05;pointer-events:none}
.guntherAbout__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch;gap:0;position:relative}
.guntherAbout__portrait{position:relative;min-height:680px;margin:48px -34px 0 0;border-radius:180px 180px 24px 24px;overflow:hidden;background:#d5f0f7;z-index:1}
.guntherAbout__photo{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:48% center}
.guntherAbout__portrait::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#062e3ee6)}
.guntherAbout__portrait figcaption{position:absolute;z-index:2;bottom:36px;left:32px;color:white;font:600 25px Sora,sans-serif}
.guntherAbout__portrait figcaption span{display:block;font:400 12px Inter,sans-serif;letter-spacing:.08em;margin-top:8px}
.guntherAbout__card{position:relative;z-index:2;background:white;border:1px solid #e2edef;border-radius:24px;padding:52px 42px 0;box-shadow:0 20px 65px #0a293308;margin-bottom:30px}
.guntherAbout__card h2{color:#006A8E;font-size:clamp(30px,3vw,42px);margin-bottom:28px;text-align:left}
.guntherAbout__copy p{font-size:15px;line-height:1.8;color:#344f59;margin:0 0 18px}
.guntherAbout__copy strong{font-weight:700;color:#0A2933}
.guntherAbout__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:34px -18px -30px}
.guntherAbout__stat{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 12px;min-height:145px;background:linear-gradient(135deg,#006A8E,#0A465B);color:white;border-radius:14px;text-align:center;box-shadow:0 10px 24px #006a8e18}
.guntherAbout__stat strong{font:700 clamp(17px,1.6vw,23px)/1.3 Sora,sans-serif;margin-bottom:12px}
.guntherAbout__stat span{font-size:12px;line-height:1.5;color:#d5f0f7}
@media(max-width:960px){.guntherAbout__grid{grid-template-columns:1fr;max-width:720px}.guntherAbout__portrait{min-height:420px;margin:0 35px -30px;border-radius:100px 100px 20px 20px}.guntherAbout__photo{object-position:center 30%}.guntherAbout__portrait figcaption{bottom:52px}.guntherAbout__card{padding:38px 30px 0}.guntherAbout{padding:65px 0 85px}}
@media(max-width:480px){.guntherAbout__grid{width:calc(100% - 32px)}.guntherAbout__portrait{min-height:360px;margin:0 10px -22px}.guntherAbout__portrait figcaption{left:22px;font-size:22px}.guntherAbout__card{padding:30px 23px 0}.guntherAbout__card h2{font-size:29px}.guntherAbout__copy p{font-size:14px}.guntherAbout__stats{grid-template-columns:1fr;gap:10px;margin:26px -7px -28px}.guntherAbout__stat{min-height:0;padding:18px;display:block;text-align:left}.guntherAbout__stat strong{font-size:22px;display:block;margin-bottom:6px}.guntherAbout__stat span{font-size:13px}}

/* Original Bathmaster guest reviews, with readable excerpts and source images. */
.guestReviews{background:#eaf4f6}.guestReviews h2{max-width:780px}.guestReviews__intro{color:#48616a;max-width:650px;margin:0 0 38px}.guestReviews__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guestReview{display:flex;flex-direction:column;background:white;border:1px solid #d6e6eb;border-radius:20px;padding:28px;box-shadow:0 14px 35px #0a293309;min-width:0}.guestReview__stars{color:#a16b00;font-size:20px;letter-spacing:3px}.guestReview blockquote{font-family:Sora,sans-serif;color:#0A2933;font-size:19px;line-height:1.6;letter-spacing:-.025em;margin:22px 0 20px}.guestReview__name{font-weight:700;font-size:13px;color:#006A8E;overflow-wrap:anywhere;margin:0 0 24px}.guestReview__source{margin-top:auto;padding:0;border:1px solid #e2edef;background:#f7fbfc;border-radius:12px;overflow:hidden;cursor:zoom-in;text-align:left}.guestReview__source img{width:100%;height:220px;display:block;object-fit:contain;padding:12px;background:white}.guestReview__source>span{display:flex;justify-content:space-between;gap:8px;padding:14px 16px;font:600 12px Inter,sans-serif;color:#006A8E}.guestReview__source:hover{border-color:#006A8E}.reviewDialog{padding:0;width:min(680px,calc(100% - 28px));max-width:none;max-height:90dvh;border:0;border-radius:16px;background:#fff;color:#0A2933;overflow:auto;box-shadow:0 24px 80px #0005}.reviewDialog::backdrop{background:#062e3ed9;backdrop-filter:blur(6px)}.reviewDialog__bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;padding:16px 20px;border-bottom:1px solid #d6e6eb}.reviewDialog__bar h2{font-size:17px;margin:0;overflow-wrap:anywhere}.reviewDialog__bar button{background:#eaf4f6;color:#0A2933;border:0;border-radius:50%;width:40px;height:40px;flex-shrink:0;font-size:26px;cursor:pointer}.reviewDialog>img{display:block;width:100%;height:auto}.guestReviews .centerCta{margin-top:36px}
@media(max-width:960px){.guestReviews__grid{gap:16px}.guestReview{padding:20px}.guestReview blockquote{font-size:17px}.guestReview__source img{height:180px}}
@media(max-width:767px){.guestReviews__grid{grid-template-columns:1fr}.guestReview{padding:26px}.guestReview blockquote{font-size:20px}.guestReview__source img{height:260px}.guestReviews .wrap{width:calc(100% - 40px)}}

.introTrust{display:flex;align-items:center;gap:16px;margin-top:28px;padding:20px 0;border-top:1px solid #d2e4e9;max-width:390px}.introTrust>img{width:64px;height:64px;flex:0 0 64px;border-radius:50%;object-fit:cover;object-position:center 25%;border:3px solid #fff;box-shadow:0 3px 12px #0a293312}.introTrust strong{display:block;font-family:Sora,sans-serif;font-size:16px;color:#0A2933;line-height:1.4}.introTrust div>span{display:block;font-size:13px;line-height:1.5;color:#48616a;margin-top:3px}.introTrust a{display:inline-block;font-size:12px;font-weight:600;color:#006A8E;margin-top:8px;text-decoration:underline;text-underline-offset:3px}.introTrust a span{margin-left:4px}@media(max-width:480px){.introTrust{gap:13px}.introTrust strong{font-size:15px}.introTrust div>span{font-size:12px}}

.heroCopy h1{font-size:clamp(33px,3.65vw,52px);line-height:1.13}@media(max-width:767px){.heroCopy h1{font-size:clamp(30px,8.2vw,36px)}}