:root{color-scheme:dark;--bg:#090f22;--ink:#fff8fa;--muted:#d5d9ec;--pink:#ff718d;--edge:#525879;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}a{color:#ffb3c5}a:focus-visible{outline:3px solid #ffe2a3;outline-offset:4px}.wrap{width:min(1150px,calc(100% - 2rem));margin-inline:auto}.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#111;padding:.8rem}.skip:focus{left:1rem;z-index:5}.fiction{background:#292139;color:#fff0f4;border-bottom:1px solid #765971;font-size:.88rem;padding:.55rem 0}.fiction .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.fiction a{color:#ffcfda}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;flex-wrap:wrap}.brand{font-size:clamp(2.3rem,5vw,3.6rem);font-weight:900;letter-spacing:-.08em;text-decoration:none;color:#fff;line-height:1}.brand:before{content:"";display:inline-block;background:#ff667f;clip-path:polygon(0 0,100% 50%,0 100%);width:.5em;height:.55em;margin-right:.28em}.header nav,footer nav{display:flex;gap:1rem;flex-wrap:wrap}.header nav a{text-decoration:none;color:#d5d9ed;font-weight:650}.header nav a:hover{color:#fff}
.hero{border-radius:25px;background:radial-gradient(ellipse at 82% 35%,#702b70 0,transparent 40%),radial-gradient(ellipse at 60% 95%,#1c3e61 0,transparent 36%),#0b122b;border:1px solid #4f435f;overflow:hidden;position:relative}.hero .content{padding:clamp(1.5rem,5vw,4.5rem);position:relative;z-index:1}.hero:after{content:"";position:absolute;right:-10%;top:-20%;width:60%;height:130%;opacity:.3;border:3px solid #ec5b9f;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.81rem;font-weight:750;color:#ffb4c3}.hero h1{font-weight:950;letter-spacing:-.065em;line-height:.96;font-size:clamp(3.4rem,8vw,7.4rem);margin:.8rem 0}.hero h1 em{color:#ff728b;font-style:normal}.lead{font-size:clamp(1.15rem,2.2vw,1.6rem);max-width:640px;color:#fff2fa}.cta{display:inline-flex;align-items:center;background:linear-gradient(115deg,#ff9b68,#fa5379,#da3293);padding:.95rem 1.65rem;color:#211329;text-decoration:none;border-radius:999px;font-weight:900;box-shadow:0 8px 27px #d12a7840;margin-top:1.3rem}.cta:hover{filter:brightness(1.12)}.small{color:var(--muted);font-size:.93rem}.mockup{margin:1.5rem 0 3.5rem}.mockup img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #585b84;box-shadow:0 25px 60px #0005}.mockup figcaption{color:var(--muted);font-size:.87rem;margin-top:.6rem}
.section{padding:3rem 0;border-top:1px solid var(--edge);scroll-margin-top:1rem}.section h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;letter-spacing:-.06em;margin:.3rem 0 1.4rem}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.tile{border:1px solid #566080;border-radius:15px;overflow:hidden;background:#181e35}.art{height:175px;position:relative;display:flex;align-items:end;padding:1rem}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,#090f22bd)}.art b,.art small{position:relative;z-index:1;text-shadow:0 3px 7px #000a}.art b{font-size:clamp(1.55rem,2vw,2rem);letter-spacing:-.055em;line-height:1}.art small{position:absolute;top:.7rem;left:1rem;border-radius:20px;padding:.18rem .5rem;background:#090f22bb;color:#fff;font-size:.68rem;font-weight:750}.night{background:repeating-linear-gradient(90deg,#0d293b 0 15px,#1d5166 16px 27px,#07192c 28px 43px)}.void{background:radial-gradient(circle at 73% 40%,transparent 13%,#dd99fc 14%,transparent 17%),linear-gradient(135deg,#7040a4,#132657)}.sunset{background:radial-gradient(circle at 83% 30%,#ffd39891 0,transparent 32%),linear-gradient(135deg,#b76c84,#37275d)}.stage{background:radial-gradient(circle at 68% 26%,#ffc2bf7c 0,transparent 35%),linear-gradient(120deg,#812c57,#151d37)}.tile .info{padding:1rem 1.15rem 1.3rem}.genre{font-size:.8rem;letter-spacing:.08em;color:#ffb4c9;text-transform:uppercase;font-weight:750}.tile p{margin:.45rem 0;color:#e2e2ec;font-size:.94rem}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature{background:#17203c;border:1px solid #4b567a;border-radius:17px;padding:1.5rem}.feature h3{font-size:1.25rem;margin:.3rem 0}.feature p{color:#d9deeb;margin:.5rem 0}.backstage{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;background:linear-gradient(110deg,#15233e,#2b1b3b);border:1px solid #5d4f72;border-radius:18px;padding:2rem}.backstage p{color:var(--muted)}footer{border-top:1px solid var(--edge);padding:2rem 0 3rem;font-size:.91rem;color:#dce0ed}footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}@media(max-width:850px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.columns{grid-template-columns:1fr 1fr}.backstage{grid-template-columns:1fr}}@media(max-width:550px){.tiles,.columns{grid-template-columns:1fr}.art{height:220px}.backstage{padding:1.3rem}.hero .content{padding:1.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}