.cinematic{--c-ink:#0f0b08;--c-ink-2:#171009;--c-cream:#f3ead9;--c-cream-dim:#c9b9a0;--c-gold:#e0894a;--c-gold-soft:#eeb27e;--c-line:#f3ead924;--c-scrim:#0a0705a8;background:var(--c-ink);color:var(--c-cream);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.cinematic *{box-sizing:border-box}.cinematic .mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.cinematic .film-wrap{z-index:0;background:var(--c-ink);width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.cinematic .film-wrap video{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.cinematic .scrim{z-index:1;pointer-events:none;background:linear-gradient(100deg, var(--c-scrim) 0%, #0a070552 45%, #0a07050d 70%);position:fixed;inset:0}.cinematic .scrim-b{z-index:1;pointer-events:none;background:linear-gradient(#0a070580 0%,#0a070500 26% 74%,#0a0705b3 100%);position:fixed;inset:0}.cinematic .grain{z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:radial-gradient(#ffffffb3 .5px,#0000 .5px);background-size:3px 3px;position:fixed;inset:0}.cinematic .loader{z-index:30;background:var(--c-ink);justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}.cinematic .loader.gone{opacity:0;pointer-events:none}.cinematic .loader .l{letter-spacing:.24em;color:var(--c-gold);text-transform:uppercase;font-family:ui-monospace,Menlo,monospace;font-size:12px}.cinematic .topbar{z-index:8;justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.cinematic .topbar .brand{letter-spacing:.3em;color:var(--c-cream);text-transform:uppercase;font-size:14px;font-weight:800}.cinematic .topbar .brand small{letter-spacing:.18em;color:var(--c-cream-dim);text-transform:none;margin-top:3px;font-size:10px;font-weight:400;display:block}.cinematic .topbar nav{align-items:center;gap:18px;display:flex}.cinematic .topbar nav a{color:var(--c-cream-dim);font-size:13px;text-decoration:none;transition:color .2s}.cinematic .topbar nav a:hover{color:var(--c-cream)}.cinematic .topbar .cta-mini{background:var(--c-gold);color:#1a0f06;border-radius:100px;padding:9px 18px;font-size:13px;font-weight:650;text-decoration:none}.cinematic .rail{z-index:8;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.cinematic .rail a{letter-spacing:.12em;color:var(--c-cream-dim);opacity:.55;align-items:center;gap:9px;font-family:ui-monospace,Menlo,monospace;font-size:10px;text-decoration:none;transition:opacity .3s,color .3s;display:flex}.cinematic .rail a .bar{background:currentColor;width:16px;height:1.5px;transition:width .3s}.cinematic .rail a.on{opacity:1;color:var(--c-gold)}.cinematic .rail a.on .bar{width:32px}@media (max-width:780px){.cinematic .rail{display:none}}.cinematic .prog{background:var(--c-gold);z-index:9;width:0;height:2px;transition:width .1s linear;position:fixed;bottom:0;left:0}.cinematic .scroll{z-index:4;position:relative}.cinematic .station{align-items:center;min-height:100vh;padding:120px clamp(22px,7vw,110px) 80px;display:flex}.cinematic .station.center{text-align:center;justify-content:center}.cinematic .inner{max-width:640px}.cinematic .inner.wide{max-width:920px}.cinematic .chapter{letter-spacing:.3em;color:var(--c-gold);text-transform:uppercase;align-items:center;gap:13px;margin-bottom:20px;font-family:ui-monospace,Menlo,monospace;font-size:12px;display:flex}.cinematic .chapter:before{content:"";background:var(--c-gold);opacity:.7;width:28px;height:1px}.cinematic .station.center .chapter{justify-content:center}.cinematic h1{letter-spacing:-.03em;color:#fff;text-wrap:balance;font-size:clamp(40px,8.5vw,100px);font-weight:800;line-height:.96}.cinematic h1 .sub{letter-spacing:.01em;color:var(--c-cream-dim);margin-top:.6em;font-size:.26em;font-weight:300;line-height:1.4;display:block}.cinematic h2{letter-spacing:-.02em;color:#fff;text-wrap:balance;font-size:clamp(28px,5vw,54px);font-weight:750;line-height:1.05}.cinematic h2 em{color:var(--c-gold);font-style:normal}.cinematic .body{color:var(--c-cream);text-shadow:0 1px 20px #00000080;max-width:48ch;margin-top:18px;font-size:clamp(15px,1.8vw,17.5px);line-height:1.65}.cinematic .body.dim{color:var(--c-cream-dim)}.cinematic .tags{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.cinematic .station.center .tags{justify-content:center}.cinematic .tags span{letter-spacing:.05em;color:var(--c-cream-dim);border:1px solid var(--c-line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:100px;padding:7px 13px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.cinematic .cta{background:var(--c-gold);color:#1a0f06;cursor:pointer;border-radius:100px;align-items:center;gap:12px;margin-top:28px;padding:15px 28px;font-size:15px;font-weight:650;text-decoration:none;transition:transform .2s,box-shadow .3s;display:inline-flex}.cinematic .cta:hover{transform:translateY(-2px);box-shadow:0 16px 44px #e0894a52}.cinematic .cta.ghost{color:var(--c-cream);border:1px solid var(--c-line);background:0 0}.cinematic .cta-row{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.cinematic .station.center .cta-row{justify-content:center}.cinematic .scrollcue{letter-spacing:.24em;color:var(--c-cream-dim);text-transform:uppercase;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;animation:2.4s ease-in-out infinite cinematic-cue;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}@keyframes cinematic-cue{0%,to{opacity:.4;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,7px)}}.cinematic .reveal{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(26px)}.cinematic .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.cinematic .reveal{opacity:1;transform:none}.cinematic .scrollcue{animation:none}}.cinematic .frame-card{border:1px solid var(--c-line);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000073}.cinematic .frame-card img{object-fit:cover;width:100%;height:100%;display:block}.cinematic .split{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(28px,5vw,64px);max-width:1100px;display:grid}.cinematic .split.rev{grid-template-columns:.9fr 1.1fr}.cinematic .split.rev .frame-card{order:-1}@media (max-width:860px){.cinematic .split,.cinematic .split.rev{grid-template-columns:1fr}.cinematic .split.rev .frame-card{order:0}.cinematic .frame-card{max-height:320px}}.cinematic .plans{grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin-top:36px;margin-left:auto;margin-right:auto;display:grid}@media (max-width:760px){.cinematic .plans{grid-template-columns:1fr;max-width:460px}}.cinematic .plan{text-align:left;border:1px solid var(--c-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f3ead90a;border-radius:20px;padding:26px}.cinematic .plan.pro{border-color:var(--c-gold);background:#e0894a14}.cinematic .plan .tagline{letter-spacing:.1em;color:var(--c-gold);text-transform:uppercase;font-family:ui-monospace,Menlo,monospace;font-size:11px}.cinematic .plan .name{color:#fff;margin-top:6px;font-size:20px;font-weight:700}.cinematic .plan .price{color:var(--c-cream-dim);margin-top:4px;font-family:ui-monospace,Menlo,monospace;font-size:15px}.cinematic .plan ul{gap:9px;margin-top:16px;padding:0;list-style:none;display:grid}.cinematic .plan li{color:var(--c-cream-dim);align-items:flex-start;gap:8px;font-size:13.5px;display:flex}.cinematic .plan li .ok{color:var(--c-gold);flex-shrink:0;font-weight:700}.cinematic .plan .cta{text-align:center;width:100%;margin-top:20px;padding:12px;font-size:14px;display:block}.cinematic footer{z-index:4;border-top:1px solid var(--c-line);background:linear-gradient(#0000,#0a0705bf);padding:48px clamp(22px,7vw,110px) 60px;position:relative}.cinematic footer .row{letter-spacing:.08em;color:var(--c-cream-dim);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:16px;font-family:ui-monospace,Menlo,monospace;font-size:11px;display:flex}.cinematic footer a{color:var(--c-gold);text-decoration:none}
