:root{color-scheme:light;--ink:#30263f;--muted:#5c5666;--purple:#5b318d;--teal:#207e75;--cream:#fff8e8;--paper:#fffdfa;--line:#e6dceb;--shadow:0 20px 55px rgba(48,38,63,.14)}
*{box-sizing:border-box}
html{background:var(--cream)}
body{min-width:320px;margin:0;background:linear-gradient(160deg,#fff8e8 0%,#fffdfa 44%,#eef8f4 100%);color:var(--ink);font-family:ui-rounded,"Nunito",Avenir,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.landing-page{overflow:hidden}
.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.hero{padding:clamp(50px,7vw,96px) 0 clamp(58px,8vw,110px);background:radial-gradient(circle at 84% 20%,rgba(151,219,237,.43),transparent 29%),radial-gradient(circle at 10% 100%,rgba(246,207,113,.24),transparent 31%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(40px,6vw,86px);align-items:center}
.hero-copy{max-width:510px}
.eyebrow{margin:0 0 16px;color:var(--teal);font-size:.74rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.coming-soon-badge{display:inline-flex;align-items:center;min-height:34px;margin:0 0 18px;padding:7px 14px;border-radius:999px;background:var(--purple);box-shadow:0 8px 22px rgba(91,49,141,.23);color:#fff;font-size:.75rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
h1,h2{margin:0;color:var(--ink);font-weight:900;letter-spacing:-.045em;line-height:1.02}
h1{font-size:clamp(2.65rem,5.2vw,5rem)}
h2{font-size:clamp(2rem,3.65vw,3.35rem)}
.intro,.follow-copy>p:last-child{max-width:510px;margin:25px 0 0;color:var(--muted);font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.65}
.promo-art{margin:0;filter:drop-shadow(0 24px 42px rgba(48,38,63,.15))}
.promo-art img{display:block;width:100%;height:auto;border:1px solid rgba(91,49,141,.15);border-radius:28px;background:#dff2f5}
.follow{padding:clamp(54px,7vw,94px) 0;background:rgba(255,253,250,.86);border-top:1px solid rgba(91,49,141,.12)}
.follow-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,82px);align-items:center}
.social-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.social-button{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:66px;padding:15px 17px;border:1px solid var(--line);border-radius:17px;background:var(--paper);box-shadow:0 9px 24px rgba(48,38,63,.07);color:var(--ink);font-size:1rem;font-weight:900;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.social-button img{display:block;width:27px;height:27px;object-fit:contain}
.social-button .external{font-size:1rem}.social-button.instagram{background:#fffafd}.social-button.tiktok{background:#f7fbfa}.social-button.youtube{background:#fffaf6}.social-button.facebook{background:#f8f9ff}
.social-button:hover{transform:translateY(-2px);border-color:var(--purple);box-shadow:0 14px 30px rgba(48,38,63,.14)}
.social-button:focus-visible{outline:4px solid var(--teal);outline-offset:4px}
.site-footer{padding:26px 24px 30px;border-top:1px solid rgba(91,49,141,.1);background:#fffdfa;color:var(--muted);font-size:.8rem;font-weight:700;text-align:center}
@media(max-width:800px){.shell{width:min(100% - 40px,680px)}.hero-grid,.follow-grid{grid-template-columns:1fr;gap:34px}.hero-copy{max-width:600px}.promo-art{max-width:680px}.follow-copy>p:last-child{max-width:590px}}
@media(max-width:560px){.shell{width:calc(100% - 32px)}.hero{padding-top:48px}.eyebrow{font-size:.68rem}.coming-soon-badge{min-height:32px;font-size:.69rem}h1{font-size:clamp(2.45rem,12vw,3.35rem)}.intro,.follow-copy>p:last-child{margin-top:20px;font-size:1rem;line-height:1.58}.promo-art img{border-radius:21px}.social-buttons{grid-template-columns:1fr;gap:12px}.social-button{min-height:62px;padding-inline:16px}.follow{padding-block:54px}}
@media(prefers-reduced-motion:reduce){.social-button{transition:none}.social-button:hover{transform:none}}
