/* ONE — natural cinema, ink, cool white and an unmistakable cobalt accent. */
:root{--one-paper:#f7f8fc;--one-ink:#111526;--one-muted:#59657b;--one-line:#dce1ed;--one-cobalt:#3157ff}
::selection{background:#3157ff;color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#3157ff}
.skip,.noscript-note{background:#f7f8fc;color:#111526}
.one-header{color:#f7f8fc;border-bottom-color:#f7f8fc26;background:#0b102080;backdrop-filter:blur(16px)}
.one-header.is-paper{background:#f7f8fcf2;color:#111526;border-color:#11152617}
.one-header nav a{opacity:.85}
.one-header .one-install,.one-header.is-paper .one-install,.film-hero-spatial .one-install{background:#3157ff;color:#fff;border-radius:5px;box-shadow:0 8px 28px #06144224}
.one-header .one-install:hover,.one-header.is-paper .one-install:hover,.film-hero-spatial .one-install:hover{background:#2549e8}
.one-header .one-install:focus-visible{outline-color:#88a0ff}
.film-hero-spatial,.film-hero-spatial .film-media,.film-cut{background-color:#0b1020}
.film-cut{background:#0b1020}
.film-hero-spatial .film-media{opacity:1;filter:saturate(.92) contrast(1.04) brightness(1)}
.film-hero-spatial .film-wash{background:linear-gradient(90deg,rgba(11,16,32,.90),rgba(11,16,32,.66) 34%,rgba(11,16,32,.10) 50%,transparent 61%),linear-gradient(0deg,#0b102059,transparent 27%,transparent 80%,#0b102026)}
.film-atmosphere{display:none}
.film-hero-spatial .film-content h1{color:#fff;font-size:clamp(76px,8.6vw,126px);font-weight:600;letter-spacing:-.065em;line-height:1.025}
.film-hero-spatial .film-content h1 span{color:#b1c1ff}
.film-hero-spatial .film-eyebrow{display:flex;align-items:center;gap:13px;color:#eef2ff;font-weight:500;letter-spacing:.18em}
.film-hero-spatial .film-eyebrow::before{content:'';height:2px;width:28px;background:#6785ff}
.film-hero-spatial .film-promise{color:#e3e8f5;line-height:1.8}
.film-hero-spatial .film-discover{color:#f7f8fc;border-bottom-color:#f7f8fc70}
.film-scroll{color:#e3e8f5}
.film-controls>span{color:#e3e8f5!important}
.film-toggle{background:#0b10204d;border-color:#e3e8f566}
.film-hologram{color:#f7f9ff;text-shadow:0 1px 5px #07112499}
.holo-glass{border-color:#dce6ff70;border-top-color:#f7f9ffb3;background:linear-gradient(125deg,#24365a80,#15234b7a 50%,#243c6673);box-shadow:inset 0 1px 0 #ffffff70,0 16px 55px #07102330,0 0 38px #4775ff13}
.holo-glass::before{background:linear-gradient(120deg,#f7f9ff12,transparent 30%,transparent 70%,#7395ff08)}
.holo-brand{border-bottom-color:#e1e9ff30}
.holo-brand b,.holo-brand small{color:#e0e8ff}
.holo-brand i{background:#c2d5ff;box-shadow:0 0 12px #91b0ff}
.holo-label{color:#c3d3ff}
.holo-scene h2{font-weight:500}
.holo-scene h2 span{color:#edf2ff}
.holo-welcome-title{font-weight:500}
.holo-welcome-copy{color:#e1e9ff}
.holo-orb{border-color:#e5ecffdc;background:radial-gradient(ellipse at 25% 12%,#ffffff70,transparent 50%),radial-gradient(ellipse at 65% 92%,#5c7fff8c,transparent 56%),radial-gradient(ellipse at 75% 24%,#cbd9ff66,transparent 60%),#a5bcff12;box-shadow:inset 0 0 18px #dce8ff73,0 0 5px #ffffff80,0 0 48px #5883ff47,0 24px 40px #3157ff1c}
.holo-aura{background:radial-gradient(ellipse,#618aff26,transparent 65%)}
.holo-mail-flow{color:#ecf2ff}
.holo-flow-track{background:#c1d2ff50}
.holo-flow-track i{background:#e3edff;box-shadow:0 0 12px #7fa4ff}
.holo-email{background:#18346630;border-color:#e1eaff50;border-radius:6px}
.holo-email div>span,.holo-sent{color:#dce7ff}
.holo-discount>strong,.holo-project-title>strong{color:#ffcf92}
.holo-discount>p{color:#edf2ff}
.holo-rule b{color:#c3d3ff}
.holo-rule>span{background:#dae4ff1f}
.holo-rule i{background:#8daaff}
.holo-decision{color:#f1f5ff}
.holo-decision>span{color:#ffdcac;background:#12234c30;border-color:#ffd8a14d;border-radius:3px}
.holo-chart-zero{stroke:#e4ebff59}
.holo-chart-line{stroke:#b3caff;filter:drop-shadow(0 0 5px #83a5ff4d)}
#holo-chart-fill stop{stop-color:#719bff}
.holo-chart>span{background:#142448ad;color:#e2eaff}
.film-chapters button,.film-chapters button>span{color:#e0e8ff}
.film-chapters button::after{background:#d8e3ff4d}
.film-chapters button>i{background:#8daaff;height:2px;box-shadow:0 0 10px #3157ff40}
.film-chapters button[aria-pressed=true],.film-chapters button:hover{color:#fff}
.film-chapters button[aria-pressed=true]>span{color:#b1c1ff}
@media(min-width:761px) and (max-width:1100px){.film-hero-spatial .film-content h1{font-size:clamp(64px,8.1vw,89px)}}
@media(max-width:760px){
 .film-hero-spatial .film-media{filter:saturate(.92) contrast(1.04) brightness(1)}
 .film-hero-spatial .film-wash{background:linear-gradient(0deg,#0b1020fa,#0b1020d4 34%,#0b102008 74%,#0b10204d)}
 .film-hero-spatial .film-content h1{font-size:clamp(55px,9vw,66px);font-weight:600;line-height:1.04}
 .holo-glass{background:linear-gradient(125deg,#24365aad,#15234ba3 50%,#243c66a3)}
 .film-chapters button{color:#edf2ff;text-shadow:0 1px 8px #0b1020}
 .film-chapters button>span{color:#d7e2ff}
}
@media(max-width:600px){.film-hero-spatial .film-eyebrow{display:none}.film-hero-spatial .film-content h1{font-size:57px}.film-hero-spatial .film-content h1 span{color:#b1c1ff}}
@media(max-width:370px){.film-hero-spatial .film-content h1{font-size:52px}}

/* A quiet financial view, animated once by the same clock as the film. */
.film-chapters{grid-template-columns:repeat(5,1fr);gap:15px}
.holo-finance{padding:14px 19px}
.holo-finance-heading{display:flex;justify-content:space-between;align-items:start;gap:10px}
.holo-finance-heading h2{font-size:20px;margin-top:5px;line-height:1.15}
.holo-finance-heading>span{font-size:6px;color:#dce7ff;letter-spacing:.08em;margin-top:3px;white-space:nowrap}
.holo-finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:13px}
.holo-finance-grid>div{position:relative}
.holo-finance-grid>div+div{border-left:1px solid #dce7ff30;padding-left:12px}
.holo-finance-grid>div>span{display:block;font-size:7px;color:#dce7ff;white-space:nowrap}
.holo-finance-grid strong{display:block;margin-top:5px;font:550 25px/1 'Manrope',sans-serif;letter-spacing:-.05em;color:#fff}
.holo-finance-grid strong small{font-size:12px;font-weight:400;letter-spacing:-.02em}
.holo-finance-revenue svg{position:absolute;right:0;top:12px;width:28px;height:15px;opacity:.7}
.holo-finance-trend{fill:none;stroke:#abc5ff;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--scene-progress))}
.holo-finance-target{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:6px 15px;font-size:7px;color:#dce7ff}
.holo-finance-target b{color:#fff;font-weight:500;margin-left:4px}
.holo-finance-target>span:last-child{grid-column:2;grid-row:1;text-align:right}
.holo-finance-track{grid-column:1/-1;height:4px;display:flex;overflow:hidden;border-radius:4px;background:#ffffff25}
.holo-finance-track i{height:100%;display:block;transform:scaleX(var(--scene-progress));transform-origin:left}
.holo-finance-realized{width:60%;background:#dae5ff}
.holo-finance-pipeline{width:30%;background:#7195ff}
.holo-finance-action{margin:9px 0 0;font-size:7px;color:#f0f5ff}

/* One unmistakable action, repeated where the reader has the context to act. */
.one-install,.one-header .one-install,.one-header.is-paper .one-install,.film-hero-spatial .one-install{background:#3157ff;color:#fff;border:1px solid #607cff;border-radius:7px;min-height:60px;padding:12px 16px 12px 23px;gap:25px;font-size:14px;font-weight:600;box-shadow:0 8px 28px #3157ff30,inset 0 1px 0 #ffffff20;transition:background .25s,box-shadow .25s,transform .25s}
.one-install:hover{background:#2447e5;color:#fff;box-shadow:0 12px 35px #3157ff45;transform:translateY(-2px)}
.one-header .one-install,.one-header.is-paper .one-install{min-height:49px;padding:9px 12px 9px 18px;gap:17px;font-size:12px}
.film-hero-spatial .film-actions{max-width:530px;gap:20px}
.film-hero-spatial .film-actions .one-install{min-height:63px;font-size:13px;padding:13px 16px 13px 22px}
.film-hero-spatial .film-discover{font-size:12px;font-weight:500;border-bottom-color:#e0e8ffb3}
.setup-section .setup-cta{background:#fff;color:#111526;border-color:#fff;box-shadow:0 12px 35px #0b10202b}
.setup-section .setup-cta>span:last-child{background:#3157ff;color:#fff}
.setup-section .setup-cta:hover{background:#eef2ff;color:#111526}
@media(min-width:761px) and (max-width:1100px){.film-hero-spatial .film-actions .one-install{font-size:12px;min-height:58px;padding:11px 13px 11px 17px;gap:16px}}
@media(max-width:760px){
 .film-chapters{gap:10px}.film-chapters button{font-size:8px}.film-chapters button>span{font-size:6px;margin-right:3px}
 .holo-finance{padding:13px 17px}.holo-finance-heading h2{font-size:19px}.holo-finance-heading>span{font-size:5px}
 .holo-finance-grid{gap:8px;margin-top:13px}.holo-finance-grid>div+div{padding-left:8px}.holo-finance-grid strong{font-size:22px}.holo-finance-grid strong small{font-size:10px}.holo-finance-grid>div>span{font-size:6px}.holo-finance-revenue svg{display:none}
 .holo-finance-target{margin-top:14px;font-size:6px}.holo-finance-action{font-size:6px;margin-top:10px}
 .one-install{font-size:12px;min-height:58px;padding:12px 14px 12px 18px;gap:15px}
 .one-header .one-install,.one-header.is-paper .one-install{min-height:43px;font-size:11px;padding:7px 10px 7px 14px;gap:13px}
 .film-hero-spatial .film-actions{gap:14px}.film-hero-spatial .film-actions .one-install{min-height:54px;font-size:11px;padding:10px 12px 10px 16px;gap:15px}.film-hero-spatial .film-discover{font-size:10px;gap:8px}
}
@media(prefers-reduced-motion:reduce){}

/* Portrait framing preserves the face and tablet gesture without a panel over them. */
@media(max-width:760px){
 .film-hero-spatial{min-height:1120px}
 .film-hero-spatial .film-media{top:200px;height:620px;object-position:62% center;transform:none;mask-image:linear-gradient(180deg,transparent,#000 14%,#000 93%,transparent)}
 .film-hero-spatial .film-wash{background:linear-gradient(180deg,transparent 62%,#0b10201a 68%,#0b1020 81%)}
 .film-hero-spatial .film-content{bottom:78px}
 .film-hologram{top:120px}
}