.wd-demo{--wd-ink:#142e43;--wd-blue:#bfe3fb;color:#f3f8fc;text-align:left;background:#102438;border:1px solid #334c60;border-radius:24px;max-width:1100px;margin:48px auto 0;padding:30px 32px 22px;overflow:hidden}.wd-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.wd-kicker{letter-spacing:.16em;color:#a2c8e3;font-size:10px}.wd-heading h2{max-width:490px;margin:9px 0 0;font-size:clamp(21px,2.6vw,30px);font-weight:500;line-height:1.2}.wd-heading>p{flex:none;line-height:1.6;color:#b2c6d6!important;margin:0!important;font-size:11px!important}.wd-examples{flex-wrap:wrap;gap:7px;margin:24px 0 30px;display:flex}.wd-demo button{cursor:pointer;font-family:inherit}.wd-examples button{color:#c6d7e4;background:0 0;border:1px solid #4b6174;border-radius:30px;min-height:44px;padding:9px 15px;font-size:12px}.wd-examples button[aria-pressed=true]{color:#153148;background:#c4e5fc;border-color:#c4e5fc}.wd-devices{min-width:0;padding:0 110px 0 8px;position:relative}.wd-laptop{width:100%;padding-bottom:15px;position:relative}.wd-browser{color:var(--wd-ink);background:#f7fafb;border:5px solid #223747;border-radius:15px 15px 5px 5px;overflow:hidden;box-shadow:0 16px 40px #0004}.wd-chrome{background:#e8eef2;border-bottom:1px solid #d2dce4;justify-content:space-between;align-items:center;gap:15px;height:30px;padding:0 12px;display:flex}.wd-chrome>span{color:#607381;background:#f6f9fb;border-radius:5px;justify-content:center;align-items:center;gap:6px;width:48%;min-width:150px;height:18px;font-size:9px;display:flex}.wd-dots{gap:4px;display:flex}.wd-dots i{background:#aebbc6;border-radius:50%;width:5px;height:5px}.wd-site{padding:0 24px}.wd-site-nav{border-bottom:1px solid #dde5e9;justify-content:space-between;align-items:center;gap:12px;height:54px;display:flex}.wd-site-nav strong{letter-spacing:-.025em;font-size:13px}.wd-site-nav strong>span{color:#8babbe}.wd-site-nav>div{gap:12px;display:flex}.wd-site-nav button{color:#385264;background:0 0;border:0;align-items:center;gap:3px;min-height:32px;padding:7px 0;font-size:9px;display:flex}.wd-page{align-items:center;min-height:300px;animation:.4s both wd-page-in;display:grid}.wd-home,.wd-detail,.wd-contact-page{grid-template-columns:1fr 1fr;align-items:center;gap:22px;display:grid}.wd-site-copy>span{letter-spacing:.12em;color:#638196;text-transform:uppercase;font-size:7px;display:block}.wd-site-copy h3{letter-spacing:-.04em;color:#153248;margin:13px 0;font-size:clamp(19px,2.3vw,32px);font-weight:500;line-height:1.08}.wd-demo .wd-site-copy p{color:#607381;max-width:245px;margin:0 0 19px;font-size:11px;line-height:1.6}.wd-action{color:#fff;background:#173c55;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:10px 12px;font-size:9px;display:inline-flex}.wd-art{background:#dce5e8;border-radius:3px;position:relative;overflow:hidden}.wd-scene{width:100%;height:auto;display:block}.wd-art>span{color:#4a6878;background:#f6faf9d9;padding:3px 5px;font-size:7px;position:absolute;bottom:7px;left:10px}.wd-detail .wd-art{aspect-ratio:.95}.wd-detail .wd-scene{object-fit:cover;height:100%}.wd-detail-tags{gap:6px;margin:-7px 0 16px;display:flex}.wd-detail-tags>span{color:#607989;border:1px solid #cddbe3;padding:4px 7px;font-size:8px}.wd-site-footer{color:#6f8798;border-top:1px solid #dde5e9;justify-content:space-between;align-items:center;gap:8px;height:30px;font-size:7px;display:flex}.wd-laptop-base{background:linear-gradient(#d9e1e7,#8ca0af);border-radius:3px 3px 35px 35px;width:106%;height:17px;position:absolute;bottom:0;left:-3%;box-shadow:0 10px 20px #0003}.wd-laptop-base:after{content:"";background:#8398a8;border-radius:0 0 6px 6px;width:14%;height:5px;position:absolute;top:0;left:43%}.wd-phone{color:#17374c;background:#f7fafb;border:5px solid #314858;border-radius:27px;width:174px;position:absolute;bottom:-15px;right:8px;overflow:hidden;box-shadow:0 15px 35px #0005}.wd-phone-top{align-items:center;height:25px;padding:0 11px;font-size:7px;display:flex;position:relative}.wd-phone-top i{background:#213b4d;border-radius:10px;width:26%;height:9px;position:absolute;top:5px;left:37%}.wd-phone-content{padding:8px 12px}.wd-phone-content>strong{margin-bottom:12px;font-size:10px;display:block}.wd-phone-screen{min-height:265px;animation:.4s both wd-page-in}.wd-phone-screen>.wd-scene{object-fit:cover;border-radius:2px;height:105px;margin-bottom:15px}.wd-phone-screen>span{color:#658294;letter-spacing:.1em;text-transform:uppercase;font-size:6px}.wd-phone-screen h3{letter-spacing:-.04em;margin:7px 0 9px;font-size:19px;font-weight:500;line-height:1.1}.wd-demo .wd-phone-screen>p{color:#5c7585;margin:0 0 12px;font-size:8px;line-height:1.6}.wd-phone-screen>button,.wd-mobile-send{color:#fff;background:#173c55;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:3px;width:100%;min-height:34px;padding:8px;font-size:8px;display:flex}.wd-phone-bottom{background:#1b3548;border-radius:4px;width:40%;height:3px;margin:10px auto 7px}.wd-form-preview{background:#fff;border:1px solid #dce6eb;border-radius:6px;padding:17px}.wd-form-preview>span{letter-spacing:.12em;color:#597c93;font-size:7px}.wd-form-preview>div:not(.wd-preview-submit){background:#f3f7f9;border:1px solid #dce6eb;margin:13px 0;padding:8px}.wd-form-preview small{color:#668191;font-size:7px;display:block}.wd-demo .wd-form-preview p{color:#213f54;margin:4px 0 0;font-size:10px}.wd-preview-submit{color:#fff;background:#173c55;border-radius:3px;justify-content:space-between;align-items:center;margin-bottom:7px;padding:10px;font-size:9px;display:flex}.wd-contact-route{color:#456d62;align-items:center;gap:6px;font-size:9px;display:flex}.wd-mobile-contact-icon{background:#deedf2;border-radius:50%;place-items:center;width:47px;height:47px;margin:5px 0 16px;display:grid}.wd-mobile-field{color:#648092;background:#eef4f7;border:1px solid #d5e1e8;margin:8px 0;padding:10px 8px;font-size:8px}.wd-mobile-send{margin-top:10px}.wd-phone-screen>small{color:#698390;margin-top:7px;font-size:7px;display:block}.wd-controls{justify-content:space-between;align-items:center;gap:14px;margin-top:40px;display:flex}.wd-stages{flex-wrap:wrap;gap:14px;display:flex}.wd-stages button{color:#a7c0d2;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:4px 0;font-size:11px;display:flex}.wd-stages button>span{border:1px solid #49677e;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.wd-stages button[aria-pressed=true]{color:#e1f3ff}.wd-stages button[aria-pressed=true]>span{color:#19364a;background:#bfdef4;border-color:#bfdef4}.wd-playback{color:#c9dfed;background:0 0;border:1px solid #49647a;border-radius:7px;flex:none;align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-size:11px;display:flex}.wd-playback:disabled{cursor:default;color:#9cb1c2}.wd-demo .wd-note{color:#a6bdcf;margin:12px 0 0;font-size:10px;line-height:1.6}.wd-demo button:focus-visible{outline-offset:3px;outline:3px solid #81c3f0}.wd-demo[data-running=false] .wd-page,.wd-demo[data-running=false] .wd-phone-screen{animation-play-state:paused}@keyframes wd-page-in{0%{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.wd-demo{padding:24px 20px}.wd-devices{padding-right:92px}.wd-phone{width:152px;right:0}.wd-site{padding:0 16px}.wd-site-nav>div{gap:8px}.wd-page{min-height:270px}.wd-home,.wd-detail,.wd-contact-page{gap:14px}.wd-site-copy h3{font-size:24px}.wd-demo .wd-site-copy p{font-size:10px}.wd-phone-screen h3{font-size:17px}.wd-controls{align-items:start}.wd-stages{gap:5px 12px}.wd-heading>p{max-width:130px}.wd-contact-route{font-size:8px}}@media (max-width:600px){.wd-demo{border-radius:18px;margin-top:30px;padding:22px 14px 18px}.wd-heading{display:block}.wd-heading h2{max-width:350px;font-size:25px}.wd-heading>p{max-width:none;margin-top:12px!important}.wd-heading>p br{display:none}.wd-examples{gap:6px;margin:18px 0 22px}.wd-examples button{padding:8px 11px;font-size:10px}.wd-devices{padding:0 0 135px}.wd-browser{border-width:4px}.wd-site{padding:0 13px}.wd-site-nav{height:44px}.wd-site-nav strong{font-size:10px}.wd-site-nav>div{gap:8px}.wd-site-nav button{font-size:8px}.wd-page{min-height:280px;padding:18px 0}.wd-home,.wd-detail,.wd-contact-page{gap:12px}.wd-site-copy h3{font-size:23px}.wd-demo .wd-site-copy p{margin-bottom:12px;font-size:9px}.wd-site-copy>span{letter-spacing:.06em;font-size:6px}.wd-action{gap:6px;padding:9px 8px;font-size:8px}.wd-home .wd-art{height:218px}.wd-home .wd-scene{object-fit:cover;height:100%}.wd-detail .wd-art{aspect-ratio:auto;height:220px}.wd-phone{width:139px;bottom:0;right:12px}.wd-phone-content{padding:5px 10px}.wd-phone-screen{min-height:238px}.wd-phone-screen>.wd-scene{height:87px}.wd-phone-screen h3{font-size:16px}.wd-phone-content>strong{font-size:9px}.wd-form-preview{padding:10px}.wd-contact-route{align-items:start;font-size:8px}.wd-contact-route>svg{flex:none}.wd-form-preview>div:not(.wd-preview-submit){padding:6px}.wd-controls{gap:8px;margin-top:20px}.wd-stages{display:block}.wd-stages button{min-height:38px;font-size:10px}.wd-playback{padding:8px;font-size:10px}.wd-site-footer{font-size:6px}.wd-detail-tags>span{padding:3px 5px;font-size:7px}}@media (max-width:360px){.wd-site-copy h3{font-size:19px}.wd-home,.wd-detail,.wd-contact-page{gap:9px}.wd-site-nav>div{gap:5px}.wd-site-nav strong{font-size:9px}.wd-demo{padding-left:11px;padding-right:11px}.wd-chrome>span{min-width:135px}.wd-preview-submit{padding:7px;font-size:8px}.wd-action{font-size:7px}.wd-form-preview small{font-size:6px}.wd-demo .wd-form-preview p{font-size:8px}}.wd-demo[data-running=false] .wd-page,.wd-demo[data-running=false] .wd-phone-screen{animation:none}.wd-demo .wd-site-nav button,.wd-demo .wd-action,.wd-demo .wd-phone-screen>button{min-height:44px;font-size:11px}.wd-demo .wd-phone-screen>p{font-size:10px}.wd-phone{width:185px}.wd-phone-screen{min-height:280px}.wd-journey-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:800px){.wd-phone{width:167px}.wd-site-nav>div{gap:8px}.wd-demo .wd-site-nav button,.wd-demo .wd-action{font-size:10px}}@media (max-width:600px){.wd-phone{width:157px}.wd-phone-screen{min-height:255px}.wd-site-nav>div{gap:7px}.wd-demo .wd-site-nav button{font-size:10px}.wd-demo .wd-action{flex-wrap:wrap;font-size:10px}.wd-demo .wd-phone-screen>button{font-size:10px}.wd-site-nav strong{max-width:100px}.wd-home,.wd-detail,.wd-contact-page{grid-template-columns:1fr}.wd-page{min-height:390px}.wd-site-copy h3{max-width:230px;font-size:26px}.wd-demo .wd-site-copy p{max-width:230px;font-size:11px}.wd-home .wd-art,.wd-detail .wd-art{height:160px}.wd-detail .wd-art{order:2}.wd-contact-page{align-content:start}.wd-form-preview{max-width:210px}.wd-demo .wd-form-preview p{font-size:11px}.wd-form-preview small{font-size:9px}.wd-preview-submit{font-size:11px}.wd-contact-route{font-size:10px}.wd-devices{padding-bottom:160px}.wd-site-copy>span{font-size:8px}.wd-detail-tags>span{font-size:9px}}@media (prefers-reduced-motion:reduce){.wd-demo *,.wd-demo :before,.wd-demo :after{transition:none!important;animation:none!important}}.wd-site-copy>span,.wd-site-footer,.wd-phone-screen>span{color:#486275}.vf-app-demo{--app-navy:#102d4a;--app-blue:#2164d6;--app-muted:#52677d;text-align:left;color:#19324b;max-width:1120px;margin:46px auto 0}.vf-app-demo *{box-sizing:border-box}.vf-app-caption{color:#516b82;letter-spacing:.07em;justify-content:space-between;gap:16px;margin-bottom:13px;font-size:10px;display:flex}.vf-app-caption>span:first-child{font-weight:700}.vf-app-desktop{background:#fff;border:1px solid #d1e1ef;border-radius:18px;grid-template-columns:168px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 24px 70px #1b4d7920}.vf-app-sidebar{background:var(--app-navy);color:#ccdeee;flex-direction:column;gap:9px;padding:24px 15px;display:flex}.vf-app-symbol{align-items:center;gap:9px;margin-bottom:29px;display:flex}.vf-app-symbol>span{color:#16416d;background:#c7e3ff;border-radius:9px;place-items:center;width:31px;height:31px;font:italic 25px Georgia,serif;display:grid}.vf-app-symbol strong{color:#fff;font-size:15px;font-weight:600}.vf-app-symbol strong span{color:#a6c3df;margin-top:3px;font-size:9px;font-weight:400;display:block}.vf-app-side-item{border-radius:7px;align-items:center;gap:9px;padding:12px 9px;font-size:11px;display:flex}.vf-app-side-item small{margin-left:auto;font-size:9px}.vf-app-side-item.is-selected{color:#fff;background:#2a4c6d}.vf-app-side-bottom{align-items:center;gap:9px;margin-top:auto;padding-top:60px;font-size:10px;display:flex}.vf-app-side-bottom small{color:#aec7de;margin-top:3px;font-size:9px;display:block}.vf-app-avatar{color:#325877;background:#e0ebf6;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:9px;font-weight:600;display:inline-grid}.vf-app-main{min-width:0}.vf-app-toolbar{height:52px;color:var(--app-muted);border-bottom:1px solid #e5edf4;justify-content:space-between;align-items:center;padding:0 25px;font-size:10px;display:flex}.vf-app-toolbar>span>span{color:#9bb0c3;margin:0 10px}.vf-app-heading{justify-content:space-between;align-items:center;gap:12px;padding:27px 25px 18px;display:flex}.vf-app-overline{color:#5c748c;letter-spacing:.12em;font-size:8px;font-weight:600}.vf-app-demo .vf-app-heading h2{letter-spacing:-.045em;margin:6px 0 8px;font-size:25px;line-height:1.2}.vf-app-demo .vf-app-heading p{color:var(--app-muted);margin:0;font-size:11px;line-height:1.5}.vf-app-project-status{white-space:nowrap;color:#275d94;background:#edf4fc;border:1px solid #d2e4f8;border-radius:20px;padding:6px 9px;font-size:9px}.vf-app-role{border-bottom:1px solid #dfebf4;gap:5px;margin:0 25px;display:flex}.vf-app-role button{color:#526b82;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;min-height:44px;padding:9px 10px;font-size:10px;display:flex}.vf-app-role button[aria-pressed=true]{color:#1c59b8;border-bottom-color:#2164d6;font-weight:600}.vf-app-workarea{background:linear-gradient(#fff,#f8fbfe);grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:22px;min-height:340px;padding:22px 25px 25px;display:grid}.vf-app-board,.vf-app-updates{min-width:0}.vf-app-panel-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;display:flex}.vf-app-demo .vf-app-panel-heading h3{letter-spacing:0;align-items:center;gap:6px;margin:0;font-size:11px;font-weight:600;display:flex}.vf-app-panel-heading>span{color:#5c748c;font-size:8px}.vf-app-columns{grid-template-columns:1fr 1fr;gap:10px;min-height:171px;display:grid}.vf-app-columns>div{background:#eef4f9;border:1px solid #e1eaf2;border-radius:8px;padding:10px}.vf-app-column-label{letter-spacing:.07em;color:#58718a;justify-content:space-between;margin:1px 0 11px;font-size:7px;font-weight:600;display:flex}.vf-app-task{background:#fff;border:1px solid #d8e5f0;border-radius:6px;padding:11px;box-shadow:0 3px 6px #1f477807}.vf-app-task-tag{color:#205caf;background:#edf4ff;border-radius:3px;align-items:center;gap:3px;padding:3px 5px;font-size:7px;display:inline-flex}.vf-app-demo .vf-app-task h4{letter-spacing:0;margin:8px 0 5px;font-size:10px;line-height:1.5}.vf-app-demo .vf-app-task p{color:#52677d;margin:0;font-size:9px;line-height:1.6}.vf-app-task footer{color:#52677d;align-items:center;gap:5px;margin-top:12px;font-size:8px;display:flex}.vf-app-task footer>.vf-app-avatar{width:20px;height:20px;font-size:7px}.vf-app-task footer>svg{color:#287054;margin-left:auto}.vf-app-task-ready{border-color:#a5c6ec;animation:.35s ease-out vf-app-arrive}.vf-app-placeholder{color:#627a91;padding:14px 1px;font-size:8px;line-height:1.6}.vf-app-files{margin-top:20px}.vf-app-files .vf-app-panel-heading{margin-bottom:5px}.vf-app-file{border-bottom:1px solid #dfebf4;align-items:center;gap:9px;padding:10px 0;display:flex}.vf-app-file>svg:first-child{color:#4d79a4;flex-shrink:0}.vf-app-file>div{flex:1;min-width:0}.vf-app-file strong{overflow-wrap:anywhere;font-size:9px;font-weight:500;display:block}.vf-app-file div span{color:#60778b;margin-top:3px;font-size:8px;display:block}.vf-app-file>svg:last-child{color:#476a87}.vf-app-file-new{animation:.35s ease-out vf-app-arrive}.vf-app-new{color:#225bab;background:#e4efff;border-radius:3px;padding:3px 5px;font-size:6px}.vf-app-updates{border-left:1px solid #dfe9f2;padding-left:20px}.vf-app-activity{align-items:flex-start;gap:9px;margin:17px 0;display:flex}.vf-app-activity>div{gap:4px;display:grid}.vf-app-activity strong{font-size:9px;font-weight:600}.vf-app-activity div>span{color:#526b82;font-size:9px}.vf-app-activity small{color:#60778b;font-size:7px}.vf-app-activity-icon{color:#287054;background:#e3f1ee;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;display:grid}.vf-app-awaiting{text-align:center;color:#6387a7;background:#f1f6fb;border:1px dashed #c9dbe9;border-radius:8px;margin-top:22px;padding:28px 15px}.vf-app-demo .vf-app-awaiting p{color:#546f87;margin:9px 0 0;font-size:10px;line-height:1.6}.vf-app-review-note{background:#eaf3ff;border:1px solid #c7ddfa;border-radius:9px;margin-top:20px;padding:12px}.vf-app-review-note>div{align-items:center;gap:7px;display:flex}.vf-app-review-note strong{font-size:9px}.vf-app-review-note small{color:#54718e;margin-top:2px;font-size:7px;font-weight:400;display:block}.vf-app-demo .vf-app-review-note p{color:#315a80;margin:11px 0;font-size:10px;line-height:1.7}.vf-app-review-note>span{color:#2059a5;align-items:center;gap:5px;font-size:8px;display:flex}.vf-app-visibility{color:#58738d;align-items:flex-start;gap:5px;margin-top:20px;font-size:8px;line-height:1.6;display:flex}.vf-app-visibility svg{flex-shrink:0}.vf-app-controls{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.vf-app-step{font-size:15px;font-weight:600}.vf-app-demo .vf-app-controls p{color:#526b82;margin:6px 0 0;font-size:11px;line-height:1.6}.vf-app-actions{flex-shrink:0;gap:8px;display:flex}.vf-app-actions button{color:#2059a5;background:#fff;border:1px solid #c0d6ec;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:11px;display:flex}.vf-app-actions .vf-app-primary{color:#fff;background:#205fc4;border-color:#205fc4}.vf-app-demo .vf-app-disclosure{color:#526b82;margin-top:17px;font-size:10px;line-height:1.7}.vf-app-customer-content{background:#f4f8fd;border:1px solid #d9e7f4;border-radius:8px;min-height:171px;padding:17px}.vf-app-customer-label{color:#396c9c;letter-spacing:.08em;font-size:7px}.vf-app-demo .vf-app-customer-content h4{letter-spacing:-.02em;margin:9px 0;font-size:15px;line-height:1.4}.vf-app-demo .vf-app-customer-content p{color:#526b82;margin:0 0 12px;font-size:10px;line-height:1.6}.vf-app-milestone{border-top:1px solid #dbe7f1;align-items:center;gap:7px;padding:9px 0;font-size:9px;display:flex}.vf-app-milestone>svg{color:#3777b1;flex-shrink:0}.vf-app-milestone>span:last-child{color:#56718a;margin-left:auto;font-size:7px}.vf-app-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vf-app-demo button:focus-visible{outline-offset:4px;outline:3px solid #377bed}.vf-app-event{animation:.35s ease-out vf-app-arrive}@keyframes vf-app-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1000px){.vf-app-desktop{grid-template-columns:140px minmax(0,1fr)}.vf-app-workarea{gap:16px;padding:20px}.vf-app-updates{padding-left:16px}.vf-app-heading{padding:24px 20px 18px}.vf-app-role{margin:0 20px}.vf-app-panel-heading>span{display:none}}@media (max-width:700px){.vf-app-desktop{grid-template-columns:1fr}.vf-app-sidebar{display:none}.vf-app-toolbar{height:43px;padding:0 16px}.vf-app-heading{padding:20px 16px 15px}.vf-app-demo .vf-app-heading h2{font-size:23px}.vf-app-role{margin:0 16px}.vf-app-workarea{grid-template-columns:1fr;gap:22px;padding:18px 16px}.vf-app-updates{border-top:1px solid #dfe9f2;border-left:0;padding:19px 0 0}.vf-app-panel-heading>span{display:block}.vf-app-columns{min-height:170px}.vf-app-awaiting{margin-top:15px;padding:14px}.vf-app-controls{flex-direction:column;align-items:flex-start;gap:14px}.vf-app-actions{flex-wrap:wrap}.vf-app-caption{flex-direction:column;gap:6px}.vf-app-demo .vf-app-heading p{max-width:190px}.vf-app-project-status{padding:5px 7px;font-size:8px}.vf-app-role button{padding:8px 6px;font-size:9px}.vf-app-task{padding:9px}.vf-app-demo .vf-app-task h4{font-size:10px}.vf-app-columns>div{padding:8px}.vf-app-column-label{font-size:6px}.vf-app-controls>div:first-child{width:100%}}@media (prefers-reduced-motion:reduce){.vf-app-demo *{transition:none!important;animation:none!important}}.vf-app-demo .vf-app-task h4{font-size:12px}.vf-app-demo .vf-app-task p,.vf-app-placeholder,.vf-app-task footer,.vf-app-task-tag{font-size:11px}.vf-app-column-label{gap:6px;font-size:10px;line-height:1.5}.vf-app-column-label span{flex-shrink:0}.vf-app-file strong,.vf-app-activity strong,.vf-app-activity div>span,.vf-app-review-note strong{font-size:12px}.vf-app-file div span,.vf-app-activity small,.vf-app-review-note small,.vf-app-review-note>span,.vf-app-visibility,.vf-app-panel-heading>span{font-size:10px}.vf-app-demo .vf-app-review-note p,.vf-app-demo .vf-app-awaiting p,.vf-app-demo .vf-app-customer-content p,.vf-app-demo .vf-app-panel-heading h3,.vf-app-role button{font-size:12px}.vf-app-new,.vf-app-milestone>span:last-child,.vf-app-customer-label{font-size:10px}.vf-app-milestone{font-size:12px}.vf-app-demo[data-motion=false] *{animation:none!important}.vf-app-demo[data-running=false] *{animation-play-state:running}@media (max-width:700px){.vf-app-columns{grid-template-columns:1fr}.vf-app-column-label{font-size:10px}.vf-app-demo .vf-app-task h4{font-size:13px}.vf-app-role button{font-size:11px}.vf-app-demo .vf-app-heading p{max-width:170px;font-size:12px}}.vf-app-demo .vf-app-placeholder{color:#486275}.ft-real-demo{text-align:left;color:#eaf3fa;background:#102335;border:1px solid #365067;border-radius:22px;max-width:1120px;margin:45px auto 0;padding:30px;box-shadow:0 25px 65px #1b3c5825}.ft-real-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.ft-real-top h2{font-size:28px}.ft-real-top>span{color:#b2c8da;font-size:10px}.ft-real-tabs{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.ft-real-tabs button{color:#cbdeeb;background:0 0;border:1px solid #536d80;border-radius:24px;min-height:44px;padding:9px 16px;font-size:12px}.ft-real-tabs button[aria-pressed=true]{color:#152e43;background:#c9e8ff;border-color:#c9e8ff}.ft-tools-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;display:grid}.ft-tool-group{min-width:0;position:relative}.ft-tool-window{color:#243a4d;background:#fff;border:2px solid #0000;border-radius:13px;transition:transform .3s,border-color .3s;box-shadow:0 12px 30px #0002}.ft-tool-window[data-active=true]{border-color:#91cfff;transform:translateY(-5px)}.ft-tool-window>header{background:#f5f8fa;border-bottom:1px solid #dce6ec;border-radius:11px 11px 0 0;justify-content:space-between;align-items:center;height:52px;padding:0 15px;display:flex}.ft-tool-brand{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.ft-tool-gmail svg{color:#c4473d}.ft-tool-hubspot svg{color:#d75b35}.ft-tool-slack svg{color:#70426f}.ft-tool-googlesheets svg{color:#19834e}.ft-tool-state{color:#5d778a;font-size:11px}.ft-tool-window[data-done=true] .ft-tool-state{color:#167349}.ft-tool-body{opacity:.5;min-height:260px;padding:16px;transition:opacity .3s}.ft-tool-window[data-active=true] .ft-tool-body,.ft-tool-window[data-done=true] .ft-tool-body{opacity:1}.ft-tool-menu{color:#62778a;border-bottom:1px solid #e1e8ed;justify-content:space-between;gap:8px;margin-bottom:17px;padding-bottom:10px;font-size:10px;display:flex}.ft-tool-menu b{color:#186448;background:#e5f5ec;border-radius:4px;padding:2px 5px;font-size:9px}.ft-tool-body h3{letter-spacing:0;margin:12px 0;font-size:15px}.ft-real-demo .ft-tool-body p{color:#445e72;margin-top:12px;font-size:12px;line-height:1.65}.ft-tool-body small{color:#6b7f8d;font-size:10px}.ft-data-tags{flex-wrap:wrap;gap:5px;margin-top:20px;display:flex}.ft-data-tags span,.ft-tool-pill{color:#285b7a;background:#e7f2fb;border-radius:5px;padding:5px 7px;font-size:9px;display:inline-block}.ft-tool-pill{margin-top:16px}.ft-contact-avatar{color:#a3482f;background:#ffeadf;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;display:grid}.ft-tool-body dl{margin:16px 0 0}.ft-tool-body dl>div{border-bottom:1px solid #edf0f4;justify-content:space-between;gap:8px;padding:8px 0;font-size:10px;display:flex}.ft-tool-body dt{color:#6b8193}.ft-tool-body dd{overflow-wrap:anywhere;margin:0}.ft-slack-attachment{background:#f2f6f9;border-left:3px solid #6d9cbe;margin-top:15px;padding:10px;font-size:11px}.ft-slack-attachment span{color:#286486;margin-top:12px;font-size:10px;display:block}.ft-tool-window>footer{border-top:1px solid #dce6ec;padding:13px 15px;font-size:11px;font-weight:500}.ft-tool-transfer{color:#86b9dd;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:46%;right:-28px}.ft-tool-transfer span{opacity:0;background:#b1e0ff;border-radius:3px;width:8px;height:8px;position:absolute;top:-9px;left:0}.ft-tool-transfer[data-moving=true] span{animation:1.1s ease-in-out infinite ft-transfer}.ft-inbox-row{border-bottom:1px solid #e0e7ec;align-items:center;gap:7px;padding:12px 0;font-size:11px;display:flex}.ft-inbox-row svg{color:#728b9c;flex:none}.ft-tool-body table{border-collapse:collapse;width:100%;font-size:10px}.ft-tool-body td,.ft-tool-body th{text-align:left;border:1px solid #d5e1d9;padding:10px 6px}.ft-tool-body th{background:#e5f2e9}.ft-invoice-total{letter-spacing:-.04em;font-size:30px}.ft-real-footer{justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.ft-real-demo .ft-real-footer p{color:#e6f3fc;font-size:15px}.ft-real-footer button{color:#cbe7fb;background:0 0;border:1px solid #57748b;border-radius:24px;flex:none;align-items:center;gap:7px;min-height:44px;padding:8px 13px;font-size:11px;display:flex}.ft-real-demo .ft-real-note{color:#9ab5c8;margin-top:14px;font-size:10px}.ft-real-demo button:focus-visible{outline-offset:3px;outline:3px solid #b8e1ff}@keyframes ft-transfer{0%{opacity:0;transform:translate(-5px)}25%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(25px)}}@media (max-width:800px){.ft-tools-track{grid-template-columns:1fr;gap:35px}.ft-tool-transfer{inset:auto auto -30px 50%;transform:rotate(90deg)}.ft-real-top{display:block}.ft-real-top>span{margin-top:10px;display:block}.ft-real-demo{padding:22px 18px}.ft-real-top h2{font-size:25px}.ft-real-footer{align-items:start}.ft-tool-body{min-height:180px}}@media (prefers-reduced-motion:reduce){.ft-real-demo *{transition:none!important;animation:none!important}.ft-tool-window[data-active=true]{transform:none}}.ft-real-demo .ft-tool-body{opacity:1}.ft-real-demo .ft-tool-body small,.ft-real-demo .ft-tool-body dt{color:#536b7c}