@import "tailwindcss";

:root{--bg:#080a0d;--card:#11151b;--line:#292f38;--red:#ed2432;--text:#f5f6f8;--muted:#9ba4b1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}.topbar{position:sticky;top:0;z-index:30;background:#090c10eb;border-bottom:1px solid #252b34;backdrop-filter:blur(16px)}.topbar-inner{max-width:1240px;margin:auto;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{text-decoration:none;font-size:22px;font-weight:950;letter-spacing:.7px}.logo span{color:var(--red)}.desktop-nav{display:flex;align-items:center;gap:24px}.desktop-nav a{text-decoration:none;color:#d2d6dc;font-size:13px;font-weight:800}.desktop-nav .nav-appointment{color:#fff;background:var(--red);padding:11px 14px;border-radius:9px}.mobile-menu{display:none}.hero{min-height:680px;display:flex;align-items:center;border-bottom:1px solid #20262e;background:radial-gradient(circle at 82% 35%,#4a1118 0,transparent 27%),linear-gradient(110deg,#080a0d 45%,#11151b);overflow:hidden}.hero-inner{width:100%;max-width:1240px;margin:auto;padding:78px 22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);align-items:center;gap:25px}.hero-copy{max-width:650px}.eyebrow{display:inline-flex;color:#ff9ca3;background:#3c151a;border:1px solid #65232a;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900;letter-spacing:.4px}.hero h1{font-size:clamp(43px,6vw,76px);line-height:1.02;letter-spacing:-2.5px;margin:20px 0}.hero h1 span{color:var(--red)}.hero p{max-width:590px;color:#b0b7c1;font-size:18px;line-height:1.7;margin:0 0 28px}.actions{display:flex;gap:11px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 18px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:950;transition:.2s ease}.button.red{background:var(--red);color:#fff}.button.outline{color:#fff;border:1px solid #414955;background:#11151baa}.hero-visual{display:flex;align-items:center;justify-content:center;position:relative}.hero-visual:after{content:"";position:absolute;inset:auto 5% 2%;height:18%;background:#e51f2d44;filter:blur(55px);border-radius:50%}.hero-visual img{position:relative;z-index:1;display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 28px #000c)}.trust-strip{background:#0d1015;border-bottom:1px solid #252b33}.trust-strip>div{max-width:1240px;margin:auto;padding:18px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trust-strip span{text-align:center;color:#b9c0c9;font-size:12px;font-weight:800}.section{max-width:1240px;margin:auto;padding:85px 22px}.section-title{max-width:690px;margin-bottom:34px}.section-title span,.workshop-copy>span{color:#f15e68;font-size:11px;font-weight:950;letter-spacing:1.2px}.section-title h2,.workshop h2{font-size:clamp(31px,4vw,46px);margin:10px 0 12px;letter-spacing:-1px}.section-title p,.workshop-copy p,.digital-copy>p{color:var(--muted);line-height:1.68;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service{position:relative;overflow:hidden;background:linear-gradient(145deg,#141920,#0e1116);border:1px solid var(--line);border-radius:17px;padding:23px;min-height:190px;box-shadow:0 14px 34px #0005,inset 0 1px #ffffff0a;transition:.22s ease}.service:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff0c,transparent 38%);pointer-events:none}.service i{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:#301419;color:#ff7781;font-style:normal;font-size:20px}.service h3{font-size:18px;margin:18px 0 8px}.service p{color:#929ba8;line-height:1.6;font-size:13px;margin:0}.workshop{max-width:1240px;margin:auto;padding:10px 22px 90px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:36px;align-items:center}.workshop-image{position:relative;isolation:isolate}.workshop-image:before{content:"";position:absolute;z-index:-1;inset:13px -13px -13px 13px;background:linear-gradient(145deg,#5c151d,#151a21);border:1px solid #67222a;border-radius:21px}.workshop-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #343b45;border-radius:20px;box-shadow:0 25px 65px #0009}.workshop-copy p{margin-bottom:20px}.digital-bg{background:#0d1015;border-block:1px solid #222831}.digital{max-width:1240px;margin:auto;padding:82px 22px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.digital-card{background:linear-gradient(145deg,#171c23,#0d1015);border:1px solid #303741;border-radius:22px;padding:24px;box-shadow:0 24px 60px #0007}.plate{display:inline-block;background:#fff;color:#08090b;border-left:30px solid #1453aa;border-radius:5px;padding:11px 19px;font-size:25px;font-weight:950;letter-spacing:2px}.digital-card h3{font-size:24px;margin:22px 0 9px}.digital-card>p{color:#9aa3af;line-height:1.6}.digital-features{display:grid;gap:9px;margin-top:20px}.digital-features div{background:#0a0d11;border:1px solid #2a3039;border-radius:10px;padding:12px;font-size:13px;color:#bde9c9}.digital-copy h2{font-size:clamp(32px,4vw,48px);margin:0 0 16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:27px}.steps>div{border-top:2px solid #e42633;padding-top:15px}.steps span{color:#e9525d;font-size:11px;font-weight:950}.steps strong{display:block;margin:7px 0;font-size:15px}.steps p{font-size:12px;margin:0;color:#9ca5b1}.appointment-cta{max-width:1196px;margin:70px auto;background:radial-gradient(circle at 90% 50%,#681821,transparent 36%),linear-gradient(120deg,#171c23,#0e1116);border:1px solid #393039;border-radius:24px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:28px}.appointment-cta h2{font-size:clamp(28px,4vw,43px);margin:0 0 9px}.appointment-cta p{color:#a7afba;line-height:1.6;margin:0}.contact{max-width:1240px;margin:auto;padding:40px 22px 100px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact article{background:#11151b;border:1px solid #2a313a;border-radius:18px;padding:25px;box-shadow:0 12px 30px #0004}.contact small{color:#7f8996;font-weight:900}.contact h3{font-size:23px;margin:10px 0}.contact p{color:#9fa7b2;line-height:1.6}.contact a{text-decoration:none;font-weight:950}footer{border-top:1px solid #242a32;background:#07090c}footer>div{max-width:1240px;margin:auto;padding:25px 22px;display:flex;justify-content:space-between;gap:15px;color:#747d89;font-size:12px}footer a{text-decoration:none}.mobile-bottom{display:none}@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0006}.service:hover,.contact article:hover{transform:translateY(-5px);border-color:#4b3338}}
@media(max-width:900px){.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;padding-top:58px}.services{grid-template-columns:repeat(2,1fr)}.workshop,.digital{grid-template-columns:1fr}.appointment-cta{margin:50px 16px}}
@media(max-width:650px){body{padding-bottom:70px}.topbar-inner{padding:13px 14px}.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;background:#151920;border:1px solid #333a45;border-radius:9px;padding:9px 11px;font-weight:900}.mobile-menu nav{position:absolute;right:0;top:48px;width:240px;display:grid;gap:4px;background:#11161d;border:1px solid #303742;border-radius:14px;padding:10px;box-shadow:0 18px 45px #000b}.mobile-menu nav a{text-decoration:none;text-align:center;padding:11px;border-radius:8px;font-size:13px;font-weight:800}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(145px,.92fr);grid-template-rows:auto auto auto auto;gap:13px 8px;padding:45px 16px 20px}.hero-copy{display:contents}.eyebrow{grid-column:1/-1;grid-row:1}.hero h1{grid-column:1;grid-row:2;font-size:clamp(28px,7.8vw,32px);line-height:1.05;letter-spacing:-1px;margin:5px 0}.hero-visual{grid-column:2;grid-row:2;height:clamp(145px,42vw,170px);overflow:hidden;border-radius:14px}.hero-visual img{position:absolute;inset:auto 0 0 auto;width:142%;max-width:none}.hero p{grid-column:1/-1;grid-row:3;margin:0;font-size:14px;line-height:1.5}.actions{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:7px}.actions .button{min-width:0;min-height:46px;padding:0 6px;font-size:10px;white-space:nowrap}.trust-strip>div{grid-template-columns:1fr;padding:14px}.trust-strip span{text-align:left}.section{padding:62px 15px}.services{grid-template-columns:1fr}.workshop{padding:0 15px 66px}.digital{padding:62px 15px}.steps{grid-template-columns:1fr}.appointment-cta{padding:28px 21px;align-items:flex-start;flex-direction:column}.contact{padding:20px 15px 75px;grid-template-columns:1fr}footer>div{padding:23px 15px;flex-direction:column}.mobile-bottom{position:fixed;z-index:40;display:grid;grid-template-columns:repeat(3,1fr);left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));background:#0e1218ed;border:1px solid #343b46;border-radius:15px;padding:6px;box-shadow:0 15px 40px #000a;backdrop-filter:blur(13px)}.mobile-bottom a{text-decoration:none;text-align:center;padding:10px 3px;font-size:10px;font-weight:900;border-radius:10px}.mobile-bottom a:nth-child(2){background:var(--red)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service,.contact article{transition:none}}

/* Public Clup presentation only; the separate QR/customer HTML is untouched. */
.clup-kicker{display:block;color:#ff858e;font-size:.875rem;font-weight:800;letter-spacing:.09em}
.clup-teaser{max-width:1240px;margin:auto;padding:70px 22px 0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:center}
.clup-teaser h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.18;letter-spacing:-.03em;margin:14px 0 18px}
.clup-teaser h2 span{color:#ff858e}
.clup-teaser p{font-size:1rem;line-height:1.7;color:#b5bdc9;max-width:620px}
.clup-teaser .button{font-size:.875rem;margin-top:10px}
.clup-teaser-summary{padding:24px 28px;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:14px}
.clup-teaser-summary .clup-teaser-mark{color:var(--text);font-size:1.5rem;font-weight:900;letter-spacing:.02em;margin:0 0 20px}
.clup-teaser-mark span{color:var(--red)}
.clup-teaser-summary ul{padding-left:20px;display:grid;gap:12px;font-size:1rem;line-height:1.5}
.clup-teaser-summary>p:last-child{font-size:.875rem;margin-bottom:0}
.clup-public{max-width:1240px;margin:auto;padding:0 22px}
.clup-public p{font-size:1rem;line-height:1.7;color:#b5bdc9}
.clup-public h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}
.clup-public h3{font-size:1.2rem;line-height:1.4;margin:18px 0 10px}
.clup-public .button{font-size:.875rem;white-space:normal;text-align:center;line-height:1.5;padding:12px 18px}
.clup-public a:focus-visible,.clup-teaser a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.clup-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:50px;padding:70px 0}
.clup-intro h1{font-size:clamp(2.2rem,4.25vw,3.5rem);letter-spacing:-.035em;line-height:1.12;margin:18px 0 24px;overflow-wrap:break-word}
.clup-intro h1 span{color:#ff5c69}
.clup-intro-copy>p{max-width:600px;margin-bottom:24px}
.clup-actions{display:flex;gap:12px;flex-wrap:wrap}
.clup-public .clup-intro-note{font-size:.875rem;margin:18px 0 0}
.clup-intro-image{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card)}
.clup-intro-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.clup-intro-image>div{padding:24px}
.clup-intro-image>div>span{color:#ff858e;font-size:.875rem;font-weight:800;letter-spacing:.04em}
.clup-intro-image>div>p{margin:12px 0 0;color:var(--text);font-size:1.5rem;line-height:1.4;font-weight:700}
.clup-heading{max-width:760px}
.clup-benefits{border-top:1px solid var(--line);padding:64px 0}
.clup-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;margin-top:28px}
.clup-feature-grid article{border-top:1px solid var(--line);padding:25px 0}
.clup-feature-grid article>span{font-size:.875rem;color:#ff858e;font-weight:800}
.clup-feature-grid p{margin:0}
.clup-membership{border-top:1px solid var(--line);padding:60px 0}
.clup-tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}
.clup-tier-grid article{padding:28px;background:var(--card);border:1px solid #63303a;border-radius:16px}
.clup-tier-grid article.clup-premium{border-color:#796340;background:#181611}
.clup-public-badge{display:inline-flex;max-width:100%;padding:8px 12px;border:1px solid #773a43;border-radius:7px;background:#36151c;color:#ffc1c6;font-weight:800;font-size:.875rem;line-height:1.4}
.clup-public-badge.premium{border-color:#927749;background:#32291c;color:#f6d79b}
.clup-public .clup-membership-note{font-size:.875rem;margin:24px 0 0;max-width:820px}
.clup-contact{border-top:1px solid var(--line);padding:55px 0 70px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.clup-contact p{margin-bottom:0}
.clup-skip{position:absolute;top:10px;left:12px;transform:translateY(-200%);background:var(--red);color:white;padding:12px 18px;z-index:60;border-radius:8px}
.clup-skip:focus{transform:translateY(0)}
@media(max-width:1050px){.clup-intro{gap:30px}.clup-teaser{gap:30px}.desktop-nav{gap:16px}}
@media(max-width:900px){.clup-intro{grid-template-columns:1fr;padding:50px 0}.clup-intro-image img{aspect-ratio:16/9}.clup-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clup-contact{align-items:flex-start;flex-direction:column}}
@media(max-width:750px){.clup-teaser{grid-template-columns:1fr;padding:50px 16px 0}.clup-public{padding:0 16px}.clup-tier-grid{grid-template-columns:1fr}.clup-intro h1{font-size:clamp(2.1rem,7vw,3rem)}}
@media(max-width:650px){.clup-public .clup-actions{display:flex;flex-direction:column;align-items:stretch}.clup-feature-grid{grid-template-columns:1fr}.clup-public .clup-actions .button{font-size:.875rem}.clup-intro-image>div{padding:20px}.clup-tier-grid article{padding:24px}.clup-benefits,.clup-membership{padding:45px 0}}
@media(min-width:651px) and (max-width:1000px){
  .topbar .desktop-nav{display:none}
  .topbar .logo{white-space:nowrap}
  .topbar .mobile-menu{display:block;position:relative}
  .topbar .mobile-menu summary{list-style:none;cursor:pointer;background:#151920;border:1px solid #333a45;border-radius:9px;padding:9px 11px;font-weight:900}
  .topbar .mobile-menu nav{position:absolute;right:0;top:48px;width:240px;display:grid;gap:4px;background:#11161d;border:1px solid #303742;border-radius:14px;padding:10px;box-shadow:0 18px 45px #000b}
  .topbar .mobile-menu nav a{text-decoration:none;text-align:center;padding:11px;border-radius:8px;font-size:.875rem;font-weight:800}
}