:root{--navy:#061a4d;--navy-2:#08296c;--blue:#0758ee;--blue-2:#2c7cff;--sky:#eaf4ff;--ink:#0b1d47;--muted:#5d6b89;--line:#dce7f5;--white:#fff;--radius:24px;--shadow:0 22px 70px rgba(10,41,105,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{position:fixed;z-index:50;top:0;width:100%;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{border-color:rgba(15,52,119,.09);box-shadow:0 8px 30px rgba(15,52,119,.06)}.nav-wrap{height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#082e98,#0764f3);color:#fff;font-size:15px;box-shadow:0 8px 20px rgba(8,78,208,.24)}.brand-name{font-size:25px;letter-spacing:-1.4px}.brand-name span{color:var(--blue)}.desktop-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:500;color:#42516e}.desktop-nav a,.footer-links a{transition:.2s}.desktop-nav a:hover,.footer-links a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 21px;border-radius:12px;background:var(--blue);color:#fff;font-size:14px;font-weight:600;box-shadow:0 10px 25px rgba(7,88,238,.2);transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(7,88,238,.28);background:#064fd5}.button-small{padding:12px 18px}.menu-toggle,.mobile-nav{display:none}.hero{min-height:810px;padding:165px 0 95px;position:relative;overflow:hidden;background:linear-gradient(180deg,#f7fbff 0,#fff 86%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.hero-glow{position:absolute;border-radius:50%;filter:blur(20px);pointer-events:none}.hero-glow-one{width:590px;height:590px;right:-180px;top:-120px;background:radial-gradient(circle,rgba(66,154,255,.18),transparent 65%)}.hero-glow-two{width:400px;height:400px;left:-260px;bottom:-40px;background:radial-gradient(circle,rgba(7,88,238,.1),transparent 67%)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:2.1px;font-weight:700;font-size:11px;color:var(--blue);display:flex;align-items:center;gap:9px;margin-bottom:22px}.eyebrow span{width:22px;height:2px;background:currentColor}.hero h1,.section-heading h2,.workflow h2,.security h2,.cta-box h2{margin:0;letter-spacing:-3px;line-height:1.02;font-size:68px}.hero h1 em,.workflow h2 em{font-style:normal;color:var(--blue)}.hero-lead{max-width:570px;margin:26px 0 31px;font-size:18px;line-height:1.65;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:29px}.text-link{font-size:14px;font-weight:600}.text-link span{display:inline-block;margin-left:7px;color:var(--blue);transition:.2s}.text-link:hover span{transform:translateY(3px)}.trust-row{margin-top:48px;display:flex;align-items:center;gap:14px;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#7c88a0;font-weight:600}.trust-row i{width:3px;height:3px;background:#8fa1bc;border-radius:50%}.product-visual{position:relative;perspective:1200px}.app-window{height:480px;background:#fff;border:1px solid rgba(16,64,146,.12);border-radius:25px;box-shadow:0 45px 90px rgba(10,50,121,.18),0 8px 25px rgba(10,50,121,.08);display:flex;overflow:hidden;transform:rotateY(-2deg) rotateX(1deg)}.app-sidebar{width:65px;background:var(--navy);display:flex;align-items:center;flex-direction:column;padding:17px 0}.mini-logo{width:32px;height:32px;background:var(--blue);border-radius:9px;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700}.side-icons{margin-top:40px;display:flex;flex-direction:column;gap:26px;align-items:center}.side-icons i,.side-icons b{width:17px;height:17px;border:1.5px solid rgba(255,255,255,.35);border-radius:5px}.side-icons b{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 8px rgba(255,255,255,.05)}.avatar,.top-avatar{margin-top:auto;width:28px;height:28px;display:grid;place-items:center;background:#fff;color:var(--navy);border-radius:50%;font-size:8px;font-weight:700}.app-main{padding:0 22px 22px;flex:1;background:#f8fbff}.app-top{height:64px;display:flex;align-items:center;gap:17px;border-bottom:1px solid #e4ebf6;font-size:12px;font-weight:700}.search{margin-left:auto;width:150px;padding:9px 11px;border:1px solid #dde7f3;border-radius:8px;font-size:9px;color:#8390a8;font-weight:400}.top-avatar{margin:0;background:var(--navy);color:#fff}.welcome{padding:25px 23px;margin:20px 0 12px;border:1px solid #e1eaf5;border-radius:13px;background:#fff}.welcome small{font-size:7px;color:var(--blue);font-weight:700}.welcome h3{margin:7px 0 3px;font-size:18px}.welcome p{margin:0;color:#71809a;font-size:9px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-grid>div{padding:14px;background:#fff;border:1px solid #e1eaf5;border-radius:12px}.stat-grid span{display:block;font-size:8px;color:#64738f}.stat-grid strong{display:block;font-size:22px;margin:8px 0}.stat-grid small{font-size:7px;color:#00a572}.stat-grid .amber{color:#e99700}.stat-grid .blue{color:var(--blue)}.chart-card{margin-top:10px;padding:15px 15px 5px;background:#fff;border:1px solid #e1eaf5;border-radius:12px;display:grid;grid-template-columns:120px 1fr;align-items:end}.chart-card span,.chart-card strong{display:block;font-size:8px}.chart-card strong{margin-top:7px;font-size:11px}.bars{display:flex;height:55px;align-items:flex-end;gap:5px}.bars i{display:block;flex:1;background:linear-gradient(#2a7afe,#c5ddff);border-radius:3px 3px 0 0}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:45%}.bars i:nth-child(3){height:38%}.bars i:nth-child(4){height:55%}.bars i:nth-child(5){height:48%}.bars i:nth-child(6){height:73%}.bars i:nth-child(7){height:65%}.bars i:nth-child(8){height:88%}.bars i:nth-child(9){height:70%}.bars i:nth-child(10){height:92%}.bars i:nth-child(11){height:78%}.bars i:nth-child(12){height:100%}.float-chip{position:absolute;z-index:2;padding:12px 16px 12px 12px;background:rgba(255,255,255,.94);border:1px solid #e5edf8;border-radius:14px;box-shadow:0 15px 35px rgba(10,50,121,.16);display:flex;align-items:center;gap:10px}.float-chip b,.float-chip small{display:block}.float-chip b{font-size:10px}.float-chip small{font-size:8px;color:#7d89a0;margin-top:2px}.chip-icon{display:grid;place-items:center;width:28px;height:28px;background:#e6f8ef;color:#0baf68;border-radius:9px;font-size:12px;font-weight:700}.bell{background:#fff2e5;color:#f28a17}.chip-one{top:-30px;right:20px}.chip-two{bottom:33px;left:-34px}.section{padding:115px 0}.section-heading{max-width:720px;margin-bottom:52px}.section-heading.centered{text-align:center;margin:0 auto 58px}.section-heading.centered .eyebrow{justify-content:center}.section-heading h2,.workflow h2,.security h2,.cta-box h2{font-size:51px}.section-heading p{font-size:17px;line-height:1.65;color:var(--muted);max-width:640px;margin:22px auto 0}.question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.question-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:.3s}.question-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c6daf7}.number{font-size:11px;font-weight:700;color:var(--blue);letter-spacing:1px}.question-card h3{font-size:20px;margin:29px 0 12px;letter-spacing:-.5px}.question-card p,.feature-card p,.deploy-card p{color:var(--muted);line-height:1.65;font-size:14px;margin:0}.workflow{background:var(--navy);color:#fff;position:relative;overflow:hidden}.workflow:before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:-300px;top:-320px;box-shadow:0 0 0 100px rgba(255,255,255,.015),0 0 0 200px rgba(255,255,255,.01)}.workflow-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;position:relative}.eyebrow.light{color:#6fa9ff}.workflow-copy p,.security-copy p{color:#aab8d0;line-height:1.7;font-size:16px;margin:25px 0 30px}.light-link{color:#fff}.workflow-list{border-top:1px solid rgba(255,255,255,.16)}.workflow-list article{display:grid;grid-template-columns:45px 1fr 25px;gap:15px;padding:25px 4px;border-bottom:1px solid rgba(255,255,255,.16);align-items:start}.workflow-list article>span{color:#6fa9ff;font-size:11px;font-weight:700}.workflow-list h3{margin:0 0 7px;font-size:18px}.workflow-list p{margin:0;color:#9cabc4;font-size:13px}.workflow-list b{font-weight:400;color:#6fa9ff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:245px;padding:28px;border-radius:20px;border:1px solid var(--line);position:relative;overflow:hidden}.feature-card.featured{background:#edf5ff;border-color:#d8e9ff}.feature-icon{width:43px;height:43px;border-radius:13px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:20px;font-weight:600}.featured .feature-icon{background:var(--blue);color:#fff}.feature-card h3{margin:25px 0 11px;font-size:18px}.mini-dashboard{position:absolute;right:-5px;bottom:-10px;width:145px;height:80px;display:flex;align-items:end;gap:7px;padding:12px 15px;background:rgba(255,255,255,.7);border:1px solid #dce9fb;border-radius:15px}.mini-dashboard i{width:13px;background:#72a8fa;border-radius:3px 3px 0 0}.mini-dashboard i:nth-child(1){height:35%}.mini-dashboard i:nth-child(2){height:60%}.mini-dashboard i:nth-child(3){height:48%}.mini-dashboard i:nth-child(4){height:80%}.mini-dashboard i:nth-child(5){height:65%}.mini-dashboard i:nth-child(6){height:100%}.security{padding-top:40px}.security-panel{background:linear-gradient(135deg,#06194b,#093c98);border-radius:32px;color:#fff;padding:65px;display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;box-shadow:0 30px 70px rgba(5,36,98,.2)}.security-points{display:grid;grid-template-columns:1fr 1fr}.security-points article{display:flex;gap:16px;padding:22px;border-bottom:1px solid rgba(255,255,255,.14)}.security-points article:nth-child(odd){border-right:1px solid rgba(255,255,255,.14)}.security-points span{font-size:10px;color:#75abff;font-weight:700}.security-points h3{font-size:15px;margin:0 0 8px}.security-points p{font-size:12px;line-height:1.55;color:#aebbd1;margin:0}.results{padding:80px 0}.result-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0}.result-row>div{display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid var(--line)}.result-row>div:last-child{border:0}.result-row strong{font-size:38px;letter-spacing:-2px;color:var(--blue)}.result-row span{font-size:12px;color:var(--muted);margin-top:7px}.deployment{background:#f7faff}.deploy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.deploy-card{padding:28px;display:flex;gap:20px;background:#fff;border:1px solid var(--line);border-radius:20px}.deploy-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e9f2ff;color:var(--blue);font-size:22px}.deploy-card h3{margin:3px 0 10px;font-size:17px}.cta-section{padding-bottom:80px;background:#f7faff}.cta-box{padding:65px;background:linear-gradient(125deg,#0758ee,#073690 70%,#061d55);border-radius:32px;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;box-shadow:0 30px 70px rgba(5,64,180,.22)}.cta-side p{margin:0 0 24px;color:#d3e1f9;line-height:1.65}.button-white{background:#fff;color:var(--blue);box-shadow:none}.button-white:hover{background:#edf5ff}.cta-box .eyebrow{margin-bottom:18px}footer{padding:70px 0 25px;background:#041334;color:#fff}.footer-main{display:flex;justify-content:space-between;padding-bottom:60px}.brand-footer .brand-name span{color:#5d98ff}.footer-main>div>p{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:#7f91b3;margin:20px 0}.footer-links{display:flex;gap:100px}.footer-links>div{display:flex;flex-direction:column;gap:13px}.footer-links strong{font-size:12px;color:#8496b6;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.footer-links a{font-size:13px;color:#d1daea}.footer-bottom{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:11px;color:#7183a5}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}
@media(max-width:900px){.desktop-nav,.desktop-cta{display:none}.menu-toggle{display:flex;border:0;background:none;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy)}.mobile-nav{position:fixed;top:80px;left:0;width:100%;background:#fff;padding:24px;box-shadow:0 15px 30px rgba(10,40,90,.1);flex-direction:column;gap:20px}.mobile-nav.open{display:flex}.hero{padding-top:130px}.hero-grid,.workflow-grid,.security-panel,.cta-box{grid-template-columns:1fr}.hero-grid{gap:85px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.trust-row{justify-content:center}.hero-lead{margin-left:auto;margin-right:auto}.product-visual{width:min(650px,100%);margin:auto}.workflow-grid{gap:60px}.feature-grid{grid-template-columns:1fr 1fr}.security-panel,.cta-box{gap:40px}.deploy-grid{grid-template-columns:1fr}.section{padding:90px 0}}
@media(max-width:620px){.container{width:min(100% - 30px,1160px)}.nav-wrap{height:70px}.mobile-nav{top:70px}.brand-mark{width:38px;height:38px}.brand-name{font-size:22px}.hero{min-height:auto;padding:115px 0 75px}.hero h1{font-size:45px;letter-spacing:-2.3px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;gap:20px}.trust-row{margin-top:34px;font-size:9px}.app-window{height:355px;border-radius:18px}.app-sidebar{width:48px}.app-main{padding:0 11px 11px}.app-top{height:47px}.search{display:none}.welcome{padding:15px;margin:12px 0 8px}.stat-grid{gap:5px}.stat-grid>div{padding:9px}.stat-grid strong{font-size:17px}.chart-card{grid-template-columns:85px 1fr}.float-chip{display:none}.section{padding:75px 0}.section-heading h2,.workflow h2,.security h2,.cta-box h2{font-size:38px;letter-spacing:-2px}.question-grid,.feature-grid,.security-points,.result-row{grid-template-columns:1fr}.question-card{padding:25px}.workflow{padding:80px 0}.security-panel,.cta-box{padding:38px 25px;border-radius:24px}.security-points article:nth-child(odd){border-right:0}.result-row{gap:0}.result-row>div{border-right:0;border-bottom:1px solid var(--line);padding:24px}.result-row>div:last-child{border:0}.deploy-card{padding:24px}.footer-main,.footer-bottom{flex-direction:column;gap:40px}.footer-links{flex-direction:column;gap:35px}.footer-bottom{gap:10px}.cta-section{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Product preview aligned with the real WayDocs admin interface */
.app-sidebar{background:#fff;border-right:1px solid #dbe5f2}
.side-icons i,.side-icons b{border-color:#6e7d94}
.side-icons b{background:#edf5ff;border-color:var(--blue);box-shadow:0 0 0 9px #edf5ff;position:relative}
.side-icons b::before{content:"";position:absolute;left:-10px;top:-9px;width:3px;height:35px;border-radius:3px;background:var(--blue)}
.avatar{background:#eff4fb;color:#174b9d}
.app-main{background:#f5f8fc}
.app-top{border-color:#dce5f0}
.search{background:#fff;border-color:#cbd7e7}
.top-avatar{background:#1857b2;color:#fff}
.welcome,.chart-card{border-color:#cbd8e8}
.stat-grid>div{background:#f2f6fb;border-color:#cbd8e8}

.app-sidebar{width:145px;align-items:stretch;padding:18px 12px}
.org-block{display:flex;gap:9px;align-items:flex-start;padding:0 2px}
.org-block .mini-logo{flex:0 0 33px}
.org-block b,.org-block small,.demo-user b,.demo-user small{display:block}
.org-block b{font-size:9px;line-height:1.2;color:#123a78}
.org-block small{font-size:7px;color:#6e7d94;margin-top:4px}
.side-icons{align-items:stretch;gap:10px;margin-top:38px}
.side-icons i,.side-icons b{width:auto;height:38px;border:0;border-radius:9px;display:flex;align-items:center;padding-left:33px;position:relative;font-style:normal}
.side-icons i::after,.side-icons b::after{content:"";position:absolute;left:11px;width:11px;height:13px;border:1.5px solid #66778f;border-radius:3px}
.side-icons b{box-shadow:none;background:#eaf3ff;color:#174b9d}
.side-icons b::after{border-color:#1760c7;box-shadow:6px 0 0 -4px #1760c7,0 6px 0 -4px #1760c7}
.side-icons b::before{left:-2px;top:6px;height:26px}
.side-icons span{font-size:7px;font-weight:600;white-space:nowrap}
.side-help{margin-top:auto;padding:9px;font-size:8px;color:#42516e;border-top:1px solid #dbe5f2}
.app-main{padding:0 14px 14px}
.app-top{height:54px}
.app-top>span em{color:#1766d8;font-style:normal;font-weight:500}
.search{width:125px}
.demo-user{min-width:72px}
.demo-user b{font-size:7px}.demo-user small{font-size:6px;color:#6e7d94;margin-top:2px}
.app-filters{height:46px;margin:10px 0;padding:7px 9px;border:1px solid #cbd8e8;border-radius:10px;background:#fff;display:flex;align-items:center;gap:8px;font-size:7px}
.app-filters b,.app-filters span{padding:7px 10px;border-radius:7px}.app-filters b{background:#fff;box-shadow:0 2px 8px rgba(27,70,130,.12);color:#1455aa}.app-filters span{background:#edf4fd}.app-filters small{font-size:7px;font-weight:700;margin-left:3px}.app-filters strong{border:1px solid #cbd8e8;padding:5px 7px;border-radius:5px;white-space:nowrap}.app-filters button{margin-left:auto;border:0;background:#1859b7;color:#fff;border-radius:7px;padding:7px 9px;font-size:7px;font-weight:700}
.welcome{margin:0 0 9px;padding:16px 18px;position:relative;overflow:hidden}.welcome::after{content:"✦";position:absolute;right:-15px;top:-28px;width:75px;height:75px;border:1px solid #c9dcf6;border-radius:50%;background:#eef5ff;color:#1760c7;display:grid;place-items:center;font-size:15px}.welcome h3{font-size:15px}.welcome button{margin-top:10px;border:0;background:#1859b7;color:#fff;border-radius:6px;padding:7px 10px;font-size:7px;font-weight:700}
.stat-grid>div{padding:11px}.stat-grid strong{font-size:19px;margin:5px 0}.stat-grid span{font-weight:600;color:#142541}.stat-grid small{color:#6e7d94}
@media(max-width:620px){.app-sidebar{width:48px;padding:13px 8px}.org-block>div,.side-icons span,.side-help,.demo-user{display:none}.org-block .mini-logo{width:31px}.side-icons i,.side-icons b{padding:0}.side-icons i::after,.side-icons b::after{left:10px}.app-filters small,.app-filters strong{display:none}.app-filters{gap:2px}.app-filters button{padding:7px}.welcome::after{display:none}}

/* Solution story */
.problem{background:linear-gradient(180deg,#fff 0%,#f7faff 100%)}
.solution-intro{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:65px}
.solution-copy h2{margin:0;font-size:52px;line-height:1.05;letter-spacing:-3px}
.solution-copy h2 em{font-style:normal;color:var(--blue)}
.solution-copy>p{margin:24px 0;color:var(--muted);font-size:17px;line-height:1.7}
.solution-promise{display:flex;gap:14px;align-items:flex-start;padding:17px 19px;border:1px solid #d7e5f6;background:rgba(255,255,255,.8);border-radius:15px}
.solution-promise>span{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#e2f8ed;color:#08a765;font-weight:700}
.solution-promise p{margin:0;color:#5d6b89;font-size:13px;line-height:1.5}.solution-promise b{color:var(--ink)}
.solution-illustration{position:relative;min-width:0}
.solution-illustration::before{content:"";position:absolute;inset:12% 11%;border-radius:50%;background:radial-gradient(circle,rgba(42,124,255,.13),transparent 68%);filter:blur(10px)}
.solution-illustration img{display:block;position:relative;width:115%;max-width:none;margin-left:-8%;filter:drop-shadow(0 22px 32px rgba(12,61,145,.1))}
.solution-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-top:1px solid #d4e1f1;border-bottom:1px solid #d4e1f1}
.solution-step{display:flex;gap:14px;padding:29px 24px;border-right:1px solid #d4e1f1}
.solution-step:last-child{border-right:0}.solution-step>span{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:1px;padding-top:3px}
.solution-step h3{margin:0 0 8px;font-size:15px;letter-spacing:-.2px}.solution-step p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
@media(max-width:900px){.solution-intro{grid-template-columns:1fr;gap:20px}.solution-copy{max-width:680px}.solution-illustration{max-width:720px;margin:auto}.solution-steps{grid-template-columns:1fr 1fr}.solution-step:nth-child(2){border-right:0}.solution-step:nth-child(-n+2){border-bottom:1px solid #d4e1f1}}
@media(max-width:620px){.solution-copy h2{font-size:38px;letter-spacing:-2px}.solution-copy>p{font-size:15px}.solution-illustration img{width:125%;margin-left:-13%}.solution-steps{grid-template-columns:1fr}.solution-step{border-right:0;border-bottom:1px solid #d4e1f1!important;padding:24px 5px}.solution-step:last-child{border-bottom:0!important}}

/* Capabilities */
.capabilities{padding-top:135px;background:#fff}
.capabilities-heading{max-width:none;display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:end;margin-bottom:80px}
.capabilities-heading h2 em{font-style:normal;color:var(--blue)}
.capabilities-heading p{margin:0 0 5px;max-width:500px}
.capability-showcase{display:flex;flex-direction:column;gap:28px}
.capability-story{min-height:470px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;border:1px solid #d9e5f4;border-radius:28px;padding:48px;background:linear-gradient(135deg,#f8fbff,#eef5ff);overflow:hidden;position:relative}
.capability-story.signature{grid-template-columns:.95fr 1.05fr;background:linear-gradient(135deg,#f7faff,#fff)}
.capability-story.reminders{background:linear-gradient(135deg,#fffaf1,#f7faff 70%)}
.capability-art{min-width:0;position:relative}
.capability-art::before{content:"";position:absolute;inset:15%;background:radial-gradient(circle,rgba(47,126,246,.16),transparent 70%);filter:blur(18px)}
.capability-art img{display:block;position:relative;width:118%;margin-left:-9%;filter:drop-shadow(0 22px 30px rgba(13,59,138,.1))}
.capability-copy{max-width:500px;position:relative;z-index:1}
.cap-label{display:inline-flex;padding:7px 10px;border-radius:8px;background:#e4efff;color:#0758d8;font-size:10px;text-transform:uppercase;letter-spacing:1.1px;font-weight:700}
.capability-copy h3{margin:17px 0 15px;font-size:35px;letter-spacing:-1.7px}
.capability-copy>p{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 20px}
.capability-copy ul{list-style:none;padding:0;margin:0 0 23px;display:flex;flex-direction:column;gap:10px}
.capability-copy li{position:relative;padding-left:23px;font-size:13px;color:#42516e;line-height:1.45}
.capability-copy li::before{content:"✓";position:absolute;left:0;color:#08a765;font-weight:700}
.capability-copy>strong{display:block;padding-top:18px;border-top:1px solid #d4e1f1;font-size:13px;color:#174b9d}
.capability-more{margin-top:28px;padding:45px;border:1px solid #d9e5f4;border-radius:28px}
.more-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;padding-bottom:30px;border-bottom:1px solid #d9e5f4}
.more-heading span{font-size:23px;font-weight:700;letter-spacing:-.7px}.more-heading p{margin:0;max-width:430px;color:var(--muted);font-size:13px;line-height:1.5}
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.more-grid article{padding:28px 25px 10px 0}.more-grid article:nth-child(3n+2),.more-grid article:nth-child(3n+3){padding-left:25px;border-left:1px solid #d9e5f4}
.more-grid article:nth-child(-n+3){padding-bottom:28px;border-bottom:1px solid #d9e5f4}.more-grid article:nth-child(n+4){padding-top:28px}
.more-grid article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf2ff;color:var(--blue);font-size:17px}
.more-grid h3{font-size:15px;margin:15px 0 7px}.more-grid p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}
.capability-cta{margin-top:28px;padding:30px 35px;border-radius:22px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}
.capability-cta>div>span{font-size:18px;font-weight:700}.capability-cta p{margin:6px 0 0;color:#9fb0ca;font-size:12px}
@media(max-width:900px){.capabilities-heading{grid-template-columns:1fr;gap:20px}.capability-story,.capability-story.signature{grid-template-columns:1fr;gap:15px}.capability-story.signature .capability-copy{order:2}.capability-story.signature .capability-art{order:1}.capability-art{max-width:650px;margin:auto}.more-grid{grid-template-columns:1fr 1fr}.more-grid article{border-bottom:1px solid #d9e5f4!important;border-left:0!important;padding:24px!important}.more-grid article:nth-child(even){border-left:1px solid #d9e5f4!important}.more-grid article:nth-last-child(-n+2){border-bottom:0!important}}
@media(max-width:620px){.capabilities{padding-top:85px}.capabilities-heading{margin-bottom:45px}.capability-story{padding:29px 22px;min-height:0;border-radius:22px}.capability-art img{width:130%;margin-left:-15%}.capability-copy h3{font-size:29px}.capability-more{padding:25px 20px}.more-heading,.capability-cta{align-items:flex-start;flex-direction:column}.more-grid{grid-template-columns:1fr}.more-grid article,.more-grid article:nth-child(even){border-left:0!important;border-bottom:1px solid #d9e5f4!important;padding:22px 0!important}.more-grid article:last-child{border-bottom:0!important}.capability-cta{padding:28px 24px}}

.capability-foundation{display:grid;grid-template-columns:auto 1.2fr .8fr;gap:28px;align-items:center;padding:34px 38px;border:1px solid #d9e5f4;border-radius:22px;background:#fff}
.foundation-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf3ff,#dceaff);color:var(--blue);font-size:25px}
.foundation-copy h3{font-size:24px;letter-spacing:-.8px;margin:12px 0 8px}.foundation-copy p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}
.metadata-tags{display:flex;flex-wrap:wrap;gap:8px}.metadata-tags span{padding:8px 10px;border:1px solid #d5e2f2;border-radius:8px;background:#f6f9fd;color:#42516e;font-size:9px;font-weight:600}
.process-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.process-card{position:relative;padding:38px;border:1px solid #d9e5f4;border-radius:25px;background:linear-gradient(145deg,#fff,#f4f8fe);overflow:hidden}
.process-card.approval{background:linear-gradient(145deg,#f7fbff,#edf5ff)}
.process-number{position:absolute;right:27px;top:25px;font-size:42px;font-weight:700;color:#e2ecf8;letter-spacing:-3px}.process-icon{width:50px;height:50px;border-radius:15px;background:#e6f0ff;color:var(--blue);display:grid;place-items:center;font-size:21px;margin-bottom:21px}
.process-card h3{margin:15px 0 12px;font-size:27px;letter-spacing:-1px}.process-card>p{margin:0 0 19px;color:var(--muted);font-size:14px;line-height:1.6}.process-card ul{list-style:none;padding:0;margin:0 0 21px;display:flex;flex-direction:column;gap:8px}.process-card li{position:relative;padding-left:20px;font-size:12px;line-height:1.45;color:#42516e}.process-card li::before{content:"✓";position:absolute;left:0;color:#08a765;font-weight:700}.process-card>strong{display:block;padding-top:17px;border-top:1px solid #d4e1f1;color:#174b9d;font-size:12px}
.decision-preview{display:flex;gap:8px;margin:-3px 0 19px}.decision-preview button{border:0;border-radius:8px;padding:8px 13px;font-size:10px;font-weight:700}.decision-preview button:first-child{background:#1760c7;color:#fff}.decision-preview button:last-child{background:#fff0f0;color:#d14949;border:1px solid #f1cccc}
.capability-story.changes{grid-template-columns:.95fr 1.05fr;background:linear-gradient(135deg,#f9f7ff,#f2f7ff)}
.capability-story.metadata{grid-template-columns:.95fr 1.05fr;background:linear-gradient(135deg,#f7fbff,#f4f2ff)}
.capability-story.metadata .metadata-tags{margin:0 0 20px}
.capability-story.approval-large{background:linear-gradient(135deg,#f7fbff,#edf7f3)}
.capability-story .decision-preview{margin:0 0 20px}.capability-story .decision-preview button{padding:9px 14px;font-size:11px}
@media(max-width:900px){.capability-foundation{grid-template-columns:auto 1fr}.metadata-tags{grid-column:1/-1}.process-pair{grid-template-columns:1fr}}
@media(max-width:620px){.capability-foundation{grid-template-columns:1fr;padding:26px 22px}.metadata-tags{grid-column:auto}.process-card{padding:29px 22px}}

/* WayDocs native-work differentiator */
.native-work{position:relative;overflow:hidden;background:linear-gradient(145deg,#06194b,#082f7d 72%,#064bbd);color:#fff;padding:130px 0}
.native-work::before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;right:-300px;top:-370px;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 110px rgba(255,255,255,.018),0 0 0 220px rgba(255,255,255,.012)}
.native-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:end;position:relative;z-index:1}
.native-heading h2{font-size:57px;line-height:1.03;letter-spacing:-3px;margin:0}.native-heading h2 em{font-style:normal;color:#70aaff}
.native-intro strong{display:block;font-size:18px;line-height:1.5;margin-bottom:15px}.native-intro p{margin:0;color:#aebbd1;font-size:15px;line-height:1.7}
.native-visual{position:relative;margin:55px 0 35px;padding:0;border:0;background:transparent;box-shadow:none}
.native-visual img{display:block;width:100%;filter:drop-shadow(0 28px 34px rgba(0,10,42,.32))}
.native-badge{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;min-width:260px;padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(5,27,76,.9);backdrop-filter:blur(14px);box-shadow:0 15px 35px rgba(0,10,40,.32)}
.native-badge>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--blue);font-size:11px;font-weight:700}.native-badge b,.native-badge small{display:block}.native-badge b{font-size:12px}.native-badge small{color:#8fa4c5;font-size:9px;margin-top:3px}
.native-benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
.native-benefits article{padding:34px 30px;border-right:1px solid rgba(255,255,255,.15)}.native-benefits article:last-child{border:0}.native-benefits article>span{color:#6fa9ff;font-size:10px;font-weight:700;letter-spacing:1px}.native-benefits h3{font-size:18px;margin:20px 0 9px}.native-benefits p{margin:0;color:#9eacc3;font-size:13px;line-height:1.6}
.native-statement{margin-top:45px;padding:29px 34px;display:flex;align-items:center;gap:22px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.native-statement p{margin:0;color:#8fa1be;font-size:14px}.native-statement strong{font-size:17px;flex:1}.native-statement .button{white-space:nowrap}
@media(max-width:900px){.native-heading{grid-template-columns:1fr;gap:30px}.native-visual{margin-top:50px}.native-benefits{grid-template-columns:1fr}.native-benefits article{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.native-benefits article:last-child{border-bottom:0}.native-statement{align-items:flex-start;flex-direction:column}.native-statement .button{margin-left:0}}
@media(max-width:620px){.native-work{padding:85px 0}.native-heading h2{font-size:40px;letter-spacing:-2px}.native-visual{margin-top:35px;padding:0}.native-visual img{width:125%;margin-left:-12%}.native-badge{min-width:230px}.native-benefits{margin-top:70px}.native-benefits article{padding:28px 5px}.native-statement{padding:25px 22px}}

/* Interactive product demonstration */
.demo-trigger{border:0;cursor:pointer;font-family:inherit}.modal-open{overflow:hidden}.demo-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:.3s}.demo-modal.open{opacity:1;visibility:visible;pointer-events:auto}.demo-backdrop{position:absolute;inset:0;background:rgba(2,11,35,.78);backdrop-filter:blur(12px)}
.demo-dialog{position:relative;width:min(1120px,100%);max-height:calc(100vh - 35px);overflow:auto;border:1px solid rgba(255,255,255,.18);border-radius:25px;background:#f8fbff;box-shadow:0 45px 100px rgba(0,8,30,.45);transform:translateY(18px) scale(.98);transition:.35s}.demo-modal.open .demo-dialog{transform:none}
.demo-header{padding:23px 28px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dbe5f2}.demo-header span{color:var(--blue);font-size:9px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700}.demo-header h2{font-size:20px;letter-spacing:-.6px;margin:5px 0 0}.demo-close{width:38px;height:38px;border:1px solid #d6e1ee;border-radius:11px;background:#fff;color:#506079;font-size:23px;cursor:pointer}
.demo-stage-wrap{padding:28px;background:linear-gradient(145deg,#e9f1fb,#f7faff)}.demo-stage{position:relative;aspect-ratio:16/8.65;overflow:hidden;border-radius:18px;background:#dfeafa;box-shadow:0 18px 42px rgba(15,55,115,.15)}
.win-window{position:absolute;inset:5% 4%;background:#fff;border:1px solid #bccbdd;border-radius:13px;box-shadow:0 14px 35px rgba(30,70,125,.15);overflow:hidden}.win-title{height:9%;display:flex;align-items:center;gap:9px;padding:0 15px;background:#f4f5f7;font-size:10px}.win-title .folder-mini{width:14px;height:11px;border-radius:2px;background:#f4b322}.win-title i{width:8px;height:8px;border:1px solid #8795aa;margin-left:4px}.win-title i:first-of-type{margin-left:auto}.win-toolbar{height:12%;display:flex;gap:13px;align-items:center;padding:0 18px;border-bottom:1px solid #d8e0eb;color:#53627a;font-size:10px}.win-toolbar div{flex:1;border:1px solid #d8e0eb;border-radius:6px;padding:7px 12px}.win-body{height:79%;display:grid;grid-template-columns:18% 82%}.win-body aside{border-right:1px solid #dce4ef;padding:18px 16px;display:flex;flex-direction:column;gap:17px}.win-body aside i,.win-body aside b{width:55%;height:7px;border-radius:4px;background:#d7e0ec}.win-body aside b{width:75%;height:24px;background:#e8f1ff;border-left:3px solid var(--blue)}.file-table{padding:12px 17px}.file-head,.file-row{display:grid;grid-template-columns:52% 24% 24%;align-items:center;height:17%;border-bottom:1px solid #e3e9f2;font-size:9px;color:#62718a}.file-head{height:12%;color:#73829a}.file-row>span:first-child{display:flex;align-items:center;gap:9px}.doc-icon,.pdf-icon{width:16px;height:19px;display:inline-block;border:2px solid #3880dd;border-radius:2px;position:relative}.pdf-icon{border-color:#f05757}.target-file{background:#dcecff;border:1px solid #8fbaf4;border-radius:5px;padding:0 7px}.file-row em{font-style:normal;color:#15a66a}.status-final{opacity:0;color:#0d9a61;background:#dcf7ea;padding:5px 8px;border-radius:6px;font-size:8px}
.context-menu,.waydocs-menu{position:absolute;width:20%;padding:7px;background:#fff;border:1px solid #c9d3e0;border-radius:7px;box-shadow:0 12px 28px rgba(24,53,94,.22);display:flex;flex-direction:column}.context-menu{left:43%;top:39%}.waydocs-menu{left:62.5%;top:49%}.context-menu span,.waydocs-menu span{height:28px;padding:0 9px;display:flex;align-items:center;gap:7px;border-radius:4px;color:#26364e;font-size:9px}.context-menu span i{margin-left:auto;font-style:normal}.waydocs-option,.approval-option{background:#e8f2ff!important;color:#0e4f9f!important}.wd-tiny{width:19px;height:19px;display:grid;place-items:center;border-radius:5px;background:#1455b5;color:#fff;font-size:6px}.waydocs-menu span i{font-style:normal;color:#155dbd;width:15px}
.waydocs-dialog{position:absolute;width:55%;height:65%;left:23%;top:17%;background:#fff;border:1px solid #bdcadb;border-radius:12px;box-shadow:0 22px 48px rgba(16,48,93,.28)}.wd-dialog-head{height:25%;padding:14px 17px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #e0e7f0}.wd-logo-demo{width:39px;height:39px;border-radius:10px;background:linear-gradient(145deg,#0a399a,#0870ee);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700}.wd-dialog-head b,.wd-dialog-head small{display:block}.wd-dialog-head b{font-size:13px}.wd-dialog-head small{font-size:8px;color:#728098;margin-top:4px}.wd-dialog-head>i{font-style:normal;margin-left:auto}.wd-dialog-content{padding:18px 23px}.check-line{height:39px;border-bottom:1px solid #e3e9f2;display:flex;align-items:center;gap:10px}.check-line span{width:17px;height:17px;border:1.5px solid #a9b6c8;border-radius:4px;position:relative}.check-line i{height:6px;width:38%;background:#dbe3ed;border-radius:3px}.check-line i:last-child{width:20%}.wd-dialog-content button{float:right;margin-top:18px;width:100px;height:31px;border:0;border-radius:7px;background:var(--blue)}.wd-dialog-content button span{display:block;width:40px;height:5px;border-radius:3px;background:rgba(255,255,255,.7);margin:auto}
.demo-layer{opacity:0;visibility:hidden}.demo-cursor{position:absolute;z-index:10;left:15%;top:78%;width:18px;height:25px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.22))}.demo-cursor::before{content:"";display:block;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:22px solid #102344;transform:rotate(-35deg)}.click-ring{position:absolute;z-index:9;width:28px;height:28px;border:2px solid #2378ed;border-radius:50%;opacity:0}.demo-footer{padding:17px 28px;background:#fff;border-top:1px solid #dbe5f2;display:flex;align-items:center;gap:18px}.demo-progress{height:4px;flex:1;background:#e4ebf4;border-radius:3px;overflow:hidden}.demo-progress i{display:block;width:0;height:100%;background:var(--blue)}.demo-caption{font-size:10px;color:#63728b}.demo-replay{border:1px solid #d5e0ee;background:#fff;border-radius:8px;padding:8px 11px;color:#38506f;font-size:10px;cursor:pointer}
.demo-stage.playing .demo-cursor{animation:cursorJourney 14s ease-in-out forwards}.demo-stage.playing .context-menu{animation:contextShow 14s forwards}.demo-stage.playing .waydocs-menu{animation:submenuShow 14s forwards}.demo-stage.playing .waydocs-dialog{animation:dialogShow 14s forwards}.demo-stage.playing .check-line:nth-child(1) span::after,.demo-stage.playing .check-line:nth-child(2) span::after,.demo-stage.playing .check-line:nth-child(3) span::after{content:"✓";position:absolute;inset:-2px;display:grid;place-items:center;border-radius:4px;background:#1470df;color:#fff;font-size:10px;opacity:0}.demo-stage.playing .check-line:nth-child(1) span::after{animation:checkOne 14s forwards}.demo-stage.playing .check-line:nth-child(2) span::after{animation:checkTwo 14s forwards}.demo-stage.playing .check-line:nth-child(3) span::after{animation:checkThree 14s forwards}.demo-stage.playing .status-final{animation:statusAppear 14s forwards}.demo-modal.open .demo-progress i{animation:demoProgress 14s linear forwards}
@keyframes cursorJourney{0%{left:15%;top:78%}10%{left:43%;top:48%}17%{left:49%;top:49%}26%{left:56%;top:54%}35%{left:70%;top:61%}43%{left:70%;top:61%}50%{left:38%;top:45%}58%{left:38%;top:55%}66%{left:38%;top:65%}75%{left:65%;top:75%}82%{left:65%;top:75%}90%{left:57%;top:49%}100%{left:57%;top:49%}}
@keyframes contextShow{0%,15%{opacity:0;visibility:hidden}17%,39%{opacity:1;visibility:visible}41%,100%{opacity:0;visibility:hidden}}
@keyframes submenuShow{0%,25%{opacity:0;visibility:hidden}27%,39%{opacity:1;visibility:visible}41%,100%{opacity:0;visibility:hidden}}
@keyframes dialogShow{0%,40%{opacity:0;visibility:hidden;transform:scale(.97)}43%,82%{opacity:1;visibility:visible;transform:none}85%,100%{opacity:0;visibility:hidden;transform:scale(.98)}}
@keyframes checkOne{0%,50%{opacity:0}52%,100%{opacity:1}}@keyframes checkTwo{0%,58%{opacity:0}60%,100%{opacity:1}}@keyframes checkThree{0%,66%{opacity:0}68%,100%{opacity:1}}@keyframes statusAppear{0%,84%{opacity:0}87%,100%{opacity:1}}@keyframes demoProgress{to{width:100%}}
@media(max-width:720px){.demo-modal{padding:8px}.demo-header{padding:17px}.demo-header h2{font-size:16px}.demo-stage-wrap{padding:10px}.demo-stage{aspect-ratio:4/3}.win-window{inset:7% 2%}.context-menu,.waydocs-menu{width:28%}.waydocs-menu{left:67%}.waydocs-dialog{width:74%;left:13%}.demo-caption{display:none}.demo-footer{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.demo-stage.playing .demo-cursor{animation:none}.demo-stage.playing .waydocs-dialog{opacity:1;visibility:visible;transform:none}.demo-progress{display:none}}

/* Extended demonstration scenes */
.demo-scene{position:absolute;inset:0;opacity:0;visibility:hidden}.scene-approval{opacity:1;visibility:visible}
.demo-stage.playing .scene-approval{animation:approvalScene 36s forwards}.demo-stage.playing .scene-signature{animation:signatureScene 36s forwards}.demo-stage.playing .scene-dashboard{animation:dashboardScene 36s forwards}.demo-stage.playing .scene-outro{animation:outroScene 36s forwards}
.demo-stage.playing .scene-approval .demo-cursor{animation:cursorJourney 9s ease-in-out forwards}.demo-stage.playing .scene-approval .context-menu{animation:contextShow 9s forwards}.demo-stage.playing .scene-approval .waydocs-menu{animation:submenuShow 9s forwards}.demo-stage.playing .scene-approval .waydocs-dialog{animation:dialogShow 9s forwards}.demo-stage.playing .scene-approval .check-line:nth-child(1) span::after{animation:checkOne 9s forwards}.demo-stage.playing .scene-approval .check-line:nth-child(2) span::after{animation:checkTwo 9s forwards}.demo-stage.playing .scene-approval .check-line:nth-child(3) span::after{animation:checkThree 9s forwards}.demo-stage.playing .scene-approval .status-final{animation:statusAppear 9s forwards}.demo-modal.open .demo-progress i{animation:demoProgress 36s linear forwards}
@keyframes approvalScene{0%,23%{opacity:1;visibility:visible}26%,100%{opacity:0;visibility:hidden}}
@keyframes signatureScene{0%,23%{opacity:0;visibility:hidden}26%,52%{opacity:1;visibility:visible}55%,100%{opacity:0;visibility:hidden}}
@keyframes dashboardScene{0%,52%{opacity:0;visibility:hidden}55%,79%{opacity:1;visibility:visible}82%,100%{opacity:0;visibility:hidden}}
@keyframes outroScene{0%,79%{opacity:0;visibility:hidden}83%,100%{opacity:1;visibility:visible}}

.sign-explorer{position:absolute;inset:6% 4%;border:1px solid #bbc9db;border-radius:13px;background:#fff;box-shadow:0 15px 35px rgba(18,55,105,.17);overflow:hidden}.sign-explorer-head{height:12%;display:flex;align-items:center;gap:9px;padding:0 16px;background:#f3f5f8;font-size:10px}.sign-explorer-head .folder-mini{width:15px;height:12px;background:#f3b625;border-radius:2px}.sign-explorer-head i{width:8px;height:8px;border:1px solid #8b99ad;margin-left:5px}.sign-explorer-head i:first-of-type{margin-left:auto}.sign-path{margin:11px 17px;padding:9px 13px;border:1px solid #d8e1ed;border-radius:6px;color:#5d6c83;font-size:9px}.sign-table-head,.sign-row{margin:0 22px;display:grid;grid-template-columns:54% 23% 23%;align-items:center;border-bottom:1px solid #e0e7f0;height:14%;font-size:9px;color:#64738b}.sign-table-head{height:11%;color:#8491a4}.sign-row>span{display:flex;align-items:center;gap:9px}.sign-row.selected{padding:0 8px;border:1px solid #8fb9ef;border-radius:5px;background:#dcecff}.sign-row strong{font-size:8px;color:#0c9b61;opacity:0}.sign-row small{font-size:8px}
.sign-context,.sign-submenu{position:absolute;z-index:3;display:flex;flex-direction:column;padding:7px;border:1px solid #c6d1df;border-radius:7px;background:#fff;box-shadow:0 13px 30px rgba(20,52,95,.24);opacity:0}.sign-context{left:38%;top:35%;width:20%}.sign-submenu{left:57%;top:42%;width:23%}.sign-context span,.sign-submenu span{display:flex;align-items:center;height:28px;padding:0 9px;border-radius:4px;font-size:9px;color:#273750}.sign-context span:nth-child(3),.sign-choice{background:#e6f1ff!important;color:#1459ad!important}
.signature-viewer{position:absolute;z-index:4;inset:4%;border:1px solid #b9c7d9;border-radius:12px;background:#f6f9ff;box-shadow:0 22px 50px rgba(15,48,95,.26);display:grid;grid-template-columns:27% 73%;grid-template-rows:18% 82%;opacity:0}.signature-head{grid-column:1/-1;padding:12px 17px;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid #dbe4ef}.signature-head b,.signature-head small{display:block}.signature-head b{font-size:14px}.signature-head small{font-size:8px;color:#6f7e95;margin-top:3px}.signature-viewer aside{padding:14px;background:#fff;border-right:1px solid #d8e2ee;display:flex;flex-direction:column;gap:9px}.signature-viewer aside>b,.signature-viewer aside>strong{font-size:8px;color:#123e7c}.signature-viewer aside i{height:25px;border:1px solid #cdd9e8;border-radius:6px}.signature-viewer aside button{height:26px;border:0;border-radius:6px;background:#1758ad}.signature-viewer aside small{height:40px;border:1px dashed #c9d6e6;border-radius:6px}.signature-viewer aside strong{margin-top:5px}.signature-viewer main{padding:15px 22px;position:relative}.paper{height:100%;padding:13% 13%;background:#fff;border:1px solid #d4deea;box-shadow:0 8px 18px rgba(25,57,100,.08);position:relative}.paper>i{display:block;height:6px;margin:10px 0;background:#d7e0ec;border-radius:3px}.paper>i:nth-child(1){width:52%;height:13px;background:#a7bfe1}.paper>i:nth-child(2){width:80%}.paper>i:nth-child(3){width:75%}.paper>i:nth-child(4){width:85%}.paper>i:nth-child(5){width:60%}.signature-field{position:absolute;left:57%;top:56%;width:28%;height:15%;display:grid;place-items:center;border:2px dashed #1571df;background:#e6f2ff;color:#155bb1;border-radius:4px;font-size:16px;opacity:0}.send-sign{position:absolute;right:24px;bottom:17px;width:90px;height:27px;border:0;border-radius:6px;background:#075ee8}.sign-cursor,.dashboard-cursor{position:absolute;z-index:8;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:22px solid #102344;transform:rotate(-35deg);filter:drop-shadow(0 2px 2px rgba(0,0,0,.2));opacity:0}
.demo-stage.playing .sign-context{animation:signContext 36s forwards}.demo-stage.playing .sign-submenu{animation:signSubmenu 36s forwards}.demo-stage.playing .signature-viewer{animation:signatureViewer 36s forwards}.demo-stage.playing .signature-field{animation:signatureField 36s forwards}.demo-stage.playing .sign-status{animation:signStatus 36s forwards}.demo-stage.playing .sign-cursor{animation:signCursor 36s ease-in-out forwards}
@keyframes signContext{0%,27%{opacity:0}28%,32%{opacity:1}34%,100%{opacity:0}}@keyframes signSubmenu{0%,30%{opacity:0}31%,34%{opacity:1}36%,100%{opacity:0}}@keyframes signatureViewer{0%,35%{opacity:0}37%,50%{opacity:1}52%,100%{opacity:0}}@keyframes signatureField{0%,43%{opacity:0}45%,100%{opacity:1}}@keyframes signStatus{0%,47%{opacity:0}48%,100%{opacity:1}}
@keyframes signCursor{0%,25%{left:15%;top:76%;opacity:0}27%{left:45%;top:44%;opacity:1}31%{left:52%;top:48%}34%{left:67%;top:57%}38%{left:19%;top:52%}42%{left:20%;top:66%}46%{left:63%;top:60%}49%{left:77%;top:83%}52%,100%{left:57%;top:48%;opacity:1}}

.browser-shell{position:absolute;inset:5%;border:1px solid #b9c7d9;border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(15,48,95,.2);overflow:hidden}.browser-bar{height:10%;display:flex;align-items:center;gap:7px;padding:0 14px;background:#21242a}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#fc5c57}.browser-bar i:nth-child(2){background:#fdbc40}.browser-bar i:nth-child(3){background:#34c84a}.browser-bar span{width:46%;margin:auto;padding:5px;border-radius:5px;background:#363a42;color:#cdd3de;text-align:center;font-size:8px}.dash-shell{height:90%;display:grid;grid-template-columns:19% 81%;background:#f4f8fd}.dash-shell>aside{padding:15px 10px;background:#fff;border-right:1px solid #d7e1ed}.dash-org{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:700;color:#123b78}.dash-org b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#1b59b6;color:#fff}.dash-shell>aside>i{display:block;width:72%;height:20px;margin:17px 0;border-radius:6px;background:#e9eef5}.dash-shell>aside>i.active{background:#deecff;border-left:3px solid #1763c6}.dash-shell main{padding:0 16px}.dash-top{height:16%;display:flex;align-items:center;gap:10px;border-bottom:1px solid #dce5ef;font-size:9px}.dash-top span{margin-left:auto;width:30%;padding:7px 9px;border:1px solid #cfdae7;border-radius:6px;color:#7b889d}.dash-top i{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#1655ae;color:#fff;font-style:normal;font-size:7px}.dash-tabs{margin:11px 0;padding:7px;border:1px solid #ccd8e6;border-radius:8px;background:#fff;display:flex;align-items:center;gap:10px;font-size:8px}.dash-tabs b,.dash-tabs span,.dash-tabs strong{padding:6px 9px;border-radius:5px}.dash-tabs b{background:#e8f1ff;color:#1558ab}.dash-tabs strong{margin-left:auto;border:1px solid #d2dce8}.dash-welcome{padding:15px;border:1px solid #ccd8e6;border-radius:8px;background:#fff}.dash-welcome small{font-size:6px;color:#1761c7;font-weight:700}.dash-welcome h3{font-size:16px;margin:6px 0}.dash-welcome p{font-size:8px;color:#65748c;margin:0}.dash-welcome button{margin-top:9px;border:0;border-radius:5px;background:#1859b4;color:#fff;padding:6px 9px;font-size:7px}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.dash-cards article{padding:10px;border:1px solid #ccd8e6;border-radius:8px;background:#eef4fb}.dash-cards small,.dash-cards b{display:block}.dash-cards small{font-size:7px}.dash-cards b{font-size:18px;margin-top:5px}.dashboard-toast{position:absolute;right:8%;bottom:9%;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #cce2d8;border-radius:9px;background:#fff;box-shadow:0 10px 25px rgba(20,60,100,.16);opacity:0}.dashboard-toast>span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#def7eb;color:#0aa465}.dashboard-toast b,.dashboard-toast small{display:block;font-size:8px}.dashboard-toast small{font-size:7px;color:#738198;margin-top:2px}
.demo-stage.playing .dashboard-cursor{animation:dashboardCursor 36s ease-in-out forwards}.demo-stage.playing .dashboard-toast{animation:dashboardToast 36s forwards}.demo-stage.playing .dash-cards article{animation:cardPulse 36s forwards}
@keyframes dashboardCursor{0%,55%{left:85%;top:82%;opacity:0}57%{left:72%;top:17%;opacity:1}63%{left:48%;top:34%}69%{left:37%;top:59%}75%{left:77%;top:34%}80%,100%{left:67%;top:52%;opacity:1}}@keyframes dashboardToast{0%,73%{opacity:0;transform:translateY(8px)}75%,80%{opacity:1;transform:none}82%,100%{opacity:0}}@keyframes cardPulse{0%,67%{transform:none}70%{transform:translateY(-4px);box-shadow:0 8px 20px rgba(18,70,140,.13)}74%,100%{transform:none}}

.scene-outro{display:grid;place-items:center;background:radial-gradient(circle at center,#f7fbff,#deebfb);color:#071d52;text-align:center}.outro-glow{position:absolute;width:45%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(30,112,247,.2),transparent 70%)}.outro-brand{position:relative;display:flex;align-items:center;gap:22px}.outro-mark{width:92px;height:92px;display:grid;place-items:center;border-radius:25px;background:linear-gradient(145deg,#0838a0,#0870f1);box-shadow:0 18px 35px rgba(7,78,200,.28);color:#fff;font-size:25px;font-weight:700}.outro-brand h2{font-size:55px;letter-spacing:-3px;margin:0}.outro-brand h2 span{color:var(--blue)}.outro-brand p{text-transform:uppercase;letter-spacing:2px;color:#1760c6;font-size:9px;font-weight:700;margin:5px 0}.scene-outro>.outro-line{position:absolute;top:66%;width:110px;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent)}.scene-outro>small{position:absolute;top:73%;font-size:10px;color:#6b7890}.demo-stage.playing .outro-brand{animation:outroBrand 36s forwards}.demo-stage.playing .scene-outro>small,.demo-stage.playing .scene-outro>.outro-line{animation:outroDetails 36s forwards}@keyframes outroBrand{0%,82%{opacity:0;transform:scale(.92)}86%,100%{opacity:1;transform:none}}@keyframes outroDetails{0%,87%{opacity:0;transform:translateY(7px)}91%,100%{opacity:1;transform:none}}
@media(max-width:720px){.signature-viewer{grid-template-columns:34% 66%}.outro-mark{width:62px;height:62px;border-radius:18px}.outro-brand h2{font-size:36px}.outro-brand p{font-size:6px}.scene-outro>small{font-size:8px}}

/* Demo timing, transitions and click-area refinements */
.native-work::before{pointer-events:none}.native-statement{position:relative;z-index:2}.demo-button-wrap{position:relative;z-index:10;display:block;flex:0 0 230px;width:230px;height:52px;margin-left:auto;cursor:pointer}.demo-trigger{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:auto;isolation:isolate}.demo-trigger>*{pointer-events:none}@media(max-width:900px){.demo-button-wrap{margin-left:0}}
.demo-stage::after{content:"";position:absolute;z-index:20;inset:0;background:#fff;opacity:0;pointer-events:none}
.demo-stage.playing::after{animation:whiteTransitions 60s forwards}
.demo-stage.playing .scene-approval,.demo-stage.playing .scene-signature,.demo-stage.playing .scene-dashboard,.demo-stage.playing .scene-outro,.demo-stage.playing .sign-context,.demo-stage.playing .sign-submenu,.demo-stage.playing .signature-viewer,.demo-stage.playing .signature-field,.demo-stage.playing .sign-status,.demo-stage.playing .sign-cursor,.demo-stage.playing .dashboard-cursor,.demo-stage.playing .dashboard-toast,.demo-stage.playing .dash-cards article,.demo-stage.playing .outro-brand,.demo-stage.playing .scene-outro>small,.demo-stage.playing .scene-outro>.outro-line{animation-duration:60s}
.demo-stage.playing .scene-approval .demo-cursor,.demo-stage.playing .scene-approval .context-menu,.demo-stage.playing .scene-approval .waydocs-menu,.demo-stage.playing .scene-approval .waydocs-dialog,.demo-stage.playing .scene-approval .check-line span::after,.demo-stage.playing .scene-approval .status-final{animation-duration:12s}
.demo-modal.open .demo-progress i{animation-duration:60s}
.demo-stage.playing .scene-approval{animation-name:approvalSceneSmooth}.demo-stage.playing .scene-signature{animation-name:signatureSceneSmooth}.demo-stage.playing .scene-dashboard{animation-name:dashboardSceneSmooth}.demo-stage.playing .scene-outro{animation-name:outroSceneSmooth}
@keyframes approvalSceneSmooth{0%,24%{opacity:1;visibility:visible;transform:scale(1)}26%,100%{opacity:0;visibility:hidden;transform:scale(.985)}}
@keyframes signatureSceneSmooth{0%,29%{opacity:0;visibility:hidden;transform:scale(.94)}31%,62%{opacity:1;visibility:visible;transform:scale(1)}64%,100%{opacity:0;visibility:hidden;transform:scale(.985)}}
@keyframes dashboardSceneSmooth{0%,67%{opacity:0;visibility:hidden;transform:scale(.94)}69%,85%{opacity:1;visibility:visible;transform:scale(1)}87%,100%{opacity:0;visibility:hidden;transform:scale(.985)}}
@keyframes outroSceneSmooth{0%,89%{opacity:0;visibility:hidden;transform:scale(.94)}91%,100%{opacity:1;visibility:visible;transform:scale(1)}}
@keyframes whiteTransitions{0%,24.5%{opacity:0}25.2%,27%{opacity:1}28%,62.5%{opacity:0}63.2%,65%{opacity:1}66%,85.5%{opacity:0}86.2%,88%{opacity:1}89%,100%{opacity:0}}
.demo-stage.playing .outro-brand{animation-name:outroBrandRise}.demo-stage.playing .scene-outro>small,.demo-stage.playing .scene-outro>.outro-line{animation-name:outroDetailsRise}
@keyframes outroBrandRise{0%,89%{opacity:0;transform:translateY(26px) scale(.92)}94%,100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes outroDetailsRise{0%,94%{opacity:0;transform:translateY(18px)}98%,100%{opacity:1;transform:translateY(0)}}

/* Contact form */
.contact-modal{position:fixed;z-index:110;inset:0;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s,visibility .28s}.contact-modal.open{opacity:1;visibility:visible;pointer-events:auto}.contact-backdrop{position:absolute;inset:0;background:rgba(2,11,35,.76);backdrop-filter:blur(12px)}.contact-dialog{position:relative;width:min(860px,100%);max-height:calc(100vh - 40px);overflow:auto;display:grid;grid-template-columns:.8fr 1.2fr;border-radius:26px;background:#fff;box-shadow:0 40px 100px rgba(0,12,45,.38);transform:translateY(16px) scale(.98);transition:.3s}.contact-modal.open .contact-dialog{transform:none}.contact-close{position:absolute;z-index:2;right:18px;top:18px;width:38px;height:38px;border:1px solid #d8e2ef;border-radius:11px;background:#fff;color:#586982;font-size:23px;cursor:pointer}.contact-intro{padding:52px 42px;background:linear-gradient(145deg,#06194b,#0755d7);color:#fff}.contact-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#0a67f2;color:#fff;font-weight:700;box-shadow:0 12px 28px rgba(0,30,100,.3);margin-bottom:55px}.contact-intro .eyebrow{color:#8cbcff}.contact-intro h2{font-size:42px;letter-spacing:-2px;margin:0 0 20px}.contact-intro p{margin:0;color:#c2d1e8;font-size:14px;line-height:1.7}.contact-form{padding:52px 44px 38px;display:flex;flex-direction:column;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:7px;color:#172844;font-size:12px;font-weight:700}.contact-form label small{margin-left:5px;color:#8793a6;font-weight:500}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d7e1ed;border-radius:11px;background:#f8fbff;color:#13233e;font:inherit;font-size:13px;font-weight:400;outline:none;transition:.2s}.contact-form input{height:46px;padding:0 14px}.contact-form textarea{padding:13px 14px;line-height:1.55;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#5a98f5;background:#fff;box-shadow:0 0 0 4px rgba(7,88,238,.08)}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-submit{border:0;cursor:pointer;margin-top:2px}.contact-privacy{margin:0;color:#7b879b;font-size:9px;line-height:1.5;text-align:center}@media(max-width:720px){.contact-modal{padding:9px}.contact-dialog{grid-template-columns:1fr}.contact-intro{padding:32px 25px}.contact-mark{margin-bottom:25px}.contact-intro h2{font-size:34px}.contact-form{padding:30px 24px}.contact-row{grid-template-columns:1fr}}

/* Mobile refinements */
@media(max-width:620px){
  .demo-button-wrap{display:inline-block;flex:0 0 auto;width:auto;height:auto;margin:0}
  .demo-trigger{position:static;inset:auto;width:auto;height:auto;min-width:0;padding:13px 17px;border-radius:11px;font-size:13px;line-height:1.2}
  .native-statement{gap:14px;padding:23px 20px}
  .native-statement p{font-size:12px}
  .native-statement strong{font-size:15px}
  .demo-dialog{max-height:calc(100dvh - 16px);border-radius:17px}
  .demo-header{padding:13px 15px}
  .demo-header span{font-size:7px}
  .demo-header h2{font-size:14px;margin-top:3px}
  .demo-close{width:32px;height:32px;border-radius:9px;font-size:20px}
  .demo-stage-wrap{padding:7px}
  .demo-stage{aspect-ratio:16/10;border-radius:11px}
  .demo-footer{padding:10px 13px;gap:8px}
  .demo-replay{padding:7px 10px;font-size:10px}
  .signature-viewer{inset:2%;grid-template-columns:31% 69%;grid-template-rows:17% 83%}
  .signature-viewer aside{padding:8px;gap:5px}
  .signature-viewer main{padding:8px 10px}
  .signature-head{padding:7px 9px}
  .signature-head b{font-size:10px}
  .browser-shell{inset:3%}
  .dash-shell main{padding:0 8px}
  .dash-welcome{padding:8px}
  .dash-welcome h3{font-size:11px}
  .dash-cards{gap:4px}
  .dash-cards article{padding:6px}
  .dash-cards b{font-size:12px}
  .outro-brand{gap:12px}
  .outro-mark{width:52px;height:52px;border-radius:15px;font-size:17px}
  .outro-brand h2{font-size:30px;letter-spacing:-2px}
}

/* Guided demo descriptions and dashboard drill-downs */
.scene-explainer{position:absolute;z-index:12;left:5.5%;right:5.5%;bottom:4%;display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:center;padding:11px 15px;border:1px solid rgba(174,199,232,.8);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(8,42,94,.16);backdrop-filter:blur(10px);color:#142744}.scene-explainer>span{grid-row:1/3;padding:7px 9px;border-radius:7px;background:#e6f1ff;color:#0758d9;font-size:7px;font-weight:700;letter-spacing:.8px}.scene-explainer p,.scene-explainer strong{margin:0;font-size:8px;line-height:1.45}.scene-explainer strong{color:#1760bf}.signature-explainer>span{background:#e9f8f1;color:#078557}.dashboard-explainer{bottom:3%;right:4%;left:4%;z-index:14}.dashboard-explainer>span{background:#e7efff;color:#124fa8}
.dash-detail{position:absolute;z-index:10;right:7%;top:20%;width:38%;padding:13px;border:1px solid #c7d6e8;border-radius:11px;background:rgba(255,255,255,.97);box-shadow:0 16px 38px rgba(12,48,98,.22);opacity:0}.detail-head{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #e1e8f1}.detail-head>span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#e6f0ff;color:#1762c4}.detail-head b,.detail-head small{display:block;font-size:8px}.detail-head small{margin-top:2px;color:#728198;font-size:6px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px}.detail-list i{padding:7px;border-radius:6px;background:#eef4fb;color:#586981;font-size:6px;font-style:normal}.detail-list b{float:right;color:#102b59}.trace-chart{height:55px;display:flex;align-items:end;gap:5px;padding-top:8px}.trace-chart i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#1769d9,#a9cdfb)}.trace-chart i:nth-child(1){height:28%}.trace-chart i:nth-child(2){height:45%}.trace-chart i:nth-child(3){height:38%}.trace-chart i:nth-child(4){height:67%}.trace-chart i:nth-child(5){height:53%}.trace-chart i:nth-child(6){height:82%}.trace-chart i:nth-child(7){height:72%}.dash-trace p{margin:5px 0 0;color:#78869b;font-size:5px}.user-list{display:flex;flex-direction:column;gap:5px;margin-top:8px}.user-list>i{display:flex;align-items:center;gap:7px;padding:5px;border-radius:6px;background:#f1f5fb;font-style:normal}.user-list>i>b{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#185db7;color:#fff;font-size:6px}.user-list span,.user-list small{display:block;font-size:6px;font-weight:600}.user-list small{color:#7a879a;font-size:5px;font-weight:400}.user-list em{margin-left:auto;color:#07955d;font-size:5px;font-style:normal}.demo-stage.playing .dash-documents{animation:dashDocuments 60s forwards}.demo-stage.playing .dash-trace{animation:dashTrace 60s forwards}.demo-stage.playing .dash-users{animation:dashUsers 60s forwards}@keyframes dashDocuments{0%,68%{opacity:0;transform:translateY(8px) scale(.97)}70%,75%{opacity:1;transform:none}77%,100%{opacity:0}}@keyframes dashTrace{0%,75%{opacity:0;transform:translateY(8px) scale(.97)}77%,82%{opacity:1;transform:none}84%,100%{opacity:0}}@keyframes dashUsers{0%,82%{opacity:0;transform:translateY(8px) scale(.97)}84%,90%{opacity:1;transform:none}92%,100%{opacity:0}}
.demo-sound,.demo-replay{border:1px solid #d7e2ee;border-radius:9px;background:#fff;color:#315072;padding:8px 11px;font-size:10px;cursor:pointer}.demo-sound.muted{color:#8c98aa;background:#f1f4f8}
@media(max-width:620px){.scene-explainer{left:3%;right:3%;bottom:2%;padding:7px 8px;column-gap:7px;border-radius:8px}.scene-explainer>span{padding:5px;font-size:5px}.scene-explainer p,.scene-explainer strong{font-size:5.5px;line-height:1.3}.dash-detail{right:4%;top:17%;width:48%;padding:7px}.detail-list i{padding:4px}.trace-chart{height:35px}.dashboard-explainer{bottom:2%}.demo-sound,.demo-replay{padding:6px 7px;font-size:8px}}

/* Give the dashboard enough time to demonstrate the full document lifecycle */
@keyframes dashboardSceneSmooth{0%,65%{opacity:0;visibility:hidden;transform:scale(.94)}67%,91%{opacity:1;visibility:visible;transform:scale(1)}92.5%,100%{opacity:0;visibility:hidden;transform:scale(.985)}}
@keyframes outroSceneSmooth{0%,93%{opacity:0;visibility:hidden;transform:scale(.94)}95%,100%{opacity:1;visibility:visible;transform:scale(1)}}
@keyframes whiteTransitions{0%,24.5%{opacity:0}25.2%,27%{opacity:1}28%,62.5%{opacity:0}63.2%,65%{opacity:1}66%,91%{opacity:0}92%,93.5%{opacity:1}94.5%,100%{opacity:0}}
@keyframes outroBrandRise{0%,93%{opacity:0;transform:translateY(26px) scale(.92)}97%,100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes outroDetailsRise{0%,96%{opacity:0;transform:translateY(18px)}99%,100%{opacity:1;transform:translateY(0)}}

/* Sequential narration without cards */
.scene-explainer{position:absolute;z-index:15;left:4%;right:auto;top:auto;bottom:6%;width:36%;min-height:105px;display:block;padding:0 0 0 14px;border:0;border-left:3px solid #0758ee;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;transform:none;color:#0758ee;text-align:left}.scene-explainer::before{display:none}.scene-explainer .explain-label{display:inline-block;padding:0 0 6px;border-radius:0;background:transparent;color:#0758d9;font-family:"DM Sans",sans-serif;font-size:7px;font-weight:700;letter-spacing:1.6px;border-bottom:1px solid rgba(7,88,217,.35)}.scene-explainer .explain-step{position:absolute;left:14px;top:38px;margin:0;color:#0758ee;font-family:"DM Sans",sans-serif;font-size:17px;font-weight:700;font-style:normal;line-height:1.3;letter-spacing:-.3px;text-shadow:0 1px 15px #fff,0 1px 15px #fff;opacity:0}.signature-explainer .explain-label,.dashboard-explainer .explain-label{color:#0758d9;border-color:rgba(7,88,217,.35)}
.demo-stage.playing .approval-explainer .explain-step:nth-of-type(1){animation:explainApproval1 60s forwards}.demo-stage.playing .approval-explainer .explain-step:nth-of-type(2){animation:explainApproval2 60s forwards}.demo-stage.playing .approval-explainer .explain-step:nth-of-type(3){animation:explainApproval3 60s forwards}.demo-stage.playing .approval-explainer .explain-step:nth-of-type(4){animation:explainApproval4 60s forwards}
.demo-stage.playing .signature-explainer .explain-step:nth-of-type(1){animation:explainSignature1 60s forwards}.demo-stage.playing .signature-explainer .explain-step:nth-of-type(2){animation:explainSignature2 60s forwards}.demo-stage.playing .signature-explainer .explain-step:nth-of-type(3){animation:explainSignature3 60s forwards}.demo-stage.playing .signature-explainer .explain-step:nth-of-type(4){animation:explainSignature4 60s forwards}
.demo-stage.playing .dashboard-explainer .explain-step:nth-of-type(1){animation:explainDashboard1 60s forwards}.demo-stage.playing .dashboard-explainer .explain-step:nth-of-type(2){animation:explainDashboard2 60s forwards}.demo-stage.playing .dashboard-explainer .explain-step:nth-of-type(3){animation:explainDashboard3 60s forwards}.demo-stage.playing .dashboard-explainer .explain-step:nth-of-type(4){animation:explainDashboard4 60s forwards}
@keyframes explainApproval1{0%,1%{opacity:0;transform:translateY(12px)}2%,6%{opacity:1;transform:none}7%,100%{opacity:0;transform:translateY(-8px)}}@keyframes explainApproval2{0%,6%{opacity:0;transform:translateY(12px)}7%,11%{opacity:1;transform:none}12%,100%{opacity:0;transform:translateY(-8px)}}@keyframes explainApproval3{0%,11%{opacity:0;transform:translateY(12px)}12%,17%{opacity:1;transform:none}18%,100%{opacity:0;transform:translateY(-8px)}}@keyframes explainApproval4{0%,17%{opacity:0;transform:translateY(12px)}18%,24%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes explainSignature1{0%,30%{opacity:0;transform:translateY(12px)}31%,37%{opacity:1;transform:none}38%,100%{opacity:0;transform:translateY(-8px)}}@keyframes explainSignature2{0%,37%{opacity:0;transform:translateY(12px)}38%,44%{opacity:1;transform:none}45%,100%{opacity:0;transform:translateY(-8px)}}@keyframes explainSignature3{0%,44%{opacity:0;transform:translateY(12px)}45%,51%{opacity:1;transform:none}52%,100%{opacity:0;transform:translateY(-8px)}}@keyframes explainSignature4{0%,51%{opacity:0;transform:translateY(12px)}52%,61%{opacity:1;transform:none}62%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes explainDashboard1{0%,66%{opacity:0;transform:translateY(12px)}67%,72%{opacity:1;transform:none}73%,100%{opacity:0;transform:translateY(-8px)}}@keyframes explainDashboard2{0%,72%{opacity:0;transform:translateY(12px)}73%,78%{opacity:1;transform:none}79%,100%{opacity:0;transform:translateY(-8px)}}@keyframes explainDashboard3{0%,78%{opacity:0;transform:translateY(12px)}79%,84%{opacity:1;transform:none}85%,100%{opacity:0;transform:translateY(-8px)}}@keyframes explainDashboard4{0%,84%{opacity:0;transform:translateY(12px)}85%,91%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-8px)}}
@media(max-width:620px){.scene-explainer{left:3%;right:auto;top:auto;bottom:4%;width:43%;min-height:65px;padding-left:8px;border-left-width:2px}.scene-explainer .explain-label{font-size:5px;padding-bottom:4px}.scene-explainer .explain-step{left:8px;top:25px;font-size:8px;line-height:1.25;letter-spacing:0}}

/* Blue narration card */
.scene-explainer{bottom:4%;min-height:116px;padding:15px 18px;border:1px solid rgba(119,174,255,.55);border-left:4px solid #77adff;border-radius:13px;background:linear-gradient(135deg,rgba(4,38,105,.96),rgba(7,88,238,.94));box-shadow:0 14px 34px rgba(3,31,88,.3);backdrop-filter:blur(10px);color:#fff}.scene-explainer .explain-label{padding-bottom:6px;color:#a9cbff;border-color:rgba(255,255,255,.3)}.scene-explainer .explain-step{left:18px;right:18px;top:48px;color:#fff;font-size:16px;line-height:1.32;text-shadow:none}.signature-explainer .explain-label,.dashboard-explainer .explain-label{color:#a9cbff;border-color:rgba(255,255,255,.3)}
@media(max-width:620px){.scene-explainer{bottom:3%;width:47%;min-height:72px;padding:8px 9px;border-left-width:3px;border-radius:8px}.scene-explainer .explain-label{font-size:4.5px;padding-bottom:3px}.scene-explainer .explain-step{left:9px;right:8px;top:28px;font-size:7.5px}}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-status{font-size:.85rem;color:#0f6b56}.contact-submit:disabled{opacity:.55;cursor:wait}