@font-face{font-family:Inter;src:url('assets/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
.review-banner{padding:9px 20px;text-align:center;background:#e4ebd9;color:#26432d;font-size:11px;letter-spacing:.3px}.review-banner a{margin-left:18px;font-weight:650}.hero{grid-template-columns:1fr 1.12fr;gap:35px;padding-block:85px}.hero h1{font-size:clamp(42px,4.5vw,65px);letter-spacing:-2.8px}.scene-wrap{min-width:0}.scene-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.scene-top .eyebrow{font-size:9px;margin:0;letter-spacing:1px}.motion-toggle{min-height:44px;white-space:nowrap}.office-scene{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:18px;font-family:Inter,sans-serif}.scene-caption{font-size:11px;line-height:1.7;margin:16px 0 0}.scene-caption span{font-size:10px;color:#95a992}.delivery-dot{opacity:0}.offer-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.sample-tool{background:#e5ebdb;color:#304633;border-radius:9px;padding:22px;margin:25px 0 32px}.sample-top{font-size:10px;font-weight:650;display:flex;justify-content:space-between;gap:12px}.sample-top span{font-size:8px;font-weight:400}.sample-steps{display:flex;gap:6px;margin:20px 0}.sample-steps span{font-size:9px;background:#cdd8c5;padding:8px;border-radius:4px}.sample-steps .done{background:#31593c;color:#edf4e6}.sample-options{display:grid;gap:9px}.sample-options>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;border-bottom:1px solid #b9c9af;padding:9px 0}.sample-options b{font-weight:500}.example-note{font-size:12px!important;color:#b7cdb0!important;border-top:1px solid var(--line);padding-top:18px}.proof-section{border-block:1px solid var(--line);background:#131e16}.proof-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.quote{margin:0}.quote blockquote{font-size:23px;line-height:1.65;letter-spacing:-.5px;margin:0 0 28px;color:#e6ecd9}.quote figcaption{font-size:13px}.quote figcaption span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.review-only{font-size:11px!important;color:#d5be8d!important;margin:22px 0 0}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.about-monogram{padding:50px;background:#a8e898;color:#163220;font-size:110px;font-weight:750;letter-spacing:-8px;border-radius:12px;line-height:1}.about-monogram span{color:#446e39}.about-monogram small{display:block;font-size:16px;font-weight:450;line-height:1.5;letter-spacing:-.2px;margin-top:70px}.call-intro{max-width:590px;margin:0 auto 24px}.call-points{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;font-size:12px;color:#cfddc5;list-style-position:inside;padding:0;margin:24px 0 32px}
/* Explanation, first visit: a 12-second sequence, then hold the readable result. */
.motion-playing .worker{animation:worker-arrive 12s var(--ease-in-out) both}.motion-playing .job-sheet{animation:job-transfer 12s var(--ease-in-out) both}.motion-playing .delivery-dot{animation:delivery 12s linear both}.motion-playing .result-scene{animation:result-show 12s var(--ease-out) both}.motion-playing .team{animation-name:team-show}.motion-playing .tracking{animation-name:tracking-show}.motion-playing .worker-check{animation:check-show 12s var(--ease-out) both}.motion-paused .office-scene *{animation-play-state:paused!important}
@keyframes worker-arrive{0%{transform:translateX(-30px)}18%,100%{transform:translateX(0)}}
@keyframes job-transfer{0%,20%{transform:translate(0,0);opacity:1}40%{transform:translate(178px,-1px);opacity:1}45%,100%{transform:translate(178px,-1px);opacity:0}}
@keyframes delivery{0%,42%{opacity:0;transform:translateX(0)}45%{opacity:1}52%{opacity:1;transform:translateX(100px)}55%,100%{opacity:0;transform:translateX(100px)}}
@keyframes result-show{0%,47%{opacity:.22;transform:translateY(5px)}57%,100%{opacity:1;transform:translateY(0)}}
@keyframes team-show{0%,56%{opacity:.22;transform:translateY(5px)}66%,100%{opacity:1;transform:translateY(0)}}
@keyframes tracking-show{0%,65%{opacity:.22;transform:translateY(5px)}75%,100%{opacity:1;transform:translateY(0)}}
@keyframes check-show{0%,78%{opacity:0;transform:translateY(4px)}88%,100%{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-copy{max-width:650px}.scene-wrap{max-width:690px;width:100%;margin:auto}.about-layout{gap:40px}.proof-layout{gap:35px}.nav-links>a:not(.button){display:none}}
@media(max-width:650px){.hero{padding-block:45px}.hero h1{font-size:43px;letter-spacing:-2px}.review-banner{font-size:9px}.review-banner a{display:block;margin:2px 0}.nav .button{font-size:11px;max-width:148px}.offer-grid,.system-side,.proof-layout,.about-layout{grid-template-columns:1fr}.about-monogram{font-size:70px;padding:30px}.about-monogram small{margin-top:25px}.quote blockquote{font-size:19px}.scene-top .eyebrow{font-size:8px;max-width:180px}.scene-caption{font-size:10px}.sample-tool{padding:14px}.call-points{display:grid;gap:10px;text-align:left}.scene-top{gap:5px}.scene-wrap{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.office-scene *{animation:none!important}.job-sheet,.result-scene,.worker-check{opacity:1;transform:none}.delivery-dot{display:none}}
/* Approved simpler direction: ordinary sans-serif type, one booking action. */
.sales-scene{opacity:0}.motion-playing .contract-scene{animation:contract-turn 24s linear infinite}.motion-playing .sales-scene{animation:sales-turn 24s linear infinite}.motion-playing .solid-choice{animation:solid-option 24s linear infinite}.motion-playing .lattice-choice{animation:lattice-option 24s linear infinite}.motion-playing .dark-choice,.motion-playing .color-selection{animation:trim-option 24s linear infinite}.motion-playing .customer-check{animation:customer-approve 24s var(--ease-out) infinite}.motion-playing .sales-touch{animation:sales-tap 24s var(--ease-in-out) infinite}.lattice-choice,.dark-choice,.color-selection,.customer-check,.sales-touch{opacity:0}
@keyframes contract-turn{0%,46%{opacity:1}49%,97%{opacity:0}100%{opacity:1}}
@keyframes sales-turn{0%,49%{opacity:0}52%,94%{opacity:1}97%,100%{opacity:0}}
@keyframes solid-option{0%,62%,80%,100%{opacity:1}64%,78%{opacity:0}}
@keyframes lattice-option{0%,62%,80%,100%{opacity:0}64%,78%{opacity:1}}
@keyframes trim-option{0%,80%,98%,100%{opacity:0}82%,95%{opacity:1}}
@keyframes customer-approve{0%,86%,99%,100%{opacity:0;transform:translateY(3px)}89%,95%{opacity:1;transform:translateY(0)}}
@keyframes sales-tap{0%,57%,66%{opacity:0;transform:translateX(0)}60%,63%{opacity:1;transform:translateX(0)}76%{opacity:0;transform:translateX(113px)}80%,82%{opacity:1;transform:translateX(113px)}86%,100%{opacity:0;transform:translateX(113px)}}
@media(prefers-reduced-motion:reduce){.sales-scene{display:none}.contract-scene{opacity:1}}
.booking-page .button.booking-link{background:#28a745;border-color:#28a745;color:#07170b;font-weight:750;box-shadow:0 3px 0 #14652a}
.motion-playing .worker{animation:none}.motion-playing .office-scene *{animation-iteration-count:infinite}.motion-playing .digital-signature{animation:signature-ready 12s var(--ease-out) infinite}.motion-playing .signing-hand{animation:sign-contract 12s var(--ease-in-out) infinite;transform-origin:120px 260px}.job-sheet{opacity:0}
@keyframes sign-contract{0%,8%,35%,100%{transform:translate(0,0)}14%{transform:translate(8px,-3px)}20%{transform:translate(1px,2px)}27%{transform:translate(12px,-2px)}}
@keyframes signature-ready{0%,12%,98%,100%{opacity:0}29%,91%{opacity:1}}
@keyframes job-transfer{0%,30%{transform:translate(0,0);opacity:0}34%{opacity:1;transform:translate(0,0)}43%{opacity:1;transform:translate(61px,0)}47%,100%{opacity:0;transform:translate(61px,0)}}
@keyframes result-show{0%,47%,100%{opacity:.22;transform:translateY(5px)}57%,91%{opacity:1;transform:translateY(0)}}
@keyframes team-show{0%,56%,100%{opacity:.22;transform:translateY(5px)}66%,91%{opacity:1;transform:translateY(0)}}
@keyframes tracking-show{0%,65%,100%{opacity:.22;transform:translateY(5px)}75%,91%{opacity:1;transform:translateY(0)}}
@keyframes check-show{0%,78%,100%{opacity:0;transform:translateY(4px)}88%,93%{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.booking-page .button.booking-link:hover{background:#32b850;border-color:#32b850}}
@media(prefers-reduced-motion:reduce){.digital-signature{opacity:1}.signing-hand{transform:none}.job-sheet{display:none}}
body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3,h1 em,h2 em{font-family:inherit;font-style:normal;letter-spacing:-.7px}h1 em,h2 em{color:var(--ink)}.office-scene{font-family:Arial,Helvetica,sans-serif}
.booking-page .container{max-width:1120px}.booking-page .site-header{border:0}.booking-page .nav{min-height:80px}.booking-page .brand{font-size:19px;letter-spacing:0;gap:5px}.preview-label{font-size:11px;color:#96a493}.booking-page .hero{padding-block:40px;gap:50px;grid-template-columns:1.1fr 1fr}.booking-page .hero h1{font-size:clamp(32px,3.2vw,43px);line-height:1.13;letter-spacing:-1px;margin-bottom:22px}.booking-page .lead{font-size:16px;line-height:1.65;margin-bottom:25px}.booking-page .button{font-size:16px;min-height:52px;padding-inline:25px;border-radius:5px}.call-note{font-size:13px;line-height:1.6;max-width:440px;margin:17px 0 0}.booking-page .scene-top .eyebrow{display:none}.booking-page .scene-top{justify-content:flex-end;margin-bottom:7px}.booking-page .motion-toggle{font-size:10px;border:0;color:#a6b4a0}.booking-page .scene-caption{font-size:10px;line-height:1.6}.booking-proof{margin:0 auto;padding-top:22px;padding-bottom:28px;border-top:1px solid var(--line);text-align:left}.booking-proof blockquote{font-size:16px;line-height:1.5;max-width:740px;margin:0 0 10px;color:#d7dfd1}.booking-proof figcaption{font-size:12px;color:#aebba7}.booking-proof small{display:block;font-size:10px;color:#8f9e88;margin-top:8px}.simple-footer{display:flex;gap:22px;padding-block:20px;font-size:11px;color:#97a58f}.simple-footer a{padding-block:8px}
@media(max-width:800px){.booking-page .hero{grid-template-columns:1fr;padding-block:20px 28px;gap:25px}.booking-page .hero h1{font-size:34px}.booking-page .scene-wrap{max-width:430px}.booking-page .scene-caption span{display:none}.booking-page .scene-top{margin-bottom:0}.booking-page .nav{min-height:65px}.booking-proof{margin-inline:20px;width:calc(100% - 40px);padding-inline:0}.simple-footer{flex-wrap:wrap}}