:root{--surface:#fff;--surface2:#f6fafc;--text:#142439;--soft:#627186}
.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--navy);width:38px;height:38px;border-radius:10px;cursor:pointer;font-size:18px}
.product-gallery{background:linear-gradient(180deg,#f7fbfd,#fff)}
.gallery-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:18px}.gallery-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);font:inherit;font-size:12px;font-weight:700;padding:9px 18px;border-radius:30px;cursor:pointer}.gallery-tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.product-browser{max-width:1000px;margin:auto;background:#fff;border:1px solid #d5e3eb;border-radius:22px;overflow:hidden;box-shadow:0 40px 90px rgba(4,30,57,.17);transition:.4s}.product-browser:hover{transform:translateY(-5px)}
.browser-bar{height:54px;display:flex;align-items:center;gap:7px;padding:0 18px;background:#eef4f7;border-bottom:1px solid #d8e4eb;color:#6a7b8c;font-size:10px}.browser-bar>i{width:9px;height:9px;border-radius:50%;background:#ef6b6b}.browser-bar>i:nth-child(2){background:#e8b647}.browser-bar>i:nth-child(3){background:#48b78d}.browser-bar span{margin-right:10px}.expand-shot{margin-right:auto;border:0;background:transparent;color:var(--blue);font:inherit;font-weight:800;cursor:pointer}
.shot{display:none;grid-template-columns:155px 1fr;min-height:430px;animation:shotIn .45s ease}.shot.active{display:grid}@keyframes shotIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.shot-sidebar{background:var(--navy);padding:28px 20px;color:#fff;display:flex;flex-direction:column;gap:18px}.shot-sidebar b{font-size:12px;margin-bottom:10px}.shot-sidebar span{width:75%;height:8px;border-radius:6px;background:#25445f}.shot-sidebar span.on{background:var(--cyan);width:95%}
.shot-content{padding:36px;background:#f8fbfc}.shot-content>small{color:var(--cyan);font-weight:800}.shot-content>h3{font-size:24px;color:var(--navy);margin:6px 0 25px}.shot-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shot-kpis article{background:#fff;border:1px solid var(--line);padding:20px;border-radius:12px}.shot-kpis b{display:block;color:var(--blue);font-size:28px}.shot-kpis span{font-size:10px;color:var(--muted)}.shot-chart{height:145px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:15px;padding:20px;display:flex;align-items:flex-end;gap:16px}.shot-chart i{height:var(--v);flex:1;border-radius:5px 5px 0 0;background:linear-gradient(var(--cyan),var(--blue));animation:growBar 1s ease both}@keyframes growBar{from{height:0}}
.agenda p{display:grid;grid-template-columns:38px 1fr auto;gap:15px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 15px}.agenda b{color:var(--cyan)}.agenda em{font-style:normal;font-size:9px;color:#087f75;background:#e3f6f1;padding:4px 8px;border-radius:20px}.approval-flow{display:flex;align-items:center;margin:45px 0}.approval-flow span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:10px}.approval-flow span.done{background:#e3f6f1;color:#087f75}.approval-flow i{height:2px;flex:1;background:var(--cyan)}.fake-doc{height:100px;background:repeating-linear-gradient(#fff 0 13px,#e5edf2 14px 15px);border-radius:9px}.progress-list p{display:grid;grid-template-columns:130px 1fr 40px;gap:12px;align-items:center;background:#fff;padding:14px;border-radius:10px}.progress-list i{height:8px;background:#e6eef3;border-radius:8px;overflow:hidden}.progress-list i b{display:block;height:100%;width:var(--p);background:linear-gradient(90deg,var(--blue),var(--cyan))}.progress-list em{font-style:normal;color:var(--blue);font-size:11px}.privacy-note{text-align:center;color:var(--muted);font-size:11px}.privacy-note:first-letter{color:#19a67e}
.visual-story{background:var(--navy);color:#fff}.visual-story-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.visual-story .section-head h2{color:#fff}.visual-story .section-head p{color:#a9bdcf}.story-control{border:0;font:inherit;cursor:pointer;margin-top:25px}.story-player{background:linear-gradient(145deg,#0b2748,#0a3f67);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px;box-shadow:0 30px 70px rgba(0,0,0,.25)}.story-screen{min-height:300px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.story-screen:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(3,169,198,.18);border-radius:50%;animation:orbitPulse 3s infinite}@keyframes orbitPulse{50%{transform:scale(1.15);opacity:.45}}.story-scene{display:none;position:relative;z-index:1;max-width:420px;animation:sceneIn .65s ease}.story-scene.active{display:block}@keyframes sceneIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.story-scene>b{display:grid;place-items:center;width:60px;height:60px;margin:auto;border-radius:50%;background:var(--cyan);font-size:20px}.story-scene h3{font-size:25px;margin:18px 0 5px}.story-scene p{color:#b9cad8}.story-progress{height:4px;background:rgba(255,255,255,.12);border-radius:5px;overflow:hidden}.story-progress i{display:block;width:0;height:100%;background:var(--cyan)}.story-player.playing .story-progress i{animation:storyProgress 40s linear forwards}@keyframes storyProgress{to{width:100%}}.story-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.story-dots button{border:0;width:28px;height:28px;border-radius:50%;background:#234965;color:#9cb5c7;cursor:pointer}.story-dots button.active{background:var(--cyan);color:#fff}.story-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:25px}.story-actions .story-control{margin-top:0}.story-sound{min-height:45px;padding:10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.06);color:#d8e7f1;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.story-sound:hover{background:rgba(255,255,255,.12)}.story-sound span{color:var(--cyan);font-size:17px;margin-left:6px}
.outcomes{background:#f6fafc}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.outcome-grid article{background:#fff;border:1px solid var(--line);padding:26px;border-radius:16px;transition:.3s}.outcome-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.outcome-grid i{font-style:normal;font-size:25px;color:var(--cyan)}.outcome-grid h3{color:var(--navy);font-size:17px}.outcome-grid p{color:var(--muted);font-size:12px}
.shot-modal{position:fixed;inset:0;background:rgba(2,15,28,.86);z-index:500;display:none;align-items:center;justify-content:center;padding:30px}.shot-modal.open{display:flex}.modal-content{width:min(1100px,95vw)}.modal-content .product-browser{max-width:none}.modal-close{position:absolute;left:25px;top:18px;border:0;background:#fff;width:42px;height:42px;border-radius:50%;font-size:25px;cursor:pointer}.mobile-actions{display:none}
body.dark{--paper:#07182d;--surface:#0b2748;--surface2:#0d2f50;--ink:#eef7fb;--text:#eef7fb;--muted:#a9bdcf;--line:#284b66;background:#081d33;color:#eef7fb}.dark .site-header{background:rgba(7,24,45,.94)}.dark .brand b,.dark h1,.dark .section-head h2,.dark .feature-card h3,.dark .shot-content h3,.dark .outcome-grid h3{color:#f2f8fb}.dark .brand small,.dark .section-head p{color:#a9bdcf}.dark .capabilities,.dark .reports,.dark .about,.dark .contact,.dark .product-gallery,.dark .outcomes{background:#081d33}.dark .feature-card,.dark .product-browser,.dark .shot-content,.dark .shot-kpis article,.dark .agenda p,.dark .progress-list p,.dark .outcome-grid article,.dark .contact-card,.dark .demo-form,.dark .button.ghost{background:#0d2f50;border-color:#284b66}.dark .browser-bar{background:#102a43;border-color:#284b66}.dark .theme-toggle{background:#0d2f50;color:#fff;border-color:#31516a}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media(max-width:900px){.visual-story-grid{grid-template-columns:1fr}.outcome-grid{grid-template-columns:1fr 1fr}.nav .theme-toggle{width:100%}.shot{grid-template-columns:105px 1fr}}
@media(max-width:600px){body{padding-bottom:58px}.gallery-tabs{justify-content:flex-start;overflow:auto}.gallery-tabs button{white-space:nowrap}.shot{grid-template-columns:1fr}.shot-sidebar{display:none}.shot-content{padding:22px;min-height:390px}.shot-kpis{grid-template-columns:1fr}.shot-chart{height:90px}.approval-flow{flex-direction:column;gap:6px}.approval-flow i{width:2px;height:18px;flex:none}.progress-list p{grid-template-columns:1fr}.outcome-grid{grid-template-columns:1fr}.mobile-actions{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);bottom:0;left:0;right:0;height:58px;background:rgba(7,24,45,.96);z-index:300;box-shadow:0 -8px 25px rgba(0,0,0,.18)}.mobile-actions a{display:grid;place-items:center;color:#fff;font-size:11px;border-left:1px solid rgba(255,255,255,.1)}.visual-story-grid{gap:25px}.story-screen{min-height:260px}}
/* Real, privacy-safe product screenshots */
.real-gallery-head{text-align:center;margin:70px auto 24px}.real-gallery-head>span{color:var(--blue);font-size:12px;font-weight:800}.real-gallery-head h3{font-size:27px;color:var(--navy);margin:7px 0}.real-gallery-head p{font-size:12px;color:var(--muted)}
.real-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.real-shot{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 15px 45px rgba(4,30,57,.09);transition:.3s}.real-shot:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.real-shot button{display:block;width:100%;height:280px;padding:0;border:0;background:#eaf1f5;cursor:zoom-in;overflow:hidden}.real-shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:.5s}.real-shot:hover img{transform:scale(1.025)}.real-shot figcaption{display:flex;flex-direction:column;padding:17px 20px}.real-shot figcaption b{color:var(--navy)}.real-shot figcaption span{font-size:11px;color:var(--muted)}
.modal-content>.real-preview{display:block;max-width:94vw;max-height:88vh;margin:auto;border:7px solid #fff;border-radius:14px;box-shadow:0 25px 80px #000}.dark .real-shot{background:#0d2f50;border-color:#284b66}.dark .real-gallery-head h3,.dark .real-shot figcaption b{color:#f2f8fb}
@media(max-width:900px){.real-shot button{height:220px}}@media(max-width:600px){.real-product-grid{grid-template-columns:1fr}.real-shot button{height:210px}}
/* Keep the anti-bot field accessible to the form logic without affecting page width. */
.hp{position:fixed!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important}
@media(max-width:600px){.stage-glow{width:100%;left:0}}