.catalog-hero{gap:46px!important}.catalog-hero h1{letter-spacing:-.055em!important;font-size:clamp(46px,5.7vw,76px)!important;line-height:1.04!important}.catalog-hero>div>p:not(.marketing-kicker){max-width:470px}.hero-product{color:#203c48;background:#f5f8fa;border:1px solid #d9e5ea;border-radius:18px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 80px #0003}.hero-product-top{border-bottom:1px solid #dce5e9;justify-content:space-between;padding:18px 22px;font-size:12px;font-weight:800;display:flex}.hero-product-top small{color:#617783;font-size:9px}.hero-product-body{grid-template-columns:130px 1fr;min-height:285px;display:grid}.hero-mini-nav{color:#627981;border-right:1px solid #dce5e9;flex-direction:column;gap:21px;padding:24px 14px;font-size:10px;display:flex}.hero-mini-nav strong{color:#203c48}.hero-workspace{padding:24px 18px}.hero-workspace>small{letter-spacing:.1em;font-size:8px}.marketing-home .hero-workspace h2{color:#203c48;margin:10px 0 20px;font-size:23px;line-height:1.2}.hero-stats{gap:12px;margin-bottom:20px;display:flex}.hero-stats>div{background:#e6eff1;border-radius:9px;flex:1;align-items:center;gap:10px;padding:12px;display:flex}.hero-stats strong{font-size:25px}.hero-stats span{font-size:9px}.hero-appointment{border-top:1px solid #dce5e9;align-items:center;gap:10px;padding:14px 0;font-size:9px;display:flex}.hero-appointment div{flex-direction:column;flex:1;gap:5px;display:flex}.hero-appointment b{color:#315e40;background:#deeee3;border-radius:5px;padding:5px;font-size:8px}.hero-site-status{color:#376c58;justify-content:space-between;gap:10px;margin-top:12px;font-size:8px;display:flex}.hero-product-caption{text-align:center;background:#e7f0f3;padding:14px 18px;font-size:10px}.catalog-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.sample-label{color:#9cabb8;flex-shrink:0;font-size:11px;line-height:1.8}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.tool-card{--tool-accent:#8bd9e4;background:#14212d;border:1px solid #334453;border-radius:22px;min-width:0;padding:28px}.tool-card-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-number{letter-spacing:.13em;color:var(--tool-accent);font-size:10px;font-weight:700}.tool-plan{color:#d9e3e9;border:1px solid #465462;border-radius:30px;padding:5px 9px;font-size:10px}.marketing-home .tool-card h3{letter-spacing:-.03em;color:#f1f6fa;margin:19px 0 8px;font-size:27px}.marketing-home .tool-card>p{color:#b7c5d1;max-width:390px;min-height:45px;margin:0 0 22px;font-size:14px;line-height:1.6}.tool-card>a{color:var(--tool-accent);border-top:1px solid #334453;justify-content:space-between;padding-top:17px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.tool-stage{color:#243c48;border-radius:13px;height:282px;overflow:hidden}.tool-booking{--tool-accent:#c5b3fa}.tool-customers{--tool-accent:#eac492}.tool-dispatch{--tool-accent:#a3d4bc}.tool-controls{color:#c1ced7;justify-content:space-between;align-items:center;gap:10px;min-height:70px;font-size:11px;display:flex}.tool-controls>div{flex-wrap:wrap;gap:5px;display:flex}.tool-controls button,.tool-controls select,.connected-demo button{font:inherit;cursor:pointer;color:#edf5fa;background:#20313e;border:1px solid #4c606d;border-radius:7px;padding:8px 10px}.tool-controls button[aria-pressed=true]{border-color:var(--tool-accent);background:#344957}.tool-controls button i{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.tool-controls .demo-reset{background:0 0;border:0;padding:8px;text-decoration:underline}.tool-card button:focus-visible,.tool-card select:focus-visible,.connected-demo button:focus-visible{outline-offset:3px;outline:3px solid #36bfd6}.demo-window{color:#526b73;background:#ffffffba;justify-content:space-between;padding:12px 15px;font-size:9px;display:flex}.site-demo{background:var(--demo-paper);transition:background .25s}.mini-site{color:var(--demo-accent);padding:23px;transition:color .25s}.mini-brand{letter-spacing:.09em;font-size:14px;font-weight:800}.mini-brand span{letter-spacing:.22em;margin:4px 0 0 18px;font-size:7px;display:block}.mini-site-body{grid-template-columns:1.4fr 1fr;align-items:center;gap:8px;margin-top:28px;display:grid}.mini-site-body small{letter-spacing:.1em;font-size:7px}.mini-site-body h4{color:inherit;margin:9px 0 18px;font:25px/1.1 Georgia,serif}.mini-cta{background:var(--demo-accent);color:#fff;border-radius:4px;padding:9px 10px;font-size:8px;transition:background .25s;display:inline-block}.garden-art{background:color-mix(in srgb,var(--demo-accent) 10%,transparent);border-radius:70px 70px 12px 12px;height:140px;position:relative;overflow:hidden}.garden-art i{background:var(--demo-accent);opacity:.85;border-radius:90% 0;width:38px;height:72px;position:absolute;top:10%;left:45%;transform:rotate(-30deg)}.garden-art i:nth-child(2){top:35%;left:20%;transform:rotate(-80deg)}.garden-art i:nth-child(3){top:45%;left:55%;transform:rotate(15deg)}.garden-art i:nth-child(4){top:65%;left:33%;transform:rotate(-70deg)}.garden-art>span{background:var(--demo-accent);width:3px;height:110px;position:absolute;top:25%;left:50%;transform:rotate(-10deg)}.booking-demo{background:#eee9fa;place-items:center;padding:27px;display:grid}.demo-panel{background:#fff;border-radius:12px;width:100%;padding:22px;box-shadow:0 8px 20px #46385c0b}.demo-overline{letter-spacing:.1em;color:#64747e;font-size:8px;font-weight:700}.tool-stage h4{color:#293f4b;margin:10px 0 6px;font-size:18px}.marketing-home .demo-panel p{color:#697681;margin:0 0 18px;font-size:11px}.demo-times{gap:6px;display:flex}.demo-times button{color:#574873;cursor:pointer;background:#fff;border:1px solid #d8d0e5;border-radius:6px;flex:1;padding:10px 3px;font-size:10px}.demo-times button[aria-pressed=true]{color:#fff;background:#75609b;border-color:#75609b}.demo-confirm{align-items:center;min-height:36px;margin-top:14px;display:grid}.demo-primary{color:#fff;cursor:pointer;background:#75609b;border:0;border-radius:6px;width:100%;padding:11px;font-size:11px}.marketing-home .demo-confirm .demo-success{color:#396448;margin:0;font-size:11px;animation:.25s ease-out tool-arrive}.crm-demo{background:#f4eee3;grid-template-columns:125px 1fr;gap:14px;padding:20px;display:grid}.customer-tabs{flex-direction:column;gap:8px;display:flex}.customer-tabs button{text-align:left;color:#665b4c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:9px 6px;font-size:10px;display:flex}.customer-tabs button[aria-pressed=true]{background:#fff;border-color:#dfd4c2}.customer-tabs button>span{background:#e6d5b9;border-radius:50%;padding:7px;font-size:9px}.customer-detail{background:#fff;border-radius:10px;padding:18px;animation:.22s ease-out tool-arrive}.marketing-home .customer-detail p{color:#65717a;margin:7px 0 16px;font-size:11px;line-height:1.5}.customer-detail small{color:#8b7556;letter-spacing:.08em;font-size:8px;font-weight:700}.next-task{border-top:1px solid #e8e4dc;padding-top:12px}.next-task strong{margin-top:7px;font-size:10px;font-weight:500;display:block}.dispatch-demo{background:#e7f0eb;padding:22px}.dispatch-top{justify-content:space-between;gap:8px;margin-bottom:22px;font-size:12px;display:flex}.dispatch-top>span{color:#667c71;font-size:9px}.dispatch-board{gap:12px;display:grid}.dispatch-lane{grid-template-columns:56px 1fr;align-items:center;gap:10px;display:grid}.lane-name{flex-direction:column;align-items:center;gap:5px;font-size:11px;display:flex}.lane-name>span{background:#c4dacd;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.lane-job{border:1px dashed #b6cbbe;border-radius:8px;align-items:center;min-height:76px;display:flex}.job-ticket{background:#fff;border-left:3px solid #4d8463;border-radius:7px;flex-direction:column;gap:6px;width:100%;padding:12px;animation:.25s ease-out tool-arrive;display:flex}.job-ticket small{color:#52715b;font-size:8px}.job-ticket strong{font-size:12px}.job-ticket span{color:#6e7972;font-size:9px}.lane-empty{color:#63796a;padding:12px;font-size:10px}.marketing-home .catalog-note{color:#9dabb8;max-width:780px;margin-top:24px;font-size:12px;line-height:1.7}.connected-section{grid-template-columns:1fr 1.3fr;align-items:center;gap:64px;display:grid}.connected-section>div>p{max-width:380px}.connected-section a{color:#85dce8;font-size:13px}.connected-demo{background:#172a38;border:1px solid #3b5363;border-radius:18px;min-width:0;overflow:hidden}.connected-steps{border-bottom:1px solid #3b5363;gap:8px;padding:14px;display:flex}.connected-steps button{background:0 0;border-color:#0000;flex:1;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.connected-steps button[aria-pressed=true]{background:#29495b;border-color:#487082}.connected-steps button span{color:#91bfcc;font-size:9px}.connected-result{min-height:235px;padding:28px;animation:.25s ease-out tool-arrive}.connected-result .demo-overline{color:#9bbed0}.marketing-home .connected-result h3{color:#f2f7fa;margin:17px 0;font-size:21px}.connected-record{background:#203b4b;border:1px solid #34576a;border-radius:9px;align-items:center;gap:15px;padding:15px;display:flex}.record-symbol{color:#b7eddd;background:#36596b;border-radius:50%;place-items:center;min-width:32px;height:32px;font-size:12px;display:grid}.connected-record strong{color:#f4f8fa;font-size:12px}.marketing-home .connected-result p{color:#b6c8d4;margin:12px 0 0;font-size:12px;line-height:1.6}.marketing-home .connected-record p{margin:5px 0 0;font-size:10px}.connected-bottom{border-top:1px solid #3b5363;justify-content:space-between;align-items:center;gap:10px;padding:15px 24px;display:flex}.connected-bottom>span{color:#acc2ce;font-size:10px}.connected-bottom button{font-size:11px}.home-questions{max-width:850px!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes tool-arrive{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:1000px){.catalog-hero{grid-template-columns:1fr!important}.hero-product{width:100%;max-width:620px;margin:auto;transform:none}.crm-demo{grid-template-columns:105px 1fr;gap:8px;padding:14px}.customer-detail{padding:13px}.tool-controls{flex-wrap:wrap;padding:12px 0}.connected-section{gap:30px}}@media (max-width:760px){.tool-grid{grid-template-columns:1fr}.catalog-heading{flex-direction:column;align-items:start;gap:8px}.tool-card{padding:22px}.tool-stage{height:282px}.connected-section{grid-template-columns:1fr}.hero-product-body{grid-template-columns:105px 1fr}.hero-mini-nav{padding:20px 10px;font-size:9px}.hero-workspace{padding:20px 12px}.hero-product-top{padding:15px}.hero-appointment{gap:6px}.hero-appointment b{display:none}.hero-product-caption{font-size:9px}.crm-demo{grid-template-columns:110px 1fr}.marketing-home .tool-card>p{min-height:0}.catalog-hero .marketing-kicker{font-size:9px}}@media (max-width:390px){.hero-mini-nav{display:none}.hero-product-body{grid-template-columns:1fr}.tool-card{padding:17px}.booking-demo{padding:18px}.demo-panel{padding:17px}.crm-demo{grid-template-columns:88px 1fr;gap:7px;padding:10px}.customer-tabs button{flex-direction:column;align-items:start}.mini-site{padding:17px}.mini-site-body h4{font-size:22px}.tool-controls>div{gap:3px}.tool-controls button{padding:8px}.connected-result{padding:20px}.connected-bottom{padding:15px}.connected-steps{gap:4px;padding:10px}}@media (prefers-reduced-motion:reduce){.tool-section *,.connected-section *{transition:none!important;animation:none!important}}.hero-playground{perspective:1100px;width:100%;min-width:0}.playground-label{color:#a1bdcb;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:10px;display:flex}.playground-label>span:first-child{letter-spacing:.15em;color:#8cdeea;font-weight:700}.playground-scene{min-height:375px;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));justify-content:center;align-items:center;padding-bottom:28px;transition:transform .18s ease-out;display:flex;position:relative}.playground-site{background:var(--preview-paper);width:100%;max-width:560px;color:var(--preview-ink);border:1px solid #ffffff30;border-radius:15px;transition:max-width .3s,background .25s,color .25s;overflow:hidden;box-shadow:0 25px 65px #0004}.playground-browser{color:#6a7e82;background:#ffffff90;border-bottom:1px solid #193e4715;justify-content:space-between;gap:10px;padding:12px 16px;font-size:9px;display:flex}.playground-browser>span:first-child{letter-spacing:3px;font-size:7px}.playground-page{padding:25px}.playground-brand{letter-spacing:.1em;font-size:13px;font-weight:800}.playground-brand>span{vertical-align:middle;margin-right:5px;font-size:20px}.playground-brand small{letter-spacing:.22em;margin:3px 0 0 28px;font-size:7px;display:block}.playground-content{grid-template-columns:1.3fr 1fr;align-items:center;gap:18px;margin-top:28px;display:grid}.playground-kicker{letter-spacing:.1em;font-size:7px;font-weight:700}.marketing-home .playground-content h2{letter-spacing:-.045em;color:var(--preview-ink);margin:12px 0;font:36px/1.05 Georgia,serif}.marketing-home .playground-content p{color:var(--preview-ink);max-width:240px;margin:0 0 20px;font-size:11px;line-height:1.6}.playground-site-link{background:var(--preview-ink);border-radius:6px;padding:11px 14px;font-size:10px;text-decoration:none;display:inline-block;color:#fff!important}.playground-plant{background:color-mix(in srgb,var(--preview-ink) 10%,transparent);border-radius:100px 100px 10px 10px;height:190px;position:relative;overflow:hidden}.plant-sun{opacity:.8;background:#e5c17d;border-radius:50%;width:55px;height:55px;position:absolute;top:10%;right:10%}.plant-stem{background:var(--preview-ink);width:3px;height:120px;position:absolute;top:26%;left:50%;transform:rotate(-7deg)}.playground-plant i{background:var(--preview-ink);border-radius:90% 0;width:42px;height:66px;position:absolute;top:20%;left:46%;transform:rotate(-15deg)}.playground-plant i:nth-of-type(2){top:35%;left:24%;transform:rotate(-85deg)}.playground-plant i:nth-of-type(3){top:48%;left:48%;transform:rotate(5deg)}.playground-plant i:nth-of-type(4){top:57%;left:30%;transform:rotate(-85deg)}.plant-pot{background:#ca9e7e;border-radius:0 0 12px 12px;width:62px;height:35px;position:absolute;bottom:0;left:34%}.playground-services{border-top:1px solid #193e4720;justify-content:space-between;gap:8px;margin-top:24px;padding-top:14px;font-size:8px;display:flex}.playground-stamp{color:#264455;background:#f7fbfc;border:1px solid #dce8ec;border-radius:10px;align-items:center;gap:10px;padding:13px 18px;display:flex;position:absolute;bottom:9px;right:14px;box-shadow:0 8px 30px #0002}.playground-stamp>span{color:var(--preview-ink);font-size:24px}.playground-stamp strong{font-size:12px;display:block}.playground-stamp small{color:#637c88;margin-top:4px;font-size:9px;display:block}.playground-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.playground-controls>div{gap:6px;display:flex}.playground-controls button{cursor:pointer;font:inherit;color:#b9ccd7;background:#172c3a;border:1px solid #395363;border-radius:8px;padding:9px 12px;font-size:11px}.playground-controls button[aria-pressed=true]{color:#fff;background:#2b4656;border-color:#8bd9e4}.playground-controls>div:first-child button{border-radius:50%;width:34px;height:34px;padding:5px}.playground-controls button>span{background:var(--swatch);border-radius:50%;width:100%;height:100%;display:block}.playground-controls button:focus-visible,.playground-site-link:focus-visible{outline-offset:4px;outline:3px solid #42c5dc}.marketing-home .playground-disclosure{color:#91aab9;text-align:center;margin:12px 0 0;font-size:10px}.playground-site.phone-view{max-width:260px}.phone-view .playground-page{padding:18px}.phone-view .playground-content{grid-template-columns:1fr;margin-top:20px}.phone-view .playground-plant{display:none}.marketing-home .phone-view .playground-content h2{font-size:30px}.phone-view .playground-services{flex-wrap:wrap;font-size:7px}.phone-view .playground-brand{font-size:11px}@media (max-width:1000px){.hero-playground{max-width:580px;margin:auto}}@media (max-width:480px){.playground-page{padding:18px}.playground-content{grid-template-columns:1.3fr 1fr;gap:10px}.marketing-home .playground-content h2{font-size:27px}.playground-plant{height:155px}.playground-plant i{width:30px;height:54px}.playground-content p{font-size:10px!important}.playground-label{font-size:8px}.playground-stamp{padding:10px 12px;right:0}.playground-scene{min-height:350px}.playground-services{font-size:7px}.playground-site-link{padding:10px;font-size:9px}.playground-controls button{min-height:36px}}@media (prefers-reduced-motion:reduce){.playground-scene{transform:none!important}.hero-playground *{transition:none!important;animation:none!important}}
