/* Global homepage only. Three.js is progressive enhancement, never a dependency of navigation. */
.cinema-hero{isolation:isolate;overflow:hidden;background:#081e2c;color:#fff}
.cinema-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 44%,#17414d88,transparent 54%),radial-gradient(ellipse at 40% 100%,#17303888,transparent 60%),linear-gradient(110deg,#0d2530,#091d2d 65%,#09232e)}
.cinema-backdrop:after{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(#56859725 1px,transparent 1px),linear-gradient(90deg,#56859725 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,transparent 35%,#000)}
.cinema-hero .fintech-hero-grid{grid-template-columns:1.02fr 1.1fr;gap:44px;padding-block:42px 42px;min-height:740px}
.cinema-hero h1{font-size:clamp(54px,5.05vw,78px);letter-spacing:-.053em;line-height:1.025}
.cinema-hero .fintech-hero-copy{position:relative;z-index:2;padding:24px 0}
.cinema-hero .eyebrow{color:#dec595}
.cinema-hero .fintech-lead{font-size:15px;line-height:1.88;max-width:490px}
.cinema-hero .fintech-promise{font-size:29px}
.cinema-hero .fintech-assurances{gap:14px 18px}
.cinema-signoff{display:flex;align-items:center;gap:12px;color:#94b5bf;font-size:10px;letter-spacing:.065em;margin-top:33px}
.cinema-signoff>span{height:1px;width:36px;background:#b7945c}
.fintech-cinema{min-width:0;position:relative;isolation:isolate;padding-top:14px;--scene-progress:0;--cinema-cyan:#70dbe3;--cinema-gold:#e2c187}
.cinema-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#a8c5cf}
.cinema-topline>span:first-child{display:flex;align-items:center;gap:9px}
.cinema-topline i{width:5px;height:5px;border-radius:50%;background:#7bdce4;box-shadow:0 0 13px #7bdce465}
.cinema-counter{display:flex;gap:8px;font-size:10px;letter-spacing:.07em}.cinema-counter b{font-weight:500;color:#f0d5a0}
.cinema-counter>span{color:#688d9e}
.cinema-visual{position:relative;height:410px;margin:0 -25px;pointer-events:auto;touch-action:pan-y;isolation:isolate}
#fintech-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;outline:none;transition:opacity .6s;z-index:1;pointer-events:none}
.fintech-cinema.is-3d #fintech-canvas{opacity:1}.cinema-posters{position:absolute;inset:0;z-index:0;transition:opacity .6s}
.fintech-cinema.is-3d .cinema-posters{opacity:0;visibility:hidden}
.cinema-poster{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:normal}
.cinema-halo{position:absolute;left:5%;top:7%;width:90%;height:86%;background:radial-gradient(ellipse,#46c8db18,transparent 67%);pointer-events:none}
.cinema-orbit-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;border:1px solid #86b8c535;padding:11px 13px;color:#c9e0e6;background:#0c2431dd;backdrop-filter:blur(10px);border-radius:8px;font-size:7px;letter-spacing:.12em;white-space:nowrap;box-shadow:0 8px 32px #00000018;pointer-events:none}
.cinema-orbit-tag i{width:4px;height:4px;border-radius:50%;background:#dac08a}
.cinema-orbit-tag .icon{width:12px;height:12px;color:#dabd89}
.cinema-orbit-tag.tag-one{left:9%;top:16%}.cinema-orbit-tag.tag-two{right:3%;bottom:16%}
.cinema-caption{position:relative;margin-top:-3px;padding:0 16px;min-height:116px;z-index:3}
.cinema-kicker{display:block;color:#94b6c4;letter-spacing:.2em;font-size:8px;margin-bottom:9px}
.cinema-caption h2{font-family:inherit;color:#fff;font-size:27px;line-height:1.2;letter-spacing:-.03em;font-weight:550;margin:0 0 8px}
.cinema-caption p{font-size:12px;color:#b5cbd3;line-height:1.7;margin:0 0 10px;max-width:440px}
.cinema-caption a{display:inline-flex;align-items:center;gap:12px;color:#e1c48e;font-size:11px;font-weight:550}
.cinema-caption a .icon{width:15px;height:15px}
.cinema-caption a:hover{color:#ffe5b6}
.cinema-controls{display:flex;align-items:center;gap:13px;padding:19px 16px 0;margin-top:12px;border-top:1px solid #8caeb524;position:relative;z-index:3}
.cinema-tabs{display:flex;gap:19px;flex:1;min-width:0}
.cinema-tabs button{position:relative;border:0;background:none;text-align:left;padding:4px 0 14px;font-size:10px;color:#9db8c3;white-space:nowrap;font-weight:500;letter-spacing:.005em;flex:1;min-width:0}
.cinema-tabs button>span{display:block;font-size:8px;color:#829fa8;margin-bottom:4px;letter-spacing:.13em}
.cinema-tabs button[aria-selected=true]{color:#f4dba9}
.cinema-tabs button>i{position:absolute;bottom:0;left:0;right:0;height:2px;background:#6e96a633;overflow:hidden}
.cinema-tabs button>i>b{display:block;height:100%;width:100%;background:#d7b478;transform:scaleX(0);transform-origin:left}
.cinema-tabs button[aria-selected=true]>i>b{transform:scaleX(var(--scene-progress))}
.fintech-cinema.is-paused .cinema-tabs button[aria-selected=true]>i>b,.fintech-cinema.is-static .cinema-tabs button[aria-selected=true]>i>b{transform:scaleX(1)}
.cinema-playback{display:flex;gap:6px;align-items:center}
.cinema-control{border:1px solid #8ab4c433;border-radius:50%;display:grid;place-items:center;background:#143340;color:#c1d9df;width:30px;height:30px;padding:7px;transition:background .2s,border-color .2s}
.cinema-control:hover{background:#224651;border-color:#dabd8999}
.cinema-control svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cinema-pause{width:35px;height:35px;background:#dac18b16;color:#ecd6a9;border-color:#dac18b45}
.cinema-pause .play-glyph{display:none}.cinema-pause[aria-pressed=true] .pause-glyph{display:none}.cinema-pause[aria-pressed=true] .play-glyph{display:block}
.cinema-control:focus-visible,.cinema-tabs button:focus-visible,.cinema-caption a:focus-visible{outline:2px solid #edcf98;outline-offset:5px}
.cinema-pause:disabled{opacity:.45;cursor:default}
.cinema-note{font-size:8px;line-height:1.5;color:#96b0bd;margin:16px 16px 0}
.cinema-slide.is-entering{animation:cinema-caption-enter .55s ease both}
@keyframes cinema-caption-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
html.motion-paused .cinema-slide.is-entering{animation:none}
@media(min-width:1600px){.cinema-hero .fintech-hero-grid{gap:70px}.cinema-visual{height:440px}.cinema-caption h2{font-size:30px}}
@media(max-width:1199px){.cinema-hero .fintech-hero-grid{gap:30px;grid-template-columns:1fr 1.05fr;min-height:690px;padding-block:35px 42px}.cinema-hero h1{font-size:clamp(49px,5.5vw,67px)}.cinema-hero .fintech-promise{font-size:25px}.cinema-hero .fintech-lead{font-size:14px}.cinema-visual{height:355px;margin-inline:-15px}.cinema-orbit-tag{font-size:6px;padding:9px 10px}.cinema-caption h2{font-size:24px}.cinema-tabs{gap:10px}.cinema-tabs button{font-size:9px}.cinema-controls{padding-inline:10px;gap:10px}.cinema-playback{gap:4px}.cinema-control{width:27px;height:27px}.cinema-pause{width:31px;height:31px}.cinema-hero .actions{gap:10px}.cinema-hero .btn{padding:13px 15px;font-size:11px}.cinema-signoff{margin-top:24px}}
@media(max-width:1023px) and (min-width:768px){.cinema-hero .fintech-hero-grid{grid-template-columns:1fr 1fr;gap:22px}.cinema-hero h1{font-size:48px}.cinema-hero .fintech-lead{font-size:13px}.cinema-hero .fintech-assurances{gap:10px}.cinema-hero .fintech-assurances>span{font-size:9px}.cinema-hero .actions{flex-direction:column;align-items:flex-start}.cinema-visual{height:325px}.cinema-orbit-tag.tag-one{top:7%;left:7%}.cinema-orbit-tag.tag-two{bottom:10%;right:0}.cinema-caption h2{font-size:22px}.cinema-caption p{font-size:11px}.cinema-controls{flex-wrap:wrap;row-gap:14px}.cinema-tabs{gap:20px}.cinema-playback{gap:7px}.cinema-control{width:27px;height:27px}.cinema-note{font-size:7px}.cinema-topline{font-size:8px;padding-inline:7px}}
@media(max-width:767px){.cinema-hero .fintech-hero-grid{grid-template-columns:1fr;gap:24px;padding-block:36px 30px;min-height:0}.cinema-hero .fintech-hero-copy{padding:0;max-width:580px}.cinema-hero h1{font-size:clamp(45px,10.6vw,63px);line-height:1.03}.cinema-hero .fintech-promise{font-size:25px;margin-bottom:20px}.cinema-hero .fintech-lead{font-size:14px}.cinema-hero .eyebrow{font-size:8px;margin-bottom:22px}.cinema-hero .actions{gap:10px}.cinema-hero .btn{padding:14px 16px;min-height:48px;font-size:11px}.cinema-signoff{display:none}.fintech-cinema{max-width:540px;width:100%;margin-inline:auto;padding-top:20px;border-top:1px solid #8ab4c429}.cinema-visual{height:330px;margin-inline:-8px}.cinema-topline{padding:0 5px;font-size:8px}.cinema-orbit-tag{font-size:6px;padding:9px 11px}.cinema-orbit-tag.tag-one{left:4%;top:10%}.cinema-orbit-tag.tag-two{right:0;bottom:12%}.cinema-caption{padding-inline:5px;min-height:113px}.cinema-caption h2{font-size:26px}.cinema-caption p{font-size:12px}.cinema-kicker{font-size:7px}.cinema-controls{padding:18px 5px 0;gap:14px;margin-top:12px}.cinema-tabs{gap:14px}.cinema-tabs button{font-size:9px}.cinema-tabs button>span{font-size:7px}.cinema-playback{gap:5px}.cinema-control{width:28px;height:28px}.cinema-pause{width:32px;height:32px}.cinema-note{margin-inline:5px;font-size:7px;margin-top:17px}}
@media(max-width:374px){.cinema-hero h1{font-size:44px}.cinema-hero .fintech-promise{font-size:23px}.cinema-hero .fintech-lead{font-size:13px}.cinema-hero .actions{flex-direction:column;align-items:stretch}.cinema-visual{height:295px}.cinema-caption h2{font-size:24px}.cinema-caption p{font-size:11px}.cinema-controls{gap:9px;flex-wrap:wrap}.cinema-tabs{gap:12px}.cinema-playback{gap:4px}.cinema-control{width:25px;height:25px}.cinema-pause{width:29px;height:29px}.cinema-orbit-tag{font-size:5.5px;padding:8px}.cinema-orbit-tag.tag-one{top:7%}.cinema-orbit-tag.tag-two{bottom:8%}.cinema-note{font-size:7px}}
@media(prefers-reduced-motion:reduce){.cinema-hero *{animation:none!important;transition:none!important}}
@media print{.fintech-cinema,.cinema-backdrop,.cinema-signoff{display:none}.cinema-hero{background:#fff;color:#132b35}.cinema-hero .fintech-hero-grid{display:block;min-height:0;padding:25px 0}.cinema-hero .fintech-lead,.cinema-hero .fintech-promise{color:#132b35}}

@media (max-width:767px){
 .cinema-hero .fintech-lead{font-size:13px;line-height:1.78}
 .cinema-hero .actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}
 .cinema-hero .actions .btn{font-size:10px;padding:12px 13px;gap:9px;min-height:52px;line-height:1.5;white-space:normal;text-align:left}
 .cinema-hero .actions .btn svg{flex-shrink:0;width:15px}
 .cinema-hero .fintech-assurances{margin-top:21px}
}
@media (pointer:coarse){.cinema-controls{flex-wrap:wrap}.cinema-control,.cinema-pause{width:44px;height:44px;padding:12px}.cinema-tabs{min-width:100%;}.cinema-playback{margin-left:auto}.cinema-tabs button{min-height:44px}.cinema-note{margin-top:12px}}