/* CoBoss webinar previews: an interactive, image-first glimpse into the real webinar. */
.webinar-peek{padding:76px 0 68px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 100% 36%,#ff00bf09,transparent 53%),radial-gradient(ellipse at 0% 73%,#65ff2e09,transparent 46%)}
.webinar-peek .peek-heading{display:grid;grid-template-columns:minmax(0,1fr) 270px;column-gap:48px;align-items:end;margin-bottom:35px}
.webinar-peek .peek-heading>.eyebrow{grid-column:1/-1;justify-self:start;margin-bottom:18px}
.webinar-peek #benefit-heading{font:400 clamp(38px,4.3vw,58px)/1.1 Anton,Impact,sans-serif;letter-spacing:-.025em;margin:0;color:#211723;scroll-margin-top:30px}
.webinar-peek #benefit-heading>span{color:#ae0082}
.webinar-peek .peek-heading>p:last-child{font:400 16px/1.75 Manrope,Arial,sans-serif;color:#615565;padding-bottom:5px;margin:0}
.webinar-peek .peek-heading strong{color:#211723;font-weight:800}
.webinar-peek .peek-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 12px;margin-bottom:14px}
.webinar-peek .peek-tab{display:flex;align-items:center;gap:13px;position:relative;min-height:75px;text-align:left;padding:16px 19px;border:1px solid #ddd2df;border-radius:18px;background:#ffffffb3;color:#655467;font:700 14px/1.4 Manrope,Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.webinar-peek .peek-tab-number{display:grid;place-items:center;flex:0 0 34px;height:34px;font-size:13px;border-radius:50%;background:#ece5ee;color:#6a5a70}
.webinar-peek .peek-tab-arrow{margin-left:auto;color:#99869c;font-size:20px}
.webinar-peek .peek-tab[aria-selected=true]{background:#25172a;color:#fff;border-color:#ff00bf;box-shadow:0 8px 24px -17px #9b007f,inset 0 1px 0 #ffffff30;transform:translateY(-3px)}
.webinar-peek .peek-tab[aria-selected=true] .peek-tab-number{background:#65ff2e;color:#172317;box-shadow:0 0 19px #65ff2e22}
.webinar-peek .peek-tab[aria-selected=true] .peek-tab-arrow{color:#65ff2e}
.webinar-peek .peek-tab:hover{border-color:#ff00bf;transform:translateY(-3px)}
.webinar-peek :is(.peek-tab,.peek-panel,.peek-image):focus-visible{outline:3px solid #ff00bf;outline-offset:5px}
.webinar-peek .peek-stage{position:relative;isolation:isolate;border:1px solid #553453;border-radius:30px;overflow:hidden;background:radial-gradient(ellipse at 70% 55%,#ff00bf26,transparent 65%),linear-gradient(125deg,#211727 0%,#1e1720 48%,#332039 100%);box-shadow:0 25px 50px -26px #391b4e66,inset 0 1px 0 #f4b2ec44}
.webinar-peek .peek-stage::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#b496bc38 .7px,transparent .7px);background-size:15px 15px;mask-image:linear-gradient(105deg,transparent 20%,#000 100%)}
.webinar-peek .peek-star{position:absolute;right:-17px;top:-49px;font:400 206px/1 Manrope,sans-serif;color:#ff00bf;opacity:.28;transform:rotate(-13deg);text-shadow:3px 5px 0 #6e004f;pointer-events:none}
.webinar-peek .peek-panel{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);align-items:center;gap:40px;padding:58px 44px 20px;min-height:510px;outline:none}
.webinar-peek .peek-panel[hidden]{display:none!important}
.webinar-peek .peek-copy{align-self:center;padding-bottom:33px}
.webinar-peek .peek-chapter{display:flex;gap:7px;align-items:center;margin-bottom:20px;font:800 11px/1.4 Manrope,sans-serif;letter-spacing:.12em;color:#65ff2e}
.webinar-peek .peek-chapter>span{color:#a395a8}
.webinar-peek .peek-copy h3{font:400 clamp(35px,3.5vw,49px)/1.15 Anton,Impact,sans-serif;letter-spacing:-.01em;color:#fff;margin:0 0 21px}
.webinar-peek .peek-copy h3 em{font-style:normal;color:#65ff2e;display:inline}
.webinar-peek .peek-copy p{font:400 16px/1.7 Manrope,Arial,sans-serif;color:#d6c8da;margin:0;max-width:31ch}
.webinar-peek .peek-art{min-width:0;position:relative;padding:10px 0 15px}
.webinar-peek .peek-art::before{content:'';position:absolute;inset:15px 8px 86px;background:linear-gradient(145deg,#ff00bf55,#65ff2e22);border:1px solid #f3a5e233;border-radius:18px;transform:rotate(3deg);box-shadow:0 5px 32px #ff00bf1f}
.webinar-peek .peek-screen{position:relative;border:1px solid #e4d3e4b3;border-radius:17px;background:#f7f5f7;padding:7px;box-shadow:0 15px 35px #0006,0 0 40px -18px #ff00bf80;transform:rotate(-1.5deg);transition:transform .25s ease}
.webinar-peek .peek-screen:hover{transform:rotate(0deg) translateY(-3px)}
.webinar-peek .peek-screen-top{height:29px;padding:0 7px 7px;display:flex;align-items:center;justify-content:space-between;color:#4a3c4a;font:700 8px/1 Manrope,Arial,sans-serif;letter-spacing:.06em}
.webinar-peek .peek-screen-top>span:first-child{display:flex;gap:4px}
.webinar-peek .peek-screen-top i{display:block;border-radius:50%;width:5px;height:5px;background:#d0c4d0}
.webinar-peek .peek-screen-top i:first-child{background:#ff00bf}
.webinar-peek .peek-screen-top i:nth-child(2){background:#65ff2e}
.webinar-peek .peek-image{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#eceaec;isolation:isolate}
.webinar-peek .peek-image>img{display:block;width:100%;height:100%;object-fit:cover}
.webinar-peek .peek-redaction{position:absolute;inset:0;pointer-events:none;background-image:var(--peek-image);background-size:100% 100%;filter:blur(var(--peek-blur,10px));mask-image:var(--peek-mask);-webkit-mask-image:var(--peek-mask);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;z-index:1}
.webinar-peek .peek-blockade{--peek-image:url('/assets/webinar-previews/blockade-v2.webp');--peek-blur:10px;--peek-mask:radial-gradient(ellipse 16% 8.5% at 22% 62.5%,#000 65%,#000e 80%,transparent 100%),radial-gradient(ellipse 16% 8.5% at 51% 62.5%,#000 65%,#000e 80%,transparent 100%),radial-gradient(ellipse 16% 8.5% at 22% 77.5%,#000 65%,#000e 80%,transparent 100%),radial-gradient(ellipse 16% 8.5% at 51% 77.5%,#000 65%,#000e 80%,transparent 100%);--mystery-x:36%;--mystery-y:70%}
.webinar-peek .peek-spielregeln{--peek-image:url('/assets/webinar-previews/spielregeln-v2.webp');--peek-blur:11px;--peek-mask:radial-gradient(ellipse 34% 34% at 45% 79%,#000 40%,#000f 58%,#000a 74%,transparent 100%);--mystery-x:44%;--mystery-y:75%}
.webinar-peek .peek-rueckhalt{--peek-image:url('/assets/webinar-previews/rueckhalt-v2.webp');--peek-blur:11px;--peek-mask:radial-gradient(ellipse 23% 29% at 35% 49%,#000 45%,#000f 60%,#000b 77%,transparent 100%),radial-gradient(ellipse 30% 12% at 28% 15.5%,#000 60%,#000f 73%,#0008 85%,transparent 100%);--mystery-x:35%;--mystery-y:49%}
.webinar-peek .peek-mystery{position:absolute;z-index:2;left:var(--mystery-x);top:var(--mystery-y);transform:translate(-50%,-50%) rotate(7deg);width:clamp(45px,5vw,65px);aspect-ratio:1;display:grid;place-items:center;border:1px solid #ffffffc7;border-radius:18px;background:linear-gradient(135deg,#faf2ffdb,#ffffffb0);box-shadow:inset 1px 2px 1px #fff,0 8px 17px #22122642,0 0 30px #65ff2e55;backdrop-filter:blur(12px);pointer-events:none}
.webinar-peek .peek-mystery>span{font:400 42px/1 Anton,Impact,sans-serif;color:#ae0082;transform:rotate(-7deg);text-shadow:1px 2px 0 #fff}
.webinar-peek .peek-annotation{position:relative;display:flex;align-items:center;justify-content:center;min-height:67px;margin-top:8px;color:#fff;gap:6px}
.webinar-peek .peek-annotation svg{width:71px;height:56px;flex:0 0 71px;margin-top:-11px;stroke:#65ff2e;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-5deg)}
.webinar-peek .peek-annotation>span{font:600 13px/1.5 Manrope,Arial,sans-serif;max-width:28ch;color:#ded0df;transform:rotate(-2deg)}
.webinar-peek .peek-stage-footer{margin:0 44px;padding:20px 0 23px;border-top:1px solid #ffffff1f;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#f1e5f3;font:700 12px/1.4 Manrope,Arial,sans-serif}
.webinar-peek .peek-stage-footer>span:first-child{display:flex;align-items:center;gap:10px}
.webinar-peek .peek-stage-footer svg{width:18px;height:18px;stroke:#65ff2e;stroke-width:1.6;flex-shrink:0}
.webinar-peek .peek-footer-note{font-weight:400;color:#a897af}
.webinar-peek .peek-cta{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:13px;margin-top:31px}
.webinar-peek .peek-cta>.button{display:flex;justify-content:center;gap:25px;min-height:58px;width:min(100%,490px);padding:16px 20px;color:#101710;background:linear-gradient(176deg,#b6ff89 0%,#65ff2e 48%,#51e51e 100%);border:1px solid #3f881d;border-radius:13px;box-shadow:inset 0 1px 1px #fff,0 3px 0 #30651d,0 10px 23px -12px #4b9f24;font:800 16px/1.4 Manrope,Arial,sans-serif;text-decoration:none}
.webinar-peek .peek-cta>span{font:400 12px/1.5 Manrope,Arial,sans-serif;color:#796d7b;text-align:center}
@media(max-width:1000px){.webinar-peek .peek-heading{grid-template-columns:1fr}.webinar-peek .peek-heading>p:last-child{margin-top:20px}.webinar-peek .peek-heading>p:last-child br{display:none}.webinar-peek .peek-heading>p:last-child strong{margin-left:4px}.webinar-peek .peek-panel{padding:40px 28px 10px;gap:24px;min-height:440px}.webinar-peek .peek-copy h3{font-size:38px}.webinar-peek .peek-stage-footer{margin-inline:28px}.webinar-peek .peek-tab{padding:14px 12px;font-size:12px;gap:8px}.webinar-peek .peek-tab-arrow{display:none}}
@media(max-width:700px){.webinar-peek{padding:48px 0}.webinar-peek #benefit-heading{font-size:clamp(34px,8vw,48px);line-height:1.12}.webinar-peek .peek-desktop-break{display:none}.webinar-peek .peek-heading{margin-bottom:26px}.webinar-peek .peek-heading>p:last-child{font-size:14px;line-height:1.7;margin-top:17px}.webinar-peek .peek-tabs{gap:6px;padding:0;margin-bottom:13px}.webinar-peek .peek-tab{flex-direction:column;align-items:flex-start;gap:9px;font-size:11px;line-height:1.4;min-height:104px;border-radius:13px;padding:12px 9px}.webinar-peek .peek-tab-number{width:25px;height:25px;flex:0 0 25px;font-size:11px}.webinar-peek .peek-stage{border-radius:22px}.webinar-peek .peek-panel{grid-template-columns:1fr;padding:27px 20px 0;gap:24px;min-height:0}.webinar-peek .peek-copy{padding-bottom:0}.webinar-peek .peek-chapter{margin-bottom:13px;font-size:10px}.webinar-peek .peek-copy h3{font-size:clamp(32px,8.1vw,43px);line-height:1.12;margin-bottom:15px}.webinar-peek .peek-copy h3 br{display:none}.webinar-peek .peek-copy h3 br::after{content:' '}.webinar-peek .peek-copy p{font-size:14px;line-height:1.7;max-width:100%}.webinar-peek .peek-art{padding-top:3px;padding-bottom:0}.webinar-peek .peek-screen{padding:5px;border-radius:12px}.webinar-peek .peek-screen-top{height:25px;font-size:6px;padding-inline:4px}.webinar-peek .peek-image{border-radius:7px}.webinar-peek .peek-annotation{min-height:62px;margin-top:6px}.webinar-peek .peek-annotation>span{font-size:11px;max-width:24ch}.webinar-peek .peek-annotation svg{width:48px;height:45px;flex-basis:48px}.webinar-peek .peek-mystery{width:42px;border-radius:12px}.webinar-peek .peek-mystery>span{font-size:29px}.webinar-peek .peek-stage-footer{margin:0 20px;padding:15px 0 18px;font-size:10px}.webinar-peek .peek-footer-note{display:none}.webinar-peek .peek-cta{margin-top:23px}.webinar-peek .peek-cta>.button{font-size:14px;gap:14px;padding:15px 12px}.webinar-peek .peek-cta>span{font-size:11px}.webinar-peek .peek-star{font-size:140px;top:-35px;right:-28px}.webinar-peek .peek-redaction{filter:blur(7px)}}
@keyframes peek-enter{from{opacity:.7;transform:translateY(8px) rotate(-2.5deg)}to{opacity:1;transform:translateY(0) rotate(-1.5deg)}}
.webinar-peek .peek-panel:not([hidden]) .peek-screen{animation:peek-enter .32s ease-out backwards}
@media(max-width:700px){.webinar-peek .peek-panel{gap:7px;padding-top:24px}.webinar-peek .peek-art{grid-row:1}.webinar-peek .peek-copy{grid-row:2;padding-bottom:24px}.webinar-peek .peek-annotation{min-height:54px}.webinar-peek .peek-chapter{margin-bottom:11px}}
@media(prefers-reduced-motion:reduce){.webinar-peek .peek-tab,.webinar-peek .peek-screen{transition:none}.webinar-peek .peek-panel:not([hidden]) .peek-screen{animation:none}.webinar-peek .peek-screen:hover{transform:rotate(-1.5deg)}}