@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.text-wrap{text-wrap:wrap}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--teal:#0d9488;--teal-l:#2dd4bf;--teal-d:#0f766e;--teal-bg:#0d948814;--dark:#060d18;--dark2:#0d1526;--slate:#1e3a50;--muted:#5a7a8a;--white:#f8fafc;--gold:#f59e0b;--green:#22c55e;--red:#ef4444;--logo-accent:var(--teal-l);--nav-bg:#060d18eb;--nav-border:var(--slate)}[data-theme=light]{--dark:#f7f5f0;--dark2:#fff;--slate:#e3e3df;--muted:#6b7280;--white:#0f172a;--teal-bg:#0d94880f;--logo-accent:var(--white);--nav-bg:#f7f5f0eb;--nav-border:#0d948820}[data-theme=light] body{background:var(--dark);color:var(--white)}[data-theme=light] .okee-bg{background-image:repeating-linear-gradient(0deg,#0000,#0000 47px,#0d948814 48px),repeating-linear-gradient(90deg,#0000,#0000 47px,#0d948814 48px)}[data-theme=light] .glass{background:#ffffffd9;border:1px solid #0f172a14}[data-theme=light] .okee-input{border:1px solid var(--slate);color:var(--white);background:#fff}*{box-sizing:border-box}body{background:var(--dark);color:var(--white);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif}.font-mono{font-family:Space Mono,monospace}.okee-bg{background-image:repeating-linear-gradient(0deg,#0000,#0000 47px,#0d94880a 48px),repeating-linear-gradient(90deg,#0000,#0000 47px,#0d94880a 48px)}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1526cc;border:1px solid #1e3a5099;border-radius:16px}.teal-glow{box-shadow:0 0 40px #0d948833}.status-available{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.status-on-job{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f64d}.status-offline{color:#94a3b8;background:#64748b1a;border:1px solid #64748b4d}.engagement-come-now{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}.engagement-appointment{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b4d}.engagement-video{color:#c4b5fd;background:#8b5cf61a;border:1px solid #8b5cf64d}.engagement-quote{color:#2dd4bf;background:#0d94881a;border:1px solid #0d94884d}.engagement-phone{color:#94a3b8;background:#64748b1a;border:1px solid #64748b4d}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:.4s forwards slide-up}.animate-fade-in{animation:.3s forwards fade-in}@keyframes okee-demo-pulse{0%,to{box-shadow:0 0 #0d948873,0 4px 12px #0d948833}50%{box-shadow:0 0 0 6px #0d948800,0 4px 12px #0d948833}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--dark2)}::-webkit-scrollbar-thumb{background:var(--slate);border-radius:2px}.okee-input{border:1px solid var(--slate);color:var(--white);background:#0d152699;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .2s}.okee-input:focus{border-color:var(--teal)}.okee-input::placeholder{color:var(--muted)}.btn-primary{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--teal-d);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--teal-l);border:1px solid var(--teal);cursor:pointer;background:0 0;border-radius:10px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--teal-bg)}.btn-danger{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.btn-danger:hover{background:#ef444433}.pt-safe{padding-top:env(safe-area-inset-top)}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pl-safe{padding-left:env(safe-area-inset-left)}.pr-safe{padding-right:env(safe-area-inset-right)}.px-safe{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.py-safe{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.mt-safe{margin-top:env(safe-area-inset-top)}.mb-safe{margin-bottom:env(safe-area-inset-bottom)}.tap-target{min-width:44px;min-height:44px}button,a[role=button],[role=tab],a.btn-primary,a.btn-secondary{touch-action:manipulation}input,select,textarea{font-size:16px}@media (min-width:768px){input,select,textarea{font-size:inherit}}.okee-scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}.okee-stack-mobile{flex-direction:column;gap:12px;display:flex}@media (min-width:768px){.okee-stack-mobile{flex-direction:row}}.okee-modal-inner{width:100%;max-width:min(560px,100vw - 32px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px);-webkit-overflow-scrolling:touch;overflow-y:auto}.okee-bottom-bar{padding-bottom:calc(env(safe-area-inset-bottom) + 12px);background:var(--dark);border-top:1px solid var(--slate);z-index:30;padding-top:12px;position:sticky;bottom:0;left:0;right:0}.okee-break{overflow-wrap:anywhere;word-break:break-word}.okee-input,.btn-primary,.btn-secondary,.btn-danger{min-height:48px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}