:root { color-scheme: dark; --bg:#050b0f; --panel:#091219; --line:#27343a; --text:#f5f7f5; --muted:#a7b2b6; --green:#5ee34b; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; background:var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,sans-serif; line-height:1.65; }
a { color:var(--green); }
.legal-nav { display:flex; align-items:center; justify-content:space-between; gap:24px; width:min(960px,calc(100% - 32px)); margin:0 auto; padding:20px 0; }
.legal-nav img { display:block; width:150px; height:auto; }
.legal-nav nav { display:flex; align-items:center; gap:20px; }
.legal-nav nav a { font-weight:800; text-decoration:none; }
.product-switcher { display:grid!important; grid-template-columns:repeat(3,minmax(88px,1fr)); gap:4px!important; padding:4px; border:1px solid var(--line); border-radius:8px; background:#071017; }
.product-switcher a { display:flex; min-height:42px; padding:0 12px; align-items:center; justify-content:center; border:1px solid transparent; border-radius:5px; color:#aab5b9; font-size:.78rem; font-weight:950; text-decoration:none; }
.product-switcher a:hover { background:#111b20; color:#fff; }
.product-switcher a[aria-current="page"] { border-color:color-mix(in srgb,var(--green) 64%,transparent); background:color-mix(in srgb,var(--green) 12%,#071017); color:#fff; }
.product-switcher img { width:82px; max-width:100%; }
.product-switcher .movielo-wordmark span { color:#ff5f83; }
.product-switcher .timelo-wordmark span { color:#31d7e7; }
.page-nav { margin-left:auto; }
.product-info.movielo-info { --green:#ff5f83; --panel:#120c12; --line:#3b2933; }
.product-info.timelo-info { --green:#31d7e7; --panel:#07171a; --line:#244047; }
.legal-language-switch { display:inline-flex; align-items:center; gap:3px; margin-left:auto; padding:3px; border:1px solid #314139; border-radius:999px; background:#0b1512; }
.legal-language-switch button { appearance:none; border:0; border-radius:999px; background:transparent; color:#91a099; font:700 .75rem/1 inherit; padding:.45rem .6rem; cursor:pointer; }
.legal-language-switch button.active { background:var(--green); color:#071008; }
.legal-page { width:min(820px,calc(100% - 32px)); margin:28px auto 70px; padding:clamp(24px,5vw,54px); border:1px solid var(--line); border-radius:8px; background:var(--panel); }
.eyebrow { margin:0 0 6px; color:var(--green); font-size:.78rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
h1 { margin:0 0 8px; font-size:clamp(2.3rem,6vw,4.4rem); line-height:1; }
h2 { margin-top:34px; font-size:1.25rem; }
p,li { color:var(--muted); }
.updated { margin-bottom:34px; font-size:.88rem; }
.legal-links { display:flex; flex-wrap:wrap; gap:14px; margin-top:38px; padding-top:24px; border-top:1px solid var(--line); }
.feedback-form { display:grid; gap:14px; }
.feedback-form label { display:grid; gap:6px; color:var(--text); font-weight:750; }
.feedback-form input,.feedback-form select,.feedback-form textarea { width:100%; border:1px solid #405058; border-radius:8px; background:#071017; color:var(--text); padding:12px; font:inherit; }
.feedback-form textarea { min-height:160px; resize:vertical; }
.feedback-form button { min-height:48px; border:0; border-radius:8px; background:var(--green); color:#071008; font-weight:900; cursor:pointer; }
.feedback-form button:disabled { opacity:.55; }
.feedback-form .website-field { position:absolute; left:-9999px; }
[data-feedback-status] { min-height:1.5em; margin:0; color:var(--green); }
.editorial-page { width:min(900px,calc(100% - 32px)); }
.editorial-page .lead { max-width:760px; color:#d7dfe0; font-size:clamp(1.05rem,2vw,1.28rem); line-height:1.65; }
.content-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:26px 0; }
.content-grid.two-column { grid-template-columns:repeat(2,minmax(0,1fr)); }
.content-grid article { padding:20px; border:1px solid var(--line); border-radius:8px; background:#071017; }
.movielo-info .content-grid article,.movielo-info .numbered-steps li { background:#0d090d; }
.timelo-info .content-grid article,.timelo-info .numbered-steps li { background:#061216; }
.content-grid article strong { color:var(--text); }
.content-grid article p { margin-bottom:0; }
.numbered-steps,.pattern-list { display:grid; gap:12px; margin:28px 0; padding:0; list-style:none; }
.numbered-steps li,.pattern-list article { display:flex; gap:16px; padding:18px; border:1px solid var(--line); border-radius:8px; background:#071017; }
.numbered-steps li>span,.pattern-list article>span { display:grid; flex:0 0 36px; width:36px; height:36px; place-items:center; border-radius:50%; background:var(--green); color:#071008; font-weight:950; }
.numbered-steps strong,.pattern-list strong { color:var(--text); }
.numbered-steps p,.pattern-list p { margin:4px 0 0; }
.score-guide { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.score-guide span { display:flex; align-items:center; gap:10px; padding:14px; border:1px solid var(--line); border-radius:8px; color:var(--muted); }
.score-guide b { color:var(--green); font-size:1.5rem; }
.page-cta { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-top:38px; padding:22px; border:1px solid color-mix(in srgb,var(--green) 45%,transparent); border-radius:8px; background:color-mix(in srgb,var(--green) 8%,var(--panel)); }
.page-cta div { display:grid; gap:3px; }
.page-cta span { color:var(--muted); }
.page-cta a { flex:0 0 auto; padding:11px 17px; border-radius:8px; background:var(--green); color:#071008; font-weight:900; text-decoration:none; }
@media(max-width:760px){.content-grid,.content-grid.two-column,.score-guide{grid-template-columns:1fr}.page-cta{align-items:flex-start;flex-direction:column}.legal-nav{align-items:stretch;flex-direction:column;gap:12px}.legal-nav nav{flex-wrap:wrap}.product-switcher{width:100%}.page-nav{margin-left:0}.legal-page{margin-top:10px}}
.cookie-consent{position:fixed;z-index:1000;right:18px;bottom:18px;left:18px;display:flex;max-width:960px;margin:auto;padding:18px 20px;align-items:center;justify-content:space-between;gap:24px;border:1px solid #34434a;border-radius:8px;background:#0a1115;box-shadow:0 20px 60px rgba(0,0,0,.48);color:var(--text)}
.cookie-consent[hidden]{display:none!important}
.cookie-consent strong{display:block;margin-bottom:4px}.cookie-consent p{max-width:600px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}.cookie-consent-detail{margin-top:8px!important}.cookie-consent-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.cookie-consent button{min-height:40px;padding:0 14px;border:1px solid #3b4950;border-radius:5px;background:#121a1f;color:#edf2f1;font-weight:800}.cookie-consent .consent-accept{border-color:var(--green);background:var(--green);color:#071008}
@media(max-width:700px){.cookie-consent{right:10px;bottom:10px;left:10px;padding:16px;align-items:stretch;flex-direction:column;gap:14px}.cookie-consent-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-consent-actions .consent-accept{grid-column:1/-1}}