/* REVEALI BOARDROOM V3 — TEN CINEMATIC SCENES — A LOCKED 1600×900 CANVAS */
:root{--bg:#061822;--text:#eaf8fb;--ice:#b4f7f9;--aqua:#7bcedd;--soft:#a5c0c9;--line:rgba(169,236,245,.18);--display:'Space Grotesk',Arial,sans-serif;--font:'DM Sans',Arial,sans-serif;--ease:cubic-bezier(.2,.72,.16,1)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#061822}
body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid var(--ice);outline-offset:4px}
.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.app{height:100dvh;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;padding:0 20px;background:radial-gradient(ellipse at 50% 38%,#113340,#05141d 67%)}
.topbar,.controls{width:min(100%,1640px);height:60px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex:none;z-index:30}
.reveali-logo{display:flex;gap:8px;align-items:center;font:700 27px var(--display);letter-spacing:-.07em;line-height:1}
.reveali-logo svg{width:28px;height:29px;fill:#c0fbfc}.reveali-logo b{color:#a7f3f5}
.deck-meta{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.17em;font-weight:700;color:#a6c3cd}
.deck-meta i{width:7px;height:7px;background:#9eeaf0;border-radius:50%;box-shadow:0 0 14px #58c6d1}
.deck-meta .sep{color:#5a8492}
.fullscreen{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);color:#bbecf4;background:#0e303b}
.fullscreen svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.fullscreen:hover,.controls-right button:hover:not(:disabled){background:#245f70;border-color:#9ce8f0}
.stage{position:relative;width:min(calc(100vw - 40px),calc((100dvh - 144px) * 16 / 9),1600px);aspect-ratio:16 / 9;flex:none;background:#082635;border:1px solid rgba(172,226,237,.28);box-shadow:0 25px 85px rgba(0,0,0,.3);overflow:hidden;isolation:isolate;--scale:1}
.slide-progress{position:absolute;left:0;right:0;top:0;height:2px;z-index:90;background:rgba(166,226,236,.07)}
.slide-progress i{display:block;height:100%;width:10%;background:#b2f5f5;box-shadow:0 0 12px rgba(133,237,241,.75);transition:width .6s var(--ease)}
.slide{position:absolute;left:0;top:0;inset:auto;width:1600px;height:900px;transform:scale(var(--scale));transform-origin:0 0;display:none;overflow:hidden;isolation:isolate;background:#092531}
.slide.active{display:block}
.grain{position:absolute;inset:0;pointer-events:none;opacity:.08;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
.guidelines{position:absolute;inset:0;pointer-events:none;opacity:.42;background:linear-gradient(90deg,transparent 24.96%,rgba(163,226,234,.06) 25%,transparent 25.04%,transparent 49.96%,rgba(163,226,234,.06) 50%,transparent 50.04%,transparent 74.96%,rgba(163,226,234,.06) 75%,transparent 75.04%)}
.slide-label{position:absolute;top:61px;left:82px;right:82px;z-index:6;display:flex;align-items:center;gap:11px;font:700 11px var(--font);letter-spacing:.18em;color:#9dcbd4}
.slide-label>i{height:8px;width:8px;background:#b5f8f8;box-shadow:0 0 0 5px rgba(154,238,246,.08);border-radius:50%;display:block}
.slide-label span{margin-left:auto;color:#6d9caa}
.mini-eyebrow{font:700 12px var(--font);letter-spacing:.2em;color:#92c7d3;margin:0 0 23px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.062em}
em{font-style:normal;color:#adf5f7}
.slide-footer{position:absolute;left:82px;right:82px;bottom:38px;border-top:1px solid rgba(163,229,240,.18);padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:25px;font:700 9.5px var(--font);letter-spacing:.12em;color:#8eafba;z-index:15}
.header-block{position:absolute;top:144px;left:82px;right:82px}
.header-block h2{font-size:69px;line-height:1.06;margin:0 0 18px}
.header-block>p:not(.mini-eyebrow){font:400 16.5px/1.63 var(--font);color:#abc7d0;max-width:1040px;margin:0}
.reveal{opacity:1}
@media(prefers-reduced-motion:no-preference){
 .slide.active .reveal{animation:enterUp .85s var(--ease) both;animation-delay:var(--delay,0s)}
 .slide.active .slide-label{animation:fadeIn .7s ease .1s both}
}
@keyframes enterUp{from{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes pulseGlow{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes drawLine{0%,12%{stroke-dashoffset:1000;opacity:.35}60%,87%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-1000;opacity:.25}}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
/* COVER — A SINGLE ASSERTION, NO TABLE OF CONTENTS */
.cover{background:radial-gradient(ellipse at 76% 52%,#174954 0%,#0a303b 34%,transparent 67%),linear-gradient(114deg,#05151f,#092a38)}
.cover-left{position:absolute;z-index:7;top:172px;left:110px;width:930px}
.eyebrow{display:flex;align-items:center;gap:12px;color:#b2e0e6;font:700 12px var(--font);letter-spacing:.17em}
.eyebrow span{color:#759fae}.glow-dot{height:8px;width:8px;border-radius:50%;background:#b4f9f9;box-shadow:0 0 15px #71c6d5}
.cover h1{font-size:76px;line-height:1.055;letter-spacing:-.071em;margin:43px 0 25px;white-space:nowrap}
.cover-desc{font:400 18px/1.65 var(--font);max-width:685px;color:#bfd5da;margin:0}
.recipient{display:flex;align-items:center;gap:20px;border-top:1px solid rgba(159,238,241,.19);margin-top:47px;padding-top:24px;max-width:725px}
.recipient>span,.close-recipient>span{font:700 10px var(--font);color:#9fc7d1;letter-spacing:.13em}
.partner-lockup{display:inline-flex;gap:13px;align-items:center;border:1px solid #e3edf1;background:#fff;color:#254c5a;padding:8px 13px;min-height:50px}
.partner-lockup img{width:135px;height:31px;object-fit:contain;display:block}
.partner-lockup strong{font:700 16px var(--display);letter-spacing:-.03em;display:none}
.partner-lockup img.hidden-logo{display:none}
.partner-lockup:has(img.hidden-logo) strong{display:inline}
.partner-lockup b{font:700 13px var(--display);color:#26758c;letter-spacing:.09em;border-left:1px solid #d4e4e9;padding-left:13px}
.cover-art{position:absolute;z-index:2;width:760px;height:760px;right:-34px;top:53px}
.cover-halo{position:absolute;inset:0;background:radial-gradient(circle,rgba(29,161,181,.21),transparent 68%);filter:blur(20px)}
.cover-network{height:100%;width:100%;overflow:visible;animation:float 11s ease-in-out infinite}
.cover-network .orbit-circle{stroke-opacity:.28;stroke-width:1;stroke-dasharray:3 13}
.cover-network .o2{stroke-dasharray:none;stroke-opacity:.15}
.cover-network .o3{stroke-dasharray:none;stroke-opacity:.12}
.cover-network .orbit-ellipse{stroke-opacity:.3;stroke-width:1}
.cover-network .e2{stroke-opacity:.18}
.cover-network .network-web{stroke-opacity:.21;stroke-width:1}
.cover-r{font:700 122px var(--display);letter-spacing:-.09em;fill:#c1fcfc}
.cover-r-sub{font:700 9px var(--font);letter-spacing:.19em;fill:#9bd4dc}
.float-label{position:absolute;border:1px solid rgba(154,226,238,.22);background:rgba(8,43,56,.76);padding:10px 13px;font:700 9px var(--font);letter-spacing:.13em;color:#8fb8c5}
.float-label b{display:block;color:#d8f9fa;font-size:11px;margin-top:5px}
.label-a{top:19%;left:21%}.label-b{right:8%;top:37%}.label-c{left:29%;bottom:17%}
.cover-foot{position:absolute;z-index:8;left:110px;right:90px;bottom:47px;display:flex;justify-content:space-between;border-top:1px solid rgba(153,226,236,.23);padding-top:15px;font:700 10px var(--font);letter-spacing:.13em;color:#97b8c2}
/* 01 PROBLEM */
.problem{background:radial-gradient(ellipse at 73% 65%,#13404d,#071d29 63%)}
.problem-left{position:absolute;top:181px;left:82px;width:660px}
.problem-left h2{font-size:64px;line-height:1.075;margin:0 0 30px}
.problem-left>p:not(.mini-eyebrow){max-width:605px;font:400 17px/1.72 var(--font);color:#b7ced6}
.bottom-statement{position:absolute;left:0;top:505px;max-width:570px;font:700 11px/1.65 var(--font);letter-spacing:.1em;color:#8bcdd8;border-left:3px solid #83dce6;padding-left:16px}
.problem-visual{position:absolute;top:154px;right:82px;width:709px;height:630px;border:1px solid var(--line);background:rgba(6,30,41,.6)}
.disconnect-head{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;border-bottom:1px solid var(--line);font:700 10px var(--font);letter-spacing:.13em;color:#91c6d2}
.alert-pulse{height:8px;width:8px;background:#b0f6f6;border-radius:50%;animation:pulseGlow 2s infinite}
.disconnect-axis{padding:18px 26px;display:flex;justify-content:space-between;align-items:center;gap:15px;font:700 10px var(--font);color:#a3c4cc;letter-spacing:.09em}
.disconnect-axis>i{height:1px;flex:1;border-top:1px dashed #70b4c1}
.fracture-list{padding:0 30px;display:grid;gap:7px}
.fracture{display:flex;align-items:center;gap:25px;padding:13px 19px;border:1px solid rgba(155,226,238,.12);background:linear-gradient(90deg,rgba(33,91,109,.23),rgba(7,37,48,.4));min-height:73px}
.fracture b{font:500 23px var(--display);color:#83cbd7}
.fracture span{font:500 18px/1.26 var(--display);color:#e3f9fb;letter-spacing:-.022em}
.fracture-footer{border-top:1px solid var(--line);margin-top:11px;padding:19px 26px;font:700 10px var(--font);letter-spacing:.1em;color:#95bdc8}
.fracture-footer span{color:#e7aaa7;padding:0 9px}
.slide.active .fracture{animation:enterUp .65s var(--ease) both}
.slide.active .f1{animation-delay:.17s}.slide.active .f2{animation-delay:.3s}.slide.active .f3{animation-delay:.43s}.slide.active .f4{animation-delay:.56s}.slide.active .f5{animation-delay:.69s}
/* 02 PLATFORM */
.platform{background:radial-gradient(ellipse at 50% 67%,#143c4a,#081e2b 70%)}
.platform .header-block h2{font-size:62px}
.platform-canvas{position:absolute;left:120px;top:400px;width:1360px;height:395px}
.platform-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#8fdce6;stroke-width:1.5;stroke-opacity:.4}
.platform-core{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);height:172px;width:172px;border-radius:50%;border:1px solid rgba(173,242,246,.45);box-shadow:0 0 0 27px rgba(67,170,197,.065),inset 0 0 55px rgba(109,208,227,.1);background:#092b39;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.platform-core>span{font:700 77px var(--display);color:#b8fafa;letter-spacing:-.09em}
.platform-core small{font:700 10px/1.5 var(--font);text-align:center;letter-spacing:.08em;color:#8ec7d3}
.platform-node{position:absolute;width:310px;min-height:152px;padding:18px 22px;border:1px solid rgba(139,226,239,.23);background:linear-gradient(145deg,rgba(16,71,88,.84),rgba(7,35,48,.78))}
.platform-node i{font:700 10px var(--font);font-style:normal;color:#8fd6e1;letter-spacing:.09em}
.platform-node h3{font-size:22px;line-height:1.15;margin:13px 0 10px}
.platform-node p{font:400 11.5px var(--font);color:#abc7d1;margin:0}
.pn1{left:0;top:0}.pn2{right:0;top:0}.pn3{left:0;bottom:0}.pn4{right:0;bottom:0}
.slide.active .platform-lines .drawpath{stroke-dasharray:1000;animation:drawLine 5.5s ease-in-out infinite}
.slide.active .platform-lines .p2{animation-delay:-2.5s}
.slide.active .platform-node{animation:enterUp .8s var(--ease) both}
.slide.active .pn1{animation-delay:.17s}.slide.active .pn2{animation-delay:.34s}.slide.active .pn3{animation-delay:.51s}.slide.active .pn4{animation-delay:.68s}
.small-disclosure{position:absolute;left:120px;bottom:86px;color:#79a0ac;font:400 10px var(--font)}
/* 03 MODEL */
.model{background:linear-gradient(145deg,#071b29,#0b303e)}
.model .header-block h2{font-size:63px}
.model .header-block>p:not(.mini-eyebrow){max-width:1165px}
.flow-canvas{position:absolute;left:81px;top:419px;right:81px;height:285px;display:flex;justify-content:space-between;align-items:stretch;gap:9px}
.flow-track{position:absolute;left:18px;right:18px;top:106px;height:2px;background:rgba(116,212,222,.27)}
.flow-track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,transparent,#8fe7eb,transparent);animation:flowBeam 9s linear infinite}
.flow-stage{position:relative;z-index:2;width:calc((100% - 63px)/8);padding:16px 13px 18px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;background:linear-gradient(160deg,rgba(12,55,69,.92),rgba(6,29,41,.86));border:1px solid rgba(163,231,238,.23)}
.flow-num{font:700 10px var(--font);letter-spacing:.12em;color:#78b4bf}
.flow-symbol{width:68px;height:68px;display:grid;place-items:center;margin:10px 0 20px;color:#b2f4f4;font:500 32px var(--display);border-radius:50%;border:1px solid #5bb0c1;background:#0b3948;box-shadow:0 0 0 7px rgba(92,199,212,.05)}
.flow-stage b{font:500 19px/1.2 var(--display);color:#eaf9fa;min-height:50px;letter-spacing:-.03em}
.flow-stage small{font:700 9px var(--font);letter-spacing:.09em;color:#75a4b1;margin-top:auto}
.flow-takeaway{position:absolute;left:82px;right:82px;top:743px;border:1px solid rgba(139,215,228,.19);background:rgba(13,60,75,.4);height:72px;display:flex;align-items:center;gap:38px;padding:0 28px}
.flow-takeaway>span{font:700 10px var(--font);letter-spacing:.12em;color:#90ced7}
.flow-takeaway>b{font:500 21px var(--display);letter-spacing:-.035em}
@keyframes flowBeam{from{transform:translateX(-102%)}to{transform:translateX(102%)}}
.slide.active .flow-stage{animation:enterUp .6s var(--ease) both;animation-delay:calc(.1s + var(--i)*.12s)}
/* 04 SOLUTION */
.solution{background:radial-gradient(ellipse at 45% 68%,#144454,#081e2b 66%)}
.solution-head{position:absolute;left:82px;right:82px;top:145px}
.solution-head h2{font-size:65px;line-height:1.05;margin:0 0 16px}
.solution-head>p:not(.mini-eyebrow){font:400 17px/1.6 var(--font);color:#accad3;max-width:1180px}
.stakeholder-stage{position:absolute;left:82px;right:82px;top:412px;height:376px;display:grid;grid-template-columns:66% 34%;gap:14px}
.stakeholder-network{position:relative;height:100%}
.stakeholder-network svg{width:100%;height:100%;fill:none;stroke-width:2;stroke:#87dae5;stroke-opacity:.42}
.stake-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:172px;height:172px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(158,238,248,.34);background:#092a39;box-shadow:0 0 0 20px rgba(77,176,196,.08)}
.stake-core b{font:700 70px var(--display);letter-spacing:-.1em}
.stake-core small{font:700 10px/1.4 var(--font);color:#96cdda;text-align:center}
.stake-person{position:absolute;width:218px;min-height:86px;padding:14px 18px;background:rgba(14,61,77,.85);border:1px solid rgba(156,225,236,.21)}
.stake-person span{font:700 11px var(--font);letter-spacing:.1em;color:#92cbd7}
.stake-person b{font:500 17px var(--display);letter-spacing:-.035em;display:block;margin-top:9px}
.person-one{left:2%;top:1%}.person-two{right:2%;top:3%}.person-three{left:0;bottom:0}.person-four{right:0;bottom:0}
.slide.active .stake-path{stroke-dasharray:1000;animation:drawLine 6.8s infinite}
.solution-output{padding:28px 26px;border:1px solid rgba(141,216,232,.27);background:linear-gradient(147deg,rgba(10,64,79,.73),rgba(8,31,43,.89));display:flex;flex-direction:column;justify-content:center}
.solution-output>span{font:700 11px var(--font);letter-spacing:.1em;color:#95d4dd}
.solution-output h3{font-size:37px;line-height:1.12;margin:23px 0 23px}
.solution-output p{font:400 15px/1.62 var(--font);color:#a3c5cf}
.output-signal{margin-top:16px;padding:13px;border:1px solid var(--line);font:700 11px var(--font);letter-spacing:.1em;color:#b5f0f3}
.output-signal i{display:inline-block;width:6px;height:6px;background:#a4f4f7;border-radius:50%;margin-right:10px}
/* 05 ENGINE: SAMPLE UI SPECIFIC TO ACTUAL DECK */
.engine{background:radial-gradient(ellipse at 80% 48%,#1a5461,#071e2c 63%)}
.engine-copy{position:absolute;left:82px;top:160px;width:826px}
.engine-copy h2{font-size:61px;line-height:1.06;margin:0 0 22px}
.engine-copy>p:not(.mini-eyebrow){font:400 16px/1.62 var(--font);color:#bad0d9;max-width:772px}
.engine-four{margin-top:31px;border-top:1px solid var(--line)}
.engine-row{min-height:94px;padding:17px 0;display:flex;align-items:center;gap:23px;border-bottom:1px solid rgba(160,226,235,.19)}
.engine-row i{font:500 24px var(--display);color:#8ed4df;font-style:normal}
.engine-row strong{font:500 21px/1.2 var(--display);letter-spacing:-.04em}
.engine-device-zone{position:absolute;left:955px;right:63px;top:124px;height:715px;display:flex;justify-content:center;align-items:center}
.phone-halo{position:absolute;left:0;right:0;top:0;bottom:0;background:radial-gradient(circle,rgba(46,166,188,.25),transparent 72%);filter:blur(19px)}
.realistic-phone{position:relative;z-index:5;width:317px;height:636px;border:3px solid #779aa6;background:linear-gradient(155deg,#172e3a,#050e17 45%,#28576a);padding:9px;border-radius:47px;box-shadow:0 32px 70px rgba(0,0,0,.42),inset 0 0 0 3px #0b222e;transform:rotate(3deg)}
.phone-camera{position:absolute;z-index:10;top:17px;left:50%;transform:translateX(-50%);width:99px;height:22px;border-radius:20px;background:#061823}
.phone-display{height:100%;width:100%;border-radius:36px;background:#f1f5ff;color:#1e355c;overflow:hidden;position:relative;padding:39px 13px 12px}
.app-head{display:flex;align-items:center;justify-content:space-between;padding:0 5px 8px;border-bottom:1px solid #dce5ee}
.app-head span{font:700 23px var(--display);letter-spacing:-.08em;color:#213b68}
.app-head span b{color:#56a9d0}
.app-head small{font:700 8px var(--font);letter-spacing:.1em;color:#4e75a2}
.sample-member{display:flex;align-items:center;gap:9px;padding:11px 0 8px}
.sample-avatar{height:27px;width:27px;border-radius:50%;display:grid;place-items:center;background:#ccd9ee;color:#456a91}
.sample-member>div:nth-child(2){flex:1}
.sample-member strong{display:block;font:600 12px var(--display)}
.sample-member small{font:700 6.5px var(--font);color:#7993b2}
.sample-member i{font:500 22px var(--display);font-style:normal;color:#5986ac}
.phone-scroller{position:relative;height:475px;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 90%,transparent 100%)}
.phone-scrolling{animation:scrollDashboard 16s ease-in-out infinite alternate}
.app-card{background:#fff;box-shadow:0 4px 12px rgba(21,44,92,.05);border:1px solid #e3eaf3;border-radius:10px;padding:12px;margin:0 0 9px}
.app-card>small{font:700 8px var(--font);color:#4e699a;letter-spacing:.05em}
.risk-top{display:flex;justify-content:space-between;align-items:center;margin:10px 0}
.risk-top strong{font:600 13px var(--display)}
.risk-top span{font:700 7px var(--font);color:#738ab0}
.risk-dial{display:flex;align-items:baseline;gap:9px;color:#c88243}
.risk-dial b{font:700 32px var(--display)}
.risk-dial span{font:700 8px var(--font);color:#a17855}
.risk-track{height:7px;background:linear-gradient(90deg,#a6d57d 35%,#edc65d 65%,#ec795d 100%);margin:8px 0 1px;position:relative}
.risk-track i{position:absolute;top:-3px;left:65%;width:2px;height:13px;background:#a74e3a}
.diagnosis-cells{display:flex;gap:6px;margin:11px 0 0}
.diagnosis-cells>div{flex:1;text-align:center;border-radius:9px;background:#f1f3ff;border:1px solid #e6ebf6;padding:10px 1px}
.diagnosis-cells span{display:block;color:#1c3b74;font-size:20px}
.diagnosis-cells b{font:600 10px var(--display);display:block}
.diagnosis-cells small{font:700 6px var(--font);color:#7186a2}
.zone-row,.zone-desc{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:9px}
.zone-row span{display:grid;place-items:center;min-height:34px;font:700 8px var(--font);border-radius:8px;color:#fff;text-align:center}
.zone-row span:nth-child(1){background:#e67a79}.zone-row span:nth-child(2){background:#e8bf5f;color:#634b24}.zone-row span:nth-child(3){background:#83c89f;color:#27513e}
.zone-desc{margin-top:3px}
.zone-desc small{font:500 8px/1.2 var(--font);text-align:center;color:#7286a3}
.observed-bars{height:97px;display:flex;align-items:end;justify-content:space-between;gap:6px;padding:8px 5px;border-bottom:1px solid #d7e3f0;background:repeating-linear-gradient(0deg,transparent 0,transparent 19px,#e6edf6 20px)}
.observed-bars i{display:block;width:10px;height:var(--h);background:var(--c)}
.observations p,.insights p{font:400 9px/1.4 var(--font);color:#7486a1;margin:8px 0 0}
.insights strong{display:block;font:600 12px var(--display);margin-top:8px}
.app-tabbar{display:flex;justify-content:space-around;align-items:center;position:absolute;bottom:6px;left:9px;right:9px;height:39px;background:#e8eef9;border-top:1px solid #d6deed;font-size:16px;color:#2b4e7d}
.app-tabbar span{display:flex;align-items:center;flex-direction:column}
.app-tabbar small{font:500 8px var(--font)}
.phone-callout{position:absolute;z-index:7;padding:11px 15px;border:1px solid rgba(166,232,241,.25);background:#103c4c;color:#8cbac4;font:700 10px var(--font);letter-spacing:.08em}
.phone-callout b{display:block;margin-top:5px;color:#dbfbfd}
.callout-one{left:1%;top:26%}.callout-two{right:0;bottom:20%}
.phone-disclaimer{position:absolute;bottom:0;text-align:center;font:700 9px/1.5 var(--font);color:#83acb7;max-width:500px}
@keyframes scrollDashboard{0%,16%{transform:translateY(0)}78%,100%{transform:translateY(-38%)}}
.slide.active .engine-row{animation:enterUp .65s var(--ease) both}
.slide.active .engine-row:nth-child(1){animation-delay:.15s}.slide.active .engine-row:nth-child(2){animation-delay:.28s}.slide.active .engine-row:nth-child(3){animation-delay:.41s}.slide.active .engine-row:nth-child(4){animation-delay:.54s}
/* 06 ROI */
.roi{background:radial-gradient(ellipse at 52% 65%,#16414e,#081d29 65%)}
.roi .header-block h2{font-size:65px}
.roi-diagram{position:absolute;top:433px;left:82px;right:82px;height:293px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.roi-spine{position:absolute;top:-38px;left:0;right:0;height:33px;display:flex;align-items:center;justify-content:center;color:#a7e3e9;font:700 10px var(--font);letter-spacing:.13em}
.roi-spine i{position:absolute;left:2%;right:2%;bottom:-7px;border-top:1px solid rgba(167,225,236,.33)}
.roi-branch{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:27px 25px;border:1px solid rgba(155,230,238,.2);background:linear-gradient(140deg,rgba(14,65,78,.8),rgba(7,32,43,.85))}
.roi-branch:before{content:'';width:6px;height:6px;border-radius:50%;background:#b2f6f5;box-shadow:0 0 12px #7bd8e7;position:absolute;left:50%;top:-19px}
.roi-icon{height:82px;width:82px;border-radius:50%;border:1px solid rgba(172,229,241,.2);display:grid;place-items:center}
.roi-icon svg{height:66px;width:66px;stroke:#a6ecf2;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.roi-branch>b{font:500 27px/1.11 var(--display);letter-spacing:-.055em}
.roi-branch small{font:700 10px var(--font);letter-spacing:.1em;color:#82b8c3}
.roi-proof{position:absolute;left:82px;right:82px;top:743px;height:70px;display:flex;gap:14px;align-items:center;padding:0 20px;border:1px solid rgba(139,218,229,.23);background:rgba(10,46,58,.7)}
.roi-proof strong{font:700 10px var(--font);color:#b2e4e9;letter-spacing:.09em;margin-right:auto}
.roi-proof span{font:700 10px var(--font);color:#bcd8df}
.roi-proof i{width:16px;height:1px;background:#88d5dd}
.roi-proof small{max-width:252px;font:400 9px/1.3 var(--font);color:#8fb0bc;margin-left:auto}
.slide.active .roi-branch{animation:enterUp .7s var(--ease) both}
.slide.active .rb1{animation-delay:.17s}.slide.active .rb2{animation-delay:.34s}.slide.active .rb3{animation-delay:.51s}.slide.active .rb4{animation-delay:.68s}
/* 07 TAILORED */
.tailored{background:radial-gradient(ellipse at 25% 77%,#124353,#071e2b 64%)}
.tailored-intro{position:absolute;top:140px;left:82px;right:82px}
.tailored-intro h2{font-size:62px;line-height:1.07;margin:0 0 17px}
.tailored-intro>p:not(.mini-eyebrow){max-width:1200px;font:400 15.5px/1.6 var(--font);color:#aac9d1}
.sector-pills{position:absolute;top:381px;left:82px;right:82px;display:flex;gap:8px}
.sector-pills span{font:700 10px var(--font);letter-spacing:.08em;color:#95cbd5;border:1px solid rgba(139,219,233,.23);padding:14px 18px;background:rgba(14,63,77,.6)}
.prospect-panel{position:absolute;top:449px;left:82px;right:82px;height:345px;border:1px solid rgba(160,227,237,.26);display:grid;grid-template-columns:48% 52%;background:linear-gradient(115deg,rgba(14,66,81,.64),rgba(5,32,45,.77))}
.prospect-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);font:700 11px var(--font);letter-spacing:.11em;color:#a3d7e0}
.prospect-header small{font:700 9px var(--font);color:#80a6b2}
.pace-circles{position:relative;margin-top:53px}
.pace-node{position:absolute;border:1px solid rgba(154,231,238,.27);background:#0a3445;width:168px;height:89px;padding:17px 19px;color:#ddf7fa;font:700 12px var(--font);letter-spacing:.08em;text-align:center}
.pace-node small{font-size:9px;color:#93c6d1;display:block;margin-top:8px}
.n-home{top:12px;left:39px}.n-day{top:170px;left:38px}.n-clinic{top:100px;right:35px}
.pace-center{position:absolute;top:93px;left:254px;border-radius:50%;width:148px;height:148px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(176,238,246,.42);background:#0d4251;box-shadow:0 0 0 16px rgba(68,180,205,.08)}
.pace-center strong{font:700 59px var(--display);letter-spacing:-.1em}
.pace-center span{font:700 10px/1.35 var(--font);color:#9dd0db;text-align:center}
.prospect-copy{border-left:1px solid var(--line);padding:72px 38px 17px 34px}
.prospect-copy h3{font-size:35px;line-height:1.11;margin:0 0 16px}
.prospect-copy p{font:400 15px/1.55 var(--font);color:#b4d0d9;margin:0}
.pace-usecases{display:flex;gap:5px;flex-wrap:wrap;margin-top:28px}
.pace-usecases span{padding:10px 12px;border:1px solid rgba(156,232,237,.21);font:700 9px var(--font);letter-spacing:.07em;color:#9ed5dd}
.slide.active .pace-center{animation:paceBreath 6s ease-in-out infinite}
@keyframes paceBreath{0%,100%{box-shadow:0 0 0 16px rgba(68,180,205,.08)}50%{box-shadow:0 0 0 31px rgba(68,180,205,.06)}}
/* 08 VISION */
.vision{background:radial-gradient(ellipse at 78% 43%,#174754,#071c28 60%)}
.vision-copy{position:absolute;top:179px;left:82px;width:783px;z-index:5}
.vision-copy h2{font-size:74px;line-height:1.04;margin:0 0 27px}
.vision-copy>p:not(.mini-eyebrow){font:400 17px/1.65 var(--font);color:#b5cdd5;max-width:680px}
.vision-world{position:absolute;right:85px;top:124px;width:660px;height:660px}
.world-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(132,225,238,.32);transform:translate(-50%,-50%)}
.w1{width:580px;height:580px}.w2{width:450px;height:450px}.w3{width:310px;height:310px}
.world-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(156,245,248,.45);height:180px;width:180px;display:grid;place-items:center;border-radius:50%;background:#092d3c;font:700 87px var(--display);letter-spacing:-.08em}
.vision-star{position:absolute;height:8px;width:8px;border-radius:50%;background:#adf7f7;box-shadow:0 0 17px #5ecfdb}
.vs1{left:20%;top:35%}.vs2{left:70%;top:15%}.vs3{left:79%;top:68%}.vs4{left:34%;bottom:6%}
.slide.active .world-ring{animation:worldWave 8s ease-in-out infinite}
.slide.active .w2{animation-delay:-2.2s}.slide.active .w3{animation-delay:-4.4s}
@keyframes worldWave{0%,100%{opacity:.28}50%{opacity:.75}}
.vision-pillars{position:absolute;left:82px;top:525px;width:725px;display:grid;gap:9px}
.vision-pillars>div{font:700 12px var(--font);letter-spacing:.08em;color:#c0e7eb;display:flex;align-items:center;gap:18px;padding:17px 18px;border:1px solid rgba(146,226,236,.16);background:rgba(16,65,82,.47)}
.vision-pillars b{color:#8ed6e0;font:600 16px var(--display)}
/* 09 CLOSE */
.close{background:radial-gradient(ellipse at 63% 44%,#185462,#071d2a 73%)}
.close-glow{position:absolute;width:850px;height:850px;left:50%;top:48%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(42,170,185,.21),transparent 67%)}
.close-main{position:absolute;z-index:5;top:225px;left:140px;right:140px;text-align:center}
.close-main h2{font-size:78px;line-height:1.07;margin:0 0 33px}
.close-main>p:not(.mini-eyebrow){font:500 32px var(--display);letter-spacing:-.055em;color:#b6f4f7}
.closing-line{width:158px;height:2px;margin:38px auto 24px;background:linear-gradient(90deg,transparent,#aaf1f4,transparent)}
.close-main>span{font:700 10px var(--font);letter-spacing:.17em;color:#8ab6c3}
.close-recipient{position:absolute;bottom:110px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:19px}
.close-recipient small{font:700 9px var(--font);color:#91b1bd;letter-spacing:.08em}
/* NAVIGATION */
.controls{height:60px}
.counter{display:flex;align-items:baseline;gap:10px;font:500 16px var(--display);color:#719ba8}
.counter strong{font-size:22px;color:#dbf7f9}
.progress-dots{display:flex;gap:6px;align-items:center;justify-content:center}
.progress-dots button{padding:8px 2px;border:0;background:none}
.progress-dots i{display:block;width:20px;height:3px;background:#365966;transition:width .3s,background .3s}
.progress-dots button[aria-current="true"] i{width:34px;background:#b5f7f7;box-shadow:0 0 10px rgba(125,230,238,.5)}
.controls-right{display:flex;align-items:center;gap:7px}
.controls-right>span{font:700 9px var(--font);letter-spacing:.1em;color:#7495a1;margin-right:16px}
.controls-right button{height:37px;width:38px;border:1px solid var(--line);color:#dbf8f9;background:#0d3342;font:400 20px var(--display)}
.controls-right button:disabled{opacity:.28;cursor:not-allowed}
.orientation{display:none}
@media(max-width:900px){.app{gap:4px;padding:0 10px}.topbar,.controls{height:44px}.stage{width:min(calc(100vw - 20px),calc((100dvh - 104px) * 16 / 9))}.reveali-logo{font-size:20px}.reveali-logo svg{width:22px;height:24px}.deck-meta{font-size:8px}.controls-right>span{display:none}}
@media(max-width:580px){.stage{width:min(calc(100vw - 12px),calc((100dvh - 104px) * 16 / 9))}.app{padding:0 6px}.deck-meta{letter-spacing:.04em;gap:4px;font-size:7px}.deck-meta .sep{display:none}.progress-dots i{width:10px}.progress-dots button[aria-current="true"] i{width:17px}.counter strong{font-size:15px}.controls-right button{width:29px;height:31px}.orientation{display:block;color:#8aabb4;text-align:center;font:400 10px/1.2 var(--font);margin:0 0 3px}}
@media(max-height:540px) and (orientation:landscape){.topbar,.controls{height:32px}.stage{width:min(calc(100vw - 20px),calc((100dvh - 76px) * 16 / 9))}.orientation{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;filter:none!important;transform:none!important}}