/* Film 03 — quieter typography, event-led motion, a composed final act. */
:root{--green:#60ceac;--txt:#eceeea;--dim:#a0aeba;--line:rgba(215,231,255,.105)}
.film-canvas{position:absolute;inset:0;container-type:inline-size;overflow:hidden;background:radial-gradient(ellipse at 62% 105%,#14332e30,transparent 68%),#0b1220}
.cinema:before{display:none}
.scene{transition:none;transform:none;will-change:opacity}
[data-cue]{transition:none;transform:none;will-change:opacity}
h1{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;letter-spacing:-.028em;line-height:1.08;font-size:clamp(33px,4.45cqw,64px)}
.scene-heading{margin-bottom:3.1cqw}
.eyebrow{margin-bottom:1.2cqw;letter-spacing:.015em}
.film-top,.film-baseline{transition:none}
.film-top{font-size:1.1cqw}
.brand{font-weight:550;letter-spacing:0}
.brand svg{width:21px;height:21px}
.film-baseline{color:#90a0b1}
.film-baseline{justify-content:flex-end}
#scene-location{display:none}
.surface-head{letter-spacing:.01em}
.chart-surface,.execution-receipt,.activity-surface,.acct,.desk-status{box-shadow:none;border-color:#acbdd31c;background:#101a29}
.execution-receipt{transform:none}
.check{font-family:Arial,sans-serif;font-weight:400}
.evt-main{font-weight:500}
.activity-surface .product-event{padding:1.35cqw 0}
.stop-state b{font-weight:500}
.state-line{position:relative;background:#a5b7cc15;overflow:hidden}
.state-line:after{content:"";position:absolute;inset:0;background:#60ceac60;transform:scaleX(var(--line-progress,0));transform-origin:left}
.stop-price b{font-weight:400;letter-spacing:0}
.stop-assurance{padding-top:1.7cqw}
#accounts h1{font-size:clamp(31px,4.15cqw,60px)}
.position-hero>span{font-weight:400;letter-spacing:0;font-variant-numeric:tabular-nums}
.nm{font-weight:500;letter-spacing:0}
.account-rules b{font-weight:450;letter-spacing:0}
.account-fill{color:#b5cfbf}
.position-proof strong{font-weight:400;letter-spacing:0}
.duplicate-ticket b{font-weight:500;letter-spacing:0}
.duplicate-ticket small{letter-spacing:.02em}
.second-ticket{background:#211d29;border-color:#ca788849}
.phone-copy h1{font-size:clamp(32px,4.2cqw,61px)}
#phone-heading{position:relative;min-height:2.16em}
.phone-title{display:block;will-change:opacity}
.phone-title-halt{position:absolute;inset:0;opacity:0}
.desk-status{margin-top:2.8cqw}
.status-large strong{font-weight:450;letter-spacing:0}
.telegram{box-shadow:0 18px 40px #0002;border-radius:16px}
.chat-bubble{font-weight:400;line-height:1.46}
.chat-arrive{animation:none}
#chat-messages{transition:none}
.chat-bubble[hidden]{display:none}

/* The close is a scheduled event. No editable field, counter or fake typing. */
#close .scene-heading{margin-bottom:2cqw}
.close-composition{position:relative}
.schedule-face{display:flex;align-items:center;gap:2.2cqw;padding:0 0 .8cqw}
.schedule-time{display:flex;align-items:baseline;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:8.4cqw;line-height:1.15;font-weight:300;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:#ecefe9}
.time-colon{padding:0 .04em;color:#8b9ba8;transform:translateY(-.035em)}
.schedule-meta{display:flex;flex-direction:column;gap:.6cqw;padding-top:.4cqw}
.schedule-label{font-size:1.35cqw;font-weight:450;color:#d1d9da}
.schedule-zone{font-size:1.1cqw;color:var(--dim)}
.schedule-state{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:1.2cqw;color:#b1bbc1;min-width:9.7cqw}
.schedule-state i{height:5px;width:5px;border-radius:50%;background:currentColor}
.schedule-state.closing{color:#d7c69d}
.schedule-state.confirmed{color:var(--green)}
.session-track{margin:.8cqw 0 2.6cqw;--session-progress:0}
.session-rule{position:relative;height:17px;display:flex;align-items:center}
.session-rule:before{content:"";position:absolute;left:0;right:0;height:1px;background:#acc3cf24}
.session-progress{position:absolute;height:1px;left:0;width:calc(var(--session-progress)*100%);background:#60ceac80}
.session-needle{position:absolute;left:calc(var(--session-progress)*100%);width:1px;height:15px;top:1px;background:#e0e8df;opacity:.8}
.session-marker{position:absolute;right:0;height:17px;width:1px;background:#60ceac80}
.session-hours{display:flex;justify-content:space-between;margin-top:.6cqw;font:1.05cqw ui-monospace,SFMono-Regular,monospace;color:#91a1af;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.session-hours>:last-child{color:#aec5bb}
.settlement{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.8cqw 0;gap:3cqw}
.settlement-account{display:flex;align-items:center;justify-content:space-between;gap:1cqw}
.settlement-name{font-size:1.45cqw;color:#d5dddf}
.settlement-value{display:grid;align-items:center;text-align:right;white-space:nowrap;font-size:1.2cqw;--settled:0}
.settlement-value>span{grid-area:1/1}
.settlement-value .before{opacity:calc(1 - var(--settled));color:#95a6b5}
.settlement-value .after{opacity:var(--settled);color:var(--green);font-size:1.45cqw}
.flat-check{font-style:normal;font-family:Arial,sans-serif;margin-right:.6cqw;font-size:1.2cqw}
.close-confirmation{display:flex;align-items:center;gap:1.4cqw;margin-top:2.1cqw;font-size:2cqw;font-weight:400;letter-spacing:0;color:#e3e8e2}
.confirmation-line{display:block;width:3cqw;height:1px;background:var(--green)}
.close-confirmation small{font-size:1.1cqw;font-weight:400;color:#a8b7bc;display:block;margin-top:.5cqw;letter-spacing:.01em}
.close-caveat{font-size:1.05cqw;color:#94a5b0;line-height:1.5;margin:1.6cqw 0 0}

/* A restrained signature. Tracking is optical, not a compressed headline. */
.end-inner{width:100%;transform:translateY(-.3cqw)}
.end-emblem{margin-bottom:2.9cqw;color:#78cdb2}
.end-mark{display:block;width:5cqw;height:5cqw;margin:0;color:inherit}
.end-inner .end-wordmark{display:flex;align-items:baseline;justify-content:center;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(62px,10.2cqw,146px);line-height:1.16;font-weight:400;letter-spacing:-.018em;margin:0;color:#edf0e9}
.end-wordmark>span+span{margin-left:.018em}
.end-words{flex-direction:row;gap:2.2cqw;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.85cqw;font-weight:400;letter-spacing:.005em;line-height:1.6;color:#b8c6c8;margin-top:2.1cqw}
.end-inner .end-invite{margin:4.8cqw 0 0;max-width:none;font-size:1.3cqw;line-height:1.6;letter-spacing:.025em;color:#97aaa9}
.end-invite>span{color:#bfd3c8;margin-left:.25em}

/* Fullscreen keeps the composition and its typography in the same frame. */
.cinema:fullscreen{display:grid;place-items:center;background:#070c13;container-type:normal}
.cinema:fullscreen .film-canvas{position:relative;inset:auto;width:min(100vw,160vh);height:auto;aspect-ratio:16/10;max-width:none}
.cinema:fullscreen .film-scenes{inset:13% 5.1% 10%;max-width:none}

@media(max-width:800px) and (min-width:561px){
 h1{font-size:4.6cqw}.phone-copy h1{font-size:4.15cqw}
 .schedule-time{font-size:8cqw}.schedule-label{font-size:14px}.schedule-zone{font-size:12px}.schedule-state{font-size:12px}
 .session-hours{font-size:11px}.settlement-name{font-size:14px}.settlement-value{font-size:12px}.settlement-value .after{font-size:14px}
 .close-confirmation{font-size:20px}.close-confirmation small{font-size:12px}.close-caveat{font-size:11px}
}
@media(max-width:560px){
 h1,#accounts h1{font-size:7.1cqw;line-height:1.09;letter-spacing:-.025em}
 .scene-heading{margin-bottom:5cqw}.eyebrow{margin-bottom:2.7cqw}
 .film-top{font-size:10px}.brand svg{width:18px;height:18px}
 .activity-surface .product-event{padding:3cqw 0}.stop-assurance{padding-top:3.5cqw}
 .phone-copy h1{font-size:6.7cqw;line-height:1.09}
 #phone-heading{min-height:2.18em}.desk-status{margin:0}
 .telegram{top:24%;bottom:20%;border-radius:11px}
 .chat-bubble{line-height:1.4}
 #close .scene-heading{margin-bottom:6cqw}
 .schedule-face{flex-wrap:wrap;column-gap:4cqw;row-gap:3cqw;padding:0}
 .schedule-time{font-size:18cqw;font-weight:300;line-height:1.1}
 .schedule-meta{gap:1.8cqw;padding:0}.schedule-label{font-size:10px}.schedule-zone{font-size:9px}
 .schedule-state{font-size:10px;min-width:0;width:100%;margin:0;gap:7px}
 .session-track{margin:3cqw 0 4cqw}.session-hours{font-size:9px;margin-top:2cqw}
 .settlement{grid-template-columns:1fr;padding:3cqw 0;gap:4cqw}
 .settlement-name{font-size:12px}.settlement-value{font-size:11px}.settlement-value .after{font-size:12px}.flat-check{font-size:11px;margin-right:2cqw}
 .close-confirmation{margin-top:4cqw;font-size:17px;gap:3cqw;line-height:1.4}.confirmation-line{width:7cqw}
 .close-confirmation small{font-size:10px;margin-top:1cqw}.close-caveat{font-size:9px;margin-top:3cqw;max-width:75cqw}
 .end-inner{transform:translateY(-3cqw)}.end-emblem{margin-bottom:8cqw}.end-mark{width:13cqw;height:13cqw}
 .end-inner .end-wordmark{font-size:17cqw;letter-spacing:-.018em;line-height:1.2}
 .end-words{flex-direction:column;font-size:4.6cqw;gap:1.6cqw;margin-top:7cqw;line-height:1.5;letter-spacing:.012em}
 .end-inner .end-invite{margin-top:11cqw;font-size:3cqw;line-height:1.7;letter-spacing:.01em;max-width:none}
}
@media(prefers-reduced-motion:reduce){.scene,[data-cue],#chat-messages{will-change:auto}}
@media(max-width:359px){.cinema{aspect-ratio:3/5}}