:root{color-scheme:dark;--bg:#111313;--text:#f3f1e9;--muted:#a6aba6;--line:#343a35;--lime:#d5ef89;--violet:#c1b1f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:6px}.topbar,main,footer{width:min(1180px,calc(100% - 96px));margin:auto}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:34px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:8px}.brand-dot{height:8px;width:8px;border-radius:50%;background:var(--lime);align-self:flex-end;margin-bottom:10px}.brand-label{font-size:10px;font-weight:500;letter-spacing:2px;margin-left:16px}.topbar nav{display:flex;align-items:center;gap:12px;color:#666d66;font-size:12px}.topbar button{background:none;border:0;color:var(--muted);padding:10px 4px;cursor:pointer}.topbar button[aria-pressed=true]{color:var(--lime)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:52px;align-items:center;padding:76px 0 68px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--lime);margin:0 0 24px}h1{font-size:clamp(40px,4.4vw,64px);line-height:1.07;letter-spacing:-3px;font-weight:550;margin:0 0 26px}.intro{max-width:425px;font-size:16px;line-height:1.8;color:var(--muted);margin:0}.hero-link{display:inline-flex;align-items:center;gap:34px;margin-top:32px;font-size:13px;border-bottom:1px solid #71834b;padding-bottom:9px}.hero-link span:last-child{font-size:22px;color:var(--lime)}.art{height:370px;border:1px solid #3c4638;border-radius:5px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 35%,#3b4630 0,transparent 65%),#1a201a}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#d5ef890d 1px,transparent 1px),linear-gradient(90deg,#d5ef890d 1px,transparent 1px);background-size:40px 40px}.orb{position:absolute;width:210px;height:210px;border-radius:50%;right:-32px;top:55px;background:radial-gradient(circle at 30% 25%,#e4f6b2,#a5bd70 35%,#596e3b 65%,#1c2418 90%);box-shadow:0 0 80px #aec97d26}.orbit{position:absolute;border:1px solid #b3c78a50;border-radius:50%;width:340px;height:140px;right:-90px;top:90px;transform:rotate(-40deg);z-index:2}.orbit-two{transform:rotate(45deg);height:245px;width:290px;top:30px;right:-70px}.film-label{position:absolute;left:30px;top:67px;font-size:12px;letter-spacing:3px;line-height:1.8;z-index:3}.film-label strong{font-size:66px;letter-spacing:-4px;line-height:1.3;font-weight:500}.art-caption{position:absolute;bottom:24px;left:30px;right:25px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#bcc8aa}.art-caption span:last-child{border:1px solid #85916e;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:10px}.portals{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-heading h2{font-size:17px;font-weight:450;margin:0}.index{color:#818981;font-size:10px;letter-spacing:2px}.portal{padding:30px 32px 24px;border:1px solid var(--line);border-radius:5px;background:#191c1b;transition:transform .2s,border-color .2s}.portal:hover{transform:translateY(-4px);border-color:var(--accent)}.jellyfin{--accent:var(--violet)}.seerr{--accent:var(--lime)}.portal-top{display:flex;justify-content:space-between;align-items:center;color:var(--accent);margin-bottom:25px}.number{font-size:10px;letter-spacing:2px}.portal svg{width:42px;height:42px}.portal h3{font-weight:500;font-size:27px;letter-spacing:-1px;margin:0 0 14px}.portal p{font-size:14px;line-height:1.75;color:var(--muted);max-width:355px;min-height:50px;margin:0 0 26px}.portal-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;font-size:12px}.arrow{color:var(--accent);font-size:24px}.guide{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:70px 0 65px;padding-top:36px;border-top:1px solid var(--line)}.guide .eyebrow{color:var(--muted);margin-bottom:18px}.guide h2{font-weight:450;font-size:32px;letter-spacing:-1px;line-height:1.2;margin:0}.steps{display:grid;gap:25px}.step{display:flex;gap:22px}.step>span{font-size:11px;color:var(--lime);padding-top:4px}.step h3{font-size:14px;font-weight:550;margin:0 0 9px}.step p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:390px}footer{border-top:1px solid var(--line);padding:25px 0 32px;display:flex;justify-content:space-between;color:#818981;font-size:10px;letter-spacing:.5px}.footer-dot{font-size:6px;color:var(--lime);margin:0 9px}@media(max-width:800px){.topbar,main,footer{width:calc(100% - 40px)}.topbar{height:86px}.hero{gap:25px;padding:44px 0}.hero h1{font-size:42px;letter-spacing:-2px}.art{height:310px}.film-label{left:20px}.film-label strong{font-size:54px}.orb{right:-90px}.portal{padding:25px}.portal h3{font-size:23px}.guide{gap:25px}}@media(max-width:600px){.hero{grid-template-columns:1fr;gap:35px}.hero h1{font-size:46px}.intro{font-size:15px}.art{height:250px}.orb{right:12px;top:15px}.orbit{right:-30px;top:45px}.orbit-two{right:-15px;top:0}.film-label{top:36px;left:25px}.portals{grid-template-columns:1fr}.section-heading h2{font-size:15px}.portal p{min-height:0;max-width:none}.guide{grid-template-columns:1fr;gap:32px;margin:48px 0}.brand-label{font-size:8px;margin-left:8px}footer{gap:16px;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portal{transition:none}}