.landing-page{min-height:100vh;background:#120f17;color:#fff}.landing-page .site-main{min-height:100vh}
.landing-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 76% 25%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 27rem),linear-gradient(135deg,#120f17 0%,#211526 52%,#0d1720 100%)}
.landing-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(255 255 255/3%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/3%) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.landing-hero{position:relative;z-index:1;width:min(78rem,calc(100% - 2rem));min-height:calc(100vh - 6rem);margin:auto;padding:clamp(1.5rem,4vw,3.5rem) 0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.75fr);grid-template-rows:auto 1fr;column-gap:clamp(2rem,7vw,6rem);align-items:center}
.landing-brand{grid-column:1/-1;align-self:start;width:max-content;max-width:100%;padding:0;border:0;background:transparent;box-shadow:none;display:inline-flex;gap:0.2rem;align-items:center;}.landing-brand span{font-size: 0.8rem;margin-top: -0.3rem;margin-right: 0.8rem;font-weight:700;}.landing-brand img{display:block;width:clamp(9.5rem,17vw,12.5rem);height:auto;filter:none}
.landing-copy{max-width:43rem}.landing-kicker{margin:0 0 .65rem;color:#ff7da6;font-size:.76rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.landing-copy h1{max-width:12ch;margin:0;font-size:clamp(3rem,7vw,6.6rem);line-height:.91;letter-spacing:-.075em;text-wrap:balance}.landing-lead{max-width:38rem;margin:1.4rem 0;color:#d8cfdd;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.7}
.landing-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.4rem 0}.landing-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.7rem 1rem;border:1px solid #ffffff42;border-radius:.55rem;color:#fff;text-decoration:none;font-weight:850}.landing-enter{gap:.8rem;background:#d92f67;border-color:#d92f67!important;box-shadow:0 12px 35px #d92f6740}.landing-enter:hover,.landing-enter:focus-visible{background:#f0447b}.landing-browse:hover,.landing-browse:focus-visible{background:#ffffff12}
.landing-search{display:flex;max-width:32rem;margin-top:1rem}.landing-search input{min-width:0;flex:1;padding:.72rem .8rem;border:1px solid #ffffff38;border-right:0;border-radius:.5rem 0 0 .5rem;background:#ffffff0d;color:#fff}.landing-search input::placeholder{color:#bfb4c5}.landing-search button{padding:.72rem 1rem;border:0;border-radius:0 .5rem .5rem 0;background:#fff;color:#171019;font-weight:850;cursor:pointer}
.landing-preview{position:relative;min-height:30rem;isolation:isolate}.landing-preview:before{content:"";position:absolute;inset:12% 8%;border:1px solid #ffffff1f;border-radius:50%;box-shadow:0 0 0 2rem #ffffff05,0 0 0 5rem #ffffff03}.landing-card{position:absolute;width:min(18rem,78%);padding:1.15rem;border:1px solid #ffffff2b;border-radius:1rem;background:linear-gradient(145deg,#ffffff18,#ffffff08);box-shadow:0 24px 70px #0007;backdrop-filter:blur(15px);transform:rotate(-5deg)}.landing-card span{display:block;color:#ff7da6;font-size:.68rem;font-weight:900;letter-spacing:.14em}.landing-card strong{display:block;margin:.3rem 0;font-size:1.5rem}.landing-card small{color:#d4cad8}.landing-card--one{top:5%;right:12%}.landing-card--two{top:35%;left:3%;transform:rotate(4deg)}.landing-card--three{right:2%;bottom:7%;transform:rotate(-2deg)}
.landing-seo{position:relative;z-index:1;width:min(78rem,calc(100% - 2rem));margin:0 auto 4rem;padding:clamp(2rem,5vw,4.5rem);border:1px solid #ffffff1f;border-radius:1.25rem;background:linear-gradient(145deg,#ffffff0d,#ffffff05);box-shadow:0 35px 90px #0005;backdrop-filter:blur(12px)}
.landing-section-kicker{margin:0 0 .4rem;color:#ff7da6;font-size:.7rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.landing-seo h2{margin:.15rem 0 .65rem;color:#fff;line-height:1.12;letter-spacing:-.035em}.landing-seo p{color:#cfc5d4;line-height:1.72}.landing-seo__intro{max-width:52rem;margin-bottom:2rem}.landing-seo__intro h2{font-size:clamp(1.8rem,4vw,3.25rem)}
.landing-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.landing-topic-grid article{padding:1.25rem;border:1px solid #ffffff1c;border-radius:.75rem;background:#0d0b101f}.landing-topic-grid article>span{color:#ff7da6;font-size:.66rem;font-weight:900;letter-spacing:.12em}.landing-topic-grid h2{font-size:1.2rem}.landing-topic-grid p{margin:.45rem 0 1rem;font-size:.9rem}.landing-topic-grid a{color:#ff8caf;font-size:.82rem;font-weight:850;text-decoration:none}.landing-topic-grid a:hover{text-decoration:underline}
.landing-genres{display:grid;grid-template-columns:minmax(12rem,.55fr) minmax(0,1.45fr);gap:2rem;align-items:center;margin:3rem 0}.landing-genres h2{font-size:1.75rem}.landing-genres nav{display:flex;flex-wrap:wrap;gap:.55rem}.landing-genres a{padding:.45rem .7rem;border:1px solid #ffffff26;border-radius:999px;background:#ffffff0a;color:#eee6f0;font-size:.78rem;font-weight:800;text-decoration:none}.landing-genres a:hover,.landing-genres a:focus-visible{border-color:#ff7da6;color:#fff}
.landing-faq{padding-top:2rem;border-top:1px solid #ffffff1f}.landing-faq>h2{font-size:1.75rem}.landing-faq__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.landing-faq article{padding:1rem 0}.landing-faq h3{margin:0 0 .35rem;font-size:1rem}.landing-faq p{margin:0;font-size:.84rem}
.landing-footer{position:relative;z-index:1;width:min(78rem,calc(100% - 2rem));margin:auto;padding:1rem 0 1.5rem;border-top:1px solid #ffffff1f;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;color:#bfb5c5;font-size:.76rem;flex-direction: column;}.landing-footer p{margin:0}.landing-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem}.landing-footer a{color:#e8e0eb;text-decoration:none}.landing-footer a:hover{text-decoration:underline}.landing-footer a.email-color{color:#ff7da6;text-decoration:none}
@media(max-width:52rem){.landing-hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:auto}.landing-copy{padding:4rem 0 2rem}.landing-preview{min-height:23rem}.landing-card{width:min(17rem,68%)}.landing-seo{padding:2rem}.landing-topic-grid,.landing-faq__grid{grid-template-columns:1fr}.landing-genres{grid-template-columns:1fr;gap:.5rem}.landing-footer{display:grid}.landing-footer nav{justify-content:flex-start}}
@media(max-width:32rem){.landing-copy h1{font-size:clamp(2.7rem,17vw,4.2rem)}.landing-actions{display:grid}.landing-actions a{width:100%}.landing-preview{min-height:20rem}.landing-card{padding:.85rem}.landing-card strong{font-size:1.2rem}.landing-seo{padding:1.25rem}.landing-footer nav{gap:.7rem}}
@media(prefers-reduced-motion:no-preference){.landing-card{animation:landing-float 6s ease-in-out infinite}.landing-card--two{animation-delay:-2s}.landing-card--three{animation-delay:-4s}@keyframes landing-float{50%{translate:0 -8px}}}