:root{--gold:#B4A582;--gold-rgb:180 165 130;--ink:#f3f5f8;--muted:#a4afbf;--line:#ffffff17;--surface:#172231}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0c121b;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft JhengHei',sans-serif}button{font:inherit} [hidden]{display:none!important}
.film{height:100%;padding:26px 32px 18px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 85% 15%,#26354a66,transparent 60%),#0c121b}
.mast{display:flex;align-items:center;justify-content:space-between;flex:none;gap:20px;height:34px;margin-bottom:22px}.brand{font-size:17px;font-weight:650;letter-spacing:.04em}.brand small{font-size:10px;font-weight:400;color:#8291a6;letter-spacing:.16em;margin-left:14px}.count{font-size:12px;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.14em}
.workspace{flex:1;min-height:0;position:relative}.window{position:absolute;inset:0;border:1px solid #ffffff20;border-radius:20px;background:linear-gradient(135deg,#182434e6,#111a27f2);box-shadow:0 28px 60px #0005,inset 0 1px 0 #ffffff0c;overflow:hidden;display:flex;flex-direction:column;transform-origin:60% 55%;will-change:transform;transition:opacity .7s,filter .7s,transform .7s}
.chrome{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:7px;background:#ffffff03;flex:none}.chrome i{width:7px;height:7px;border-radius:100%;background:#a2afc044}.chrome i:first-child{background:var(--gold)}.chrome span{font-size:11px;color:#9aa7ba;letter-spacing:.12em;margin:auto}.chrome b{font-size:10px;color:#94a2b5;font-weight:400}
.app{display:grid;grid-template-columns:150px 1fr;flex:1;min-height:0}.rail{border-right:1px solid var(--line);padding:22px 13px;display:flex;flex-direction:column;gap:8px;background:#090f1726}.rail .rail-label{color:#748398;font-size:10px;letter-spacing:.16em;padding:0 10px 13px}.rail-item{font-size:12px;color:#8998ad;padding:12px 10px;border-radius:10px;display:flex;gap:11px;position:relative;overflow:hidden}.rail-item.active{color:#f2f4f7;background:#ffffff09;border:1px solid #ffffff12}.rail-item .n{color:var(--gold);font-variant-numeric:tabular-nums}.rail-item i{position:absolute;height:1px;bottom:0;left:0;background:var(--gold);width:0}.rail-foot{margin-top:auto;padding:12px 10px 0;font-size:10px;color:#748398;line-height:1.8}
.stage{position:relative;min-width:0;overflow:hidden}.scene{position:absolute;inset:0;padding:22px 28px;display:flex;flex-direction:column;gap:18px;will-change:opacity,transform,filter;transform-origin:50% 55%}.scene-head{flex:none}.kicker{font-size:10px;color:var(--gold);letter-spacing:.2em}.scene h1{font-size:clamp(23px,2.45vw,32px);font-weight:550;letter-spacing:-.025em;margin:8px 0 6px;line-height:1.4}.scene-head p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.body-grid{display:grid;grid-template-columns:1.5fr .85fr;gap:18px;flex:1;min-height:0;align-items:center}
.panel{position:relative;border:1px solid #ffffff15;border-radius:16px;background:linear-gradient(135deg,#ffffff06,#ffffff02);box-shadow:inset 0 1px 0 #ffffff06;padding:18px;min-width:0}.panel-label{font-size:10px;color:#8695a9;letter-spacing:.14em;margin-bottom:15px}.prompt{display:flex;gap:10px;align-items:center;margin-bottom:18px;color:#dce2eb;font-size:15px;min-height:32px}.prompt .cursor{display:inline-block;width:1px;height:18px;background:var(--gold);margin-left:2px;animation:blink 1s infinite}.prompt .mini{width:29px;height:29px;border-radius:8px;border:1px solid #ffffff20;display:grid;place-items:center;color:var(--gold)}
.funding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.focusable{will-change:transform,filter,opacity;transition:border-color .4s,background .4s,box-shadow .4s}.funding-card{padding:17px 12px;border:1px solid #ffffff16;border-radius:13px;background:#ffffff03;position:relative;min-height:130px;display:flex;flex-direction:column;justify-content:center}.glyph{height:25px;color:var(--gold);font-size:22px;font-weight:300;margin-bottom:15px}.funding-card h2{font-size:17px;line-height:1.4;margin:0 0 7px;font-weight:550}.funding-card p{font-size:11px;line-height:1.7;margin:0;color:#95a3b7}.selected{border-color:var(--gold)!important;background:linear-gradient(135deg,rgb(var(--gold-rgb) / 0.07843),#ffffff05)!important;box-shadow:inset 0 1px 0 rgb(var(--gold-rgb) / 0.12549),0 15px 38px #0003!important}.seal{position:absolute;top:12px;right:12px;color:var(--gold);font-size:13px;opacity:0}
.insight{padding:22px 19px}.insight .big{font-size:32px;line-height:1.2;letter-spacing:-.04em;margin:14px 0 10px;font-weight:500;color:#e7eaf0}.insight .big small{font-size:15px;color:var(--gold);letter-spacing:.08em}.insight p{font-size:12px;color:#9daabc;line-height:1.8;margin:0}.detail-line{display:flex;justify-content:space-between;border-top:1px solid #ffffff0c;padding:10px 0 0;margin-top:12px;font-size:11px;color:#a3afbf}.detail-line b{font-weight:450;color:#dce2ec}.pill{display:inline-flex;border-radius:999px;border:1px solid rgb(var(--gold-rgb) / 0.25098);background:rgb(var(--gold-rgb) / 0.04314);padding:5px 10px;color:var(--gold);font-size:10px;gap:6px;align-items:center}
.doc-list{display:flex;flex-direction:column;gap:11px}.doc-row{display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:12px;border:1px solid #ffffff13;border-radius:12px;padding:13px 15px;background:#ffffff03;position:relative;overflow:hidden}.doc-icon{width:30px;height:35px;display:grid;place-items:center;color:var(--gold)}.doc-row h2{font-size:15px;font-weight:500;margin:0 0 4px}.doc-row p{font-size:11px;color:#91a0b4;margin:0}.doc-row .tick{color:var(--gold);font-size:18px;opacity:0}.folder{height:62px;width:83px;position:relative;margin:14px 0 25px;color:var(--gold)}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:center}.review-card{padding:20px 16px;min-height:159px}.review-card .step-no{font-size:11px;color:var(--gold);margin-bottom:22px}.review-card h2{font-size:18px;font-weight:500;margin:0 0 8px}.review-card p{color:#91a0b4;font-size:11px;line-height:1.8;margin:0}.review-card .tick{position:absolute;right:15px;top:18px;color:var(--gold);opacity:0}.pipeline{display:flex;gap:6px;margin-top:20px}.pipeline span{height:2px;background:#ffffff15;flex:1;overflow:hidden}.pipeline i{display:block;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.approval-banner{display:flex;align-items:center;gap:16px;border:1px solid rgb(var(--gold-rgb) / 0.37647);background:linear-gradient(130deg,rgb(var(--gold-rgb) / 0.07843),#ffffff04);border-radius:14px;padding:19px 20px;margin-bottom:15px}.approval-icon{height:35px;width:35px;border:1px solid rgb(var(--gold-rgb) / 0.50196);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:18px}.approval-banner h2{font-size:19px;font-weight:500;margin:0}.approval-banner p{font-size:11px;color:#a5afbf;margin:6px 0 0}.terms{display:grid;grid-template-columns:1fr 1fr;gap:13px}.terms h2{font-size:16px;margin:0 0 9px;font-weight:500}.terms p{font-size:12px;color:#a1adbf;line-height:1.8;margin:0}.signature{height:37px;position:relative;margin:7px 0 12px}.signature svg{width:190px;max-width:100%;height:35px;overflow:visible}.signature .signature-ink path{fill:none;stroke:var(--gold);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.next-label{color:var(--gold);font-size:11px;margin-top:16px;display:flex;align-items:center;gap:8px}
.splash{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:20px;z-index:3;background:radial-gradient(ellipse at 50% 55%,#24354a6b,transparent 65%),#0c121b;will-change:opacity,transform,filter}.splash .kicker{font-size:11px}.splash h1{font-size:clamp(30px,4.2vw,53px);line-height:1.5;font-weight:500;letter-spacing:-.03em;margin:0}.splash p{font-size:15px;color:#97a5b7;margin:0}.splash-steps{display:flex;gap:12px;margin-top:20px}.splash-steps span{padding:13px 19px;border:1px solid #ffffff15;border-radius:12px;color:#c0c8d3;font-size:13px}.splash-steps span:last-child{border-color:rgb(var(--gold-rgb) / 0.37647);color:var(--gold)}
.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:16px;flex:none}.footer small{font-size:10px;color:#7f8da1}.timeline{width:130px;height:2px;background:#ffffff13;flex:none}.timeline i{height:100%;display:block;background:var(--gold);transform-origin:left;transform:scaleX(0)}#standalonePlay,#soundToggle{position:fixed;z-index:10;top:12px;padding:8px 12px;border-radius:999px;border:1px solid #ffffff20;background:#26354a;color:white;font-size:12px;min-height:40px}#standalonePlay{left:12px}#soundToggle{right:12px}body.standalone .film{padding-top:68px}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@keyframes blink{50%{opacity:0}}
@media(max-width:900px){.film{padding:18px 18px 16px}.mast{height:25px;margin-bottom:15px}.brand{font-size:14px}.brand small{display:none}.count{font-size:10px}.window{border-radius:15px}.chrome{height:30px;padding:0 13px}.chrome span{font-size:9px}.chrome b{display:none}.app{display:flex;flex-direction:column}.rail{flex-direction:row;padding:10px 10px 9px;gap:6px;border-right:0;border-bottom:1px solid var(--line);flex:none}.rail-item{font-size:10px;flex:1;justify-content:center;padding:7px 0;gap:4px;border-radius:6px}.rail-label,.rail-foot{display:none}.stage{flex:1;min-height:0}.scene{padding:17px 15px;gap:14px}.scene h1{font-size:23px;margin:6px 0}.scene-head p{font-size:12px;line-height:1.7}.kicker{font-size:9px}.body-grid{display:block;flex:none}.body-grid>.insight{display:none}.panel{padding:14px}.panel-label{font-size:9px;margin-bottom:11px}.prompt{font-size:12px;margin-bottom:13px}.prompt .mini{width:24px;height:24px}.funding-grid{gap:7px}.funding-card{padding:13px 8px;min-height:123px}.funding-card h2{font-size:14px}.funding-card p{font-size:10px}.glyph{font-size:19px;margin-bottom:12px}.seal{right:7px;top:8px;font-size:11px}.doc-row{padding:12px 10px;gap:9px;grid-template-columns:27px 1fr 20px}.doc-row h2{font-size:14px}.doc-row p{font-size:10px}.doc-icon{width:25px;height:30px}.review-grid{display:flex;flex-direction:column;gap:9px}.review-card{width:100%;min-height:0;padding:13px 13px 13px 38px}.review-card .step-no{position:absolute;left:12px;top:15px;margin:0}.review-card h2{font-size:15px;margin:0 0 4px}.review-card p{font-size:10px}.review-card .tick{font-size:13px;top:13px}.pipeline{margin-top:13px}.approval-banner{padding:13px 11px;gap:9px;margin-bottom:11px}.approval-banner h2{font-size:15px}.approval-banner p{font-size:10px}.approval-icon{width:28px;height:28px;font-size:14px;flex:none}.terms{gap:9px}.terms .panel{padding:11px}.terms h2{font-size:14px}.terms p{font-size:10px}.signature{height:28px;margin:5px 0 10px}.signature svg{height:27px;width:130px;max-width:100%}.next-label{font-size:10px;margin-top:12px}.footer{padding-top:12px;gap:10px}.footer small{font-size:9px;line-height:1.6}.timeline{width:54px}.splash{gap:15px}.splash h1{font-size:29px}.splash p{font-size:12px;line-height:1.8}.splash-steps{gap:7px;flex-wrap:wrap;justify-content:center;margin-top:10px}.splash-steps span{padding:10px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.focusable,.scene,.window{will-change:auto}}

/* Fine line SVGs retain the original icon slots and card geometry. */
.glyph svg{width:25px;height:25px;display:block}.doc-icon svg{width:100%;height:auto;display:block}.folder svg{width:100%;height:100%;display:block}
.rail-item.active{border-color:var(--gold)}
.doc-row.selected{box-shadow:none!important;border-color:var(--gold)!important}
/* Timeline nodes stay in place; only their state and connecting line progress. */
.review-timeline{position:relative;gap:24px;align-items:start}
.review-timeline:before{content:'';position:absolute;left:16px;right:16px;top:40px;height:1px;background:rgb(var(--gold-rgb) / .28)}
.review-timeline .review-card{position:relative;min-height:159px;padding:0 0 0 16px;border:0;background:none!important;box-shadow:none!important}
.review-timeline .step-no{display:block;margin:0 0 18px;font-size:11px;line-height:16px}
.review-node{position:relative;display:block;width:12px;height:12px;margin:0 0 22px;border:1px solid var(--gold);border-radius:50%;background:#172231;z-index:1}
.review-card.selected .review-node{background:var(--gold);box-shadow:0 0 0 5px rgb(var(--gold-rgb) / .1),0 0 16px rgb(var(--gold-rgb) / .2)}
.review-timeline .tick{top:0;right:10px}.review-timeline .review-card.selected{border:0!important}
@media(max-width:900px){.review-timeline{gap:20px;padding-left:4px}.review-timeline:before{left:10px;right:auto;top:8px;bottom:10px;height:auto;width:1px}.review-timeline .review-card{padding:0 24px 0 34px;min-height:0}.review-timeline .step-no{position:static;margin:0 0 5px;font-size:10px;line-height:14px}.review-node{position:absolute;top:3px;left:0;margin:0}.review-timeline .tick{top:0;right:8px}}

/* Reserve the phase label and move the typing caret with transforms. */
.count{width:160px;text-align:right;flex:none}.prompt>span:last-child{position:relative}.prompt .cursor{position:absolute;left:0;top:1px}

/* The four concluding phase labels have no surrounding boxes. */
.splash-steps span{border-color:transparent!important;border-radius:0;background:none;box-shadow:none}

.glyph svg,.doc-icon svg{width:25px;height:25px}.splash-steps span{color:var(--muted)}.splash-steps span.phase-active{color:var(--gold)}

.splash-steps span:last-child{color:var(--muted)}.splash-steps span.phase-active{color:var(--gold);transition:color .3s}

/* Keep all four rail slots fixed; the only frame is their bottom rule. */
.rail-item,.rail-item.active{border:0;border-radius:0;background:none;box-shadow:none}
.rail-item:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:rgb(var(--gold-rgb) / .28)}
.rail-item i{z-index:1}
.funding-grid{position:relative;min-height:156px;align-items:center}
.funding-card{transform-origin:center}
@font-face{font-family:'KAIX Signature';src:url('./kaix-signature.ttf') format('truetype');font-style:normal;font-weight:400;font-display:block}
.signature svg{width:190px;height:37px}
.signature .signature-ink text{font-family:'KAIX Signature',cursive;font-size:62px;font-weight:400;fill:var(--gold);stroke:none}
@media(max-width:900px){.funding-grid{min-height:151px}.signature svg{width:145px;max-width:100%;height:30px}}

/* Frosted dark glass: rounded volume, diffuse light and a soft polished rim. */
.funding-grid{padding:12px 10px;gap:20px;min-height:172px;will-change:transform}
.funding-card{isolation:isolate;overflow:hidden;min-height:138px;border-radius:19px;border:1px solid #ffffff24;background:linear-gradient(145deg,#ffffff12,#ffffff05 55%,#ffffff0a);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);box-shadow:inset 0 1px 1px #ffffff18,inset 0 -1px 4px #0002,0 8px 18px #0002}
.funding-card:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 0%,#ffffff15,transparent 64%),radial-gradient(ellipse at 95% 100%,rgb(var(--gold-rgb) / .075),transparent 70%)}
.funding-card.selected{background:linear-gradient(145deg,#ffffff1d,#ffffff0b 55%,rgb(var(--gold-rgb) / .11))!important;box-shadow:inset 0 1px 2px #ffffff28,inset 0 -1px 5px #0002,0 15px 28px #0004,0 0 18px rgb(var(--gold-rgb) / .075)!important}
@media(max-width:900px){.funding-grid{padding:9px 5px;gap:10px;min-height:155px}.funding-card{min-height:126px;border-radius:15px}}

/* One continuous brand-colour progress bar, with a frosted glass enclosure. */
.rail-item.active:after{background:var(--gold)}
.review-steps{gap:24px;align-items:start}
.review-steps .review-card{padding:0 16px;min-height:120px;border:0!important;border-radius:0;background:none!important;box-shadow:none!important}
.review-steps .step-no{margin-bottom:19px}.review-steps .tick{top:0;right:15px}
.review-progress{margin-top:22px;padding:18px 22px 20px;border-radius:23px;border:1px solid #ffffff36;background:linear-gradient(145deg,#ffffff18,#ffffff07 65%,rgb(var(--gold-rgb) / .08));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 2px #ffffff35,inset 0 -1px 4px #ffffff0c,0 10px 26px #0003}
.progress-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:13px;color:#e4e8ef}.progress-percent{color:var(--gold);font-size:16px;font-weight:450;font-variant-numeric:tabular-nums;width:4ch;text-align:right}
.progress-track{height:8px;border-radius:999px;background:#ffffff20;box-shadow:inset 0 1px 3px #0003;overflow:hidden}.progress-track i{display:block;height:100%;width:100%;border-radius:999px;transform:scaleX(0);transform-origin:left;background:var(--gold);box-shadow:0 0 9px rgb(var(--gold-rgb) / .32)}
@media(max-width:900px){.review-steps{gap:22px}.review-steps .review-card{padding:0 25px 0 34px;min-height:0}.review-steps .step-no{left:0;top:2px;margin:0}.review-steps .tick{right:3px;top:2px}.review-progress{margin-top:20px;padding:14px 16px 16px;border-radius:20px}.progress-heading{font-size:11px;margin-bottom:11px}.progress-percent{font-size:14px}.progress-track{height:7px}}

/* Compact single-row meter: half the previous glass enclosure height. */
.review-progress{display:flex;align-items:center;gap:16px;padding:12px 18px;border-radius:18px;min-height:42px}
.review-progress .progress-track{flex:1;min-width:0;height:5px}
.review-progress .progress-percent{flex:none;font-size:14px;line-height:16px}
@media(max-width:900px){.review-progress{gap:12px;padding:8px 14px;border-radius:15px;min-height:34px}.review-progress .progress-track{height:4px}.review-progress .progress-percent{font-size:12px;line-height:16px}}

/* Canva Brilliant Signature 2: outlined asset, no font download or underline. */
.signature img{display:block;width:190px;max-width:100%;height:37px;object-fit:contain;object-position:left center}
@media(max-width:900px){.signature img{width:145px;height:30px}}
.signature{height:60px}.signature img{height:60px;width:190px}@media(max-width:900px){.signature{height:46px}.signature img{width:145px;height:46px}}

/* Ink contours come from Brilliant Signature 2; animated masks follow the pen. */
.signature{height:60px}.signature svg{display:block;width:190px;max-width:100%;height:60px;overflow:visible}.signature .signature-ink path{fill:#B4A582;stroke:none}.signature .signature-ink .signature-join{fill:none;stroke:#B4A582;stroke-width:1.8}.signature .signature-trace{fill:none;stroke:white}.signature-ink{opacity:1}
@media(max-width:900px){.signature{height:46px}.signature svg{width:145px;height:46px}}

/* Compact three-column review, with two softly tapered vertical rules. */
.review-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:76%;max-width:760px;align-self:center;gap:0;align-items:start}
.review-steps .review-card{position:relative;width:auto;padding:0 24px;min-height:120px;transform:none!important;filter:none!important}
.review-steps .review-card+.review-card:before{content:"";position:absolute;left:0;top:0;width:1px;height:120px;background:linear-gradient(to bottom,transparent,#B4A582 48%,transparent);pointer-events:none}
.review-steps .step-no{display:block;position:static;margin:0 0 12px}
@media(max-width:900px){.review-steps{width:100%;max-width:620px}.review-steps .review-card{padding:0 10px;min-height:100px}.review-steps .review-card+.review-card:before{height:100px}.review-steps .step-no{position:static;margin:0 0 9px;font-size:10px}.review-steps .review-card h2{font-size:14px;white-space:nowrap;margin-bottom:8px}.review-steps .review-card p{font-size:10px;line-height:1.8}}

/* Supporting progress indicator: shorter, thinner, softly lit. */
.review-progress{width:58%;max-width:520px;align-self:center;min-height:26px;height:26px;box-sizing:border-box;margin-top:24px;padding:5px 12px;gap:10px;border-radius:13px;border-color:#ffffff20;background:linear-gradient(145deg,#ffffff0c,#ffffff04);box-shadow:inset 0 1px 1px #ffffff14,0 3px 10px #0002}
.review-progress .progress-track{height:3px;background:#ffffff16;box-shadow:none}
.review-progress .progress-track i{box-shadow:0 0 4px rgb(var(--gold-rgb) / .14)}
.review-progress .progress-percent{font-size:11px;line-height:14px;font-weight:400}
#scene-2 .next-label{justify-content:center;margin-top:12px}
@media(max-width:900px){.review-progress{width:72%;max-width:380px;min-height:24px;height:24px;padding:4px 10px;gap:8px;border-radius:12px}.review-progress .progress-track{height:2px}.review-progress .progress-percent{font-size:10px;line-height:14px}}

/* Share the review columns' centered span; the meter begins before step 01 text. */
.review-steps,.review-progress{width:76%;max-width:760px;align-self:center;margin-left:auto;margin-right:auto}
@media(max-width:900px){.review-steps,.review-progress{width:100%;max-width:620px}}