.art-kit{--art-ink:#1b201a;--art-ink-soft:rgba(27,32,26,0.55);--art-ink-muted:rgba(27,32,26,0.62);--art-card:#ffffff;--art-card-alt:#f4f6ee;--art-hairline:rgba(27,32,26,0.12);--art-wash:#e7efdd;--art-sand:#e6ebdb;--art-accent:#6d9560;--art-accent-ink:#3c6631;--art-accent-deep:#41703a;--art-shadow:0 10px 30px -18px rgba(32,46,27,0.45);--art-stroke:rgba(27,32,26,0.4);--art-glow-core:rgba(255,255,255,0.95);--art-glow-band:rgba(255,255,255,0.22);position:relative;width:100%;height:100%;min-height:0;container-type:inline-size;font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif);color:var(--art-ink)}.art-kit[data-tone=dark]{--art-ink:#f3f6ef;--art-ink-soft:rgba(243,246,239,0.72);--art-ink-muted:rgba(243,246,239,0.66);--art-card:rgba(36,48,33,0.9);--art-card-alt:rgba(36,48,33,0.7);--art-hairline:rgba(243,246,239,0.16);--art-wash:rgba(185,211,168,0.16);--art-sand:rgba(243,246,239,0.14);--art-accent:#b9d3a8;--art-accent-ink:#d8ecc9;--art-accent-deep:#b9d3a8;--art-shadow:0 10px 30px -18px rgba(0,0,0,0.65);--art-stroke:rgba(243,246,239,0.5);--art-glow-core:rgba(255,255,255,0.95);--art-glow-band:rgba(185,211,168,0.28)}.art-kit svg{display:block;overflow:visible}.art-kit *{box-sizing:border-box}.art-card-face{border-radius:12px;background:var(--art-card);border:1px solid var(--art-hairline);box-shadow:var(--art-shadow)}@keyframes art-ping{0%{transform:scale(.55);opacity:.6}75%{transform:scale(1.7);opacity:0}to{opacity:0}}@keyframes art-fade-in{0%{opacity:0}to{opacity:1}}.art-kit--receptionist .art-card{position:absolute;inset:8%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:8%;padding:9%}.art-kit--receptionist .art-phone-row{display:flex;align-items:center;gap:12%;flex:none}.art-kit--receptionist .art-phone{position:relative;flex:none;width:min(30%,44px);aspect-ratio:1;border-radius:50%;background:var(--art-wash);display:grid;place-items:center;color:var(--art-accent-ink)}.art-kit--receptionist .art-phone-glyph{width:46%;height:46%}.art-kit--receptionist .art-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--art-accent);opacity:0}.art-kit--receptionist .art-status{display:grid;gap:6%;min-width:0}.art-kit--receptionist .art-status-dot-row{display:flex;align-items:center;gap:8px;font-size:clamp(11px,2.6cqw,13px);font-weight:600}.art-kit--receptionist .art-status-dot{width:7px;height:7px;border-radius:50%;background:var(--art-accent);flex:none}.art-kit--receptionist .art-status-text{position:relative;display:inline-grid}.art-kit--receptionist .art-status-text span{grid-area:1/1;transition:opacity .24s var(--mk-ease-out,ease)}.art-kit--receptionist .art-status-text .art-ringing{opacity:0}.art-kit--receptionist .art-status-text .art-answered{opacity:1}.art-kit--receptionist .art-wave{display:flex;align-items:flex-end;gap:3%;flex:1 1 34%;min-height:16px;max-height:46px}.art-kit--receptionist .art-wave i{flex:1;min-width:2px;border-radius:2px;background:var(--art-accent);height:calc(var(--h, .5) * 100%);transform-origin:bottom}@media (prefers-reduced-motion:no-preference){.art-kit--receptionist[data-play] .art-ring{animation:art-ping 1s var(--mk-ease-in-out,ease) infinite}.art-kit--receptionist[data-play] .art-ring--b{animation-delay:.33s}.art-kit--receptionist[data-play] .art-ring--c{animation-delay:.66s}.art-kit--receptionist[data-play] .art-ring{animation-iteration-count:3;animation-duration:.62s}.art-kit--receptionist[data-play] .art-status-text .art-answered,.art-kit--receptionist[data-play] .art-status-text .art-ringing{animation:art-cc-resolve 7s var(--mk-ease-out,ease) infinite}.art-kit--receptionist[data-play] .art-status-text .art-answered{animation-name:art-cc-resolve-answered}.art-kit--receptionist[data-play] .art-wave i{animation:art-wave-bar 1s var(--mk-ease-in-out,ease) infinite;animation-delay:var(--d,0s)}}@keyframes art-cc-resolve{0%{opacity:1}16%,to{opacity:0}}@keyframes art-cc-resolve-answered{0%{opacity:0}20%,to{opacity:1}}@keyframes art-wave-bar{0%,to{transform:scaleY(.82)}50%{transform:scaleY(1.16)}}@media (prefers-reduced-motion:reduce){.art-kit--receptionist[data-seen=true] .art-status-text .art-ringing{animation:art-fade-in 1.4s var(--mk-ease-out,ease) reverse both}.art-kit--receptionist[data-seen=true] .art-status-text .art-answered{animation:art-fade-in 1.4s var(--mk-ease-out,ease) .4s both}}.art-kit--dashboard .art-board{position:absolute;inset:6% 6% 42%;border-radius:12px;background:var(--art-card);border:1px solid var(--art-hairline);box-shadow:var(--art-shadow);overflow:hidden;padding:3% 4%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent)}.art-kit--dashboard .art-row{position:absolute;top:0;left:0;right:0;height:25%;display:flex;align-items:center;gap:8px;padding:0 4%;border-radius:8px;font-size:clamp(10.5px,2.3cqw,12.5px);transform:translateY(calc((var(--slot, 0)) * 100%))}.art-kit--dashboard .art-row .hi{position:absolute;inset:1px;border-radius:8px;background:var(--art-wash);opacity:0}.art-kit--dashboard .art-row .tt{flex:1;font-weight:600;color:var(--art-ink)}.art-kit--dashboard .art-row .pill{flex:none;padding:2px 8px;border-radius:999px;font-weight:600;font-size:.9em;background:var(--art-sand);color:var(--art-ink-muted)}.art-kit--dashboard .art-row .pill--booked{background:var(--art-wash);color:var(--art-accent-ink)}.art-kit--dashboard .art-chart{position:absolute;inset:auto 6% 6%;height:36%;display:flex;align-items:flex-end;gap:3%}.art-kit--dashboard .art-bars{flex:none;width:42%;height:100%;display:flex;align-items:flex-end;gap:6%}.art-kit--dashboard .art-bars i{flex:1;min-width:2px;border-radius:2px 2px 0 0;background:var(--art-accent-deep);height:calc(var(--h, .5) * 100%);transform-origin:bottom;opacity:.9}.art-kit--dashboard .art-trend{flex:1;height:100%}.art-kit--dashboard .art-trend path.line{fill:none;stroke:var(--art-accent-ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.art-kit--dashboard .art-trend circle.dot{fill:var(--art-accent-ink)}.art-kit--dashboard .art-trend circle.ping{fill:none;stroke:var(--art-accent);stroke-width:1.5;opacity:0}@media (prefers-reduced-motion:no-preference){.art-kit--dashboard[data-play] .art-row{animation:art-row-shift 9s linear infinite;animation-delay:calc(var(--i, 0) * -1.8s)}.art-kit--dashboard[data-play] .art-row .hi{animation:art-row-highlight 9s linear infinite;animation-delay:calc(var(--i, 0) * -1.8s)}.art-kit--dashboard[data-play] .art-bars i{animation:art-bar-grow 6s var(--mk-ease-in-out,ease) infinite;animation-delay:var(--d,0s)}.art-kit--dashboard[data-play] .art-trend path.line{stroke-dasharray:var(--len,140);animation:art-trend-draw 9s var(--mk-ease-in-out,ease) infinite}.art-kit--dashboard[data-play] .art-trend circle.ping{animation:art-ping 1.1s var(--mk-ease-out,ease) infinite;animation-delay:1.1s}}@keyframes art-row-shift{0%{transform:translateY(-100%);opacity:0}4%{opacity:1}20%{transform:translateY(0)}40%{transform:translateY(100%)}60%{transform:translateY(200%)}80%{transform:translateY(300%)}96%{opacity:1}to{transform:translateY(400%);opacity:0}}@keyframes art-row-highlight{0%,to{opacity:0}6%{opacity:1}18%{opacity:0}}@keyframes art-bar-grow{0%{transform:scaleY(.32)}30%{transform:scaleY(1)}70%{transform:scaleY(1)}to{transform:scaleY(.32)}}@keyframes art-trend-draw{0%{stroke-dashoffset:var(--len,140)}35%{stroke-dashoffset:0}95%{stroke-dashoffset:0}to{stroke-dashoffset:var(--len,140)}}@media (prefers-reduced-motion:reduce){.art-kit--dashboard .art-trend path.line{stroke-dashoffset:0}}.art-kit--campaigns svg{width:100%;height:100%}.art-kit--campaigns .node-face{fill:var(--art-card);stroke:var(--art-hairline);stroke-width:1}.art-kit--campaigns .node-face--target{fill:var(--art-card-alt)}.art-kit--campaigns text{font-size:11px;font-weight:600;fill:var(--art-ink);font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif)}.art-kit--campaigns .flow-path{fill:none;stroke:var(--art-stroke);stroke-width:1.5;stroke-linecap:round}.art-kit--campaigns .particle{fill:var(--art-accent);opacity:0}.art-kit--campaigns .target-pulse{fill:none;stroke:var(--art-accent);stroke-width:1.5;opacity:0}@media (prefers-reduced-motion:no-preference){.art-kit--campaigns[data-play] .particle{opacity:0;animation-duration:7s;animation-timing-function:linear;animation-iteration-count:infinite}.art-kit--campaigns[data-play] .particle--a{animation-name:art-particle-a}.art-kit--campaigns[data-play] .particle--b{animation-name:art-particle-b}.art-kit--campaigns[data-play] .particle--c{animation-name:art-particle-c}.art-kit--campaigns[data-play] .target-pulse{animation:art-ping 1.3s var(--mk-ease-out,ease) infinite;animation-delay:1.5s}}@keyframes art-particle-a{0%,14%{opacity:0;offset-distance:0}16%{opacity:1}35%{offset-distance:100%;opacity:1}37%,to{opacity:0;offset-distance:100%}}@keyframes art-particle-b{0%,22%{opacity:0;offset-distance:0}24%{opacity:1}43%{offset-distance:100%;opacity:1}45%,to{opacity:0;offset-distance:100%}}@keyframes art-particle-c{0%,30%{opacity:0;offset-distance:0}32%{opacity:1}51%{offset-distance:100%;opacity:1}53%,to{opacity:0;offset-distance:100%}}.art-kit--brand .art-widget{position:absolute;inset:8%;overflow:hidden;padding:9%;display:flex;flex-direction:column;gap:10%}.art-kit--brand .art-widget-head{display:flex;align-items:center;gap:8%}.art-kit--brand .art-logo{position:relative;flex:none;width:17%;aspect-ratio:1}.art-kit--brand .swatch{position:absolute;inset:0;border-radius:8px;opacity:0}.art-kit--brand .art-logo .swatch{border-radius:50%}.art-kit--brand .swatch--a{background:var(--art-accent-deep);opacity:1}.art-kit--brand .swatch--b{background:#2f4a86}.art-kit--brand .swatch--c{background:#b1613f}.art-kit[data-tone=dark] .art-btn .swatch--a{background:#41703a}.art-kit--brand .art-wordmark{font-size:clamp(11px,2.6cqw,13px);font-weight:650;color:var(--art-ink)}.art-kit--brand .art-thumbs{flex:1;display:flex;gap:4%;min-height:0}.art-kit--brand .thumb{flex:1;border-radius:8px;background:var(--art-sand);border:1px solid var(--art-hairline);position:relative;overflow:hidden}.art-kit--brand .thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 40%,var(--art-hairline) 100%)}.art-kit--brand .thumb--after{background:var(--art-wash)}.art-kit--brand .art-btn{position:relative;border-radius:999px;padding:7% 0;text-align:center;overflow:hidden;font-size:clamp(10.5px,2.4cqw,12px);font-weight:600;text-transform:none;letter-spacing:normal;color:#fff}.art-kit--brand .art-btn .art-btn-label{position:relative;z-index:1;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}.art-kit--brand .art-morph-line{position:absolute;inset:0;pointer-events:none;opacity:0;transform:translateX(0)}.art-kit--brand .art-morph-line:after,.art-kit--brand .art-morph-line:before{content:"";position:absolute;top:0;bottom:0;left:-6%}.art-kit--brand .art-morph-line:before{width:26%;background:linear-gradient(90deg,transparent,var(--art-glow-band))}.art-kit--brand .art-morph-line:after{width:2px;background:var(--art-glow-core);box-shadow:0 0 12px 2px var(--art-glow-band)}@media (prefers-reduced-motion:no-preference){.art-kit--brand[data-play] .swatch--a{animation:art-swatch-a 9s var(--mk-ease-out,ease) infinite}.art-kit--brand[data-play] .swatch--b{animation:art-swatch-b 9s var(--mk-ease-out,ease) infinite}.art-kit--brand[data-play] .swatch--c{animation:art-swatch-c 9s var(--mk-ease-out,ease) infinite}.art-kit--brand[data-play] .art-morph-line{animation:art-morph-sweep 9s linear infinite}}@keyframes art-swatch-a{0%,30%{opacity:1}33%,to{opacity:0}}@keyframes art-swatch-b{0%,30%{opacity:0}34%,63%{opacity:1}66%,to{opacity:0}}@keyframes art-swatch-c{0%,63%{opacity:0}67%,96%{opacity:1}99%,to{opacity:0}}@keyframes art-morph-sweep{0%,30%{opacity:0;transform:translateX(0)}32%{opacity:1}36%{transform:translateX(112%);opacity:0}63%{opacity:0;transform:translateX(0)}65%{opacity:1}69%{transform:translateX(112%);opacity:0}96%{opacity:0;transform:translateX(0)}98%{opacity:1}to{transform:translateX(112%);opacity:0}}@media (prefers-reduced-motion:reduce){.art-kit--brand[data-seen=true] .swatch--a{animation:art-swatch-a-once 3.6s var(--mk-ease-out,ease) 1 both}.art-kit--brand[data-seen=true] .swatch--b{animation:art-swatch-b-once 3.6s var(--mk-ease-out,ease) 1 both}.art-kit--brand[data-seen=true] .swatch--c{animation:art-swatch-c-once 3.6s var(--mk-ease-out,ease) 1 both}.art-kit--brand .art-morph-line{display:none}}@keyframes art-swatch-a-once{0%,15%{opacity:1}25%,85%{opacity:0}95%,to{opacity:1}}@keyframes art-swatch-b-once{0%,20%{opacity:0}30%,45%{opacity:1}55%,to{opacity:0}}@keyframes art-swatch-c-once{0%,50%{opacity:0}60%,75%{opacity:1}85%,to{opacity:0}}