/* Skin.club promo page — purple/violet accent on the shared light theme */
:root{ --sc-purple:#5c49d0; --sc-purple-deep:#3d2f9c; --sc-pink:#cd40a7; }

.sc-hero{padding:44px 0 44px;}
.sc-hero-inner{display:flex;flex-direction:column;gap:30px;}
.sc-crossover{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap;}
.sc-wordmark{height:20px;width:auto;background:var(--ink);padding:8px 12px;border-radius:8px;}
.sc-h1{font-size:clamp(2.3rem,10vw,3.6rem);line-height:0.98;margin-bottom:16px;}
.sc-h1 .stroke-purple{-webkit-text-stroke:2px var(--sc-purple);color:transparent;}
.sc-hero .lead{font-size:1rem;color:var(--ink-dim);max-width:48ch;margin-bottom:22px;}
.btn-purple{background:var(--sc-purple);color:#fff;box-shadow:0 6px 20px rgba(92,73,208,0.32);}
.btn-purple:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(92,73,208,0.4);}
.hero-ctas{margin-bottom:14px;}
.microcopy{font-size:0.74rem;color:var(--ink-faint);}
.accent-purple{color:var(--sc-purple);}
.sc-tag{color:var(--sc-purple);}
.sc-tag .dot{background:var(--sc-purple);}

.sc-hero-art{position:relative;}
.sc-case-img{width:64%;max-width:280px;margin:0 auto;filter:drop-shadow(0 20px 30px rgba(92,73,208,0.35));animation:caseFloat 5s ease-in-out infinite;}
@keyframes caseFloat{0%,100%{transform:translateY(0) rotate(-1deg);}50%{transform:translateY(-14px) rotate(1deg);}}
.sc-skin-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;}
.sc-skin-row img{background:linear-gradient(160deg,#fff,var(--bg-soft));border:1px solid var(--card-border);border-radius:12px;padding:10px;box-shadow:var(--shadow-sm);transition:transform .2s;}
.sc-skin-row img:hover{transform:translateY(-4px) scale(1.05);}
@media(min-width:860px){
  .sc-hero-inner{flex-direction:row;align-items:center;}
  .sc-hero-inner > div:first-child{flex:1.05;}
  .sc-hero-art{flex:0.95;}
}

/* 18+ callout — prominent, but a light card so the page bg keeps flowing */
.age-banner{padding:0 0 8px;}
.age-banner-inner{background:var(--card);border:1.5px solid rgba(92,73,208,0.3);border-radius:var(--radius);padding:20px 26px;text-align:center;box-shadow:var(--shadow-sm);}
.age-banner p{font-size:0.86rem;line-height:1.5;color:var(--ink-dim);max-width:70ch;margin:0 auto;}
.age-banner p b{color:var(--sc-purple);}

/* feature grid */
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(min-width:760px){.feature-grid{grid-template-columns:repeat(4,1fr);}}
.feature-card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:22px 18px;box-shadow:var(--shadow-sm);}
.feature-ico{font-size:1.6rem;margin-bottom:12px;}
.feature-card h3{font-size:1rem;margin-bottom:8px;}
.feature-card p{font-size:0.82rem;color:var(--ink-dim);}

/* steps (purple accent variant) */
.sc-steps .step-n{color:rgba(92,73,208,0.24);}

/* provably fair */
.fair-box{display:flex;flex-direction:column;align-items:flex-start;gap:18px;background:linear-gradient(160deg,#f3f0ff,var(--bg));border:1px solid rgba(92,73,208,0.18);border-radius:var(--radius);padding:30px 26px;}
.fair-gem{width:56px;height:auto;}
.fair-box h3{font-size:1.3rem;margin-bottom:10px;}
.fair-box p{font-size:0.9rem;color:var(--ink-dim);max-width:70ch;}
@media(min-width:700px){.fair-box{flex-direction:row;align-items:center;}}

/* trust box (shared visual language with dbbet page) */
.trust-box{background:var(--ink);color:rgba(255,255,255,0.82);border-radius:var(--radius);padding:26px 24px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;}
.trust-box .pill18{background:var(--sc-purple);}
.trust-box p{font-size:0.84rem;line-height:1.65;}
.trust-box b{color:#fff;}
.bonus-disclaimer{font-size:0.76rem;color:var(--ink-faint);margin-top:22px;line-height:1.6;max-width:80ch;}

/* sticky mobile CTA */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,0.92);backdrop-filter:blur(10px);border-top:1px solid var(--card-border);box-shadow:0 -8px 24px rgba(18,20,16,0.08);transition:transform .25s ease;padding:10px 16px calc(10px + env(safe-area-inset-bottom));}
.sticky-cta.hide{transform:translateY(110%);}
.sticky-cta-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.sticky-code{font-size:0.8rem;color:var(--ink-dim);display:flex;align-items:center;gap:8px;}
.sticky-code .pill18{padding:3px 9px;font-size:0.62rem;}
@media(min-width:900px){.sticky-cta{display:none;}}
body.sc-page{padding-bottom:78px;}
@media(min-width:900px){body.sc-page{padding-bottom:0;}}