.vsi-services,.vsi-services *{box-sizing:border-box}.vsi-services{--paper:#f4f2ec;--ink:#191918;--orange:#ff6a00;--line:#d4d0c6;--muted:#726e67;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif;padding:62px 0 40px}.vsi-inner{width:min(1280px,88%);margin:auto}.vsi-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;padding-bottom:45px}.vsi-heading h2{font:500 clamp(54px,8.6vw,130px)/1.05 Oswald,Arial,sans-serif;letter-spacing:-.04em;margin:0;white-space:nowrap}.vsi-heading h2>span{color:var(--orange)}.vsi-heading>p{margin:0 0 5px;font-size:clamp(13px,1.3vw,18px);line-height:1.5;letter-spacing:-.03em;max-width:260px}.vsi-service{border-top:1px solid var(--line)}.vsi-service:last-child{border-bottom:1px solid var(--line)}.vsi-service summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;position:relative;-webkit-tap-highlight-color:transparent}.vsi-service summary::-webkit-details-marker{display:none}.vsi-service summary h3{font:500 clamp(22px,3vw,42px)/1.2 Montserrat,Arial,sans-serif;letter-spacing:-.065em;margin:0;transition:transform .3s,color .3s}.vsi-service summary:hover h3{transform:translateX(8px)}.vsi-service[open] summary h3{color:#ba4b00}.vsi-toggle{display:block;position:relative;width:25px;height:25px;flex-shrink:0}.vsi-toggle::before,.vsi-toggle::after{content:'';position:absolute;left:3px;right:3px;top:12px;height:1px;background:var(--ink);transition:transform .3s}.vsi-toggle::after{transform:rotate(90deg)}.vsi-service[open] .vsi-toggle::after{transform:rotate(0)}.vsi-body{overflow:hidden}.vsi-body-inner{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:9px 0 32px;align-items:center}.vsi-copy>p{font-size:clamp(14px,1.3vw,18px);line-height:1.65;letter-spacing:-.025em;margin:0 0 20px;max-width:310px}.vsi-copy ul{padding:0;margin:0 0 26px;list-style:none;font-size:11px;color:var(--muted);line-height:1.9}.vsi-link{color:var(--ink);font-size:11px;text-decoration:none;display:inline-flex;align-items:center;gap:22px;padding-bottom:8px;border-bottom:1px solid var(--ink)}.vsi-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.vsi-demo{height:300px;min-width:0;background:#e8e4db;overflow:hidden;position:relative;isolation:isolate;contain:layout paint;display:flex;align-items:center;justify-content:center;padding:24px}.vsi-demo h4{font-size:16px;font-weight:550;letter-spacing:-.04em;line-height:1.3;margin:0}.vsi-demo p{font-size:11px;line-height:1.55}.vsi-app-label{font-size:8px;letter-spacing:.05em;color:var(--muted)}.vsi-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:25px}.vsi-bottom>p{margin:0;color:var(--muted);font-size:11px}.vsi-motion{display:none;background:none;border:0;border-bottom:1px solid var(--line);padding:5px 0;color:var(--muted);font:10px Montserrat;cursor:pointer}.vsi-services.is-animated .vsi-motion{display:block}.vsi-disclaimer{font-size:9px;line-height:1.5;color:var(--muted);margin:20px 0 0}.vsi-services summary:focus-visible,.vsi-services a:focus-visible,.vsi-services button:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
/* Actual viewport captures, with a responsive-device check. */
.vsi-web-app{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:20px}.vsi-browser{width:82%;background:#f9f8f4;border:1px solid #cbc6bc;box-shadow:0 12px 22px -16px #19191860;position:relative}.vsi-browser-bar{height:25px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:#6e6a60;font-size:8px;border-bottom:1px solid #d4d0c6}.vsi-browser-dots{letter-spacing:3px;font-size:12px}.vsi-web-viewport{aspect-ratio:1.6;max-height:207px;overflow:hidden}.vsi-web-page{display:block;width:100%;height:auto}.vsi-phone{position:absolute;right:8%;top:16px;width:82px;height:174px;border:4px solid #191918;border-radius:14px;overflow:hidden;background:#e8e4db;box-shadow:0 10px 20px #19191825}.vsi-phone img{width:100%;height:auto;display:block}.vsi-phone-top{position:absolute;z-index:2;background:#191918;border-radius:0 0 7px 7px;left:25%;right:25%;height:6px;top:0}.vsi-breakpoint{position:absolute;bottom:0;left:9%;right:9%;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.vsi-check{color:#42694e}
/* Physical identity applications, real VATS assets. */
.vsi-brand-board{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:20px}.vsi-brand-poster{height:236px;width:160px;background:#0b0b0b;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:35px 15px 16px;transform:rotate(-5deg);box-shadow:0 8px 20px #19191825}.vsi-brand-poster img{width:106px;height:auto}.vsi-brand-poster>span{color:#e6d8b8;font-size:9px;letter-spacing:.06em}.vsi-type-sheet{height:215px;width:185px;background:#fffdf7;padding:20px;transform:rotate(4deg);box-shadow:0 8px 20px #19191815}.vsi-type-sheet>span{font-size:7px;letter-spacing:.08em;color:#747069}.vsi-type-sheet>strong{display:block;font:500 95px/.95 Oswald;margin:12px 0 10px}.vsi-type-sheet>p{margin:0;font-size:10px}.vsi-swatches{display:flex;gap:5px;margin-top:14px}.vsi-swatches i{width:29px;height:21px;background:var(--swatch)}
/* Search illustration; no invented ranking or numeric performance. */
.vsi-search-app{width:min(550px,100%);background:#fff;padding:22px;box-shadow:0 10px 22px -17px #19191840}.vsi-search-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #d4d0c6;border-radius:20px;font-size:10px}.vsi-search-bar svg{width:13px;height:13px;fill:none;stroke:#747069;stroke-width:1.5;flex-shrink:0}.vsi-search-work{display:grid;grid-template-columns:130px 1fr;gap:25px;margin-top:24px}.vsi-search-checks{display:flex;flex-direction:column;gap:13px;font-size:8px}.vsi-search-checks>span{display:flex;align-items:center;gap:8px}.vsi-search-checks b{color:#42694e;font-weight:500}.vsi-search-result>span{font-size:9px}.vsi-search-result h4{color:#223a8b;font-size:15px;margin:7px 0}.vsi-search-result p{margin:0;color:#747069;font-size:9px}.vsi-search-links{color:#223a8b;font-size:9px;margin-top:13px;word-spacing:10px}
/* Campaign creative and review — not a fake analytics dashboard. */
.vsi-ad-app{width:100%;height:100%;display:flex;gap:27px;align-items:center;justify-content:center}.vsi-ad-creative{width:184px;height:242px;padding:14px 18px;background:#0b0b0b;color:#e6d8b8;display:flex;flex-direction:column;justify-content:space-between}.vsi-ad-creative img{width:35px;height:auto}.vsi-ad-creative strong{font:500 38px/1.07 Oswald;letter-spacing:-.03em}.vsi-ad-creative>span{font-size:9px;color:#ff6a00}.vsi-ad-review{width:200px}.vsi-ad-review h4{margin:12px 0 20px}.vsi-ad-step{display:flex;justify-content:space-between;gap:20px;font-size:9px;border-bottom:1px solid #cec8bb;padding:9px 0}.vsi-ad-step b{font-weight:500;color:#42694e}.vsi-ad-review>p{background:#f4f2ec;font-size:9px;padding:8px 10px;display:inline-block;margin:15px 0 0}
/* An actual planning surface, with designed social content. */
.vsi-social-app{width:100%;padding:15px 18px;background:#fbfaf7;box-shadow:0 10px 22px -17px #19191830}.vsi-social-app header{display:flex;justify-content:space-between;gap:15px;font-size:10px;padding-bottom:18px}.vsi-social-app header strong{font-weight:500}.vsi-social-app header>span{font-size:8px;color:#747069}.vsi-social-week{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vsi-social-week>div>span{font-size:7px;color:#747069;letter-spacing:.03em}.vsi-social-post{aspect-ratio:1;margin-top:10px;padding:11px;display:flex;flex-direction:column;justify-content:space-between}.vsi-social-post strong{font:500 clamp(16px,1.55vw,23px)/1.1 Oswald;letter-spacing:-.03em}.vsi-social-post>span{font-size:6px;letter-spacing:.04em}.vsi-post-orange{background:#ff6a00}.vsi-post-black{background:#0b0b0b;color:#e6d8b8}.vsi-post-cream{background:#e6d8b8}.vsi-social-week>div>b{font-size:8px;color:#42694e;font-weight:400;margin-top:10px;display:block}
/* A customer journey paired with its actual message. */
.vsi-email-app{display:flex;gap:30px;align-items:center;width:100%;justify-content:center}.vsi-email-journey{width:156px;flex-shrink:0}.vsi-email-journey>.vsi-app-label{display:block;margin-bottom:14px}.vsi-email-journey>div{display:flex;justify-content:space-between;gap:10px;padding:12px;background:#f9f8f4;border:1px solid #d4d0c6;font-size:9px}.vsi-email-journey b{font-weight:500;color:#42694e}.vsi-journey-line{display:block;width:1px;height:20px;background:#c3bdb2;margin:auto}.vsi-email-letter{background:#fffdf9;width:262px;padding:20px;box-shadow:0 10px 22px -17px #19191840}.vsi-email-letter>div{display:flex;flex-direction:column;gap:7px;padding-bottom:13px;border-bottom:1px solid #d4d0c6}.vsi-email-letter>div>span{font-size:8px;color:#747069}.vsi-email-letter strong{font-size:12px;letter-spacing:-.035em;font-weight:550}.vsi-email-letter>p{font-size:10px;line-height:1.5;margin:14px 0}.vsi-email-cta{display:block;font-size:8px;background:#0b0b0b;color:#e6d8b8;padding:9px;width:max-content}.vsi-email-state{display:block;font-size:8px;color:#42694e;margin-top:12px}
/* Concrete intake → brief → handoff, with human review. */
.vsi-agent-app{width:100%;background:#fbfaf7;padding:18px;box-shadow:0 10px 22px -17px #19191840}.vsi-agent-app header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d4d0c6;padding-bottom:14px;font-size:10px}.vsi-agent-app header strong{font-weight:500}.vsi-agent-status{color:#42694e;font-size:8px}.vsi-agent-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;padding-top:18px}.vsi-agent-message>span,.vsi-agent-brief>span{font-size:8px;color:#747069}.vsi-agent-message p{font-size:12px;letter-spacing:-.035em;margin:13px 0 18px;line-height:1.5}.vsi-agent-route{display:flex;gap:5px;flex-wrap:wrap}.vsi-agent-route>span{font-size:7px;background:#ece8e0;color:#747069;padding:6px}.vsi-agent-brief>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #e8e4db;font-size:8px}.vsi-agent-brief>div>span{color:#747069}.vsi-agent-brief strong{font-weight:500}.vsi-agent-brief>p{font-size:8px;color:#747069;margin:13px 0 0}.vsi-agent-brief>p>b{color:#42694e;margin-left:8px;font-weight:500}
.vsi-service-dialog{width:min(520px,90vw);border:0;padding:40px;background:var(--paper);color:var(--ink);font-family:Montserrat}.vsi-service-dialog::backdrop{background:#0b0b0bbf}.vsi-service-dialog h2{font:500 36px/1.1 Oswald;margin:15px 0 25px}.vsi-service-dialog p{font-size:14px;line-height:1.65}.vsi-service-dialog ul{padding-left:18px;font-size:12px;line-height:1.8}.vsi-service-dialog .vsi-dialog-note{font-size:10px;color:var(--muted);margin-top:25px}.vsi-dialog-close{float:right;background:none;border:0;font:24px Montserrat;cursor:pointer;padding:0;color:inherit}
@media(max-width:1000px){.vsi-heading{display:block}.vsi-heading>p{margin-top:22px;max-width:none}.vsi-heading>p br{display:none}.vsi-body-inner{gap:25px;grid-template-columns:1fr 1.65fr}.vsi-demo{padding:17px}.vsi-copy>p{font-size:14px}.vsi-social-post strong{font-size:18px}.vsi-search-work{grid-template-columns:100px 1fr;gap:15px}.vsi-ad-app{gap:15px}.vsi-email-app{gap:15px}.vsi-email-journey{width:120px}.vsi-agent-columns{gap:15px}.vsi-brand-poster{width:135px}.vsi-type-sheet{width:160px}}
@media(max-width:700px){.vsi-services{padding:35px 0 30px}.vsi-inner{width:88%}.vsi-heading{padding-bottom:28px}.vsi-heading h2{font-size:11vw}.vsi-heading>p{font-size:13px;margin-top:16px}.vsi-service summary{padding:19px 0}.vsi-service summary h3{font-size:clamp(21px,5.6vw,30px);letter-spacing:-.05em}.vsi-toggle{width:20px}.vsi-body-inner{display:flex;flex-direction:column;align-items:stretch;gap:23px;padding:3px 0 25px}.vsi-copy>p{max-width:100%;font-size:14px;margin-bottom:13px}.vsi-copy ul{display:flex;gap:5px 16px;flex-wrap:wrap;font-size:10px;margin-bottom:17px}.vsi-link{font-size:10px}.vsi-demo{height:270px;padding:16px}.vsi-bottom{padding-top:20px;gap:15px}.vsi-bottom>p{font-size:10px}.vsi-motion{font-size:9px;white-space:nowrap}.vsi-disclaimer{font-size:8px}.vsi-browser{width:90%}.vsi-phone{right:5%;top:19px;width:76px;height:162px}.vsi-web-viewport{max-height:180px}.vsi-breakpoint{left:5%;right:5%;font-size:8px}.vsi-brand-board{gap:15px}.vsi-brand-poster{width:130px;height:215px;padding-top:30px}.vsi-brand-poster img{width:92px}.vsi-type-sheet{width:145px;height:195px;padding:16px}.vsi-type-sheet>strong{font-size:85px}.vsi-swatches i{width:23px;height:18px}.vsi-search-app{padding:17px}.vsi-search-work{grid-template-columns:1fr;margin-top:19px;gap:17px}.vsi-search-checks{flex-direction:row;gap:12px;justify-content:space-between;font-size:7px}.vsi-search-checks>span{gap:4px}.vsi-search-bar{font-size:8px;gap:8px;padding:9px 10px}.vsi-search-result h4{font-size:14px}.vsi-ad-creative{width:138px;height:225px;padding:14px}.vsi-ad-creative strong{font-size:31px}.vsi-ad-review{width:145px}.vsi-ad-review h4{font-size:13px;margin-bottom:14px}.vsi-ad-step{font-size:8px;gap:10px}.vsi-ad-review .vsi-app-label{font-size:6px}.vsi-social-app{padding:13px}.vsi-social-week{gap:8px}.vsi-social-post{padding:8px}.vsi-social-post strong{font-size:clamp(13px,4vw,19px)}.vsi-social-post>span{font-size:5px}.vsi-email-journey{width:112px}.vsi-email-journey>div{font-size:8px;padding:10px}.vsi-email-letter{padding:15px;width:175px}.vsi-email-letter strong{font-size:11px}.vsi-email-letter p{font-size:9px}.vsi-email-cta{font-size:6px;padding:8px}.vsi-agent-app{padding:14px}.vsi-agent-app header{font-size:9px}.vsi-agent-columns{gap:14px;grid-template-columns:1fr 1.2fr}.vsi-agent-message p{font-size:10px}.vsi-agent-brief>div{font-size:7px;gap:7px}.vsi-agent-brief>p{font-size:7px}.vsi-agent-route>span{font-size:6px;padding:5px}.vsi-service-dialog{padding:28px}}
@media(prefers-reduced-motion:reduce){.vsi-services *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(max-width:400px){.vsi-social-post{padding:6px}.vsi-social-post strong{font-size:12px}.vsi-email-app{gap:10px}.vsi-email-journey{width:103px}.vsi-email-cta{width:auto;font-size:6px}.vsi-ad-app{gap:12px}.vsi-ad-creative strong{font-size:27px}.vsi-ad-review h4{font-size:12px}.vsi-ad-creative{width:115px}.vsi-ad-review{width:140px}.vsi-brand-board{gap:10px}.vsi-brand-poster{width:113px}.vsi-type-sheet{width:129px;padding:13px}.vsi-type-sheet>strong{font-size:79px}.vsi-agent-route{gap:3px}.vsi-agent-route>span{font-size:6px;padding:4px}}
/* Heading override — large grey style matching selected-work section */
.vsi-heading h2{color:#8a8578;font-size:clamp(46px,6.5vw,96px)}
.vsi-heading h2>span{color:#ff6a00}