/* DiceDaze public homepage */
html:has(.marketing-body){scroll-behavior:smooth}
.marketing-body{padding:0;background:#151515;color:#f4f4f2}.marketing-body .marketing-page{max-width:none;margin:0}.marketing-hero-shell{overflow:hidden;background:#1a1a1a}.marketing-header,.marketing-footer,.marketing-hero{box-sizing:border-box;width:min(calc(100% - 3rem),74rem);margin-inline:auto}.marketing-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0}.marketing-brand{display:inline-flex;width:10.5rem;height:2.886rem}.marketing-brand img{display:block;width:100%;height:100%;object-fit:contain}.marketing-header nav{display:flex;align-items:center;gap:.2rem}.marketing-header nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 .65rem;border:1px solid transparent;border-radius:.4rem;color:#f4f4f2;font-size:.88rem;font-weight:800;text-decoration:none;white-space:nowrap}.marketing-header nav a:hover{background:#ffffff12}.marketing-header .marketing-nav-cta{border-color:var(--color-brand);background:var(--color-brand);color:#fff}.marketing-header .marketing-nav-cta:hover,.marketing-button:hover{border-color:var(--color-brand-hover);background:var(--color-brand-hover);color:#fff}
.marketing-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(21rem,1.1fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);padding:clamp(3.5rem,8vw,7.5rem) 0 clamp(5rem,10vw,8.5rem)}.marketing-eyebrow{margin:0 0 1.25rem;color:#ec5965;font-size:.73rem;font-weight:900;letter-spacing:.13em}.marketing-hero h1,.marketing-section h2,.marketing-final-cta h2{margin:0;color:#f8f8f5;font-size:clamp(2.65rem,5.7vw,5.8rem);line-height:.94;letter-spacing:-.06em}.marketing-hero h1{max-width:8ch}.marketing-hero-support{max-width:31rem;margin:1.5rem 0 0;color:#fff;font-size:clamp(1.15rem,2vw,1.38rem);font-weight:700;line-height:1.35}.marketing-lede{max-width:38rem;margin:1rem 0 0;color:#c9c9c5;font-size:1.04rem;line-height:1.62}.marketing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem;margin-top:2rem}.marketing-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.75rem 1rem;border:1px solid var(--color-brand);border-radius:.4rem;background:var(--color-brand);color:#fff;font-size:.87rem;font-weight:900;letter-spacing:.04em;text-align:center;text-decoration:none}.marketing-text-action{padding:.6rem;color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:.2em}.marketing-login{width:100%;margin:0;color:#c9c9c5;font-size:.9rem}.marketing-login a{color:#fff}.hero-visual{min-width:0}.hero-artwork{display:block;width:min(115%,50rem);max-width:none;height:auto;margin-left:-15%}
.marketing-section{box-sizing:border-box;padding:clamp(5rem,10vw,8.5rem) max(1.5rem,calc((100vw - 74rem)/2))}.marketing-section:nth-of-type(odd){background:#1b1b1b}.marketing-section-heading{max-width:48rem;margin:0 auto clamp(2.2rem,5vw,4rem)}.marketing-section-heading p{max-width:42rem;margin:1.2rem 0 0;color:#c9c9c5;font-size:1.08rem;line-height:1.6}.marketing-section h2{font-size:clamp(2.35rem,4.5vw,4.6rem)}.problem-grid,.feature-grid{display:grid;gap:1rem}.problem-grid{grid-template-columns:repeat(3,1fr);max-width:74rem;margin:auto}.problem-grid article,.feature-grid article{padding:1.5rem;border:1px solid #414144;border-radius:.65rem;background:#222224}.problem-grid h3,.feature-grid h3,.how-steps h3{margin:0;color:#f5f5f2;font-size:1.1rem;line-height:1.3}.problem-grid p,.feature-grid p,.how-steps p{margin:1rem 0 0;color:#c6c6c2;line-height:1.58}.marketing-closing-line{max-width:46rem;margin:clamp(2.5rem,5vw,4rem) auto 0;color:#f5f5f2;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;line-height:1.4;text-align:center}
.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,3rem);max-width:74rem;margin:0 auto;padding:0;list-style:none}.how-steps li>span{display:block;margin-bottom:1.25rem;color:#ec5965;font-size:.8rem;font-weight:900;letter-spacing:.12em}.marketing-product-screenshot{box-sizing:border-box;display:block;width:100%;height:auto;margin:clamp(3.5rem,7vw,5.5rem) auto 0;border:1px solid #47494c;border-radius:.75rem;background:#202123}.how-it-works-screenshot{max-width:65.75rem}.marketing-features{background:#151515!important}.feature-grid{grid-template-columns:repeat(2,1fr);max-width:70rem;margin:auto}.feature-grid article{background:#1d1d1f}.marketing-calendar-proof{background:#1b1b1b!important}.whole-party-screenshot{max-width:70rem}.dice-day-lock-screenshot{max-width:54rem}
.marketing-final-cta{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:clamp(2.5rem,5vw,4rem);overflow:hidden;width:min(calc(100% - 3rem),74rem);margin:auto;padding:clamp(6rem,13vw,10rem) 1.5rem;text-align:center}.marketing-final-cta h2{position:relative;max-width:11ch;font-size:clamp(3rem,6vw,5.4rem)}.final-visual{position:absolute;width:28rem;aspect-ratio:1;border:1px solid #ffffff0c;border-radius:50%;background:radial-gradient(circle,#422c2f00 42%,#b4344014 43% 44%,transparent 45%);transform:translateY(-5%)}.marketing-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;padding:1.5rem 0 2.5rem;border-top:1px solid #343436;color:#aaa9a5;font-size:.88rem}.marketing-footer span{margin-right:auto;line-height:1.5}.marketing-footer a{color:#c7c7c3;font-weight:700}
.marketing-final-cta .marketing-button{position:relative}
@media (max-width:52rem){.marketing-hero{grid-template-columns:1fr;gap:2.5rem;padding-top:3.5rem}.hero-artwork{width:min(82%,25rem);max-width:100%;margin:auto}.marketing-section{padding-inline:max(1rem,calc((100vw - 46rem)/2))}.problem-grid,.how-steps{grid-template-columns:1fr}.problem-grid{max-width:36rem}.how-steps{max-width:38rem}.marketing-product-screenshot{margin-top:3rem}.marketing-header,.marketing-footer{width:min(calc(100% - 2rem),46rem)}}
@media (max-width:38rem){.marketing-header{flex-wrap:wrap;gap:.5rem}.marketing-brand{width:8.3rem;height:2.282rem}.marketing-header nav{width:100%;justify-content:space-between;gap:0}.marketing-header nav a{min-height:40px;padding:0 .35rem;font-size:.72rem}.marketing-hero{width:min(calc(100% - 2rem),46rem);padding-top:2.75rem}.marketing-hero h1{font-size:3.2rem}.hero-artwork{width:min(76%,20rem)}.feature-grid{grid-template-columns:1fr}.marketing-footer span{width:100%;margin-right:0}.marketing-final-cta{width:min(calc(100% - 2rem),46rem)}}
@media (prefers-reduced-motion:reduce){html:has(.marketing-body),.marketing-body *{scroll-behavior:auto!important}}