.cinematic{--bg:oklch(.962 .014 232.8);--paper:oklch(1 0 0);--ink:oklch(.348 .013 248.2);--muted:oklch(.515 .014 248.2);--line:oklch(.841 .027 242.6);--link:oklch(.425 .095 247.4);--blue:oklch(.698 .111 245);--green:oklch(.811 .086 131.5);--dark:oklch(.245 .022 239);--max:1240px;--pad:clamp(20px,5vw,72px);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}.cinematic *{box-sizing:border-box}html:has(.cinematic){scroll-behavior:smooth}.cinematic{margin:0;min-width:320px;background:var(--bg);color:var(--ink);line-height:1.55}.cinematic img,.cinematic video{display:block;max-width:100%}.cinematic button,.cinematic a,.cinematic summary{font:inherit}.cinematic a{color:inherit}.cinematic button{color:inherit}.cinematic .skip{position:fixed;z-index:1000;left:16px;top:12px;transform:translateY(-160%);padding:11px 16px;background:var(--paper);color:var(--link);border-radius:4px}.cinematic .skip:focus{transform:none}.cinematic .eyebrow{font-size:11px;font-weight:760;letter-spacing:.17em;text-transform:uppercase}.cinematic .display{margin:0;font-size:clamp(44px,7vw,104px);line-height:.96;letter-spacing:-.065em;text-wrap:balance}.cinematic .section-title{margin:0;font-size:clamp(34px,5vw,72px);line-height:1.02;letter-spacing:-.05em;text-wrap:balance}.cinematic .lede{font-size:clamp(18px,2vw,25px);line-height:1.42;max-width:34em}.cinematic .measure{max-width:42rem}.cinematic .cta{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:999px;background:var(--link);color:var(--paper);font-weight:760;text-decoration:none;border:1px solid var(--link)}.cinematic .cta:hover{background:oklch(.365 .09 247);border-color:oklch(.365 .09 247)}.cinematic .text-link{display:inline-flex;min-height:44px;align-items:center;color:var(--link);font-weight:720;text-underline-offset:5px}.cinematic .cta:focus-visible,.cinematic a:focus-visible,.cinematic button:focus-visible,.cinematic summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}.cinematic .film-toggle{min-height:44px;padding:0 16px;border:1px solid currentColor;border-radius:999px;background:color-mix(in oklch,var(--dark) 35%,transparent);color:var(--paper);cursor:pointer}.cinematic .film-toggle:hover{background:var(--paper);color:var(--dark)}.cinematic .demo-steps{display:flex;gap:6px;flex-wrap:wrap}.cinematic .demo-steps button{min-height:44px;padding:8px 13px;border:1px solid var(--line);background:transparent;border-radius:999px;cursor:pointer}.cinematic .demo-steps button:hover,.cinematic .demo-steps button[aria-pressed=true]{background:var(--link);border-color:var(--link);color:var(--paper)}.cinematic .demo-figure{margin:0}.cinematic .demo-figure img{width:100%;height:auto;aspect-ratio:1344/752;object-fit:contain}.cinematic .demo-caption{font-size:13px;color:var(--muted)}.cinematic .faq details{border-top:1px solid var(--line)}.cinematic .faq details:last-child{border-bottom:1px solid var(--line)}.cinematic .faq summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-weight:720;list-style:none}.cinematic .faq summary::-webkit-details-marker{display:none}.cinematic .faq summary:after{content:'+';font-size:25px;font-weight:400}.cinematic .faq details[open] summary:after{content:'−'}.cinematic .faq details p{max-width:48rem;margin:0 0 24px;color:var(--muted)}.cinematic .contact{padding:clamp(72px,10vw,150px) var(--pad)}.cinematic .contact-inner{width:min(var(--max),100%);margin:auto}.cinematic .contact-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.cinematic .footer{padding:28px var(--pad) 84px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:13px}.cinematic .footer nav{display:flex;gap:18px;flex-wrap:wrap}.cinematic .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.cinematic .reveal.is-visible{opacity:1;transform:none}@media(max-width:700px){.cinematic .footer{flex-direction:column}.cinematic .display{font-size:clamp(44px,15vw,68px)}.cinematic .lede{font-size:18px}}@media(prefers-reduced-motion:reduce){html:has(.cinematic){scroll-behavior:auto}.cinematic *,.cinematic *:before,.cinematic *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cinematic .reveal{opacity:1;transform:none}}