/* Service cards and three distinct, hands-on demonstrations. */
.service-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.service-offer{position:relative;padding:30px;border:1px solid #d7dbd1;border-radius:8px;background:linear-gradient(145deg,#ffffff9e,#eef0e7);display:flex;flex-direction:column;min-width:0}
.offer-icon{width:49px;height:49px;display:grid;place-items:center;background:#e2e8d9;border:1px solid #cbd6be;border-radius:12px;color:#526842;margin-bottom:31px}.offer-icon .icon{width:25px;height:25px}.offer-number{position:absolute;right:30px;top:40px;font-size:11px;color:#89917f;letter-spacing:.1em}
.service-offer:nth-child(2){background:linear-gradient(145deg,#fffcf8,#f1e8de)}.service-offer:nth-child(2) .offer-icon{background:#efded1;border-color:#e3c9b6;color:#a45632}.service-offer:nth-child(3){background:linear-gradient(145deg,#fafcfb,#e8eeea)}.service-offer:nth-child(3) .offer-icon{background:#dce7e2;border-color:#c4d6cd;color:#3c6a59}
.service-offer h3{font-size:26px;letter-spacing:-.055em;line-height:1.3;margin-bottom:17px}.service-offer>p{font-size:15px;line-height:1.75;color:#636b5e}.service-offer ul{padding:23px 0 30px;margin:0;list-style:none;font-size:13px;line-height:1.8;color:#626c59}.service-offer li{display:flex;gap:9px;margin:7px 0}.service-offer li:before{content:'+';color:#778a63}.service-offer>a{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #cfd7c5;padding-top:19px;margin-top:auto;font-size:13px;font-weight:550;line-height:1.6}.service-offer>a span{font-size:21px;transition:transform .2s}.service-offer>a:hover span{transform:translate(3px,-3px)}
.integration-note{display:flex;align-items:flex-start;justify-content:center;gap:11px;margin:28px auto 0;max-width:730px;color:#626c5c;font-size:13px;text-align:center}.integration-note>.icon{flex-shrink:0;width:17px;height:17px;margin-top:2px;color:#728d58}

.interactive-lab{padding:84px 0;background:#f0ece5;border-block:1px solid #ded8cf;margin-bottom:100px}
.interactive-lab .section-heading{margin-bottom:38px}.interactive-lab .section-heading>p{max-width:330px}
.demo-studio{scroll-margin-top:12px;border:1px solid #d5cfc5;border-radius:12px;overflow:clip;background:#fbf9f4;box-shadow:0 20px 65px #3227190a}
.demo-tabs{position:sticky;top:var(--header-h,80px);z-index:12;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#ece7de;padding:8px;gap:8px;border-bottom:1px solid #dcd5ca}
.demo-tabs>button{display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;border-radius:6px;background:none;min-height:59px;padding:14px;color:#776f64;font-size:14px;font-weight:550;transition:background .2s,color .2s}
.demo-tabs>button>.icon{width:20px;height:20px}.demo-tabs>button:hover{color:#272d27;background:#f5f1e9}.demo-tabs>button[aria-selected=true]{background:#272e29;color:#faf5e9;border-color:#272e29;box-shadow:0 3px 10px #28241c14}
.demo-panel{padding:30px}.demo-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:25px}
.demo-kicker{font-size:10px;letter-spacing:.105em;color:#9b6249;font-weight:650;display:block;margin-bottom:10px}
.demo-heading h3{font-size:32px;line-height:1.17;letter-spacing:-.05em;font-weight:550}.demo-heading>p{font-size:14px;line-height:1.7;color:#837b6f;max-width:310px}
.lab-primary{min-height:47px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#303c31;color:#f8f5ea;border:1px solid #303c31;border-radius:5px;font-size:13px;font-weight:550;line-height:1.4;transition:background .2s,transform .2s}
.lab-primary:hover{background:#465a42;border-color:#465a42;transform:translateY(-1px)}.lab-primary>.icon{width:16px;height:16px}.lab-primary:disabled{cursor:default}
.demo-benefit{display:flex;align-items:flex-start;justify-content:center;gap:9px;font-size:12px;line-height:1.7;color:#888071;margin-top:20px}.demo-benefit>.icon{width:16px;height:16px;margin-top:2px;color:#76886a}.demo-benefit strong{font-weight:550;color:#52664c}
.demo-disclosure{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#f1ede5;border-top:1px solid #ded8ce;padding:14px 30px;font-size:10px;line-height:1.6;color:#969080}.demo-disclosure>span{font-size:8px;letter-spacing:.1em;font-weight:600;white-space:nowrap}.demo-disclosure>p{margin:0}
.simple-demo-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;font-size:17px;color:#706c5e}.simple-demo-cta button{background:none;color:#393e31;font-size:14px;white-space:nowrap}
/* AI: the original words remain the visual source of every extracted field. */
.ai-machine{position:relative;display:grid;grid-template-columns:1.08fr 1fr;gap:20px;isolation:isolate}
.ai-message{border:1px solid #dcd4c8;background:#fffdf8;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.ai-message-top{display:flex;align-items:center;gap:11px;padding:18px 21px;border-bottom:1px solid #e9e3d9}.person-avatar{width:36px;height:36px;border-radius:50%;background:#e7cdbb;color:#885238;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:650}.ai-message-top>div{display:flex;flex-direction:column;gap:4px}.ai-message-top strong{font-size:13px;font-weight:550}.ai-message-top>div>span{font-size:10px;color:#9b9182}.ai-message-top>.icon{margin-left:auto;width:18px;height:18px;color:#a49987}
.ai-message-body{position:relative;padding:24px 23px;flex:1;overflow:hidden}.ai-message-body p{font-size:18px;line-height:1.9;letter-spacing:-.012em;color:#6e6b5e}.ai-message-body mark{position:relative;padding:1px 2px;border-radius:3px;background:transparent;color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background .35s,color .35s,box-shadow .35s}.ai-message-body mark[data-extract=service].is-read{background:#f0d5c2;color:#8d4b2c;box-shadow:0 0 0 2px #f0d5c2}.ai-message-body mark[data-extract=location].is-read{background:#dce7d4;color:#4c6c3c;box-shadow:0 0 0 2px #dce7d4}.ai-message-body mark[data-extract=timing].is-read{background:#eadfbb;color:#786225;box-shadow:0 0 0 2px #eadfbb}.message-noise{transition:color .45s}.ai-machine.is-complete .message-noise{color:#aaa396}.ai-scanline{position:absolute;top:0;left:15px;right:15px;height:30px;transform:translateY(calc(var(--scan,0)*250px));background:linear-gradient(180deg,transparent,#c6d0b930);border-bottom:1px solid #899d7070;opacity:0;pointer-events:none}.is-scanning .ai-scanline{opacity:1}
.ai-source-foot{display:flex;justify-content:space-between;gap:20px;padding:12px 22px;border-top:1px solid #eee8dd;font-size:10px;color:#a19686;line-height:1.5}.ai-source-foot>span:last-child{font-size:16px;color:#a18160}
.ai-organised{border:1px solid #cad5c0;border-radius:7px;background:#eef2e7;min-width:0;overflow:hidden;display:flex;flex-direction:column}.ai-record-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 19px;border-bottom:1px solid #d6dfcb;min-height:73px}.ai-record-head>span:first-child{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.07em;color:#6b7d5c;font-weight:600}.ai-record-head .icon{width:14px;height:14px}.ai-record-head>span:last-child{font-size:9px;color:#96a187;text-align:right}
.ai-fields{display:grid;grid-template-columns:1.45fr .75fr 1fr;padding:21px 18px;gap:9px;border-bottom:1px solid #d4dfc9}.ai-fields>div{min-width:0;position:relative}.ai-fields>div>span{display:block;font-size:10px;color:#879977;margin-bottom:10px}.ai-fields strong{display:block;font-size:13px;font-weight:550;line-height:1.5;color:#425b35;opacity:0;transform:translateY(7px);transition:opacity .3s,transform .3s;overflow-wrap:anywhere}.ai-fields strong:first-letter{text-transform:uppercase}.ai-fields>div>i{position:absolute;height:5px;left:0;right:12%;top:30px;background:#d7e1cc;border-radius:3px;transition:opacity .2s}.ai-fields>.is-filled strong{opacity:1;transform:none}.ai-fields>.is-filled>i{opacity:0}.ai-fields>[data-field=service].is-filled strong{color:#955c39}.ai-fields>[data-field=timing].is-filled strong{color:#8a732d}
.ai-draft{margin:18px;background:#fbfdf6;border:1px solid #d2ddc6;border-radius:5px;padding:16px;flex:1;min-height:145px}.ai-draft>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.ai-draft>div>span:first-child{font-size:9px;letter-spacing:.06em;font-weight:600;color:#7b8e68;display:flex;gap:7px;align-items:center}.ai-draft .icon{width:13px;height:13px}.ai-draft>p{font-size:14px;line-height:1.85;color:#53664a;margin-top:12px;min-height:70px}.ai-draft>p.is-empty{color:#a0aa92;font-style:italic}.draft-cursor{width:3px;height:12px;background:#8b9f72;opacity:0}.is-writing .draft-cursor{opacity:1;animation:cursor-tick .5s step-end infinite}.ai-review-note{display:block;color:#9aaa8a;font-size:10px;border-top:1px solid #e1e8d7;margin-top:13px;padding-top:11px;transition:color .3s}.ai-review-note.is-ready{color:#597847}.ai-review-note.is-ready:before{content:'✓ ';margin-right:5px}
.detail-transfer{position:absolute;z-index:10;padding:2px 6px;background:#ecd1bd;border:1px solid #d8b499;border-radius:4px;color:#8d4d2b;font-size:14px;font-weight:550;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #46351b0f}.detail-transfer-location{background:#dce7d4;border-color:#bdcfab;color:#4c6c3c}.detail-transfer-timing{background:#eadfbb;border-color:#d2c190;color:#786225}
.ai-controls{display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:center;margin-top:21px}.ai-scrubber>div{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8e8779;margin-bottom:11px}.ai-scrubber output{color:#668057}.ai-scrubber input{display:block;appearance:none;width:100%;height:5px;border-radius:4px;background:#dddccf;cursor:pointer;margin:0;accent-color:#71845c}.ai-scrubber input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:#f7f5ed;border:4px solid #75875f;border-radius:50%;box-shadow:0 1px 4px #4b512e20}.ai-scrubber input::-moz-range-thumb{width:12px;height:12px;background:#f7f5ed;border:4px solid #75875f;border-radius:50%}
@keyframes cursor-tick{50%{opacity:0}}
/* Websites: a real, intentionally different customer-facing experience. */
.web-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.web-preview-toolbar>span{font-size:8px;letter-spacing:.1em;color:#9a9181}.web-view-switch{display:flex;gap:4px;padding:4px;border:1px solid #ded6c8;border-radius:5px;background:#eee9df}.web-view-switch button{background:none;color:#968875;min-height:35px;padding:9px 18px;font-size:11px;border-radius:3px}.web-view-switch button[aria-pressed=true]{background:#fffdf8;color:#6b593f;box-shadow:0 2px 5px #70583b0c}.web-view-switch button>span{margin-left:8px}
.website-frame{height:420px;border:1px solid #dbd0c0;border-radius:7px;overflow:hidden;background:#efe5d5;position:relative;box-shadow:0 8px 28px #6e513810}.after-website,.before-website{height:100%;animation:website-change .4s var(--ease)}
.cafe-nav{height:60px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#f4ebdd;border-bottom:1px solid #d9cbb9;position:relative;z-index:2}.cafe-nav>a{font-family:Georgia,'Times New Roman',serif;font-size:29px;line-height:.9;font-weight:400;letter-spacing:-1.6px;color:#46331f}.cafe-nav>a>span{display:block;font-family:'DM Sans',sans-serif;font-size:5px;font-weight:600;letter-spacing:.18em;line-height:1.5;margin-top:6px}.cafe-nav>span{font-size:7px;letter-spacing:.14em;color:#937d61}.cafe-nav>button{border-bottom:1px solid #b19270;padding:7px 0;font-size:10px;background:none;white-space:nowrap;color:#705331}.cafe-nav>button>span{margin-left:14px}
.cafe-hero{height:calc(100% - 60px);display:grid;grid-template-columns:1.04fr 1fr;position:relative}.cafe-copy{padding:29px 35px;position:relative;z-index:1;background:#f0e5d5}.cafe-eyebrow{font-size:7px;letter-spacing:.13em;color:#aa8662;font-weight:600}.cafe-copy h4{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:66px;line-height:.96;letter-spacing:-.065em;margin:17px 0 17px;color:#4b351f}.cafe-copy h4 em{font-weight:400;color:#a16842}.cafe-copy>p{font-size:12px;line-height:1.7;color:#8a7155}.cafe-copy>button{margin-top:22px;background:#685139;color:#f9f0e2;border:1px solid #685139;padding:13px 17px;font-size:11px;display:flex;align-items:center;gap:35px;border-radius:2px;transition:background .2s,transform .2s}.cafe-copy>button:hover{background:#8a6140;transform:translateY(-2px)}.cafe-hours{font-size:6px;letter-spacing:.12em;color:#a38e75;display:block;margin-top:15px}
.cafe-photo{position:relative;overflow:hidden;background-color:#756449;background-image:url('/assets/WakeleyCafe.webp');background-size:auto 260%;background-position:0 100%;isolation:isolate}.cafe-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#33291b90,transparent 50%);z-index:-1}.cafe-photo>span{position:absolute;bottom:26px;left:26px;font-family:Georgia,serif;font-size:26px;font-style:italic;letter-spacing:-.04em;color:#f8ebd5}
.cafe-booking{height:calc(100% - 60px);padding:27px 35px;background:#f0e5d5;animation:website-change .35s var(--ease)}.booking-heading{display:flex;align-items:flex-start;gap:17px;margin-bottom:24px}.booking-heading>button{background:none;border:1px solid #d1c0a9;border-radius:50%;width:30px;height:30px;margin-top:6px;font-size:15px;color:#96744f;flex-shrink:0}.booking-heading>div>span{font-size:7px;letter-spacing:.15em;color:#a68968;font-weight:600}.booking-heading h4{font-family:Georgia,serif;font-size:35px;font-weight:400;letter-spacing:-.055em;line-height:1.15;margin:6px 0 0;color:#705336}.booking-selects{display:grid;grid-template-columns:1fr 1fr;gap:15px}.booking-selects label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#9d8261}.booking-selects select{background:#f8f0e3;border:1px solid #d4c3ab;border-radius:3px;color:#705638;min-height:43px;padding:10px 12px;font-size:13px;width:100%;min-width:0}.booking-prompt{font-size:11px;color:#a38866;margin:18px 0 11px}.booking-times{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.booking-times>button{min-height:45px;background:#6a5238;color:#faf0de;border:1px solid #6a5238;border-radius:3px;font-size:12px;transition:background .2s,transform .2s}.booking-times>button:hover{background:#8f6843;transform:translateY(-2px)}.booking-sample{display:block;font-size:9px;color:#ad987d;margin-top:12px}
.booking-confirmation{text-align:center;position:relative;padding:0 0 5px;animation:website-change .35s var(--ease)}.booking-check{width:38px;height:38px;border:1px solid #aeba8c;background:#e2e6ce;color:#718149;display:grid;place-items:center;border-radius:50%;font-size:18px;margin:0 auto 12px}.booking-confirmation>h4{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.04em;color:#705336;line-height:1.1;margin:0 0 12px}.booking-confirmation>p{font-size:15px;color:#8d6d48;margin-bottom:8px}.booking-confirmation>span:not(.booking-check){font-size:10px;color:#ad9676;display:block}.booking-confirmation>button{display:flex;gap:20px;align-items:center;font-size:11px;background:none;color:#967048;border-bottom:1px solid #c6ac8a;padding:7px 0;margin:12px auto 0}.booking-confirmation>small{display:block;font-size:9px;color:#a99478;margin-top:13px}
.before-website{background:#f3f1ed;position:relative;color:#71736e}.before-nav{padding:18px 26px;border-bottom:1px solid #d5d4ce;background:#e4e3dd;display:flex;align-items:center;justify-content:space-between;gap:15px}.before-nav>strong{font-size:21px;font-weight:650;color:#5f685e}.before-nav>span{font-size:10px;color:#8e9387}.before-content{max-width:590px;padding:26px 32px}.before-welcome{font-size:9px;letter-spacing:.06em;color:#aaa999}.before-content h4{font-size:28px;font-family:Arial,sans-serif;letter-spacing:-.03em;color:#777e6e;margin:16px 0 13px;line-height:1.15}.before-content>p{font-size:12px;line-height:1.75;color:#999b8f;max-width:420px}.before-links{display:flex;gap:20px;font-size:10px;color:#899879;margin:19px 0;text-decoration:underline}.before-content>button{font-size:11px;background:#dadfcd;color:#68775b;border:1px solid #bfc8b2;padding:10px 14px;border-radius:2px}.before-content>#before-answer{font-size:10px;color:#a98254;line-height:1.55;margin-top:10px}.before-note{position:absolute;bottom:14px;left:32px;right:25px;font-size:9px;color:#b4b4a6}
@keyframes website-change{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
/* Digital solutions: tangible pieces become an actual, editable calendar. */
.calendar-workspace{border:1px solid #ccd6c5;border-radius:7px;background:#f9fbf5;overflow:hidden;--assemble:0;--hour:44px}
.calendar-toolbar{height:58px;padding:0 23px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #dce3d3;background:#f3f6ed}.calendar-toolbar>div{display:flex;align-items:center;gap:32px}.calendar-brand{display:flex;align-items:center;gap:7px;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.06em;font-weight:650;color:#53654b}.calendar-brand .icon{width:17px;height:17px;color:#839471}.calendar-period{font-size:12px;color:#718164}.calendar-period>strong{font-weight:400;color:#a4af98;margin-left:4px}.calendar-toolbar>span{font-size:8px;letter-spacing:.08em;color:#93a286}
.calendar-canvas{height:350px;position:relative;background:#eff2e9;overflow:hidden;isolation:isolate}.calendar-board{position:absolute;inset:0;background:#fdfdf8;opacity:calc(.06 + var(--assemble)*.94);transition:opacity .15s}.calendar-days{display:grid;grid-template-columns:48px repeat(3,minmax(0,1fr));height:42px;border-bottom:1px solid #e1e5d9}.calendar-days>span{font-size:7px;letter-spacing:.04em;color:#b4bdab;align-self:center;text-align:center}.cal-day-label{display:flex;align-items:center;justify-content:center;gap:7px;border-left:1px solid #e4e8de}.cal-day-label>span{font-size:8px;letter-spacing:.08em;color:#a8b39b}.cal-day-label>strong{font-size:15px;font-weight:500;color:#6b805c}.cal-day-label:nth-child(2)>strong{background:#70865f;color:#fffef6;width:28px;height:28px;display:grid;place-items:center;border-radius:50%}.calendar-body{display:grid;grid-template-columns:48px repeat(3,minmax(0,1fr));height:calc(var(--hour)*7)}.calendar-times{display:flex;flex-direction:column;padding-top:0}.calendar-times>span{height:var(--hour);display:block;flex-shrink:0;font-size:9px;line-height:1;color:#a6b296;text-align:center;padding-top:9px}.calendar-day-column{position:relative;border-left:1px solid #e4e8de}.calendar-hour-lines{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0,transparent calc(var(--hour) - 1px),#e9ede3 calc(var(--hour) - 1px),#e9ede3 var(--hour));pointer-events:none}
.cal-event{position:absolute;left:7px;right:7px;top:calc(var(--event-start)*var(--hour) + 3px);height:39px;padding:6px 10px;border:1px solid #d3d9c4;border-left:3px solid #829764;background:#e8eedf;text-align:left;border-radius:4px;display:flex;flex-direction:column;justify-content:center;gap:4px;color:#66794f;opacity:var(--assemble);transition:top .5s var(--ease),box-shadow .2s,background .2s;pointer-events:none;overflow:hidden}
.cal-event>strong{font-size:11px;font-weight:550;line-height:1.1;padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event>span{font-size:8px;line-height:1.1;color:#82936f;white-space:nowrap}.cal-event>i{position:absolute;right:8px;top:7px;font-style:normal;font-size:13px;color:#96a67f}.cal-event.visit-event{background:#eddfd1;border-color:#dac5b1;border-left-color:#b38660;color:#916b49}.cal-event.visit-event>span{color:#a88c6d}.cal-event.visit-event>i{color:#b3916e}.cal-event.call-event{background:#e2e9e7;border-color:#c6d6cf;border-left-color:#709383;color:#618371}.cal-event.call-event>span{color:#91a89a}.cal-event.call-event>i{color:#8ba493}.calendar-workspace[data-assembled=true] .cal-event{pointer-events:auto;cursor:pointer}.calendar-workspace[data-assembled=true] .cal-event:hover,.cal-event.is-selected{box-shadow:0 0 0 2px #a8b58f40,0 4px 8px #59733512;filter:brightness(.98)}
.desk-fragment{position:absolute;z-index:2;width:235px;padding:19px 21px 16px;border-radius:5px;border:1px solid #e1dacb;background:#fffdf5;box-shadow:0 10px 22px #63543418;transform-origin:top left;will-change:transform,opacity;pointer-events:none}.desk-fragment>span{display:flex;align-items:center;gap:7px;font-size:8px;color:#aa9c80;letter-spacing:.07em;margin-bottom:14px}.desk-fragment .icon{width:13px;height:13px}.desk-fragment>h4{font-size:17px;font-weight:550;line-height:1.25;letter-spacing:-.035em;margin:0 0 8px;color:#73664a}.desk-fragment>p{font-size:10px;color:#a6997f;line-height:1.5;margin-bottom:13px}.desk-fragment>strong{font-size:11px;font-weight:550;display:block;color:#a0824d}.desk-fragment>small{font-size:8px;display:block;color:#bfb39b;margin-top:9px}.fragment-quote{left:13%;top:32px;transform:rotate(-6deg)}.fragment-visit{left:42%;top:70px;transform:rotate(5deg);background:#f5f2e5;border-color:#ded5bf}.fragment-call{left:61%;top:165px;transform:rotate(-3deg);background:#f0e8bd;border-color:#d9cd93;box-shadow:0 12px 21px #63543420}.fragment-call h4{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:22px;color:#96844f}.fragment-call>span{color:#baaa6c}
.calendar-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #dce3d2;padding:17px 23px;background:#f5f7ef}.calendar-controls>p{font-size:11px;line-height:1.6;color:#a1ad92;text-align:right}.calendar-controls>p>strong{font-weight:500;color:#6f845d}.calendar-controls>.lab-primary{min-width:183px;font-size:12px}
.calendar-detail{position:absolute;z-index:5;right:16px;top:13px;width:320px;min-height:319px;padding:18px 23px;background:#fffef8;border:1px solid #c6d2b9;border-radius:7px;box-shadow:0 16px 42px #293a222a;animation:website-change .25s var(--ease)}.event-detail-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.07em;color:#a2ae91;margin-bottom:19px}.event-detail-top>button{width:28px;height:28px;background:#edf1e6;border:1px solid #d7dfca;border-radius:50%;color:#82956c;font-size:19px;line-height:1}.event-detail-type{display:block;font-size:8px;letter-spacing:.07em;color:#8a9e74;margin-bottom:8px}.calendar-detail>h4{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.045em;font-weight:550;margin:0 0 10px;color:#576e46}.calendar-detail>p{font-size:11px;color:#91a17e;line-height:1.6}.event-detail-time{display:flex;align-items:center;gap:11px;margin:17px 0;padding:13px 0;border-block:1px solid #e1e7d7}.event-detail-time>.icon{width:20px;height:20px;color:#9aac86}.event-detail-time>div{display:flex;flex-direction:column;gap:5px}.event-detail-time span{font-size:9px;color:#a0ad90}.event-detail-time strong{font-size:16px;font-weight:500;color:#6c8557}.calendar-detail>.lab-primary{width:100%;justify-content:space-between;min-height:42px;font-size:12px}.calendar-detail>.event-move-note{font-size:9px;color:#a0af8f;margin-top:10px;line-height:1.6}
.effects-paused .draft-cursor{animation:none}.effects-paused .cal-event,.effects-paused .ai-message-body mark,.effects-paused .ai-fields strong,.effects-paused .message-noise{transition:none!important}.effects-paused .after-website,.effects-paused .before-website,.effects-paused .cafe-booking,.effects-paused .booking-confirmation,.effects-paused .calendar-detail{animation:none!important}
/* A focused demonstration, not two desktop panels stacked on a phone. */
@media(max-width:1100px){.service-offers{gap:16px}.service-offer{padding:24px}.service-offer h3{font-size:23px}.offer-number{right:24px}.demo-panel{padding:25px}.demo-heading{gap:24px}.demo-heading>p{max-width:250px;font-size:13px}.ai-message-body{padding:20px}.ai-message-body p{font-size:16px}.ai-record-head{padding-inline:15px}.ai-record-head>span:last-child{font-size:8px}.ai-fields{padding:20px 15px;gap:7px}.ai-fields strong{font-size:12px}.ai-draft{margin:15px;padding:14px}.ai-draft>p{font-size:13px}.ai-controls{gap:24px}.cafe-copy{padding:28px}.cafe-copy h4{font-size:58px}.cafe-nav>span{display:none}.fragment-quote{left:7%}.fragment-visit{left:36%}.fragment-call{left:58%}.desk-fragment{width:205px;padding:18px}.desk-fragment>h4{font-size:15px}.cal-event>strong{font-size:10px}.cal-event>span{font-size:7px}.cal-event{padding-inline:7px}.calendar-period{font-size:11px}.calendar-toolbar>div{gap:22px}}
@media(max-width:900px) and (min-width:761px){.ai-message-body p{font-size:15px}.ai-message-top{padding:15px}.ai-message-top>div>span{font-size:8px}.ai-record-head{display:block;min-height:66px}.ai-record-head>span:last-child{display:block;margin-top:6px;text-align:left}.ai-fields{grid-template-columns:1.3fr .7fr 1fr;gap:5px;padding-inline:12px}.ai-fields strong{font-size:11px}.ai-draft{margin:12px;padding:12px}.ai-draft>p{font-size:12px}.ai-scrubber>div{font-size:9px}.cafe-copy h4{font-size:51px}.cafe-copy{padding:28px 23px}.cafe-copy>p{font-size:11px}.cafe-photo>span{font-size:21px}.desk-fragment{width:180px}.fragment-call{left:61%}.cal-event>span{font-size:6px}.cal-event>strong{font-size:9px}}
@media(max-width:760px){
.service-offers{grid-template-columns:1fr;gap:15px}.service-offer{padding:24px}.offer-icon{margin-bottom:24px;width:43px;height:43px}.offer-number{top:35px}.service-offer h3{font-size:26px;margin-bottom:13px}.service-offer>p{font-size:14px}.service-offer ul{padding:13px 0 20px;font-size:12px}.service-offer>a{font-size:13px;padding-top:16px}.integration-note{font-size:12px;line-height:1.7;gap:9px;margin-top:23px;text-align:left}
.interactive-lab{padding:57px 0;margin-bottom:66px}.interactive-lab .section-heading{margin-bottom:27px}.interactive-lab .section-heading h2{font-size:36px}.interactive-lab .section-heading>p{font-size:14px;margin-top:18px}.demo-studio{border-radius:8px}.demo-tabs{padding:5px;gap:3px}.demo-tabs>button{font-size:11px;gap:6px;padding:11px 5px;min-height:58px;line-height:1.35;flex-direction:column}.demo-tabs>button>.icon{width:17px;height:17px}.demo-tabs>button:first-child>span{max-width:97px}.demo-panel{padding:18px 16px 16px}.demo-heading{display:block;margin-bottom:18px}.demo-heading h3{font-size:25px;line-height:1.18}.demo-heading .desktop-break{display:none}.demo-kicker{font-size:8px;letter-spacing:.08em;margin-bottom:8px}.demo-heading>p{display:none}.demo-benefit{font-size:10px;line-height:1.6;gap:7px;margin-top:16px;justify-content:flex-start}.demo-benefit>.icon{width:13px;height:13px;margin-top:1px}.demo-disclosure{display:block;padding:12px 16px;font-size:9px;line-height:1.6}.demo-disclosure>span{font-size:7px;display:block;margin-bottom:4px}.simple-demo-cta{display:block;font-size:17px;margin-top:25px}.simple-demo-cta button{font-size:12px;margin-top:15px}
.ai-machine{display:block}.ai-message{border-radius:5px}.ai-message-top{padding:11px 14px;gap:8px}.person-avatar{width:28px;height:28px;font-size:9px}.ai-message-top strong{font-size:11px}.ai-message-top>div>span{font-size:8px}.ai-message-top>.icon{width:15px;height:15px}.ai-message-body{padding:13px 15px}.ai-message-body p{font-size:14px;line-height:1.75;letter-spacing:-.012em}.ai-source-foot{padding:8px 14px;font-size:8px;gap:10px}.ai-source-foot>span:last-child{font-size:13px}.ai-scanline{transform:translateY(calc(var(--scan,0)*170px));left:8px;right:8px;height:20px}.ai-organised{margin-top:11px;border-radius:5px}.ai-record-head{padding:10px 13px;min-height:33px}.ai-record-head>span:first-child{font-size:7px;gap:5px;letter-spacing:.03em}.ai-record-head .icon{width:11px;height:11px}.ai-record-head>span:last-child{font-size:7px}.ai-fields{padding:13px 13px 12px;gap:9px;grid-template-columns:1.4fr .7fr 1fr}.ai-fields>div>span{font-size:8px;margin-bottom:7px}.ai-fields strong{font-size:11px;line-height:1.4;min-height:15px}.ai-fields>div>i{top:24px;height:4px}.ai-draft{margin:10px;padding:11px;min-height:97px}.ai-draft>div>span:first-child{font-size:7px;gap:5px;letter-spacing:.03em}.ai-draft .icon{width:11px;height:11px}.ai-draft>p{font-size:11px;line-height:1.65;min-height:50px;margin-top:8px}.ai-review-note{font-size:8px;margin-top:8px;padding-top:7px}.detail-transfer{font-size:11px;padding:1px 4px}.ai-controls{grid-template-columns:1fr;gap:16px;margin-top:15px}.ai-controls>.lab-primary{min-height:42px;font-size:12px;padding:10px 14px;justify-content:center}.ai-scrubber>div{font-size:8px;gap:10px;margin-bottom:10px}.ai-scrubber input{height:4px}.ai-scrubber input::-webkit-slider-thumb{height:16px;width:16px;border-width:4px}.ai-demo .demo-benefit{display:none}
.web-preview-toolbar{margin-bottom:11px;gap:10px}.web-preview-toolbar>span{display:none}.web-view-switch{width:100%;padding:3px;gap:4px}.web-view-switch>button{flex:1;min-height:33px;font-size:10px;padding:8px 10px}.website-frame{height:397px;border-radius:5px}.cafe-nav{height:48px;padding:0 17px;gap:20px}.cafe-nav>a{font-size:26px}.cafe-nav>a>span{font-size:4px;margin-top:4px}.cafe-nav>button{font-size:8px}.cafe-nav>button>span{margin-left:9px}.cafe-hero{display:block;height:calc(100% - 48px)}.cafe-copy{padding:21px 23px;height:207px}.cafe-eyebrow{font-size:6px;letter-spacing:.1em}.cafe-copy h4{font-size:43px;line-height:.95;margin:12px 0 0;letter-spacing:-.06em;max-width:240px}.cafe-copy h4>br{display:none}.cafe-copy h4 em{white-space:nowrap}.cafe-copy>p{display:none}.cafe-copy>button{padding:11px 13px;margin-top:17px;font-size:10px;gap:28px}.cafe-hours{font-size:5px;margin-top:11px}.cafe-photo{position:absolute;left:0;right:0;bottom:0;height:142px;background-size:255% auto;background-position:left bottom}.cafe-photo>span{left:22px;bottom:17px;font-size:24px}.cafe-photo:after{background:linear-gradient(0deg,#33291b90,transparent 80%)}
.cafe-booking{height:calc(100% - 48px);padding:24px 21px}.booking-heading{gap:12px;margin-bottom:24px}.booking-heading>button{width:25px;height:25px;font-size:13px;margin-top:6px}.booking-heading>div>span{font-size:6px}.booking-heading h4{font-size:30px;line-height:1.04;margin-top:7px}.booking-selects{gap:11px}.booking-selects label{font-size:9px}.booking-selects select{font-size:12px;min-height:42px;padding:10px}.booking-prompt{font-size:10px;margin-top:22px}.booking-times{gap:8px}.booking-times>button{font-size:10px;min-height:43px}.booking-sample{font-size:8px;margin-top:13px}.booking-confirmation>h4{font-size:26px;line-height:1.08}.booking-confirmation>p{font-size:13px;line-height:1.6}.booking-confirmation>span:not(.booking-check){font-size:9px;line-height:1.6}.booking-check{height:33px;width:33px;margin-bottom:14px}.booking-confirmation>button{font-size:10px;margin-top:13px}.booking-confirmation>small{font-size:8px;line-height:1.6}
.before-nav{padding:16px 20px}.before-nav>strong{font-size:19px}.before-nav>span{font-size:7px;max-width:95px;text-align:right;line-height:1.6}.before-content{padding:23px 22px}.before-welcome{font-size:7px}.before-content h4{font-size:28px;margin:16px 0 13px}.before-content>p{font-size:11px;line-height:1.75}.before-links{font-size:8px;gap:14px;margin:17px 0}.before-content>button{font-size:10px;padding:9px 12px}.before-content>#before-answer{font-size:9px}.before-note{left:22px;bottom:14px;font-size:8px}
.calendar-workspace{--hour:42px;border-radius:5px}.calendar-toolbar{height:47px;padding:0 14px;gap:10px}.calendar-toolbar>div{gap:15px}.calendar-brand{font-size:16px;gap:5px}.calendar-brand .icon{width:14px;height:14px}.calendar-period{font-size:9px}.calendar-period>strong{display:none}.calendar-toolbar>span{font-size:6px;letter-spacing:.03em;max-width:65px;line-height:1.5;text-align:right}.calendar-canvas{height:336px}.calendar-days{grid-template-columns:41px 1fr;height:42px}.secondary-day{display:none}.calendar-body{grid-template-columns:41px 1fr}.calendar-times>span{font-size:8px;padding-top:8px}.cal-day-label{justify-content:flex-start;padding-left:15px}.cal-day-label>span{font-size:8px}.cal-day-label>strong{font-size:13px}.cal-day-label:nth-child(2)>strong{height:25px;width:25px}.cal-event{left:8px;right:11px;height:37px;padding:6px 10px;gap:4px}.cal-event>strong{font-size:11px}.cal-event>span{font-size:8px}.cal-event>i{font-size:13px;right:10px}
.desk-fragment{width:181px;padding:13px 16px 12px;border-radius:4px}.desk-fragment>span{font-size:7px;gap:5px;margin-bottom:10px}.desk-fragment .icon{width:11px;height:11px}.desk-fragment>h4{font-size:15px;line-height:1.2;margin-bottom:6px}.desk-fragment>p{font-size:8px;margin-bottom:10px}.desk-fragment>strong{font-size:10px}.desk-fragment>small{font-size:7px;margin-top:7px}.fragment-quote{left:8%;top:21px}.fragment-visit{left:28%;top:104px}.fragment-call{left:11%;top:196px}.fragment-call>h4{font-size:19px}.calendar-controls{display:block;padding:13px 14px}.calendar-controls>.lab-primary{width:100%;min-height:42px;font-size:11px}.calendar-controls>p{font-size:9px;text-align:center;margin-top:9px;line-height:1.4}.calendar-controls>p>br{display:none}.calendar-controls>p>strong{margin-left:3px}.calendar-detail{left:11px;right:11px;top:10px;width:auto;padding:14px 18px;min-height:314px}.event-detail-top{font-size:7px;margin-bottom:15px}.event-detail-top>button{width:25px;height:25px;font-size:18px}.event-detail-type{font-size:7px;margin-bottom:7px}.calendar-detail>h4{font-size:23px;margin-bottom:9px}.calendar-detail>p{font-size:10px;line-height:1.6}.event-detail-time{margin:15px 0;padding:11px 0}.event-detail-time span{font-size:8px}.event-detail-time strong{font-size:15px}.calendar-detail>.lab-primary{min-height:40px;font-size:11px}.calendar-detail>.event-move-note{font-size:8px;margin-top:10px}
}
@media(max-width:380px){.demo-panel{padding:16px 12px 13px}.demo-tabs>button{font-size:10px}.demo-heading h3{font-size:23px}.ai-message-body{padding:11px 13px}.ai-message-body p{font-size:13px;line-height:1.7}.ai-message-top>div>span{font-size:7px}.ai-fields{gap:7px;padding-inline:10px}.ai-fields strong{font-size:10px}.ai-record-head{padding-inline:10px}.ai-record-head>span:first-child{font-size:6px}.ai-record-head>span:last-child{font-size:6px}.ai-draft>p{font-size:10px;min-height:49px}.ai-controls{gap:14px}.ai-scrubber>div{font-size:7px}.website-frame{height:389px}.cafe-copy{padding-inline:20px;height:200px}.cafe-copy h4{font-size:40px}.cafe-hero .cafe-photo{height:141px;background-size:255% auto}.cafe-booking{padding-inline:18px}.booking-heading h4{font-size:27px}.booking-confirmation>h4{font-size:24px}.before-content{padding-inline:18px}.before-links{gap:11px;font-size:7px}.calendar-brand{font-size:15px}.calendar-toolbar>div{gap:10px}.calendar-period{font-size:8px}.calendar-toolbar>span{font-size:5px;max-width:57px}.desk-fragment{width:166px}.fragment-visit{left:25%}.fragment-call{left:10%}.cal-event>strong{font-size:10px}.calendar-detail{padding-inline:15px}.calendar-detail>h4{font-size:21px}.calendar-controls>p{font-size:8px}}
@media(prefers-reduced-motion:reduce){.after-website,.before-website,.cafe-booking,.booking-confirmation,.calendar-detail,.draft-cursor{animation:none!important}.cal-event,.ai-message-body mark,.ai-fields strong,.message-noise{transition:none!important}.ai-scanline{display:none}}
/* The action is visible before the message on a phone; playback frames both views. */
@media(max-width:760px){
.ai-demo{display:flex;flex-direction:column}
.ai-demo>.demo-heading{order:0}
.ai-demo>.ai-controls{order:1;margin-top:0;margin-bottom:19px;gap:15px}
.ai-demo>.ai-machine{order:2}
.ai-demo>.demo-benefit{order:3}
.ai-controls>.lab-primary{font-size:13px;min-height:44px}
.ai-scrubber>div{font-size:9px;gap:10px;align-items:flex-start;line-height:1.4}
.ai-scrubber>div>label{max-width:145px}
.ai-scrubber output{text-align:right}
.ai-fields strong{font-size:12px}
.ai-fields>div>span{font-size:9px}
.ai-draft>p{font-size:12px;line-height:1.7}
}