@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101728;--ink-2:#18233a;--paper:#f5f0e8;--warm:#f4b860;--muted:#778096;--line:#d9d7d2;--white:#fffdf8;--shadow:0 24px 60px rgba(16,23,40,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,a{outline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--warm);outline-offset:4px}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(16,23,40,.96);color:#f5f0e8;border-bottom:1px solid rgba(255,255,255,.12)}.nav-shell{max-width:1280px;margin:auto;min-height:78px;display:flex;align-items:center;gap:28px;padding:0 24px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.04em;white-space:nowrap}.brand b{color:var(--warm)}.brand small{display:block;font:10px 'DM Mono';color:#9aa3b7;letter-spacing:.15em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--warm);color:var(--warm);font-size:12px;border-radius:8px}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex:1}.main-nav a{font-size:13px;padding:10px 10px;border-radius:8px;color:#cbd1dc;white-space:nowrap}.main-nav a span{color:var(--warm);margin-right:5px}.main-nav a:hover,.main-nav a[aria-current=page]{background:#26324b;color:#fff}.menu-toggle{display:none;margin-left:auto;background:transparent;border:1px solid #59637a;color:#fff;padding:9px 12px;border-radius:8px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:70px;padding-bottom:70px}.kicker{font:500 12px 'DM Mono',monospace;letter-spacing:.16em;color:#bb7b29;margin:0 0 16px}.hero h1,.sub-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.08;letter-spacing:-.07em;margin:0 0 24px}.hero h1 a{border-bottom:2px solid var(--warm)}.hero-lead{font-size:24px;line-height:1.45;max-width:600px;margin:0 0 18px}.hero-note{color:#6d7482;max-width:550px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;gap:16px;padding:13px 18px;border-radius:8px;font-weight:700;font-size:14px}.button-primary{background:var(--warm);color:var(--ink)}.button-ghost{border:1px solid #afb2b7}.button-dark{background:var(--ink);color:var(--paper)}.hero-screen{background:var(--ink);padding:18px;border-radius:18px;box-shadow:var(--shadow);transform:rotate(2deg)}.screen-top,.screen-bottom{display:flex;justify-content:space-between;color:#9aa3b7;font:11px 'DM Mono';letter-spacing:.08em}.screen-art{height:330px;margin:16px 0;position:relative;overflow:hidden;background:linear-gradient(135deg,#1b2f4b,#72513e 55%,#f0bc70);display:grid;place-items:center}.beam{position:absolute;top:-80px;width:70px;height:500px;background:rgba(255,236,185,.35);filter:blur(12px);transform:rotate(34deg)}.beam-one{left:37%}.beam-two{left:55%;opacity:.55;transform:rotate(48deg)}.screen-play{z-index:1;display:grid;place-items:center;width:72px;height:72px;border:1px solid #fff;border-radius:50%;color:#fff;font-size:22px}.screen-caption{position:absolute;left:25px;bottom:20px;color:#fff;font:12px 'DM Mono';letter-spacing:.12em}.screen-caption b{font-size:20px}.timeline{height:3px;background:#364157}.timeline span{display:block;width:34%;height:100%;background:var(--warm)}.value-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:25px 0 70px;border-top:1px solid var(--line)}.value-strip>div{display:grid;grid-template-columns:42px 1fr;column-gap:12px}.icon-box{grid-row:span 2;width:40px;height:40px;border:1px solid #c6bcae;border-radius:50%;display:grid;place-items:center;color:#af7125}.value-strip h2{font-size:15px;margin:0}.value-strip p{font-size:13px;color:var(--muted);margin:3px 0}.section{padding:70px 0}.section-dark{background:var(--ink);color:var(--paper)}.section-dark .kicker,.section-dark .text-link{color:var(--warm)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-head h2,.guide-layout h2,.about h2,.faq h2,.ranking-layout h2{font-size:36px;line-height:1.15;letter-spacing:-.05em;margin:0 0 7px}.section-head p,.ranking-layout>div>p{color:var(--muted);margin:0}.text-link{font-weight:700;font-size:14px;color:#a66820}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.media-card{min-width:0}.poster{display:block;position:relative;aspect-ratio:2/3;overflow:hidden;background:#d4d0c8;border-radius:10px}.poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.poster:hover img{transform:scale(1.04)}.play-badge{position:absolute;left:12px;bottom:12px;background:rgba(16,23,40,.88);color:#fff;padding:5px 9px;border-radius:5px;font:11px 'DM Mono'}.card-copy{padding:14px 3px}.card-copy .eyebrow{font:11px 'DM Mono';color:#aa6b26;margin:0 0 5px}.card-copy h3{font-size:18px;margin:0 0 5px}.card-copy h3 a:hover{color:#ac6f2d}.card-copy p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 10px}.card-copy small{font:11px 'DM Mono';color:#8c8d91}.film-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.film-card .poster{aspect-ratio:16/10}.series-list{border-top:1px solid var(--line)}.series-row{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;padding:20px 8px;border-bottom:1px solid var(--line)}.series-row:hover{background:#ebe5db}.series-index{font:12px 'DM Mono';color:#b1742b}.series-row b{display:block;font-size:18px}.series-row small{display:block;color:var(--muted);font-size:13px}.arrow{font-size:22px}.short-section{background:#e8e0d5}.short-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.short-card .poster{aspect-ratio:1/1}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category-tile{border:1px solid var(--line);padding:20px;border-radius:10px;min-height:220px;display:flex;flex-direction:column}.category-tile:hover{border-color:#ad762e;transform:translateY(-3px)}.category-tile>span{font-size:26px;color:#b67727}.category-tile h3{margin:22px 0 7px;font-size:17px}.category-tile p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.category-tile small{margin-top:auto;color:#ac6d26}.ranking-section{background:#dfe4e3}.ranking-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.ranking-layout>div>p{margin-bottom:28px}.rank-list{border-top:1px solid #aeb7b5}.rank-list a{display:grid;grid-template-columns:50px 1fr 30px;padding:15px 0;border-bottom:1px solid #aeb7b5;align-items:center}.rank-list a:hover{color:#a56a27}.rank-list b{font:18px 'DM Mono'}.rank-list span{font-weight:700}.rank-list small{display:block;color:#6e7780;font-size:12px;font-weight:400}.rank-list i{font-style:normal}.calendar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.calendar>div{background:#fffdf8;padding:18px;border-left:3px solid var(--warm);box-shadow:0 8px 20px rgba(16,23,40,.05)}.calendar time{font:18px 'DM Mono';display:block}.calendar b{display:block;margin:12px 0 3px}.calendar span{font-size:12px;color:var(--muted)}.guide-section{background:#18233a;color:var(--paper)}.guide-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.guide-layout>div>p:not(.kicker){color:#aeb8c9}.guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:22px}.guide-steps>div{border-top:1px solid #4e5b73;padding-top:15px}.guide-steps b{font:12px 'DM Mono';color:var(--warm)}.guide-steps h3{margin:18px 0 4px}.guide-steps p{color:#aeb8c9;font-size:13px;margin:0}.about-faq{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about>p:not(.kicker){color:var(--muted);max-width:550px}.save-demo,.save-button{background:transparent;border:1px solid #c6bcae;padding:10px 14px;border-radius:7px;cursor:pointer;color:inherit}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:var(--muted);font-size:14px}.subscribe{background:var(--ink);color:var(--paper);border-radius:16px;padding:42px 48px;display:flex;justify-content:space-between;align-items:center;margin-bottom:70px}.subscribe p:not(.kicker){color:#aeb8c9;max-width:600px}.subscribe h2{font-size:34px;letter-spacing:-.05em;margin:0 0 6px}.feed-mark{width:150px;height:150px;border:1px solid #59637a;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-9deg)}.feed-mark span{font-size:45px;color:var(--warm);line-height:1}.feed-mark b{font:16px 'DM Mono'}.feed-mark small{color:#aeb8c9}.site-footer{background:#0b101d;color:#b7bfce;padding:50px max(24px,calc((100% - 1200px)/2)) 24px}.footer-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:45px;padding-bottom:35px}.footer-grid p{font-size:13px;color:#8994a7}.footer-grid h3{font-size:14px;color:var(--paper)}.footer-grid a{color:#c9d0dc}.footer-grid .brand{color:var(--paper)}.footer-bottom{border-top:1px solid #2d384c;padding-top:18px;display:flex;justify-content:space-between;font:11px 'DM Mono';color:#768196}.footer-bottom a{color:var(--warm)}.sub-hero{display:flex;justify-content:space-between;align-items:center;padding:90px 0 70px}.sub-hero h1{font-size:64px}.sub-hero>div:first-child>p:not(.kicker){color:var(--muted);max-width:640px}.sub-orb{width:170px;height:170px;border-radius:50%;background:var(--ink);color:var(--warm);display:grid;place-content:center;text-align:center;transform:rotate(11deg)}.sub-orb span{font-size:36px}.sub-orb small{font:11px 'DM Mono';color:#fff}.breadcrumbs{display:flex;gap:9px;align-items:center;color:#8b8e92;font-size:13px;margin-top:28px}.breadcrumbs a{color:#a76c29}.info-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.info-band p{color:var(--muted);max-width:700px;margin:5px 0 0;font-size:14px}.detail-head{padding:55px 0 60px}.detail-grid{display:grid;grid-template-columns:260px 1fr;gap:55px;align-items:center;margin-top:38px}.detail-poster img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:12px;display:block;box-shadow:var(--shadow)}.detail-copy h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.07em;line-height:1.05;margin:0 0 20px}.meta-line{display:flex;gap:10px;flex-wrap:wrap}.meta-line span{font:12px 'DM Mono';border:1px solid #c7bdaf;padding:6px 9px;border-radius:5px}.detail-intro{font-size:20px;max-width:680px;margin:25px 0;color:#4e5665}.detail-facts{display:flex;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:24px}.detail-facts small,.detail-facts b{display:block}.detail-facts small{font:11px 'DM Mono';color:var(--muted)}.detail-facts b{font-size:13px;margin-top:4px}.player-section{background:var(--ink);padding:50px 0;color:var(--paper)}.player-label{display:flex;justify-content:space-between;font:12px 'DM Mono';color:#b6c0d2;margin-bottom:14px}.player-label b{color:var(--warm);font-weight:400}.video-player{width:100%;display:block;max-height:680px;background:#080c15;border-radius:8px}.player-note{font-size:12px;color:#9ca8bd;margin:12px 0 0}.detail-lower{display:grid;grid-template-columns:1fr 280px;gap:100px}.detail-lower h2{font-size:34px;margin:0 0 12px}.detail-lower p:not(.kicker){color:var(--muted)}.detail-lower aside{border-left:1px solid var(--line);padding-left:24px}.detail-lower aside h3{margin:0 0 12px}.detail-lower aside a{color:#a76c29}.detail-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 70px;color:#a76c29;font-weight:700;font-size:14px}
@media(max-width:900px){.main-nav{gap:0}.main-nav a{padding-inline:7px;font-size:12px}.hero{gap:35px}.card-grid,.short-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.value-strip{grid-template-columns:repeat(2,1fr)}.ranking-layout,.guide-layout{gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.hero-screen{transform:none}.film-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.container{width:min(100% - 32px,1200px)}.nav-shell{min-height:68px;padding:0 16px}.menu-toggle{display:block}.menu-toggle span{font-size:12px}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--ink);padding:10px 16px 16px;flex-direction:column;align-items:stretch;border-top:1px solid #2d384c}.main-nav.open{display:flex}.main-nav a{padding:12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:50px;gap:38px}.hero h1{font-size:48px}.hero-lead{font-size:21px}.hero-screen{width:100%}.screen-art{height:260px}.value-strip{grid-template-columns:1fr 1fr;padding-bottom:50px}.section{padding:50px 0}.section-head{display:block}.section-head h2,.guide-layout h2,.about h2,.faq h2,.ranking-layout h2{font-size:30px}.section-head .text-link{display:inline-block;margin-top:18px}.card-grid,.film-row,.short-grid,.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-copy h3{font-size:16px}.category-tile{padding:15px;min-height:190px}.category-tile h3{margin-top:15px;font-size:15px}.ranking-layout,.guide-layout,.about-faq,.detail-lower{display:block}.ranking-layout>div:first-child,.guide-layout>div:first-child{margin-bottom:35px}.guide-steps{gap:18px}.calendar{grid-template-columns:1fr 1fr}.subscribe{padding:28px 24px;display:block}.feed-mark{margin:25px auto 0}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-bottom{display:grid;gap:8px}.sub-hero{padding:55px 0 35px;display:block}.sub-hero h1{font-size:48px}.sub-orb{display:none}.detail-head{padding-top:35px}.detail-grid{grid-template-columns:1fr;gap:28px}.detail-poster{width:52%;max-width:240px}.detail-copy h1{font-size:48px}.detail-intro{font-size:18px}.detail-facts{gap:15px;flex-wrap:wrap}.player-section{padding:30px 0}.player-label{display:block}.player-label b{display:block;margin-top:5px}.detail-nav{gap:12px;font-size:12px}.film-card .poster{aspect-ratio:2/3}}