/* Purposeful section illustrations. Their motion explains the adjacent copy. */
.sv-mount{--sv-ink:#20211f;--sv-orange:#c44127;--sv-green:#56694c;--sv-line:#ccd1c5;display:block;max-width:100%;margin:0;pointer-events:none;user-select:none}
.sv-mount-picture{width:720px;height:300px}.sv-mount-approach{width:720px;height:245px}.sv-mount-pricing{width:300px;height:170px}.sv-mount-faq{width:240px;height:120px}.sv-mount-contact{width:280px;height:160px}
.sv-canvas{display:block;width:100%;height:100%;overflow:visible}
.sv-canvas text{font-family:Manrope,Arial,sans-serif;fill:#454c40;font-weight:500;letter-spacing:-.02em}
.sv-label{font-size:12px}.sv-caption{font-size:13px}.sv-card>rect:first-child,.sv-card>path:first-child{fill:#fffef9;stroke:#cbd1c3;stroke-width:1.25}
.sv-frame{fill:none;stroke:#b9c2b0;stroke-width:1.2}.sv-hairline{fill:none;stroke:#d9ddd3;stroke-width:1}
.sv-ink-line{fill:none;stroke:#a6ad9d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sv-orange-line{fill:none;stroke:#c44127;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sv-green-ink{fill:none;stroke:#56694c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sv-colour-orange{fill:#f0d5c5}.sv-colour-green{fill:#dce4d3}.sv-soft-ink{fill:#b5bda9}.sv-green-fill{fill:#56694c}.sv-white-line{fill:none;stroke:#fffef9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sv-mount *,.sv-icon-mount *,.sv-browser-mount *{animation-play-state:paused!important}
.sv-mount.visual-active *,.sv-icon-mount.visual-active *,.sv-browser-mount.visual-active *{animation-play-state:running!important}
body.effects-paused .sv-mount *,body.effects-paused .sv-icon-mount *,body.effects-paused .sv-browser-mount *{animation-play-state:paused!important}

/* A website, a real inbox and a team calendar visibly join the same working day. */
.sv-picture .sv-card>rect:first-child{stroke:#b9c4b0;stroke-width:1.8}.sv-picture-label{font-size:26px;letter-spacing:-.045em!important;fill:#283025!important}.sv-picture-headline{font-size:30px;font-weight:650!important;fill:#3e5137!important}.sv-picture-detail{font-size:20px;fill:#4e5847!important}.sv-picture-ready{font-size:15px;fill:#476039!important}.sv-picture-caption-text{font-size:22px;fill:#526647!important}.sv-picture-chrome{fill:none;stroke:#9ea993;stroke-width:2.5;stroke-linecap:round}.sv-picture-plant{fill:none;stroke:#74856b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sv-picture-button{fill:#c44127}.sv-calendar-grid{fill:none;stroke:#e3e7dd;stroke-width:1.5}.sv-picture-booking{fill:#e5baa3}.sv-booking-two{fill:#d1dfc4}.sv-booking-three{fill:#dde7d3}
.sv-piece{transform-box:view-box;filter:drop-shadow(0 5px 6px #3d46360b)}.sv-piece-web{animation:sv-piece-web 8s cubic-bezier(.3,0,.15,1) infinite}.sv-piece-enquiries{animation:sv-piece-enquiries 8s cubic-bezier(.3,0,.15,1) infinite}.sv-piece-work{animation:sv-piece-work 8s cubic-bezier(.3,0,.15,1) infinite}
.sv-picture-frame{animation:sv-picture-frame 8s ease infinite}.sv-picture-connections{animation:sv-picture-link 8s ease infinite;stroke-width:2.2}.sv-picture-connections>path:first-child{stroke-dasharray:1;animation:sv-picture-path 8s ease infinite}.sv-picture-caption{animation:sv-picture-caption 8s ease infinite}
.sv-picture-enquiry-ready{animation:sv-picture-ready 8s ease infinite}.sv-picture-booking,.sv-picture-calendar-check{animation:sv-picture-bookings 8s ease infinite}.sv-booking-two{animation-delay:.12s}.sv-booking-three,.sv-picture-calendar-check{animation-delay:.25s}
@keyframes sv-piece-web{0%,10%,100%{transform:translate(13px,49px) rotate(-5deg)}32%,90%{transform:translate(18px,54px) rotate(0)}}
@keyframes sv-piece-enquiries{0%,14%,100%{transform:translate(250px,86px) rotate(3deg)}37%,90%{transform:translate(258px,54px) rotate(0)}}
@keyframes sv-piece-work{0%,18%,100%{transform:translate(500px,13px) rotate(4deg)}42%,90%{transform:translate(498px,54px) rotate(0)}}
@keyframes sv-picture-frame{0%,27%,100%{opacity:0}49%,89%{opacity:1}}
@keyframes sv-picture-link{0%,39%,98%,100%{opacity:0}53%,88%{opacity:1}}
@keyframes sv-picture-path{0%,39%,100%{stroke-dashoffset:1}57%,90%{stroke-dashoffset:0}}
@keyframes sv-picture-caption{0%,58%,98%,100%{opacity:0;transform:translateY(3px)}71%,88%{opacity:1;transform:translateY(0)}}
@keyframes sv-picture-ready{0%,46%,100%{opacity:.2}59%,90%{opacity:1}}
@keyframes sv-picture-bookings{0%,52%,100%{opacity:.2;transform:translateY(3px)}68%,90%{opacity:1;transform:translateY(0)}}

/* Four distinct objects make the process understandable before reading any copy. */
.sv-process-story{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;width:100%;height:100%;align-items:stretch}
.sv-process-tile{--sv-stage-delay:0s;position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;border:1px solid #d8ddce;border-radius:12px;padding:16px 11px 15px;background:#fcfcf7;animation:sv-process-focus 10s ease infinite;animation-delay:var(--sv-stage-delay)}
.sv-process-plan{--sv-stage-delay:2.15s}.sv-process-build{--sv-stage-delay:4.3s}.sv-process-yours{--sv-stage-delay:6.45s}
.sv-process-tile:not(:last-child):after{content:'→';position:absolute;right:-20px;top:46%;font-size:19px;color:#bbc4b1;animation:sv-process-arrow 10s ease infinite;animation-delay:var(--sv-stage-delay)}
.sv-process-heading{display:flex;gap:8px;align-items:center;justify-content:center}.sv-process-heading>span{font-size:10px;letter-spacing:.06em;color:#6d7b61}.sv-process-heading>strong{font-size:20px;font-weight:550;letter-spacing:-.04em;color:#303a2a}
.sv-process-art{height:125px;flex:0 1 125px;min-height:70px;overflow:visible;margin-block:5px}.sv-process-caption{display:block;min-height:34px;text-align:center;font-size:12px;line-height:1.5;color:#637156;letter-spacing:-.015em;white-space:normal}
.sv-paper-base{fill:#fffefb;stroke:#a6b49c;stroke-width:1.65;stroke-linejoin:round}.sv-paper-fold{fill:#e9eee1;stroke:#a6b49c;stroke-width:1.5;stroke-linejoin:round}.sv-process-writing{fill:none;stroke:#839474;stroke-width:2.6;stroke-linecap:round}.sv-process-outline,.sv-plan-outline{fill:none;stroke:#a9b59c;stroke-width:1.5;stroke-dasharray:3 3;stroke-linecap:round}.sv-plan-fill{fill:#e9eee2;stroke:#a9b59c;stroke-width:1.5;stroke-dasharray:3 3}.sv-pencil-body{fill:#d58d68;stroke:#9d6547;stroke-width:1.2;stroke-linejoin:round}.sv-pencil-tip{fill:#46563b}.sv-process-pencil{animation:sv-pencil-write 10s ease infinite;transform-origin:80px 94px}.sv-process-draw{stroke-dasharray:1;animation:sv-process-write 10s ease infinite}.sv-plan-block{animation:sv-process-place 10s ease infinite;animation-delay:2.1s}.sv-plan-block-two{animation-delay:2.35s}.sv-plan-block-three{animation-delay:2.6s}.sv-build-surface{animation:sv-process-build 10s ease infinite}.sv-process-cta{fill:#c44127}.sv-build-cursor{fill:#3e4f35;stroke:#fffefb;stroke-width:1.2;animation:sv-process-cursor 10s ease infinite}.sv-handover-envelope{fill:#edf1e7;stroke:#b6c2ac;stroke-width:1.6;stroke-linejoin:round}.sv-handover-flap{fill:#dee7d5;stroke:#a8b79b;stroke-width:1.6;stroke-linejoin:round}.sv-handover-seam{fill:none;stroke:#a8b79b;stroke-width:1.3}.sv-handover-document{animation:sv-process-deliver 10s ease infinite}.sv-handover-tick{stroke-width:2.4;stroke-dasharray:1;animation:sv-process-tick 10s ease infinite}
@keyframes sv-process-focus{0%,18%{border-color:#a7b792;background:#f1f5e9;box-shadow:0 5px 14px #66735208}24%,91%{border-color:#d8ddce;background:#fcfcf7;box-shadow:none}100%{border-color:#a7b792;background:#f1f5e9;box-shadow:0 5px 14px #66735208}}
@keyframes sv-process-arrow{0%,13%,39%,100%{color:#bbc4b1;transform:translateX(0)}22%,29%{color:#c44127;transform:translateX(2px)}}
@keyframes sv-pencil-write{0%,100%{transform:translate(-14px,-32px) rotate(-5deg)}8%{transform:translate(2px,-30px) rotate(0)}14%{transform:translate(-10px,-14px) rotate(-5deg)}21%,90%{transform:translate(0) rotate(0)}}
@keyframes sv-process-write{0%,100%{stroke-dashoffset:1}21%,90%{stroke-dashoffset:0}}
@keyframes sv-process-place{0%,100%{opacity:.35;transform:translateY(-6px)}13%,70%{opacity:1;transform:translateY(0)}85%{opacity:.35;transform:translateY(-6px)}}
@keyframes sv-process-build{0%,39%,100%{opacity:.25}58%,90%{opacity:1}}
@keyframes sv-process-cursor{0%,42%,100%{transform:translate(11px,-12px)}55%,64%{transform:translate(-13px,10px)}68%,90%{transform:translate(-10px,12px)}}
@keyframes sv-process-deliver{0%,62%,100%{transform:translateY(20px)}78%,90%{transform:translateY(0)}}
@keyframes sv-process-tick{0%,72%,100%{stroke-dashoffset:1}84%,90%{stroke-dashoffset:0}}

/* A focused starting page gains two considered pages as the scope grows. */
.sv-extra-page{animation-duration:7s;animation-timing-function:cubic-bezier(.3,0,.2,1);animation-iteration-count:infinite}.sv-extra-left{animation-name:sv-extra-left}.sv-extra-right{animation-name:sv-extra-right}
.sv-main-page{filter:drop-shadow(0 4px 7px #3037290c)}.sv-page-label{font-size:12px;text-anchor:middle}.sv-pricing-expand,.sv-pricing-caption{animation:sv-pricing-caption 7s ease infinite}
@keyframes sv-extra-left{0%,18%,100%{opacity:0;transform:translateX(82px)}49%,84%{opacity:1;transform:translateX(0)}}
@keyframes sv-extra-right{0%,27%,100%{opacity:0;transform:translateX(-82px)}58%,84%{opacity:1;transform:translateX(0)}}
@keyframes sv-pricing-caption{0%,44%,98%,100%{opacity:0}62%,84%{opacity:1}}

/* A question stays visible while a clear answer is written in response. */
.sv-question-symbol{font-size:28px;fill:#a05a40!important}.sv-question-card{animation:sv-question 6s ease infinite}.sv-answer-card{animation:sv-answer 6s ease infinite}.sv-answer-card>path:first-child{fill:#edf1e6}.sv-answer-line{stroke-dasharray:1;animation:sv-answer-line 6s ease infinite}.sv-faq-check{animation:sv-faq-check 6s ease infinite}
@keyframes sv-question{0%,100%{transform:translateY(6px);opacity:.65}17%,87%{transform:translateY(0);opacity:1}}
@keyframes sv-answer{0%,22%,100%{opacity:0;transform:translateY(5px)}40%,88%{opacity:1;transform:translateY(0)}}
@keyframes sv-answer-line{0%,32%,100%{stroke-dashoffset:1}66%,88%{stroke-dashoffset:0}}
@keyframes sv-faq-check{0%,54%,100%{opacity:0}66%,88%{opacity:1}}

/* Ideas and thinking become the two parts of the same shared brief. */
.sv-conversation-label{font-size:12px}.sv-your-note{animation:sv-your-note 7s cubic-bezier(.3,0,.2,1) infinite}.sv-our-note{animation:sv-our-note 7s cubic-bezier(.3,0,.2,1) infinite}.sv-brief-outline{animation:sv-brief-outline 7s ease infinite}.sv-shared-brief{animation:sv-shared-brief 7s ease infinite}
@keyframes sv-your-note{0%,13%,100%{transform:translate(4px,24px) rotate(-5deg)}48%,88%{transform:translate(85px,48px) rotate(0)}}
@keyframes sv-our-note{0%,20%,100%{transform:translate(166px,81px) rotate(5deg)}55%,88%{transform:translate(85px,86px) rotate(0)}}
@keyframes sv-brief-outline{0%,31%,100%{opacity:0}55%,88%{opacity:1}}
@keyframes sv-shared-brief{0%,55%,100%{opacity:0}70%,88%{opacity:1}}

/* Three crafted miniatures: extract useful details, build for two screens, connect a day. */
.offer-icon.sv-icon-mount{width:104px;height:78px;padding:0;background:none!important;border:0!important;border-radius:0;color:#607052}
.sv-service-stroke{fill:none;stroke:#718360;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.sv-icon-paper{fill:#fffef9;stroke:#9caa8d;stroke-width:1.5}.sv-icon-fold{fill:#e2e9d8;stroke:#9caa8d;stroke-width:1.4}.sv-icon-detail{stroke:#97a28c;stroke-width:1.8}.sv-ai-highlight{stroke:#dba485;stroke-width:6;stroke-linecap:butt;opacity:0;mix-blend-mode:multiply;animation:sv-ai-highlight 7s ease infinite}.sv-ai-highlight-two{animation-delay:.3s}.sv-ai-scan{stroke:#c44127;stroke-width:1.3;animation:sv-ai-scan 7s ease infinite}.sv-ai-route{stroke:#b87856;stroke-width:1.5;stroke-dasharray:1;animation:sv-ai-route 7s ease infinite}.sv-ai-result{animation:sv-ai-extract 7s cubic-bezier(.2,.7,.2,1) infinite}.sv-ai-result-one{animation-delay:.1s}.sv-ai-result-two{animation-delay:.45s}.sv-ai-result-three{animation-delay:.8s}.sv-ai-result>rect{fill:#e3ead9;stroke:#a7b897;stroke-width:1.3}.sv-ai-result>path{stroke:#698153;stroke-width:1.7}
@keyframes sv-ai-scan{0%,7%{transform:translateY(0);opacity:0}12%{transform:translateY(0);opacity:.85}38%{transform:translateY(47px);opacity:.85}44%,100%{transform:translateY(47px);opacity:0}}
@keyframes sv-ai-highlight{0%,18%,100%{opacity:0}28%,78%{opacity:.7}91%{opacity:0}}
@keyframes sv-ai-route{0%,27%,100%{stroke-dashoffset:1;opacity:0}39%,80%{stroke-dashoffset:0;opacity:1}93%{opacity:0}}
@keyframes sv-ai-extract{0%,29%,100%{opacity:0;transform:translateX(-23px)}48%,80%{opacity:1;transform:translateX(0)}94%{opacity:0;transform:translateX(0)}}
.sv-service-web .sv-icon-paper{stroke:#b29b82}.sv-service-web .sv-icon-detail{stroke:#a4917d}.sv-web-image>rect{fill:#e6d7c4;stroke:#c6ad91;stroke-width:1.2}.sv-web-image>path{stroke:#a67b52;stroke-width:1.3}.sv-web-image,.sv-web-copy,.sv-web-button{animation:sv-web-assemble 7s ease infinite}.sv-web-copy{stroke:#a78465;stroke-width:2;animation-delay:.35s}.sv-web-button{fill:#c44127;stroke:none;animation-delay:.65s}.sv-web-phone{animation:sv-web-responsive 7s ease infinite;filter:drop-shadow(-3px 3px 3px #66574412)}.sv-web-mobile-image{fill:#e7d9c6;stroke:none}
@keyframes sv-web-assemble{0%,9%,100%{opacity:.12;transform:translateY(-4px)}25%,81%{opacity:1;transform:translateY(0)}}
@keyframes sv-web-responsive{0%,37%,100%{opacity:.35;transform:translate(7px,5px)}55%,85%{opacity:1;transform:translate(0)}}
.sv-service-digital .sv-icon-paper{stroke:#92ab9e}.sv-service-digital .sv-icon-detail{stroke:#7c9889}.sv-calendar-icon-grid{stroke:#d6e1d9;stroke-width:1}.sv-calendar-entry{animation:sv-calendar-organise 7s cubic-bezier(.2,.7,.2,1) infinite}.sv-calendar-entry>rect{fill:#d0dfd2;stroke:#90ae94;stroke-width:1.1}.sv-calendar-entry>path{stroke:#59785f;stroke-width:1.4}.sv-calendar-entry-one{--sv-entry-x:-9px;--sv-entry-y:-11px}.sv-calendar-entry-two{--sv-entry-x:9px;--sv-entry-y:11px;animation-delay:.35s}.sv-calendar-entry-two>rect{fill:#ecd4c1;stroke:#c7a98f}.sv-calendar-entry-two>path{stroke:#a57953}.sv-calendar-entry-three{--sv-entry-x:8px;--sv-entry-y:-15px;animation-delay:.7s}
@keyframes sv-calendar-organise{0%,15%,100%{transform:translate(var(--sv-entry-x),var(--sv-entry-y));opacity:.55}42%,82%{transform:translate(0);opacity:1}}

/* A quiet loading trace belongs to the browser frame, never over the work. */
.sv-browser-mount{position:relative;overflow:hidden}.sv-browser-progress{position:absolute;bottom:0;left:0;height:1px;width:100%;background:#c44127;transform-origin:left;pointer-events:none;animation:sv-browser-load 7s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:var(--sv-delay,0s)}
@keyframes sv-browser-load{0%,6%{transform:scaleX(.08);opacity:0}10%{opacity:.75}46%{transform:scaleX(.64);opacity:.75}61%,76%{transform:scaleX(1);opacity:.75}87%,100%{transform:scaleX(1);opacity:0}}

/* Pausing chooses a useful composed frame instead of hiding the explanation. */
.sv-still *{animation:none!important}.sv-still .sv-piece-web{transform:translate(18px,54px)}.sv-still .sv-piece-enquiries{transform:translate(258px,54px)}.sv-still .sv-piece-work{transform:translate(498px,54px)}
.sv-still .sv-picture-frame,.sv-still .sv-picture-connections,.sv-still .sv-picture-caption,.sv-still .sv-picture-enquiry-ready,.sv-still .sv-picture-booking,.sv-still .sv-picture-calendar-check,.sv-still .sv-build-surface,.sv-still .sv-plan-block,.sv-still .sv-extra-page,.sv-still .sv-pricing-expand,.sv-still .sv-pricing-caption,.sv-still .sv-answer-card,.sv-still .sv-faq-check,.sv-still .sv-brief-outline,.sv-still .sv-shared-brief,.sv-still .sv-ai-result,.sv-still .sv-ai-route,.sv-still .sv-web-image,.sv-still .sv-web-copy,.sv-still .sv-web-button,.sv-still .sv-web-phone,.sv-still .sv-calendar-entry{opacity:1}
.sv-still .sv-process-draw,.sv-still .sv-handover-tick,.sv-still .sv-picture-connections>path:first-child,.sv-still .sv-answer-line,.sv-still .sv-ai-route{stroke-dashoffset:0}
.sv-still .sv-your-note{transform:translate(85px,48px)}.sv-still .sv-our-note{transform:translate(85px,86px)}.sv-still .sv-browser-progress,.sv-still .sv-ai-scan{opacity:0}.sv-still .sv-ai-highlight{opacity:.55}.sv-still .sv-process-tile{background:#f6f8ef}.sv-still .sv-process-tile:after{color:#839773}
@media(max-width:760px){.sv-mount-picture{width:100%;height:165px}.sv-mount-approach{width:100%;height:240px}.sv-mount-pricing{width:280px;height:100px}.sv-mount-faq{width:200px;height:80px}.sv-mount-contact{width:250px;height:90px}.sv-label,.sv-page-label,.sv-conversation-label{font-size:15px}.sv-caption{font-size:15px}.sv-mount-contact .sv-label{font-size:12px}.sv-mount-contact .sv-conversation-label{font-size:12px}.sv-mount-contact .sv-caption{font-size:13px}.offer-icon.sv-icon-mount{width:88px;height:66px;padding:0}.sv-process-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.sv-process-tile{padding:9px 8px 8px;border-radius:9px}.sv-process-heading{gap:7px}.sv-process-heading>span{font-size:9px}.sv-process-heading>strong{font-size:17px}.sv-process-art{height:68px;flex-basis:68px;min-height:54px;margin-block:1px}.sv-process-caption{display:none}.sv-process-tile:not(:last-child):after{right:-14px;font-size:14px;top:44%}.sv-process-tile:nth-child(2):after{content:none}}
@media(prefers-reduced-motion:reduce){.sv-mount *,.sv-icon-mount *,.sv-browser-mount *{animation:none!important}}