@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@500;600;700&display=swap');
:root{--bg:#0b090d;--paper:#f1eee8;--ink:#151217;--muted:#a49da8;--red:#f13e25;--orange:#ff7a24;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;top:-100px;left:1rem;background:#fff;color:#000;padding:.7rem 1rem;z-index:100}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{height:84px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:600 18px 'Oswald';letter-spacing:1.5px}.brand>span:last-child>span{color:var(--red)}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:linear-gradient(145deg,var(--red),var(--orange));transform:skew(-8deg);font:700 21px 'Oswald';box-shadow:4px 4px 0 #fff}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.site-header nav>a:not(.nav-cta):hover{color:#ff755e}.nav-cta,.button{display:inline-flex;align-items:center;gap:22px;font-weight:700}.nav-cta{border:1px solid rgba(255,255,255,.5);padding:13px 17px}.nav-cta:hover{background:#fff;color:#111}.menu-toggle{display:none;background:none;border:0;color:white}.hero{min-height:790px;height:100vh;position:relative;display:flex;align-items:center;padding:120px clamp(24px,8vw,130px) 70px;isolation:isolate}.hero-art{position:absolute;inset:0;background:url('assets/mangadex-hero.png') center/cover no-repeat;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,6,9,.98) 0%,rgba(7,6,9,.87) 30%,rgba(7,6,9,.18) 64%,rgba(7,6,9,.1)),linear-gradient(0deg,rgba(7,6,9,.8),transparent 40%)}.hero-content{max-width:670px}.eyebrow,.kicker{font-size:11px;font-weight:700;letter-spacing:3px}.eyebrow{display:flex;align-items:center;gap:10px;color:#ddd}.eyebrow span{width:28px;height:2px;background:var(--red)}h1,h2,blockquote{font-family:'Oswald',sans-serif;text-transform:uppercase;margin:0;line-height:.94}h1{font-size:clamp(68px,8vw,126px);letter-spacing:-4px;margin:22px 0 28px}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #ff624d;text-shadow:4px 4px 0 rgba(241,62,37,.22)}.hero-copy{font-size:17px;line-height:1.65;max-width:560px;color:#d2cbd4}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:38px}.button{padding:17px 22px;text-transform:uppercase;font-size:12px;letter-spacing:1.2px}.button-primary{background:var(--red);box-shadow:6px 6px 0 #6a160c}.button-primary:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 #6a160c}.text-link{font-size:13px;border-bottom:1px solid #777;padding:10px 0}.hero-proof{display:flex;align-items:center;margin-top:65px}.avatars{display:flex;margin-right:14px}.avatars span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#241e2b;border:2px solid #0b090d;margin-left:-8px;font-size:12px}.hero-proof p{font-size:11px;color:#aaa;line-height:1.6}.hero-proof strong{color:#fff}.vertical-note{position:absolute;right:30px;bottom:70px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#bbb}.vertical-note span{color:var(--red);font-size:18px}.marquee{background:var(--red);overflow:hidden;transform:rotate(-1deg) scale(1.01);position:relative;z-index:2}.marquee div{white-space:nowrap;padding:16px 0;font:600 18px 'Oswald';letter-spacing:3px;animation:marquee 24s linear infinite}.marquee i{color:#190805;margin:0 28px}.section{padding:120px clamp(24px,8vw,130px)}.discover{background:var(--paper);color:var(--ink)}.section-heading{display:grid;grid-template-columns:180px 1fr 340px;align-items:end;gap:30px;margin-bottom:60px}.kicker{color:var(--red)}.section-heading h2,.feature-copy h2{font-size:clamp(48px,6vw,86px);letter-spacing:-2px}.section-heading>p:last-child,.feature-copy>p{color:#6c666d;line-height:1.7}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cfc9c2;border-left:1px solid #cfc9c2}.mood-card{position:relative;text-align:left;min-height:365px;padding:25px;background:transparent;border:0;border-right:1px solid #cfc9c2;border-bottom:1px solid #cfc9c2;color:var(--ink);cursor:pointer;transition:.3s}.mood-card:hover,.mood-card.active{background:var(--ink);color:#fff;transform:translateY(-8px);box-shadow:0 14px 30px rgba(0,0,0,.2)}.mood-card>span{font:600 11px 'Oswald';color:#999}.mood-icon{width:70px;height:70px;display:grid;place-items:center;margin:55px 0 35px;background:var(--accent);color:#111;font-size:28px;clip-path:polygon(50% 0,100% 25%,90% 85%,45% 100%,0 72%,8% 14%)}.mood-card h3{font:600 27px 'Oswald';text-transform:uppercase;margin:0 0 12px}.mood-card p{font-size:13px;line-height:1.6;color:#777}.mood-card:hover p,.mood-card.active p{color:#bbb}.mood-card b{position:absolute;bottom:24px;font-size:10px;letter-spacing:1.5px;color:var(--accent)}.mood-card b i{font-size:17px}.mood-result{display:none;margin-top:18px;background:#19151d;color:#fff;padding:18px 24px;align-items:center;gap:18px}.mood-result.visible{display:flex}.mood-result span{font-size:9px;letter-spacing:2px;color:#aaa}.mood-result strong{color:#ff654d}.mood-result a{margin-left:auto;font-size:12px}.features{display:grid;grid-template-columns:1fr 1fr;min-height:720px;padding:0;background:#100d13}.feature-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#281321,#100d13 60%);min-height:700px;display:flex;align-items:center;padding:12%}.feature-visual:after{content:'火';font:700 500px 'Oswald';position:absolute;right:-80px;color:rgba(241,62,37,.09);transform:rotate(-10deg)}.panel-label{font:700 clamp(50px,7vw,100px)/.9 'Oswald';letter-spacing:-3px;z-index:1}.panel-label::first-line{color:var(--red)}.chapter-stack{position:absolute;right:7%;bottom:12%;display:grid;gap:8px;z-index:2}.chapter-stack span{border:1px solid #726873;padding:10px 16px;font:600 10px 'Oswald';letter-spacing:2px;transform:skew(-7deg)}.chapter-stack span:nth-child(2){background:var(--red);border-color:var(--red)}.feature-copy{padding:110px clamp(35px,7vw,110px);align-self:center}.feature-copy>p{max-width:540px}.feature-copy ul{list-style:none;padding:30px 0 0;margin:30px 0 0;border-top:1px solid var(--line)}.feature-copy li{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.feature-copy li>b{color:var(--red);font:600 11px 'Oswald'}.feature-copy li div{display:grid;gap:5px}.feature-copy li strong{text-transform:uppercase;font:600 16px 'Oswald';letter-spacing:.5px}.feature-copy li span{color:#89828d;font-size:12px}.manifesto{text-align:center;background:var(--red);position:relative;overflow:hidden}.manifesto:before{content:'“';position:absolute;left:5%;top:-80px;font:700 400px Georgia;color:rgba(0,0,0,.08)}.manifesto .kicker{color:#220b08}.manifesto blockquote{font-size:clamp(45px,6vw,90px);margin:45px auto 30px;max-width:1100px;letter-spacing:-2px}.manifesto blockquote span{color:#210b0b}.manifesto blockquote em{font-style:italic;color:#fff}.manifesto>p:not(.kicker){max-width:560px;margin:0 auto 35px;color:#48130d}.button-light{background:#fff;color:#111;box-shadow:6px 6px 0 #57150d}.faq{background:var(--paper);color:var(--ink)}.faq .section-heading{grid-template-columns:180px 1fr}.faq-list{max-width:900px;margin-left:auto}.faq details{border-top:1px solid #bdb6ae;padding:25px 0}.faq details:last-child{border-bottom:1px solid #bdb6ae}.faq summary{list-style:none;cursor:pointer;font:600 21px 'Oswald';text-transform:uppercase;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--red);font-size:28px}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:#686169;line-height:1.7;max-width:720px}footer{padding:65px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;background:#080609}footer>p{color:#777;font-size:13px}footer nav{display:flex;gap:24px;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;color:#67606a}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:900px){.site-header nav{position:absolute;top:84px;left:0;right:0;background:#0b090df5;display:none;flex-direction:column;padding:28px}.site-header nav.open{display:flex}.menu-toggle{display:grid;gap:5px}.menu-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:white}.hero{min-height:700px}.hero-art{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(7,6,9,.98) 0%,rgba(7,6,9,.79) 60%,rgba(7,6,9,.35))}.section-heading{grid-template-columns:1fr}.mood-grid{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr}.feature-visual{min-height:500px}.feature-copy{padding:80px 8vw}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero{padding-top:110px;align-items:flex-end}.hero-art{background-position:68% center}.hero-shade{background:linear-gradient(0deg,#080609 12%,rgba(8,6,9,.76) 62%,rgba(8,6,9,.45))}h1{font-size:58px;letter-spacing:-2px}.hero-copy{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.hero-proof,.vertical-note{display:none}.section{padding:80px 22px}.mood-grid{grid-template-columns:1fr}.mood-card{min-height:300px}.mood-icon{margin:34px 0 24px}.mood-result{align-items:flex-start;flex-direction:column}.mood-result a{margin-left:0}.feature-visual{min-height:420px}.feature-copy{padding:70px 22px}.manifesto blockquote{font-size:42px}footer{grid-template-columns:1fr}footer small{grid-column:1}.section-heading h2,.feature-copy h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.reveal{opacity:1;transform:none;transition:none}}
/* Semantic heading styles for the feature and manifesto sections. */
.feature-copy li h3{margin:0;text-transform:uppercase;font:600 16px 'Oswald';letter-spacing:.5px}
.manifesto h2{font-size:clamp(45px,6vw,90px);margin:45px auto 30px;max-width:1100px;letter-spacing:-2px}
.manifesto h2 em{font-style:italic;color:#fff;-webkit-text-stroke:0;text-shadow:none}
.manifesto>p:not(.kicker){max-width:620px;line-height:1.7}
@media(max-width:560px){.manifesto h2{font-size:42px}}

/* Inner pages */
.inner-page{background:var(--paper);color:var(--ink);min-height:100vh}.inner-page .site-header{position:relative;background:var(--bg)}.inner-main{max-width:980px;margin:auto;padding:90px 28px 120px}.inner-hero{padding-bottom:45px;border-bottom:1px solid #cfc9c2}.inner-hero .kicker{margin-bottom:20px}.inner-hero h1{font-size:clamp(52px,8vw,92px);letter-spacing:-3px}.inner-hero>p:last-child{max-width:720px;color:#6c666d;line-height:1.7;font-size:17px}.legal-copy{max-width:760px;padding-top:40px}.legal-copy h2{font-size:30px;line-height:1.15;letter-spacing:-.5px;margin:48px 0 14px}.legal-copy h3{font:600 19px 'Oswald';text-transform:uppercase;margin:30px 0 10px}.legal-copy p,.legal-copy li{color:#565057;line-height:1.75}.legal-copy a{color:#bd2e1b;text-decoration:underline;text-underline-offset:3px}.legal-copy .notice{border-left:4px solid var(--red);padding:18px 22px;background:#e5e0d9;color:#403a40}.legal-copy .updated{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#8a838a}.inner-page footer{color:#fff}.inner-page footer nav{flex-wrap:wrap}.back-link{display:inline-block;margin-top:35px;color:#bd2e1b;font-weight:700}.error-page{min-height:calc(100vh - 84px);display:grid;place-items:center;text-align:center;padding:60px 24px}.error-code{font:700 clamp(130px,25vw,280px)/.8 'Oswald';color:var(--red);margin:0}.error-page h1{font-size:clamp(38px,7vw,72px);letter-spacing:-2px}.error-page p{color:#706970;margin:24px auto 32px;max-width:520px}@media(max-width:900px){.inner-page .site-header nav a{color:#fff}.inner-main{padding-top:60px}}