:root{--ink:#171719;--muted:#77777d;--line:#dcdcdf;--paper:#f8f8f7;--font:'Outfit',sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.7 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.045em;line-height:1.07}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #afafbb;outline-offset:5px}::selection{background:#cacace;color:#111}.shell{max-width:1272px;width:calc(100% - 120px);margin-inline:auto}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.eyebrow{font:12px/1.7 var(--mono);letter-spacing:.65px;color:#85858b}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 18px;min-height:47px;font-size:14px;font-weight:400;line-height:1.5;border:1px solid transparent;border-radius:4px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#f4f4f1;color:#1b1b1c}.button-primary:hover{background:#fff}.button-dark{background:#1c1c1f;color:#f5f5f2}.button-dark:hover{background:#343438}.button-outline{border-color:#c2c2c7;background:transparent}.button>span{background:#161617;color:white;padding:7px;display:grid;place-items:center;border-radius:2px;margin:-7px -12px -7px 0}.button .icon{width:17px;height:17px}.button-dark>span{background:#ffffff17}.button-header{background:#ededeb;color:#222;font-size:13px;padding:9px 15px;min-height:40px;gap:20px}.button-header>span{padding:5px;margin-right:-9px}.icon-button{width:40px;height:40px;display:grid;place-items:center;background:transparent}.menu-toggle{display:none}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;padding:12px;background:#fff;color:#222}.skip-link:focus{top:12px}.brand{display:flex;align-items:center;gap:5px;font-size:32px;letter-spacing:-1.7px;font-weight:500;line-height:1}.site-header{position:absolute;inset:0 40px auto;z-index:15;height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white}.desktop-nav{display:flex;align-items:center;gap:33px;margin-left:90px}.desktop-nav a{font-size:14px;color:#ceced1;transition:color .2s}.desktop-nav a:hover{color:#fff}.header-actions{display:flex;gap:10px;align-items:center}#mobile-nav{position:absolute;z-index:20;top:76px;left:16px;right:16px;padding:16px;background:#1c1c1ff5;color:#f3f3f5;border:1px solid #ffffff22;backdrop-filter:blur(20px)}#mobile-nav a{display:block;padding:12px;font-size:15px}
.hero{position:relative;height:100svh;min-height:780px;max-height:1150px;background:#111112;color:white;overflow:hidden;isolation:isolate}#lightfield{position:absolute;inset:0;width:100%;height:100%;z-index:-3;opacity:.85}.hero:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(#11111250,#11111200 65%,#111112b0),radial-gradient(ellipse at 50% 29%,#111112b0,transparent 65%)}.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' fill='%23ffffff' opacity='.7' d='M0 0h140v140H0z'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:4;text-align:center;padding-top:clamp(135px,17svh,205px);margin-inline:auto;width:calc(100% - 44px);max-width:1060px}.hero-copy>.eyebrow{display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px;color:#b5b5be;letter-spacing:1px;margin-bottom:24px}.hero-copy>.eyebrow i{height:4px;width:4px;background:#e6e6e7;box-shadow:0 0 12px #ffffff66}.hero h1{font-size:clamp(64px,6.1vw,93px);letter-spacing:-.045em;line-height:1.015;font-weight:350;color:#f2f2f0}.hero h1>span{color:#d4d4d9}.hero-invitation>p{color:#a6a6b0;font-size:17px;line-height:1.7;margin-top:24px;font-weight:350}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:28px}.hero-demo-link{font-size:14px;color:#d6d6dc;display:flex;gap:19px;align-items:center}.hero-demo-link>span{font-size:22px;line-height:1}.hero-demo-link:hover{color:white}.hero-exhibit{position:absolute;z-index:3;bottom:77px;left:50%;width:calc(100% - 160px);max-width:1170px;height:220px;transform:translateX(-50%);perspective:1500px;display:flex;align-items:center;justify-content:center;gap:24px}.hero-bottom{position:absolute;left:40px;right:40px;bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:12px var(--mono);letter-spacing:.3px;color:#848491}.hero-bottom>a{display:flex;align-items:center;gap:20px;color:#cacacf}.hero-bottom>a>span{font:20px var(--font)}.hero-bottom>button{background:none;color:#9696a4;font:12px var(--font);padding:0;text-decoration:underline;text-underline-offset:4px}
/* A vertical command rail makes the operational story the navigation. */
.operations-section{background:#f8f8f6;padding-top:95px;padding-bottom:85px}.operations-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:45px;gap:25px}.example-label{font:12px var(--mono);color:#8b8b93;letter-spacing:.5px}.operations-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:85px;align-items:start}.operations-intro{position:sticky;top:55px;padding-top:16px}h2{font-size:clamp(42px,4.5vw,65px);font-weight:400;letter-spacing:-.055em;line-height:1.06}.operations-intro h2>span{color:#87878f}.operations-intro>p{font-size:17px;color:#83838b;line-height:1.85;margin-top:29px;font-weight:350}.task-tabs{display:flex;flex-direction:column;margin-top:44px;border-top:1px solid #dedee1}.task-tab{display:flex;align-items:center;gap:17px;text-align:left;background:transparent;border-bottom:1px solid #dedee1;padding:19px 0;font-size:15px;color:#92929a;transition:color .2s}.task-tab>span{font:12px var(--mono);color:#a1a1aa}.task-tab>b{font-size:19px;font-weight:300;margin-left:auto;color:#aaaab4}.task-tab.active{color:#242428}.task-tab.active>span,.task-tab.active>b{color:#242428}.workspace{background:#fff;border:1px solid #d7d7dc;box-shadow:0 20px 55px #16162609;border-radius:5px}.workspace-top{display:flex;align-items:center;gap:12px;background:#f1f1ee;border-bottom:1px solid #dadade;padding:19px 23px}.business-mark{height:36px;width:36px;display:grid;place-items:center;background:#e6e6e1;color:#48484e;border-radius:2px;font-size:21px;letter-spacing:-1px}.workspace-top strong{font-size:14px;font-weight:450;display:block;line-height:1.5}.workspace-top div>span{font-size:12px;color:#919197;display:block}.workspace-label{font:12px var(--mono);color:#8d8d99;letter-spacing:.3px;margin-left:auto}.task-panel{padding:25px 29px}.demo-request>.eyebrow{font-size:12px;color:#9c9ca4;letter-spacing:.7px}.demo-request>p{font-size:24px;line-height:1.5;font-weight:400;letter-spacing:-.75px;margin-top:11px}.agent-workspace-heading{display:flex;align-items:center;gap:11px;margin-top:25px;margin-bottom:12px}.hero-baela{width:48px;height:58px;background:none;padding:0;flex:none;border-radius:4px}.hero-baela>img{width:100%;height:100%;object-fit:contain}.hello-tag{font-size:18px;letter-spacing:-.35px;font-weight:450;line-height:1.5}.hello-tag>span{font-size:12px;letter-spacing:0;font-weight:400;color:#96969e;display:block}.demo-response strong{font-size:14px;font-weight:450;line-height:1.7;display:block}.demo-response p{font-size:14px;line-height:1.8;color:#81818e;margin-top:6px}.change-preview{border:1px solid #e0e0e5;border-radius:3px;margin-top:25px;overflow:hidden}.change-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px;background:#f7f7f5;border-bottom:1px solid #e0e0e5}.change-heading strong{font-size:13px;font-weight:500;line-height:1.5}.change-heading>span{font-size:12px;color:#9b9ba3}.change-column-labels,.change-row{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:12px;align-items:center;padding:14px 15px}.change-column-labels{font:12px var(--mono);color:#9999a4;letter-spacing:.2px;padding-top:16px;padding-bottom:7px}.change-row{min-height:56px;border-bottom:1px solid #f0f0f4;transition:background .3s}.change-row:last-child{border-bottom:0}.change-tool{display:flex;gap:8px;align-items:center;font-size:13px;color:#5e5e69;line-height:1.5}.tool-icon{display:grid;place-items:center;height:22px;width:22px;border:1px solid #e0e0e6;border-radius:4px;color:#93939b;flex:none;font-size:13px}.tool-icon .icon{height:12px;width:12px}.old-value{font-size:13px;color:#93939f}.new-value{font-size:13px;color:#52525f;background:#f0f0f3;padding:4px 7px;border-radius:3px;justify-self:start;line-height:1.6}.change-row.processing{background:#f3f3f8}.change-row.completed .new-value{background:#e5e5e8;color:#3c3c47}.change-row.completed .new-value:after{content:' ✓'}.demo-task-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.8;color:#888895;margin-top:15px}.demo-task-note .icon{height:14px;width:14px;margin-top:3px}.demo-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:23px}.demo-actions>span{font-size:12px;color:#858592;line-height:1.7;max-width:240px}.demo-actions>.button{font-size:13px;gap:18px;padding:12px 16px;white-space:nowrap}.workspace-foot{padding:15px 23px;border-top:1px solid #e0e0e4;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#9696a0}.workspace-foot>button{font-size:12px;background:none;color:#81818d;padding:0}
/* Service coverage is a navigable map, not another stack of feature cards. */
.connections-section{background:#18181a;color:#ececf0;padding-top:82px;padding-bottom:29px;position:relative;overflow:hidden}.connections-heading>.eyebrow{color:#8d8d9b;margin-bottom:27px}.connections-heading h2{font-size:64px;color:#e3e3e7;letter-spacing:-3px}.connections-heading h2>span{color:#797985}.connections-world{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center;margin-top:20px}.connections-copy{padding-top:35px}.connections-copy>p{font-size:17px;font-weight:350;line-height:1.85;color:#9797a4}.service-readout{margin-top:46px;max-width:350px;min-height:240px}.service-readout>span{font:12px var(--mono);letter-spacing:.4px;color:#7f7f8e}.service-readout h3{font-size:28px;color:#ededf2;line-height:1.2;letter-spacing:-.8px;margin-top:19px}.service-readout>p{font-size:15px;font-weight:350;color:#9797a7;line-height:1.9;margin-top:17px}.inline-cta{display:flex;gap:26px;align-items:center;background:none;padding:0;color:#d6d6de;font-size:14px;margin-top:24px}.inline-cta .icon{width:16px;height:16px}.service-map{position:relative;height:500px;min-width:0;isolation:isolate}.service-map:before{content:'';position:absolute;inset:20px -45px;background:radial-gradient(ellipse,#85859412,transparent 65%);z-index:-2}.service-map:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#aaaab414 .8px,transparent .8px);background-size:17px 17px;mask-image:radial-gradient(ellipse,black 30%,transparent 70%);z-index:-1}.service-map>svg{position:absolute;inset:0;width:100%;height:100%;stroke:#62626d6b;stroke-width:1;stroke-dasharray:3 5}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;padding:25px 30px;background:radial-gradient(ellipse,#252528 25%,#18181a 75%);z-index:3}.map-center>span{font-size:55px;line-height:1.1;color:#d7d7de}.map-center strong{font-size:32px;font-weight:450;letter-spacing:-1.4px;margin-top:7px;line-height:1}.map-center small{font:12px var(--mono);color:#6c6c79;margin-top:17px;letter-spacing:.3px;white-space:nowrap}.service-point{position:absolute;padding:17px 18px;display:flex;align-items:center;gap:13px;border:1px solid #5f5f6b5c;background:#232326e6;backdrop-filter:blur(12px);color:#b2b2c0;font-size:14px;border-radius:3px;box-shadow:0 10px 25px #0002;transition:background .25s,transform .25s,border-color .25s}.service-point>span{font:12px var(--mono);color:#6f6f7d}.service-point strong{font-size:14px;font-weight:350;white-space:nowrap}.service-point>.icon{height:13px;width:13px;color:#777787}.service-point:hover{transform:translateY(-4px);border-color:#9999a770}.service-point.selected{background:#e4e4e5;color:#27272e;border-color:#eee;box-shadow:0 0 35px #ffffff09}.service-point.selected>span,.service-point.selected>.icon{color:#767680}.service-point[data-service=website]{left:2%;top:52px}.service-point[data-service=bookings]{right:1%;top:56px}.service-point[data-service=listings]{right:0;top:312px}.service-point[data-service=payroll]{left:26%;bottom:28px}.service-point[data-service=email]{left:-5%;top:246px}.connections-bottom{border-top:1px solid #ffffff16;padding-top:25px;display:flex;justify-content:space-between;gap:30px;align-items:center;font:12px var(--mono);letter-spacing:.3px;color:#686878}.connections-bottom>span:last-child{font:12px var(--font);color:#858594}
/* Onboarding is one changing story, selected by where the owner is today. */
.starting-section{background:#f4f4f2;padding-top:84px;padding-bottom:30px}.starting-top{display:flex;align-items:flex-start;justify-content:space-between;gap:55px;margin-bottom:51px}.starting-top>.eyebrow{padding-top:7px;max-width:220px;line-height:1.9;color:#8b8b94}.starting-top h2{font-size:61px;max-width:700px;letter-spacing:-2.6px;color:#2e2e33}.starting-top h2>span{color:#8b8b95}.path-selector{display:flex;gap:0;border-top:1px solid #d2d2d8;border-bottom:1px solid #d2d2d8}.path-choice{background:transparent;padding:23px 26px 23px 0;display:flex;gap:25px;align-items:center;text-align:left;flex:1;font-size:21px;font-weight:350;color:#94949f;border-bottom:2px solid transparent;margin-bottom:-1px}.path-choice+button{padding-left:35px;border-left:1px solid #d2d2d8}.path-choice>span{font:12px var(--mono);color:#adadb6}.path-choice>b{margin-left:auto;font-size:21px;font-weight:300;color:#a5a5af}.path-choice.active{color:#28282d;border-bottom-color:#28282d}.path-choice.active>b{color:#28282d}.path-content{display:grid;grid-template-columns:1fr 1fr;gap:120px;padding:59px 0 61px}.path-story>span{font:12px var(--mono);color:#9999a4;letter-spacing:.5px}.path-story h3{font-size:44px;letter-spacing:-1.7px;line-height:1.12;margin-top:24px}.path-story>p{font-size:16px;color:#848491;line-height:1.85;max-width:470px;margin-top:23px;font-weight:350}.path-story>.button{margin-top:27px}.path-roadmap{display:flex;flex-direction:column;list-style:none;margin:0;padding:9px 0 0;gap:34px}.path-roadmap>li{display:flex;gap:22px;position:relative;align-items:flex-start}.path-roadmap>li:before{content:'';position:absolute;left:18px;width:1px;top:43px;height:calc(100% + 15px);background:#d1d1d8}.path-roadmap>li:last-child:before{display:none}.path-roadmap>li>span{display:grid;place-items:center;height:37px;width:37px;flex:none;border:1px solid #cfcfd6;font:12px var(--mono);color:#9d9da9;background:#f4f4f2;z-index:1}.path-roadmap strong{font-size:19px;font-weight:350;display:block;line-height:1.5;color:#575760}.path-roadmap p{font-size:14px;color:#91919e;line-height:1.8;margin-top:6px}.industry-line{border-top:1px solid #d2d2d8;padding-top:26px;display:flex;align-items:center;justify-content:space-between;gap:30px}.industry-line>span{font:12px var(--mono);letter-spacing:.4px;color:#9999a4}.industry-line>p{font-size:14px;color:#878793}.industry-line i{font-style:normal;padding:0 13px;color:#bebec6}.trust-section{display:flex;align-items:center;justify-content:space-between;gap:60px;padding-block:66px;border-bottom:1px solid var(--line)}.trust-section>div{display:flex;align-items:center;gap:28px}.trust-symbol{display:grid;place-items:center;flex:none;width:51px;height:51px;border:1px solid #d2d2db;color:#9898a9;border-radius:4px}.trust-symbol>.icon{width:24px;height:24px}.trust-section h2{font-size:30px;line-height:1.3;letter-spacing:-.9px}.trust-section h2>span{color:#9393a0}.trust-section>p{font-size:15px;line-height:1.9;color:#9292a0;font-weight:350}.questions-section{display:grid;grid-template-columns:1fr 1.3fr;gap:110px;padding-block:65px 75px}.questions-section>.eyebrow{max-width:250px;padding-top:21px;line-height:1.9;color:#90909d}.faq-list details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0;font-size:16px;line-height:1.7;color:#63636e;font-weight:350}.faq-list summary>.icon{height:16px;width:16px;color:#a3a3b1}.faq-list details[open] summary>.icon{transform:rotate(45deg)}.faq-list p{font-size:14px;line-height:1.9;color:#90909f;padding:0 25px 23px 0}.closing-section{background:#19191c;text-align:center;color:#ebebef;padding:70px 25px 78px;position:relative;overflow:hidden}.closing-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,#74747e20,transparent 70%);pointer-events:none}.closing-section>.eyebrow{position:relative;color:#79798a;font-size:12px;letter-spacing:.7px}.closing-section h2{position:relative;font-size:59px;font-weight:350;letter-spacing:-2.7px;line-height:1.12;margin-top:23px;color:#dcdce5}.closing-section>.button{position:relative;margin-top:31px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:33px;color:#90909f}.site-footer>.brand{color:#3a3a45;font-size:28px}.site-footer>span{font-size:13px}.site-footer>div{display:flex;align-items:center;gap:25px;font-size:12px}.site-footer button{padding:0;background:none;color:#8a8a9b;font-size:12px}
.dialog{position:fixed;width:calc(100% - 32px);max-width:550px;max-height:calc(100svh - 40px);overflow:auto;border:1px solid #cfcfd6;border-radius:7px;background:#fafaf9;color:#26262e;padding:36px;box-shadow:0 30px 100px #0006}.dialog::backdrop{background:#10101499;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:12px;top:12px}.dialog-close:hover{background:#ebebef}.dialog-brand{display:flex;align-items:center;gap:10px;font:12px var(--mono);color:#9393a1;letter-spacing:.4px;padding-right:25px;margin-bottom:24px}.brand-mark{height:25px;width:25px;color:#a2a2b0}.dialog h2{font-size:39px;line-height:1.15;letter-spacing:-1.4px;margin-bottom:16px;overflow-wrap:anywhere}.dialog h2 em{font-style:normal;color:#8b8b99}.dialog-description{font-size:15px;line-height:1.8;color:#858595;margin-bottom:23px}.stage-fieldset{border:0;padding:0;margin:0 0 23px}.stage-fieldset legend{font-size:14px;margin-bottom:12px}.stage-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stage-options label{position:relative;cursor:pointer}.stage-options input{position:absolute;left:10px;top:14px;accent-color:#37373e}.stage-options label>span{display:flex;align-items:center;padding:12px 10px 12px 33px;font-size:13px;line-height:1.6;border:1px solid #d5d5dc;border-radius:3px;height:100%}.stage-options .icon{display:none}.stage-options input:checked+span{background:#eaeaec;border-color:#aaaaaf;color:#2d2d35}.stage-options input:focus-visible+span{outline:2px solid #77778b}.form-fields{display:grid;gap:17px}.form-fields>label{display:flex;flex-direction:column;gap:8px;font-size:14px}.form-fields input,.form-fields select,.form-fields textarea{min-width:0;width:100%;border:1px solid #ceced8;border-radius:3px;background:white;color:#33333d;padding:12px;font-size:16px}.form-fields textarea{resize:vertical}.full-width{width:100%}.dialog .full-width{margin-top:24px}.form-note{font-size:12px;line-height:1.8;color:#9090a0;margin-top:13px}.forget-draft{display:block;margin:15px auto 0;background:none;padding:0;color:#9292a4;text-decoration:underline;font-size:12px}.result-label{font:12px var(--mono);letter-spacing:.3px;color:#9393a4;display:block;margin-bottom:24px}.setup-steps{display:grid;gap:18px;padding-left:23px;margin:23px 0}.setup-steps li{padding-left:5px}.setup-steps li::marker{font-size:13px;color:#8a8a9e}.setup-steps strong{font-size:15px;font-weight:450}.setup-steps p{font-size:14px;line-height:1.8;color:#8a8a9d;margin-top:6px;overflow-wrap:anywhere}.result-help{padding:17px;background:#ebebf0;border-radius:3px;margin-top:20px}.result-help strong{font-size:13px}.result-help p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px}.result-note{font-size:13px;color:#8a8a9f;line-height:1.8;margin-top:20px}.result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.result-actions .button{font-size:13px;gap:12px}.about-dialog>.brand-mark{margin-bottom:24px}.about-dialog>p{font-size:15px;line-height:1.9;color:#84849b;margin-top:18px}.toast{position:fixed;z-index:100;bottom:22px;left:50%;transform:translate(-50%,20px);width:max-content;max-width:calc(100% - 32px);padding:14px 21px;background:#34343e;color:#eeeef4;border:1px solid #ffffff15;border-radius:4px;box-shadow:0 10px 30px #0003;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero-exhibit{height:240px;bottom:100px;gap:38px}}
@media(max-width:1200px){.shell{width:calc(100% - 88px)}.site-header{inset-inline:30px}.desktop-nav{gap:24px;margin-left:25px}.desktop-nav a{font-size:13px}.hero-copy{padding-top:140px}.hero h1{font-size:6.8vw}.hero-exhibit{width:calc(100% - 100px);gap:18px}.hero-bottom{inset-inline:30px}.hero-bottom>span{max-width:330px;line-height:1.8}.operations-layout{gap:55px;grid-template-columns:.78fr 1.22fr}.operations-intro h2{font-size:51px}.operations-intro>p{font-size:16px}.task-tab{gap:14px;font-size:14px}.task-panel{padding:24px}.workspace-top{padding:17px 21px;gap:10px}.workspace-label{font-size:12px}.demo-request>p{font-size:23px}.change-column-labels,.change-row{padding-inline:13px;gap:10px}.change-heading{padding:14px}.change-tool{gap:6px}.tool-icon{width:20px;height:20px}.demo-actions{gap:14px}.demo-actions>.button{padding-inline:13px;gap:14px}.workspace-foot{padding-inline:21px;gap:15px}.connections-world{gap:40px}.connections-heading h2{font-size:58px}.service-map{height:470px}.service-point{padding:15px 13px;gap:10px}.service-point strong{font-size:13px}.service-point[data-service=website]{left:0;top:55px}.service-point[data-service=bookings]{right:-2%;top:61px}.service-point[data-service=listings]{right:-4%;top:300px}.service-point[data-service=email]{left:-5%;top:232px}.service-point[data-service=payroll]{left:20%;bottom:16px}.map-center{padding:21px}.service-readout h3{font-size:26px}.service-readout>p{font-size:14px}.starting-top h2{font-size:55px}.path-content{gap:85px}.path-choice{font-size:19px;gap:20px}.path-story h3{font-size:41px}.industry-line>p{font-size:13px}.industry-line i{padding-inline:9px}.questions-section{gap:75px}.trust-section h2{font-size:28px}.closing-section h2{font-size:56px}}
@media(max-width:1000px){.shell{width:calc(100% - 64px)}.site-header{inset-inline:28px}.desktop-nav{gap:22px;margin-left:0}.desktop-nav a{font-size:12px}.button-header{gap:16px}.hero h1{font-size:7.3vw}.hero-copy{padding-top:150px}.hero-invitation>p{font-size:16px}.hero-exhibit{width:calc(100% - 55px);gap:12px;height:240px}.hero-bottom>span{max-width:275px;font-size:12px}.hero-bottom{gap:20px}.operations-layout{gap:40px;grid-template-columns:.72fr 1.28fr}.operations-intro h2{font-size:43px}.operations-intro>p{font-size:15px}.task-tab{font-size:13px;gap:12px;padding-block:18px}.task-tab>b{font-size:17px}.workspace-top{padding:16px 18px;flex-wrap:wrap;gap:9px}.workspace-label{font-size:12px;letter-spacing:0}.task-panel{padding:23px 20px}.demo-request>p{font-size:22px}.change-heading{gap:12px;flex-wrap:wrap}.change-heading>span{font-size:12px}.change-column-labels,.change-row{padding-inline:11px;gap:8px}.change-tool{font-size:12px;gap:5px}.new-value,.old-value{font-size:12px}.new-value{padding-inline:5px}.tool-icon{width:18px;height:18px}.change-column-labels{font-size:12px;letter-spacing:0}.workspace-foot{padding-inline:18px;flex-wrap:wrap;gap:5px}.demo-actions{flex-wrap:wrap;align-items:flex-start}.demo-actions>span{max-width:none}.demo-actions>.button{font-size:13px}.connections-world{grid-template-columns:.72fr 1.28fr;gap:25px}.connections-heading h2{font-size:53px}.connections-copy>p{font-size:15px}.service-readout{margin-top:37px}.service-readout h3{font-size:24px}.service-readout>p{font-size:14px}.service-map{height:450px}.service-point{gap:8px;padding:13px 11px}.service-point strong{font-size:12px}.service-point>span{font-size:12px}.service-point>.icon{width:11px;height:11px}.service-point[data-service=website]{left:-2%;top:55px}.service-point[data-service=bookings]{right:-3%;top:65px}.service-point[data-service=email]{left:-3%;top:220px}.service-point[data-service=listings]{right:-3%;top:289px}.service-point[data-service=payroll]{left:22%;bottom:24px}.map-center>span{font-size:45px}.map-center strong{font-size:29px}.map-center small{font-size:12px;letter-spacing:0}.map-center{padding:21px 15px}.connections-bottom{gap:20px;font-size:12px;line-height:1.8}.connections-bottom>span:first-child{max-width:480px}.starting-top h2{font-size:49px}.starting-top{gap:40px}.path-choice{font-size:18px;gap:15px}.path-choice+button{padding-left:23px}.path-content{gap:55px}.path-story h3{font-size:38px}.path-story>p{font-size:15px}.path-roadmap{gap:29px}.path-roadmap strong{font-size:17px}.path-roadmap p{font-size:14px}.path-roadmap>li{gap:18px}.industry-line{align-items:flex-start}.industry-line>span{max-width:160px;flex:none;line-height:1.8}.industry-line>p{font-size:13px;line-height:1.9}.industry-line i{padding-inline:7px}.trust-section{gap:35px;padding-block:51px}.trust-section>div{gap:22px}.trust-section h2{font-size:26px}.trust-section>p{font-size:14px}.questions-section{gap:50px}.questions-section>.eyebrow{max-width:215px}.faq-list summary{font-size:15px}.closing-section h2{font-size:53px}.site-footer{gap:25px;flex-wrap:wrap}.site-footer>div{font-size:12px;gap:20px}}
@media(max-width:800px){.shell{width:calc(100% - 48px)}.site-header{height:83px;inset-inline:24px}.desktop-nav{display:none}.menu-toggle{display:grid}.header-actions{gap:12px}.hero{min-height:830px}.hero-copy{padding-top:155px}.hero h1{font-size:8vw}.hero-invitation>p{font-size:15px}.hero-exhibit{width:calc(100% - 50px);gap:14px;bottom:91px;height:253px}.hero-bottom{left:24px;right:24px}.hero-bottom>span{max-width:250px;font-size:12px}.hero-bottom>a{font-size:12px;gap:14px}.operations-section{padding-top:67px;padding-bottom:65px}.operations-top{margin-bottom:35px;padding-bottom:20px;gap:20px}.operations-top .eyebrow,.example-label{font-size:12px}.operations-layout{display:block}.operations-intro{position:static;padding-top:0;display:grid;grid-template-columns:1.2fr 1fr;gap:20px 35px;align-items:end}.operations-intro h2{font-size:45px}.operations-intro h2>span>br{display:none}.operations-intro>p{font-size:15px;margin:0;padding-bottom:4px}.task-tabs{grid-column:1/-1;margin:10px 0 32px;display:flex;flex-direction:row;flex-wrap:wrap;border-bottom:1px solid #dedee1;gap:0 22px}.task-tab{flex:1;min-width:165px;font-size:14px;padding-block:17px;border-bottom:2px solid transparent;margin-bottom:-1px;gap:12px}.task-tab>b{display:none}.task-tab.active{border-bottom-color:#4e4e58}.workspace-top{flex-wrap:nowrap;padding:18px 24px;gap:13px}.workspace-label{font-size:12px}.task-panel{padding:27px}.demo-request>p{font-size:25px}.hello-tag{font-size:19px}.demo-response strong{font-size:15px}.demo-response p{font-size:15px}.change-column-labels,.change-row{padding-inline:18px;gap:18px;grid-template-columns:1fr 1fr 1.15fr}.change-tool,.new-value,.old-value{font-size:14px}.tool-icon{height:24px;width:24px}.change-tool{gap:9px}.new-value{padding:5px 8px}.change-heading{padding:16px 18px;flex-wrap:nowrap;gap:18px}.change-heading strong{font-size:14px}.demo-actions{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:20px}.demo-actions>span{max-width:310px;font-size:13px}.demo-actions>.button{font-size:14px;gap:20px}.demo-task-note{font-size:13px}.workspace-foot{flex-wrap:nowrap;padding:16px 24px;gap:20px}.connections-section{padding-top:62px}.connections-heading h2{font-size:51px}.connections-heading>.eyebrow{font-size:12px;margin-bottom:24px}.connections-world{display:flex;flex-direction:column;gap:0;align-items:stretch;margin-top:35px}.connections-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:0}.connections-copy>p{font-size:16px;padding-top:2px}.service-readout{margin:0;min-height:220px;max-width:none}.service-readout h3{font-size:25px;margin-top:16px}.service-readout>p{font-size:14px;margin-top:16px}.service-readout .inline-cta{font-size:14px;margin-top:21px}.service-map{height:425px;width:100%;max-width:650px;margin:0 auto 30px}.service-point{padding:16px 17px;gap:12px}.service-point strong{font-size:14px}.service-point>.icon{height:13px;width:13px}.service-point[data-service=website]{left:5%;top:35px}.service-point[data-service=bookings]{right:1%;top:41px}.service-point[data-service=email]{left:1%;top:216px}.service-point[data-service=listings]{right:0;top:260px}.service-point[data-service=payroll]{left:32%;bottom:0}.map-center>span{font-size:50px}.map-center strong{font-size:31px}.map-center small{font-size:12px}.map-center{padding:20px}.connections-bottom{display:block;padding-top:21px}.connections-bottom>span:first-child{max-width:none;display:block;line-height:1.9}.connections-bottom>span:last-child{display:block;margin-top:7px}.starting-section{padding-top:62px}.starting-top{gap:30px;align-items:flex-start;margin-bottom:39px}.starting-top>.eyebrow{max-width:180px;font-size:12px}.starting-top h2{font-size:43px;letter-spacing:-1.7px}.path-choice{font-size:17px;padding-block:20px;gap:14px;line-height:1.6}.path-choice+button{padding-left:21px}.path-choice>b{font-size:20px}.path-content{padding-block:42px 46px;gap:40px}.path-story h3{font-size:33px}.path-story>p{font-size:14px}.path-story>.button{font-size:13px;gap:17px}.path-story>span{font-size:12px;letter-spacing:.1px}.path-roadmap{gap:25px}.path-roadmap>li{gap:14px}.path-roadmap strong{font-size:16px}.path-roadmap p{font-size:13px}.path-roadmap>li>span{height:33px;width:33px}.path-roadmap>li:before{left:16px;top:39px}.industry-line{display:block;padding-top:23px}.industry-line>span{display:block;max-width:none}.industry-line>p{margin-top:11px;font-size:14px}.trust-section{padding-block:44px;gap:25px}.trust-section>div{gap:19px}.trust-symbol{width:43px;height:43px}.trust-section h2{font-size:23px}.trust-section>p{font-size:13px}.questions-section{padding-block:49px 57px;gap:35px;grid-template-columns:.8fr 1.2fr}.questions-section>.eyebrow{font-size:12px;max-width:190px}.faq-list summary{font-size:15px}.closing-section{padding-top:55px;padding-bottom:61px}.closing-section h2{font-size:48px}.closing-section>.eyebrow{font-size:12px}.site-footer{padding-block:29px}.site-footer>span{font-size:12px}.site-footer>div{width:100%;justify-content:space-between}}
@media(max-width:600px){.shell{width:calc(100% - 40px)}.site-header{height:76px;inset-inline:20px;gap:18px}.brand{font-size:29px}.button-header{font-size:12px;min-height:38px;padding:8px 12px;gap:14px}.button-header>span{padding:5px;margin-right:-7px}.button-header .icon{width:14px;height:14px}.header-actions{gap:7px}.menu-toggle{width:32px}.hero{min-height:860px;height:100svh;max-height:none}.hero-copy{width:calc(100% - 36px);padding-top:127px}.hero-copy>.eyebrow{font-size:12px;letter-spacing:.4px;margin-bottom:22px;gap:8px}.hero h1{font-size:clamp(41px,10.7vw,60px);letter-spacing:-.05em;line-height:1.03}.hero-invitation>p{font-size:15px;line-height:1.8;max-width:360px;margin:23px auto 0}.hero-invitation>p>br{display:none}.hero-actions{gap:21px;margin-top:26px;flex-wrap:wrap}.hero-actions .button{font-size:13px;min-height:46px;padding:12px 15px;gap:16px}.hero-actions .button>span{padding:6px;margin-right:-9px}.hero-demo-link{font-size:13px;gap:12px}.hero-demo-link>span{font-size:21px}.hero-exhibit{display:block;width:calc(100% - 42px);height:318px;bottom:64px;max-width:450px}.hero-bottom{left:20px;right:20px;bottom:20px;gap:18px}.hero-bottom>span{display:none}.hero-bottom>a{font-size:12px;gap:17px}.hero-bottom>button{font-size:12px}.operations-section{padding-top:49px;padding-bottom:51px}.operations-top{flex-wrap:wrap;gap:12px;margin-bottom:30px;padding-bottom:21px}.operations-top .eyebrow{font-size:12px}.example-label{font-size:12px}.operations-intro{display:block}.operations-intro h2{font-size:43px;line-height:1.08}.operations-intro h2>span>br{display:none}.operations-intro>p{font-size:16px;line-height:1.8;padding:0;margin-top:24px}.operations-intro>p>br{display:none}.task-tabs{display:flex;flex-direction:column;border-bottom:0;gap:0;margin:26px 0}.task-tab{font-size:15px;min-width:0;gap:17px;padding:15px 0;flex:none;border-bottom:1px solid #dedee1;margin:0}.task-tab>b{display:block;margin-left:auto}.task-tab.active{border-bottom-color:#53535f}.workspace-top{padding:15px 17px;gap:10px;flex-wrap:wrap}.business-mark{height:33px;width:33px;font-size:19px}.workspace-top strong{font-size:14px}.workspace-top div>span{font-size:12px}.workspace-label{font-size:12px;letter-spacing:0;margin-left:auto}.task-panel{padding:22px 17px}.demo-request>p{font-size:23px;letter-spacing:-.65px;line-height:1.5;margin-top:10px}.agent-workspace-heading{margin-top:22px;gap:9px}.hero-baela{height:53px;width:43px}.hello-tag{font-size:17px}.hello-tag>span{font-size:12px}.demo-response strong{font-size:14px;line-height:1.7}.demo-response p{font-size:14px;line-height:1.85}.change-preview{margin-top:22px}.change-heading{padding:12px;display:block}.change-heading strong{font-size:13px;display:block}.change-heading>span{font-size:12px;display:block;margin-top:5px}.change-column-labels,.change-row{padding-inline:10px;gap:8px;grid-template-columns:.95fr 1fr 1.15fr}.change-column-labels{font-size:12px;letter-spacing:0}.change-row{padding-block:13px}.change-tool{font-size:12px;gap:5px}.tool-icon{width:18px;height:18px;font-size:12px}.tool-icon .icon{height:10px;width:10px}.old-value,.new-value{font-size:12px;line-height:1.6}.new-value{padding:4px 5px}.demo-task-note{font-size:12px;gap:7px;margin-top:14px;line-height:1.8}.demo-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:20px}.demo-actions>span{font-size:12px;max-width:none}.demo-actions>.button{font-size:14px}.workspace-foot{display:block;font-size:12px;line-height:1.8;padding:14px 17px}.workspace-foot>button{display:block;margin-top:5px;font-size:12px}.connections-section{padding-top:50px;padding-bottom:26px}.connections-heading>.eyebrow{font-size:12px;letter-spacing:.2px;margin-bottom:24px}.connections-heading h2{font-size:42px;line-height:1.1;letter-spacing:-1.8px}.connections-world{margin-top:26px}.connections-copy{display:block}.connections-copy>p{font-size:16px;line-height:1.85;padding:0}.connections-copy>p>br{display:none}.service-readout{margin-top:33px;min-height:220px;max-width:100%}.service-readout>span{font-size:12px;letter-spacing:.4px}.service-readout h3{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin-top:17px}.service-readout>p{font-size:15px;line-height:1.85;margin-top:17px;max-width:360px}.service-readout .inline-cta{font-size:14px;margin-top:21px}.service-map{height:375px;margin:0 auto 27px;max-width:450px}.service-map>svg{display:none}.service-map:after{inset:5px -20px}.service-map:before{inset:0 -20px}.service-point{padding:12px 10px;gap:8px}.service-point>span{font-size:12px}.service-point strong{font-size:13px}.service-point>.icon{height:12px;width:12px;display:none}.service-point[data-service=website]{left:0;top:28px}.service-point[data-service=bookings]{right:0;top:45px}.service-point[data-service=email]{left:0;top:215px}.service-point[data-service=listings]{right:0;top:244px}.service-point[data-service=payroll]{left:29%;bottom:0}.map-center{top:45%;left:50%;padding:17px 10px}.map-center>span{font-size:43px}.map-center strong{font-size:30px}.map-center small{font-size:12px;margin-top:14px;letter-spacing:0}.connections-bottom{padding-top:21px}.connections-bottom>span:first-child{font-size:12px;line-height:1.9;letter-spacing:0}.connections-bottom>span:last-child{font-size:12px;margin-top:9px}.starting-section{padding-top:49px;padding-bottom:25px}.starting-top{display:block;margin-bottom:31px}.starting-top>.eyebrow{max-width:none;font-size:12px;margin-bottom:23px;letter-spacing:.3px;padding:0}.starting-top h2{font-size:45px;letter-spacing:-1.9px}.path-selector{display:flex;flex-direction:column;border-bottom:0}.path-choice{flex:none;font-size:19px;line-height:1.6;padding:18px 0;gap:17px;border-bottom:1px solid #d2d2d8;margin-bottom:0}.path-choice+button{padding-left:0;border-left:0}.path-choice.active{border-bottom-color:#53535e}.path-choice>span{font-size:12px}.path-choice>b{font-size:22px}.path-content{display:block;padding-top:34px;padding-bottom:36px}.path-story>span{font-size:12px;letter-spacing:.3px}.path-story h3{font-size:37px;line-height:1.14;letter-spacing:-1.5px;margin-top:21px}.path-story>p{font-size:16px;line-height:1.85;margin-top:21px}.path-story>.button{font-size:14px;margin-top:25px;gap:23px}.path-roadmap{margin-top:39px;gap:26px;padding-top:0}.path-roadmap strong{font-size:19px}.path-roadmap p{font-size:14px;line-height:1.85;margin-top:4px}.path-roadmap>li{gap:18px}.path-roadmap>li>span{height:35px;width:35px}.path-roadmap>li:before{left:17px;top:40px}.industry-line{padding-top:22px}.industry-line>span{font-size:12px;letter-spacing:.3px}.industry-line>p{font-size:15px;line-height:1.9;margin-top:13px}.industry-line i{padding-inline:8px}.trust-section{display:block;padding-block:38px}.trust-section>div{gap:17px;align-items:center}.trust-symbol{height:41px;width:41px}.trust-symbol>.icon{height:20px;width:20px}.trust-section h2{font-size:23px;line-height:1.35;letter-spacing:-.6px}.trust-section>p{font-size:15px;line-height:1.85;margin-top:21px;padding-left:58px}.trust-section>p>br{display:none}.questions-section{display:block;padding-top:34px;padding-bottom:43px}.questions-section>.eyebrow{font-size:12px;max-width:none;padding:0;margin-bottom:14px;line-height:1.85}.faq-list summary{font-size:16px;line-height:1.7;padding-block:21px}.faq-list p{font-size:15px;line-height:1.9;padding-right:20px}.closing-section{padding:46px 20px 51px}.closing-section>.eyebrow{font-size:12px;letter-spacing:.2px}.closing-section h2{font-size:40px;letter-spacing:-1.7px;line-height:1.16;margin-top:24px}.closing-section>.button{font-size:14px;gap:23px;margin-top:28px}.site-footer{padding-block:29px;gap:23px}.site-footer>.brand{font-size:28px}.site-footer>span{font-size:12px;max-width:165px;text-align:right;line-height:1.7}.site-footer>div{font-size:12px;gap:20px}.site-footer button{font-size:12px}.dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:31px 24px;border-radius:6px}.dialog-brand{font-size:12px;letter-spacing:0;gap:8px;padding-right:26px;line-height:1.6}.dialog h2{font-size:36px}.dialog-description{font-size:15px}.stage-options{gap:8px}.stage-options label>span{font-size:13px;padding:11px 8px 11px 29px}.stage-options input{left:8px;top:13px}.result-label{font-size:12px;letter-spacing:.2px}.result-actions .button{font-size:13px;gap:9px;padding-inline:13px}}
@media(max-width:375px){.shell{width:calc(100% - 32px)}.site-header{inset-inline:16px}.brand{font-size:27px}.hero{min-height:915px}.hero-copy{padding-top:120px;width:calc(100% - 32px)}.hero h1{font-size:35px;letter-spacing:-.04em}.hero-copy>.eyebrow{font-size:12px;letter-spacing:.15px;margin-bottom:21px}.hero-invitation>p{font-size:14px;line-height:1.9;margin-top:22px}.hero-actions{gap:19px;margin-top:25px}.hero-actions .button{font-size:13px;gap:14px;padding-inline:13px}.hero-demo-link{font-size:13px;gap:10px}.hero-exhibit{width:calc(100% - 32px);height:320px}.hero-bottom{left:16px;right:16px}.operations-intro h2{font-size:38px}.workspace-top{padding:14px;gap:9px}.workspace-label{font-size:12px;max-width:82px;line-height:1.5}.task-panel{padding:21px 14px}.demo-request>p{font-size:21px}.hello-tag{font-size:16px}.hello-tag>span{font-size:12px}.change-column-labels,.change-row{padding-inline:8px;gap:6px}.change-tool .tool-icon{display:none}.change-tool,.old-value,.new-value{font-size:12px}.new-value{padding-inline:4px}.connections-heading h2{font-size:37px;letter-spacing:-1.5px}.service-readout h3{font-size:26px}.service-map{height:375px}.service-point{padding:11px 9px;gap:6px}.service-point strong{font-size:12px}.service-point>span{font-size:12px}.service-point[data-service=website]{top:25px;left:0}.service-point[data-service=bookings]{top:86px;right:0}.service-point[data-service=email]{top:228px;left:0}.service-point[data-service=listings]{top:286px;right:0}.service-point[data-service=payroll]{bottom:0;left:0}.map-center{top:48%;left:48%}.map-center>span{font-size:37px}.map-center strong{font-size:27px}.map-center small{font-size:12px}.starting-top h2{font-size:41px}.path-choice{font-size:18px;gap:14px}.path-story h3{font-size:34px}.trust-section>div{gap:13px}.trust-section h2{font-size:21px}.trust-section>p{padding-left:54px}.closing-section h2{font-size:36px}.site-footer>span{max-width:143px}.stage-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Small type remains legible; no decorative gray is used for essential instructions. */
.demo-response p,.demo-task-note,.demo-actions>span,.workspace-foot,.old-value,.change-heading>span,.change-column-labels,.workspace-label,.workspace-top div>span,.hello-tag>span{color:#72727e}.operations-intro>p,.path-story>p,.path-roadmap p,.industry-line>p,.trust-section>p,.faq-list p,.form-note,.dialog-description,.setup-steps p,.about-dialog>p,.result-note{color:#72727f}.site-footer,.site-footer button{color:#767684}.task-tab{color:#777782}.new-value{color:#4e4e5b}.service-readout>p,.connections-copy>p{color:#aaaab7}.hero-invitation>p{color:#bbbbc4}
/* Final composition: softer film texture and fully exposed software panels. */
.hero-grain{opacity:.035}.hero-exhibit{bottom:104px}.hero-invitation>p>br:after{content:' '}
@media(min-width:801px) and (max-height:850px){.hero-copy{padding-top:125px}.hero h1{font-size:clamp(60px,5.4vw,79px)}.hero-copy>.eyebrow{margin-bottom:18px}.hero-invitation>p{margin-top:20px}.hero-actions{margin-top:23px}.hero-exhibit{bottom:103px}}
@media(max-width:600px){.hero-exhibit{height:370px;bottom:64px}.hero-invitation>p{max-width:340px;margin-inline:auto}}
@media(max-width:375px){.hero-exhibit{height:380px}.hero-invitation>p{max-width:285px}}

@media(max-width:600px){.hero-exhibit{height:370px}.hero-invitation>p{max-width:350px;font-size:14px}.service-map .map-center{background:none;top:44%;padding:12px 10px}.service-point[data-service=email],.service-point[data-service=listings]{top:270px}.service-map{height:390px}}
@media(max-width:375px){.hero-invitation>p{max-width:285px}.hero-exhibit{height:380px}.service-map{height:385px}.service-map .map-center{top:47%}.service-point[data-service=email],.service-point[data-service=listings]{top:270px}}
@media(min-width:801px) and (max-height:850px){.hero{min-height:830px}}
@media(max-width:600px){.hero{min-height:915px}.hero-exhibit{height:388px}}
.hero-bottom{color:#a3a3ae}.connections-bottom{color:#9898a6}.service-readout>span,.map-center small{color:#a1a1ae}.path-story>span,.starting-top>.eyebrow,.path-roadmap>li>span{color:#737380}

/* Baela open-center radial emblem. */
.baela-mark{display:block;width:32px;height:32px;fill:currentColor;flex:none}
.brand{gap:9px}.brand>.baela-mark{width:27px;height:29px}
.map-center>.baela-mark{width:49px;height:53px;color:#d7d7de}
.closing-section>.baela-mark{width:39px;height:42px;margin:0 auto 27px;color:#c1c1cc}
.operations-intro h2{font-size:clamp(42px,4vw,58px)}

/* Service previews share type and spacing; desktop positioning is staggered below. */
.hero{height:auto;min-height:100svh;max-height:none;display:flex;flex-direction:column}
.hero-copy{padding-top:clamp(125px,14svh,180px)}
.hero-exhibit{position:relative;inset:auto;transform:none;perspective:none;display:block;width:calc(100% - 120px);max-width:1140px;height:auto;margin:36px auto 74px}
.preview-strip-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;font:12px/1.6 var(--mono);letter-spacing:.2px;color:#a6a6b3;margin-bottom:13px}
.preview-strip-heading>span:last-child{color:#92929f}
.preview-strip{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:0;border:1px solid #ffffff30;border-radius:7px;overflow:hidden;background:#202023eb;box-shadow:0 22px 65px #0005;backdrop-filter:blur(20px);position:relative;text-align:left}
.preview-service{display:flex;flex-direction:column;min-width:0;padding:16px 18px 0;background:transparent}
.preview-service+.preview-service{border-left:1px solid #ffffff20}
.preview-service-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font:12px/1.5 var(--mono);letter-spacing:.2px;color:#b4b4c0;height:22px;margin-bottom:13px}
.preview-service-label>.icon,.preview-service-label>.baela-mark{width:17px;height:17px;color:#b9b9c5}
.preview-service-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;height:43px;flex:none;color:#a8a8b6;font-size:12px;line-height:1.5}
.preview-service-caption>button{background:transparent;font-size:20px;padding:4px;color:#c3c3ce;line-height:1.4}
.preview-service-caption>button:hover{color:white}
.barber-preview{padding:0;background:#efeee9;color:#242822;border:1px solid #deded7;border-radius:3px;overflow:hidden;text-align:left;width:100%;height:199px;display:flex;flex-direction:column}
.barber-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border-bottom:1px solid #d9dad3;height:37px;flex:none}
.barber-nav>strong{font:500 12px/1.4 var(--mono);letter-spacing:-.1px}
.barber-nav>span{font:12px/1.5 var(--font);color:#656a61}
.barber-intro{display:grid;grid-template-columns:1.1fr .9fr;min-height:0;flex:1;gap:7px;padding:10px 10px 9px}
.barber-intro>span{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:0 1px;color:#282d26}
.barber-intro strong{font-size:22px;font-weight:450;line-height:1.07;letter-spacing:-.65px}
.barber-intro small{font-size:12px;line-height:1.4;color:#565e51}
.barber-intro>img{height:100%;width:100%;min-height:0;object-fit:cover;object-position:79% 50%;border-radius:1px}
.barber-booking{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;gap:8px;background:#e5e6df;border-top:1px solid #d5d7ce;flex:none;color:#343b2e;font-size:12px;line-height:1.4;min-height:42px}
.barber-booking small{font-size:12px;color:#56604e;margin-left:5px}
.barber-book-link{padding:5px 7px;border:1px solid #b4baab;white-space:nowrap;border-radius:2px;color:#263020;background:#eef0e6;font-size:12px;line-height:1.4}
.barber-preview:hover{border-color:#fff}.barber-preview:hover .barber-book-link{background:#d6dccd}
.owner-conversation{background:transparent;padding:0;text-align:left;color:#ededf0;display:flex;flex-direction:column;justify-content:space-between;flex:1;min-height:199px}
.owner-request{display:block;background:#ffffff08;border:1px solid #ffffff18;padding:10px 12px;border-radius:3px;margin-left:30px}
.owner-request>span{display:block;font:12px/1.4 var(--mono);color:#a2a2b1;margin-bottom:5px}
.owner-request>strong{display:block;font-size:15px;line-height:1.45;font-weight:400;letter-spacing:-.1px}
.owner-request>strong>br{display:none}.owner-request>strong>br:after{content:' '}
.baela-reply{display:flex;align-items:flex-start;gap:10px;padding:12px 0 8px}
.baela-reply>.baela-mark{width:22px;height:24px;flex:none;color:#ceced7}
.baela-reply>span{display:block}.baela-reply strong{display:block;font-size:14px;font-weight:400;line-height:1.45;color:#eeeeef}
.baela-reply>span>span{display:block;font-size:12px;line-height:1.7;color:#b0b0be;margin-top:4px}
.conversation-state{display:flex;align-items:center;gap:7px;margin-left:32px;font-size:12px;line-height:1.5;color:#c2c2cd;padding-top:4px}
.conversation-state>.icon{height:13px;width:13px}
.owner-conversation:hover .owner-request{background:#ffffff0d}
.listings-preview{background:none;text-align:left;padding:0;color:#d8d8e0;display:flex;flex-direction:column;min-height:199px;flex:1}
.listings-preview-title{display:block;margin-bottom:11px}
.listings-preview-title>strong{font-size:17px;line-height:1.5;font-weight:400;letter-spacing:-.3px;display:block}
.listings-preview-title>span{font-size:12px;color:#aaaaba;line-height:1.6;display:block;margin-top:2px}
.listing-hours{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #ffffff17;min-height:43px}
.listing-hours>span{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.5;flex:1}
.listing-hours b{display:grid;place-items:center;width:17px;height:17px;font-size:15px;font-weight:500;color:#c2c2cf}
.listing-hours>span>.icon{width:17px;height:17px;color:#b7b7c7}
.listing-hours>strong{font-size:13px;font-weight:400;line-height:1.4;white-space:nowrap;color:#d4d4de}
.listing-hours>.icon{width:13px;height:13px;color:#aaaaba}
.listings-preview:hover .listing-hours{border-color:#ffffff2b}
.preview-selector{display:none}
@media(min-width:801px) and (max-height:850px){.hero-copy{padding-top:120px}.hero{min-height:100svh}.hero-exhibit{margin-top:28px;margin-bottom:72px}}
@media(max-width:1100px) and (min-width:801px){.hero-exhibit{width:calc(100% - 70px)}.preview-service{padding-inline:13px}.barber-nav>span{display:none}.barber-intro{grid-template-columns:1.25fr .75fr;padding-inline:8px;gap:4px}.barber-intro strong{font-size:20px}.barber-booking{padding-inline:8px;gap:4px}.barber-booking small{display:block;margin:1px 0 0}.owner-request{margin-left:12px;padding-inline:9px}.owner-request>strong{font-size:14px}.baela-reply{gap:7px}.baela-reply strong{font-size:13px}.conversation-state{margin-left:0}.listings-preview-title>strong{font-size:16px}.listing-hours{gap:7px}.listing-hours>span{gap:6px;font-size:12px}.listing-hours>strong{font-size:12px}.preview-service-caption{height:48px;font-size:12px}}
@media(max-width:800px){
  .hero{min-height:100svh;max-height:none}.hero-exhibit{width:calc(100% - 48px);height:auto;max-width:580px;margin-top:34px;margin-bottom:74px}
  .preview-strip-heading{display:none}.preview-selector{display:flex;border-bottom:1px solid #ffffff29;gap:0;margin-bottom:15px}
  .preview-selector>button{flex:1;background:none;color:#a7a7b6;padding:10px 7px 12px;border-bottom:2px solid transparent;font-size:14px;line-height:1.5;white-space:nowrap}
  .preview-selector>button[aria-pressed=true]{border-color:#e1e1e5;color:#f0f0f2}
  .preview-strip{display:grid;grid-template-columns:none;grid-auto-columns:100%;grid-auto-flow:column;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;border:none;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;scrollbar-width:none}
  .preview-strip::-webkit-scrollbar{display:none}
  .preview-service{scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #ffffff30;border-radius:6px;background:#232326f5;padding:17px 18px 0}
  .preview-service+.preview-service{border-left:1px solid #ffffff30}
  .preview-service-label{margin-bottom:14px}.barber-preview{height:213px}.barber-intro strong{font-size:27px}.barber-intro>img{object-position:75% 50%}.barber-booking{padding-block:11px}
  .owner-conversation,.listings-preview{min-height:213px}.owner-request>strong{font-size:17px}.baela-reply strong{font-size:16px}.baela-reply>span>span{font-size:14px}.conversation-state{font-size:13px}.listings-preview-title>strong{font-size:20px}.listings-preview-title>span{font-size:14px}.listing-hours{min-height:46px}.listing-hours>span,.listing-hours>strong{font-size:14px}.preview-service-caption{height:47px;font-size:13px}
}
@media(max-width:600px){.hero-copy{padding-top:127px}.hero-exhibit{width:calc(100% - 40px);margin-top:28px}.preview-selector>button{font-size:13px}.preview-service{padding-inline:15px}.barber-intro strong{font-size:24px}.barber-nav>span{font-size:12px}.barber-booking small{display:block;margin:0}.preview-service-caption{font-size:12px}.owner-request>strong{font-size:16px}.baela-reply strong{font-size:14px}.baela-reply>span>span{font-size:13px}.conversation-state{font-size:12px}}
@media(max-width:375px){.hero-copy{padding-top:120px}.hero-exhibit{width:calc(100% - 32px)}.preview-service{padding-inline:12px}.preview-selector>button{padding-inline:4px;font-size:13px}.barber-intro{grid-template-columns:1.1fr .9fr;gap:6px;padding-inline:9px}.barber-intro strong{font-size:21px}.barber-nav>span{display:none}.barber-booking{padding-inline:9px}.barber-book-link{padding-inline:6px}.owner-request{margin-left:20px}.baela-reply>span>span{font-size:12px}.listings-preview-title>strong{font-size:18px}.listings-preview-title>span{font-size:13px}}

/* Charcoal website styling blends with the surrounding product previews. */
.barber-preview{background:#151515;border-color:#3c3c3c;color:#c5c5c5;box-shadow:inset 0 1px 0 #ffffff04}
.barber-nav{background:#191919;border-color:#333333;color:#bdbdbd}
.barber-nav>span{color:#a5a5a5}
.barber-intro>span{color:#c8c8c8}
.barber-intro small{color:#a9a9a9}
.barber-intro>img{filter:grayscale(1) brightness(.75);border:1px solid #ffffff0b}
.barber-booking{background:#202020;border-color:#353535;color:#c3c3c3}
.barber-booking small{color:#aaaaaa}
.barber-book-link{background:#2c2c2c;color:#c7c7c7;border-color:#515151}
.barber-preview:hover{border-color:#686868}
.barber-preview:hover .barber-book-link{background:#363636;color:#d3d3d3}

/* Independent frames, gentle angles, and deliberate differences in height. */
@media(min-width:801px){
  .hero-exhibit{max-width:1180px;margin-top:32px;margin-bottom:66px}
  .preview-strip-heading{padding-inline:5px;margin-bottom:13px}
  .preview-strip{grid-template-columns:1fr 1.14fr 1fr;gap:34px;align-items:start;padding:14px 4px 57px;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;perspective:1400px}
  .preview-service{position:relative;border:1px solid #ffffff29;border-radius:7px;background:linear-gradient(140deg,#2c2c30f5,#1d1d21fa);box-shadow:0 17px 36px #0005,inset 0 1px 0 #ffffff0b;backdrop-filter:blur(18px);transform-origin:50% 50%;transition:border-color .2s,box-shadow .2s}
  .preview-service+.preview-service{border-left:1px solid #ffffff29}
  .preview-service:hover{border-color:#ffffff48;box-shadow:0 20px 45px #0007,inset 0 1px 0 #ffffff0d}
  .preview-website{transform:translateY(24px) rotate(-2deg) rotateY(3deg);z-index:2}
  .preview-conversation{transform:rotate(.5deg);z-index:3;border-color:#ffffff3b;background:linear-gradient(130deg,#303035f5,#222227fa);box-shadow:0 25px 60px #0007,inset 0 1px 0 #ffffff12}
  .preview-insights{transform:translateY(24px) rotate(2deg) rotateY(-3deg);z-index:1}
  .preview-service-caption{height:45px;font-size:12px}
  .preview-insights .listings-preview{min-height:205px}
  .preview-website .barber-preview{height:205px}
  .preview-conversation .owner-conversation{min-height:215px}
}
@media(min-width:801px) and (max-width:1100px){
  .hero-exhibit{width:calc(100% - 58px)}
  .preview-strip{gap:24px;padding-bottom:45px}
  .preview-website{transform:translateY(18px) rotate(-1.5deg)}
  .preview-conversation{transform:none}
  .preview-insights{transform:translateY(18px) rotate(1.5deg)}
  .preview-service{padding-inline:12px}
  .preview-service-caption{height:49px}
}
@media(max-width:800px){.preview-service{background:linear-gradient(140deg,#2b2b2ff5,#1d1d21fa)}.barber-preview{box-shadow:inset 0 1px 0 #ffffff04}}

/* A quieter opening: one headline, three useful previews, one header action. */
.hero{padding-bottom:72px;gap:clamp(42px,6svh,76px);justify-content:center}
.hero-copy{padding-top:clamp(132px,16svh,175px)}
.hero-exhibit{margin:0 auto;width:calc(100% - 120px)}
#lightfield{opacity:.52}
.hero:before{background:linear-gradient(#11111230,#11111205 62%,#111112a0),radial-gradient(ellipse at 48% 26%,#111112c0,transparent 67%)}
.hero-bottom{color:#a0a0aa;font-size:11px}
.hero-bottom>a{font:13px var(--font);gap:13px;color:#c1c1ca}
@media(min-width:801px){.preview-strip{padding-bottom:37px}.hero-copy>.eyebrow{margin-bottom:25px}}
@media(min-width:801px) and (max-height:800px){.hero-copy{padding-top:124px}.hero{gap:32px;padding-bottom:58px}.hero-copy>.eyebrow{margin-bottom:18px}.hero h1{font-size:clamp(60px,5.4vw,78px)}}
@media(min-width:801px) and (max-width:1100px){.hero-exhibit{width:calc(100% - 58px)}}
@media(max-width:800px){.hero{gap:38px;padding-bottom:72px}.hero-copy{padding-top:130px}.hero-exhibit{width:calc(100% - 48px);margin:0 auto}.hero h1{font-size:clamp(38px,8.6vw,64px)}}
@media(max-width:600px){.hero{gap:33px;justify-content:flex-start}.hero-copy{padding-top:121px}.hero-copy>.eyebrow{margin-bottom:20px}.hero-exhibit{width:calc(100% - 40px)}.hero h1{font-size:clamp(34px,9.4vw,55px)}.hero-bottom{bottom:22px}}
@media(max-width:375px){.hero-copy{padding-top:113px}.hero-exhibit{width:calc(100% - 32px)}.hero-copy>.eyebrow{font-size:11px;letter-spacing:.2px}.hero h1{font-size:34px}}

/* Business overview: source-aware metrics in the same graphite workspace. */
.square-mark{display:block;width:17px;height:17px;fill:currentColor;stroke:none;flex:none}
.source-badge{display:inline-flex;align-items:center;gap:7px;font:12px/1.5 var(--font);white-space:nowrap}
.metrics-preview{display:flex;flex-direction:column;min-height:205px;flex:1;text-align:left;background:transparent;color:#d6d6df;padding:0}
.metrics-preview-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#b4b4c1}
.hero-sales{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:11px}
.hero-sales small{display:block;font-size:12px;line-height:1.4;color:#b0b0bd}
.hero-sales strong{display:block;font-size:32px;letter-spacing:-1px;line-height:1.2;font-weight:450;color:#ededf1;margin-top:3px;font-variant-numeric:tabular-nums}
.metric-change{font-size:15px;line-height:1.5;color:#d8d8df;text-align:right;padding-bottom:2px}
.metric-change small{font-size:12px;margin-top:2px}
.hero-sparkline{display:flex;align-items:flex-end;gap:7px;height:39px;margin:12px 0 10px;padding-bottom:1px;border-bottom:1px solid #ffffff16}
.hero-sparkline>i{flex:1;background:linear-gradient(#ceced975,#a5a5b024);border-radius:2px 2px 0 0;min-height:3px}
.hero-sparkline>i:nth-last-child(2){background:linear-gradient(#e9e9ee,#b1b1bf70)}
.hero-mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:1px}
.hero-mini-metrics>span+span{border-left:1px solid #ffffff20;padding-left:14px}
.hero-mini-metrics strong{font-size:21px;line-height:1.2;font-weight:400;font-variant-numeric:tabular-nums}
.hero-mini-metrics small{display:flex;align-items:center;gap:5px;font-size:12px;line-height:1.5;color:#adadbc;margin-top:4px}
.hero-mini-metrics .baela-mark{width:12px;height:12px}
.hero-mini-metrics b{font-size:12px;font-weight:500}
.metrics-preview:hover .hero-sales strong{color:white}
.task-metrics .agent-workspace-heading,.task-metrics .demo-response{display:none}
.task-metrics .demo-request>p{font-size:25px;line-height:1.35;margin-top:7px}
.metrics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.metrics-example{font:12px/1.5 var(--mono);color:#777783;letter-spacing:.2px}
.metrics-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;color:#6f6f7b}
.metrics-toolbar select{max-width:100%;font-size:12px;padding:7px 22px 7px 8px;border:1px solid #dcdce1;border-radius:3px;background:#f8f8f7;color:#43434e}
.metrics-view-switch{display:flex;gap:18px;border-bottom:1px solid #dcdce1;margin:21px 0 20px}
.metrics-view-switch button{position:relative;padding:0 0 11px;background:none;font-size:13px;line-height:1.5;color:#80808e;border-bottom:2px solid transparent;margin-bottom:-1px}
.metrics-view-switch button[aria-pressed=true]{color:#25252e;border-bottom-color:#373740}
.metric-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.metric-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;min-width:0;border:1px solid #dddde3;background:#fafaf9;padding:13px 12px;border-radius:4px;transition:background .2s,border-color .2s}
.metric-card[aria-pressed=true]{background:#eeeef0;border-color:#aaaab5}
.metric-card:hover{border-color:#9e9eaa}
.metric-card>span{font-size:12px;color:#666673;line-height:1.4}
.metric-card>strong{font-size:28px;font-weight:400;letter-spacing:-.7px;line-height:1.2;font-variant-numeric:tabular-nums;color:#33333f}
.metric-comparison{font-size:12px;color:#777783;line-height:1.5;min-height:33px}
.metric-source{display:flex;align-items:center;gap:5px;font-size:12px;color:#686875;line-height:1.5;margin-top:auto}
.metric-source .square-mark,.metric-source .baela-mark{width:12px;height:12px}
.metric-source>b{font-size:13px;font-weight:500}
.metrics-chart{margin:22px 0 0;padding:17px 0 0;border-top:1px solid #e1e1e5}
.metrics-chart figcaption{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.metrics-chart figcaption>strong{font-size:14px;font-weight:450;color:#40404a;line-height:1.5}
.metrics-chart figcaption>span{font-size:12px;color:#7d7d89}
.chart-legend{display:flex;align-items:center;gap:17px;font-size:12px;color:#797985;margin-top:10px}
.chart-legend>span{display:flex;align-items:center;gap:5px}
.chart-legend i{width:7px;height:7px;border-radius:1px;background:#555562}
.chart-legend>span+span i{background:#d6d6dd}
.metrics-chart-bars{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:0;margin:21px 0 0}
.metrics-chart-bars>li{min-width:0}
.chart-day{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0;background:transparent;font-size:12px;line-height:1.5;color:#858592}
.chart-day-bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:105px;width:100%;padding-inline:3px}
.chart-day-bars>i{width:38%;max-width:20px;min-width:5px;border-radius:2px 2px 0 0;display:block}
.chart-current{background:#747481}.chart-before{background:#dedee4}
.chart-day[aria-pressed=true] .chart-current,.chart-day:hover .chart-current{background:#30303c}
.chart-day[aria-pressed=true]>span:last-child{color:#30303c;font-weight:500}
.metrics-chart-detail{min-height:34px;margin-top:14px;font-size:12px;color:#70707e;line-height:1.6;padding-top:12px;border-top:1px solid #e9e9ed}
.metric-observation{display:flex;align-items:flex-start;gap:9px;background:#f3f3f4;padding:12px;border-radius:3px;margin-top:13px}
.metric-observation>.baela-mark{width:19px;height:19px;color:#757582;margin-top:2px}
.metric-observation p{font-size:12px;line-height:1.75;color:#6d6d7a}
.metrics-data-note{font-size:12px;color:#82828e;line-height:1.75;margin-top:17px}
.brief-heading{display:flex;align-items:center;gap:11px;padding:3px 0 17px;border-bottom:1px solid #e2e2e7}
.brief-heading>.baela-mark{width:29px;height:29px;color:#757580}
.brief-heading h3,#metrics-ask h3{font-size:22px;font-weight:400;letter-spacing:-.5px;line-height:1.25;color:#3d3d49}
.brief-heading p{font-size:12px;color:#83838f;margin-top:6px}
#weekly-brief-lines{list-style:none;padding:0;margin:3px 0 16px}
#weekly-brief-lines>li{font-size:15px;line-height:1.8;color:#5d5d6b;padding:17px 0;border-bottom:1px solid #e8e8eb}
.metrics-definition{font-size:12px;line-height:1.75;color:#858590}
.metrics-question-intro{font-size:13px;color:#82828e;margin-top:10px}
.metrics-questions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.metrics-questions button{background:#f5f5f6;border:1px solid #dcdce2;border-radius:4px;padding:9px 11px;color:#6c6c79;font-size:12px;line-height:1.6;text-align:left}
.metrics-questions button[aria-pressed=true]{background:#eaeaed;border-color:#adadba;color:#3f3f4a}
.metrics-answer{display:flex;align-items:flex-start;gap:11px;padding:17px;background:#f1f1f3;border:1px solid #e2e2e7;border-radius:4px}
.metrics-answer>.baela-mark{width:25px;height:25px;flex:none;color:#737380}
.metrics-answer p{font-size:15px;line-height:1.8;color:#565665}
.metrics-answer small{display:block;font-size:12px;line-height:1.7;color:#7d7d8b;margin-top:13px}
.connection-sources{display:flex;align-items:center;gap:24px;flex-wrap:wrap;color:#aaaab8}
.connection-sources>span:first-child{font:12px/1.6 var(--mono);color:#858594}
.connection-sources .source-badge{font-size:15px;gap:8px}
.connection-sources .square-mark{width:19px;height:19px}
.service-map{height:530px}
.service-point[data-service=payroll]{left:7%;bottom:19px}
.service-point[data-service=metrics]{right:1%;bottom:19px}
.service-readout{min-height:270px}
@media(min-width:801px) and (max-width:1100px){
  .metrics-preview-top{gap:5px}.hero-sales strong{font-size:28px}.metric-change{font-size:13px}.metric-change small{max-width:76px}.hero-mini-metrics small{font-size:12px}
  .service-map{height:510px}.service-point[data-service=payroll]{left:0;bottom:21px}.service-point[data-service=metrics]{right:0;bottom:21px}
}
@media(max-width:800px){
  .metrics-preview{min-height:213px}.hero-sales strong{font-size:34px}.hero-sparkline{height:43px}.hero-mini-metrics strong{font-size:23px}
  .service-map{height:470px}.service-point[data-service=payroll]{left:6%;bottom:15px}.service-point[data-service=metrics]{right:4%;bottom:15px}
}
@media(max-width:600px){
  .task-metrics .demo-request>p{font-size:23px}.metrics-toolbar{align-items:flex-start;gap:7px}.metrics-toolbar label{flex-direction:column;align-items:flex-end;gap:4px}.metrics-example{padding-top:4px}
  .metric-cards{gap:7px}.metric-card{padding:11px 8px;gap:7px}.metric-card>strong{font-size:24px}.metric-card>span{min-height:34px}.metric-comparison{min-height:49px;font-size:12px}
  .metrics-view-switch{gap:22px}.metrics-view-switch button{font-size:13px}.metrics-chart-bars{gap:6px}.chart-day-bars{gap:3px;padding-inline:0}
  .metrics-answer{padding:13px;gap:9px}.metrics-answer>.baela-mark{width:21px;height:21px}.metrics-answer p{font-size:14px}.brief-heading h3,#metrics-ask h3{font-size:21px}
  .connection-sources{gap:17px}.connection-sources>span:first-child{flex-basis:100%}.connections-bottom>span:last-child{margin-top:14px}
  .service-map{height:460px}.service-point[data-service=website]{left:0;top:15px}.service-point[data-service=bookings]{right:0;top:74px}.service-map .map-center{top:43%}
  .service-point[data-service=email]{left:0;top:280px}.service-point[data-service=listings]{right:0;top:333px}.service-point[data-service=payroll]{left:0;bottom:0}.service-point[data-service=metrics]{right:0;bottom:0}
}
@media(max-width:375px){.metric-card{padding-inline:6px}.metric-card>strong{font-size:21px;letter-spacing:-.6px}.metric-source{font-size:12px;gap:4px}.metrics-view-switch{gap:18px}.metrics-toolbar select{font-size:12px}.service-point[data-service=metrics]{padding-inline:8px}}

/* Match the right-hand service gaps to their left-hand counterparts. */
.service-map{--service-middle-top:246px}
.service-point[data-service=email],.service-point[data-service=listings]{top:var(--service-middle-top)}
.metrics-toolbar{justify-content:flex-end}
@media(max-width:1200px){.service-map{--service-middle-top:232px}}
@media(max-width:1000px){.service-map{--service-middle-top:220px}}
@media(max-width:800px){.service-map{--service-middle-top:216px}}
@media(max-width:600px){.service-map{--service-middle-top:280px}}

/* Let the connection names stay together on smaller screens. */
.connections-bottom{flex-wrap:wrap}
.connection-sources{column-gap:24px;row-gap:14px}
@media(max-width:600px){.connection-sources{column-gap:20px}}

/* Static hero artwork: no canvas or continuous rendering loop. */
#lightfield{max-width:none;object-fit:fill;pointer-events:none}
.hero-bottom>a{margin-inline:auto}

.connection-mark{display:block;width:19px;height:19px;fill:currentColor;stroke:none;flex:none}
@media(max-width:375px){.connection-sources{display:grid;grid-template-columns:repeat(2,max-content);column-gap:26px}.connection-sources>span:first-child{grid-column:1/-1}}

/* Reserve the tallest report view so the workspace and sticky heading stay put.
   Hidden panels contribute their size but remain invisible and unfocusable. */
.metrics-view-panels{display:grid;align-items:start}
.metrics-view-panels>section{grid-area:1/1;min-width:0}
.metrics-view-panels>section[hidden]{display:block!important;visibility:hidden;pointer-events:none}