@font-face{font-family:Manrope;src:url('/assets/manrope-latin.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
:root{--blue:#354df4;--ink:#171923;--muted:#626571;--line:#e6e7ee;--pale:#f6f7fb;--lime:#daf59c;--radius:18px;--font:Manrope,Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.55}img{display:block;width:100%;height:auto}svg{display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.12}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #6276ff;outline-offset:4px}::selection{background:#dce1ff}button{border:0;background:none}input,textarea,select{accent-color:var(--blue)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 88px));margin-inline:auto}.section{padding-block:105px}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.105em;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:18px;top:-100px;padding:12px 20px;background:var(--blue);color:white;z-index:100}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:14px 22px;border:1px solid transparent;border-radius:9px;font-weight:700;font-size:.9375rem;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s}.button span[aria-hidden]{font-size:1.25rem;line-height:1}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:#fff;box-shadow:0 3px 0 #243cd31a}.primary:hover{background:#263ddc;box-shadow:0 5px 15px #354df423}.button.small{min-height:44px;padding:11px 18px;font-size:.875rem}.button.outline{border-color:#d6d8e0;background:#fff}.button.outline:hover{border-color:var(--blue);color:var(--blue)}.text-button{padding:14px 8px;gap:9px}.text-button:hover{color:var(--blue)}.play-icon{display:grid;place-items:center;border:1px solid #d4d7e0;border-radius:50%;width:26px;height:26px;font-size:.9rem!important}.inline-button{padding:0;color:var(--blue);font-weight:700;text-align:left;font-size:1rem}.inline-button:hover{text-decoration:underline;text-underline-offset:4px}
.site-header{height:89px;position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #ededf2}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;height:100%}.wordmark{font-size:2.2rem;font-weight:800;letter-spacing:-.075em;line-height:1}.wordmark span{color:var(--blue)}.desktop-nav{display:flex;gap:31px;align-items:center;margin-left:52px}.desktop-nav a,.nav-plan{font-size:.875rem;font-weight:650}.desktop-nav a:hover,.nav-plan:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:25px}.menu-toggle{display:none;padding:10px;width:44px;height:44px}.menu-toggle span{display:block;background:var(--ink);height:2px;margin:6px 0;width:23px}.mobile-nav{position:absolute;top:88px;left:0;right:0;background:#fff;padding:12px 30px 25px;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #151a2010}.mobile-nav a{display:block;padding:12px 0;font-weight:650}
.hero{display:grid;grid-template-columns:1fr 1.02fr;gap:22px;align-items:center;padding-block:64px 55px;min-height:695px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:23px;font-size:.78rem;letter-spacing:.085em}.mini-mark{font-size:1.4rem;line-height:1;color:var(--blue)}h1{font-size:clamp(3.4rem,5.2vw,4.8rem);letter-spacing:-.061em;font-weight:800;line-height:1.075}h1>span{color:var(--blue)}.hero-description{font-size:1.135rem;line-height:1.75;max-width:448px;margin-top:25px;color:#484b57}.hero-detail{font-size:.9375rem;line-height:1.7;max-width:430px;margin-top:13px;color:var(--muted)}.hero-buttons{display:flex;align-items:center;gap:14px;margin-top:27px}.hero-reassurance{display:flex;gap:22px;flex-wrap:wrap;font-size:.8125rem;color:#6a6c76;margin-top:21px}.hero-reassurance i{font-style:normal;margin-right:4px;color:var(--ink)}.hero-stage{position:relative;height:560px;isolation:isolate}.stage-orbit{position:absolute;border:1px solid #e1e5f8;border-radius:50%;width:98%;height:95%;left:0;top:2%;background:radial-gradient(ellipse at 50% 50%,#edf0ff 0,#f7f8ff 48%,#fff 72%);z-index:-1}.stage-orbit:after{content:"";position:absolute;inset:30px;border:1px dashed #e0e4f7;border-radius:50%}.preview-web,.preview-dashboard,.preview-social{position:absolute;border:1px solid #dddfe7;background:white;box-shadow:0 16px 38px #272e5220;overflow:hidden}.preview-web{width:55%;left:0;top:32px;border-radius:13px;transform:rotate(-6deg);z-index:1}.browser-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;gap:10px;background:#fff;font-size:.75rem;color:#717580}.browser-bar>span:first-child{font-size:.75rem;letter-spacing:2px;color:#d4d7df}.browser-bar>span:nth-child(2){font-size:.75rem}.cafe-concept{height:286px;position:relative;background:#374137;color:white;overflow:hidden}.cafe-concept:after{content:"";position:absolute;inset:0;background:linear-gradient(#101c1688,#13251744 35%,#061f1888);z-index:0}.cafe-concept img{height:100%;object-fit:cover;object-position:50% 50%}.cafe-nav{position:absolute;top:18px;left:20px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:1}.cafe-nav>b{font-size:1.1rem;letter-spacing:.09em}.cafe-nav>span{font-size:.75rem;max-width:89px;line-height:1.3}.cafe-title{position:absolute;top:94px;left:21px;z-index:1;font-family:Georgia,serif;font-size:2.65rem;line-height:1.06;letter-spacing:-.045em}.cafe-button{position:absolute;bottom:23px;left:20px;font-size:.75rem;font-weight:650;background:#f3ead5;color:#1e302b;border-radius:4px;padding:8px 12px;z-index:1}.concept-label{padding:12px;font-size:.8125rem;font-weight:650;display:flex;align-items:center;gap:8px}.concept-label .icon{color:var(--blue);font-size:1.1rem}.preview-dashboard{right:-2px;top:90px;width:55%;padding:20px 19px 14px;border-radius:14px;transform:rotate(5deg);z-index:2}.mini-dash-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-dash-heading>b{font-size:.8125rem;letter-spacing:-.015em}.mini-dash-heading>span{font-size:.75rem;color:#72747f}.mini-dash-stat{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:24px 0 18px}.mini-dash-stat>div{display:flex;flex-direction:column}.mini-dash-stat>div>span{font-size:.75rem;color:#777b86;margin-bottom:5px}.mini-dash-stat strong{font-size:2.1rem;letter-spacing:-.06em;line-height:1.1}.positive{background:#e7f5e8;color:#28763b;border-radius:4px;font-size:.75rem;font-weight:700;padding:3px 5px;white-space:nowrap}.mini-chart{width:100%;height:auto;overflow:visible}.mini-dash-bottom{display:flex;justify-content:space-between;gap:4px;font-size:.75rem;border-top:1px solid #ececf4;padding-top:11px;color:#737681}.mini-dash-bottom span:last-child{font-weight:700;color:var(--blue)}.preview-social{right:9px;bottom:23px;width:35%;border-radius:12px;transform:rotate(7deg);z-index:3}.social-top{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;gap:5px}.social-top b{font-family:Georgia,serif;letter-spacing:.05em;font-size:.85rem;font-weight:500}.social-top>span{font-size:.75rem}.social-image{height:217px;position:relative;background:#ebe0c9;overflow:hidden}.social-image img{height:100%;object-fit:cover;object-position:62% 50%}.social-image>span{position:absolute;left:10px;top:14px;width:52%;color:#4d3720;font-family:Georgia,serif;font-size:1.1rem;line-height:1.1;text-shadow:0 0 20px #fff}.social-bottom{display:flex;justify-content:space-between;align-items:center;padding:7px 12px}.social-bottom>span:first-child{font-size:1.125rem;line-height:1.2}.social-bottom>span:last-child{font-size:.75rem;color:#737681}.search-chip{position:absolute;display:flex;align-items:center;gap:13px;left:22px;bottom:63px;padding:18px 19px;border:1px solid #e2e5ee;background:#fff;border-radius:12px;box-shadow:0 12px 30px #29336b15;z-index:3;transform:rotate(-3deg);width:56%}.search-symbol{position:relative;width:27px;height:27px;border:2px solid var(--blue);border-radius:50%;margin-right:5px;flex-shrink:0}.search-symbol:after{content:"";position:absolute;right:-7px;bottom:-4px;width:11px;height:2px;background:var(--blue);transform:rotate(45deg)}.search-chip>div{display:flex;flex-direction:column}.search-chip b{font-size:.8125rem;line-height:1.3}.search-chip>div>span{font-size:.75rem;color:#737681;margin-top:4px}.stage-note{position:absolute;bottom:7px;left:22px;font-size:.8125rem;color:#6b7084;transform:rotate(-3deg)}.stage-note span{display:inline-block;margin-left:7px;font-size:1.5rem;transform:rotate(10deg)}
.service-strip{border-block:1px solid var(--line);background:#fafbff}.service-strip>.wrap{min-height:89px;display:flex;justify-content:space-between;align-items:center;gap:30px}.service-strip>.wrap>span{font-size:.8125rem;color:#737684}.service-strip>.wrap>span>b{font-weight:650;color:#454854;display:block}.service-strip>.wrap>div{display:flex;align-items:center;gap:34px;font-size:1rem;letter-spacing:-.03em;font-weight:650}.service-strip i{color:var(--blue);font-size:1.125rem;font-style:normal}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:17px;color:#616572}h2{font-size:clamp(2.1rem,3.5vw,3.125rem);font-weight:750;letter-spacing:-.047em;line-height:1.12}.section-heading>p,.section-heading>div+div>p{color:var(--muted);font-size:1rem;line-height:1.8;padding-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-card{padding:29px 24px 0;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 26px #1719230a}.service-icon{width:47px;height:47px;border:1px solid #00000008;background:#fff8;display:grid;place-items:center;border-radius:12px;margin-bottom:27px}.service-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.web-card{background:#f1f4ff}.seo-card{background:#eef7f1}.social-card{background:#fff5ee}.data-card{background:#f4f1fc}.web-card .service-icon{color:#354df4}.seo-card .service-icon{color:#32784e}.social-card .service-icon{color:#a9572e}.data-card .service-icon{color:#7951b9}.service-kicker{font-size:.75rem;line-height:1.5;letter-spacing:.015em;font-weight:600;color:#6c6f79;min-height:36px}.service-card h3{font-size:1.4rem;letter-spacing:-.04em;margin:6px 0 15px}.service-card>p:not(.service-kicker){font-size:1rem;line-height:1.7;color:#555966}.service-card ul{margin:20px 0 25px;padding:0;list-style:none;font-size:.8125rem;line-height:1.6;color:#4f5360}.service-card li{margin-bottom:9px;position:relative;padding-left:18px}.service-card li:before{content:"✓";position:absolute;left:0;color:#525a74;font-size:.75rem;top:1px}.service-link{display:flex;justify-content:space-between;align-items:center;gap:6px;border-top:1px solid #00000012;padding:19px 0;margin-top:auto;font-size:.8125rem;font-weight:700;letter-spacing:-.02em}.service-link:hover{color:var(--blue)}.service-link>span{font-size:1.2rem}
.dashboard-section{background:#181c2c;padding:93px 0 35px;color:white;position:relative}.dashboard-heading{margin-bottom:40px}.dashboard-heading .eyebrow{color:#b9bfd4}.dashboard-heading h2{font-size:clamp(2.15rem,3.5vw,3.2rem)}.dashboard-heading h2>span{color:#c4d2ff}.dashboard-heading>div+div>p{color:#bfc4d4}.light-link{display:inline-block;font-weight:650;font-size:.875rem;color:#fff;margin-top:18px}.light-link>span{margin-left:7px}.light-link:hover{color:var(--lime)}.dashboard-shell{display:flex;min-width:0;border:1px solid #ffffff25;background:#f8f9fc;color:var(--ink);border-radius:15px;overflow:hidden;box-shadow:0 20px 70px #00000033}.dashboard-sidebar{width:100px;flex-shrink:0;background:#fff;border-right:1px solid #e7eaf2;padding:28px 12px;display:flex;align-items:center;flex-direction:column}.dashboard-logo{font-size:2rem;line-height:1;font-weight:800;letter-spacing:-.1em;margin-bottom:38px;color:var(--blue)}.dashboard-logo>span{color:var(--ink)}.sidebar-item{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 9px;border-radius:8px;width:100%;font-size:.75rem}.sidebar-item.active{background:#eef1ff;color:var(--blue)}.sidebar-item svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5;fill:none}.sidebar-bottom{margin-top:auto;text-align:center;font-size:.75rem;line-height:1.6;color:#858898}.sidebar-bottom>b{font-size:.75rem;font-weight:650;color:#5c6070}.dashboard-content{padding:29px 30px 20px;flex:1;min-width:0}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-greeting{font-size:.8125rem;color:#7d8292;margin-bottom:7px}.dashboard-top h3{font-size:1.5rem;letter-spacing:-.045em;font-weight:750}.dashboard-controls{display:flex;align-items:center;gap:12px}.demo-badge{font-size:.75rem;border-radius:5px;padding:5px 9px;color:#656b7f;background:#eceef5;white-space:nowrap}select{border:1px solid #dce0eb;border-radius:6px;background:#fff;color:#545b6d;min-height:39px;padding:8px 32px 8px 11px;font-size:.8125rem;max-width:100%;cursor:pointer}.dashboard-tabs{display:flex;border-bottom:1px solid #e0e4ef;gap:22px;margin:25px 0 23px}.dashboard-tabs button{font-size:.8125rem;font-weight:650;padding:10px 0 13px;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;color:#777c8e;transition:color .2s}.dashboard-tabs button:hover{color:var(--blue)}.dashboard-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{padding:17px 17px 14px;background:#fff;border:1px solid #e5e8f0;border-radius:9px}.metric>p{font-size:.8125rem;color:#747b8d;margin-bottom:11px}.metric-value{font-size:1.8rem;font-weight:750;letter-spacing:-.05em;line-height:1.15}.metric-detail{display:flex;align-items:center;gap:6px;margin-top:11px;font-size:.75rem;color:#8b90a0;flex-wrap:wrap}.metric-detail>b{font-weight:600;color:#26804e}.metric-detail.neutral>b{color:#9a6336}.dashboard-lower{display:grid;grid-template-columns:1.8fr 1fr;gap:16px;margin-top:16px}.chart-card,.attention-card{background:#fff;border:1px solid #e5e8f0;border-radius:9px;padding:20px;min-width:0}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.chart-heading h4,.attention-title h4{font-size:.875rem;font-weight:700;line-height:1.4}.chart-heading>span{font-size:.75rem;color:#8b90a0;display:flex;align-items:center;gap:5px}.chart-heading i{height:7px;width:7px;background:var(--blue);border-radius:2px}.chart-container svg{width:100%;height:auto;min-height:165px;max-height:210px;overflow:visible}.attention-card{background:#eff2ff;border-color:#e2e6fb;padding:22px}.attention-title{display:flex;gap:8px;align-items:center;color:#35459f;margin-bottom:20px}.attention-title>span{font-size:1.2rem}.attention-card>p:nth-of-type(1){font-size:1.075rem;font-weight:750;line-height:1.4;letter-spacing:-.025em;margin-bottom:10px}.attention-card>p:nth-of-type(2){font-size:.8125rem;line-height:1.65;color:#656c82}.attention-card>div:last-child{font-size:.75rem;line-height:1.6;margin-top:14px;padding-top:12px;border-top:1px solid #dce1f4;color:#687493}.dashboard-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;font-size:.75rem;color:#959aaa}.dashboard-foot>p{font-size:.75rem}.dashboard-foot>p>span{color:#747c8e}.dashboard-caption{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:24px;color:#b8bfd1;font-size:.8125rem;line-height:1.6}.dashboard-caption>p:last-child{font-size:.75rem;color:#8f98b2;text-align:right}
.process-section{padding-top:104px;padding-bottom:100px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px;margin-top:55px}.step-number{font-size:.9375rem;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:14px;margin-bottom:23px}.step-number:after{content:"";display:block;flex:1;height:1px;background:#e2e5f0}.process-grid h3{font-size:1.3rem;letter-spacing:-.035em;line-height:1.4;max-width:280px;margin-bottom:13px}.process-grid p{font-size:1rem;color:var(--muted);line-height:1.8;max-width:350px}
.plan-section{background:#f5f6fa;border-block:1px solid #eaecf3;padding:91px 0 94px}.pricing-demo-label{display:inline-block;font-size:.75rem;margin-top:14px;color:#6d6f7b;border:1px solid #dce0eb;border-radius:5px;padding:4px 9px;background:#fff6}.plan-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:45px;align-items:start}.plan-options{min-width:0}fieldset{margin:0;padding:0;border:0;min-width:0}.plan-option{position:relative;display:flex;gap:17px;align-items:center;background:#fff;border:1px solid #e1e4ed;padding:24px 22px;border-radius:10px;margin-bottom:12px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.plan-option:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.plan-option:hover{border-color:#6d80ff}.plan-option input{position:absolute;left:23px;width:23px;height:23px;margin:0;opacity:0}.plan-option:has(input:focus-visible){outline:3px solid #7f92ff;outline-offset:4px}.custom-check{width:22px;height:22px;flex-shrink:0;border:1.5px solid #cbd1df;border-radius:5px;background:#fff;display:grid;place-items:center;color:white;font-size:1rem;line-height:1}.plan-option input:checked+.custom-check{border-color:var(--blue);background:var(--blue)}.plan-option input:checked+.custom-check:after{content:"✓"}.option-main{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.option-title{font-size:.9375rem;font-weight:750;letter-spacing:-.02em;line-height:1.4}.option-description{font-size:.8125rem;line-height:1.6;color:#818693}.option-price{font-size:1rem;font-weight:750;text-align:right;white-space:nowrap;letter-spacing:-.025em}.option-price>small{display:block;font-size:.75rem;font-weight:500;color:#8b8f9b;letter-spacing:0}.website-options{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-2px 4px 14px;padding:12px 17px 12px 34px;border-left:2px solid #ced5ff;font-size:.8125rem;color:#717889}.website-options>label{font-size:.8125rem;line-height:1.4}.website-options select{font-size:.8125rem;min-width:0;max-width:70%;width:320px}.plan-smallprint{font-size:.75rem;line-height:1.85;color:#787e8d;padding:4px 3px 0}.plan-summary{background:white;border:1px solid #e1e4ed;border-radius:14px;padding:33px;box-shadow:0 8px 25px #161b3805;position:sticky;top:117px}.plan-summary>.eyebrow{color:#8a8fa0;font-size:.75rem;letter-spacing:.09em}.plan-summary>h3{font-size:1.75rem;letter-spacing:-.045em;margin-top:12px}.selected-services{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 27px;min-height:29px;align-content:start}.selected-services>span{font-size:.75rem;background:#eff2ff;color:#455cbe;border:1px solid #e0e6ff;border-radius:5px;padding:4px 9px}.selected-services>p{color:#83899a;font-size:.8125rem}.summary-totals{border-block:1px solid var(--line);padding:22px 0;margin-bottom:25px}.summary-totals>div:first-child>span{font-size:.8125rem;color:#7f8595}.summary-totals>div:first-child>p{margin-top:3px}.summary-totals strong{font-size:3.1rem;font-weight:750;letter-spacing:-.055em;line-height:1.3}.summary-totals small{font-size:.875rem;color:#82899c;font-weight:500;margin-left:8px}.one-off-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;font-size:.8125rem}.one-off-row>span{color:#7f8595}.one-off-row>b{font-size:1.1rem;font-weight:700}.summary-totals>p{font-size:.75rem;color:#7f8595;margin-top:12px}.plan-summary>.button{width:100%;font-size:.875rem;padding-inline:15px;gap:12px}.summary-note{text-align:center;font-size:.75rem;color:#8a8e9c;margin-top:15px;line-height:1.7}
.faq-section{display:grid;grid-template-columns:1fr 1.35fr;gap:90px}.faq-section .eyebrow{font-size:.75rem;color:#6d7181;margin-bottom:17px}.faq-section h2{font-size:2.65rem}.faq-section>div>p:not(.eyebrow){margin-top:26px;color:var(--muted);font-size:.875rem}.faq-section .inline-button{font-size:.875rem;margin-top:10px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;font-size:.9375rem;line-height:1.6;font-weight:650}.faq-list summary:hover{color:var(--blue)}.faq-list summary>span{font-size:1.2rem;font-weight:400;color:#9199ad;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg);color:var(--blue)}.faq-list details>p{color:var(--muted);font-size:.9375rem;line-height:1.85;padding-bottom:23px;max-width:600px}
.final-cta{background:var(--blue);color:white;border-radius:18px;padding:49px 57px;display:flex;align-items:center;gap:30px;position:relative;overflow:hidden}.cta-mark{font-size:5.3rem;line-height:1;color:#d8e1ff;margin-right:4px}.final-cta .eyebrow{font-size:.75rem;color:#d2dbff;letter-spacing:.08em;margin-bottom:14px}.final-cta h2{font-size:2.35rem;letter-spacing:-.045em;line-height:1.2}.white-button{background:white;color:var(--blue);margin-left:auto;min-width:163px;flex-shrink:0}.white-button:hover{background:#eef1ff}footer{padding-top:64px;padding-bottom:25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:46px}.footer-top .wordmark{font-size:2rem}.footer-top>div>p{font-size:.8125rem;color:#858a99;margin-top:13px}.footer-top>a{font-size:1rem;font-weight:600;letter-spacing:-.02em}.footer-top>a:hover{color:var(--blue)}.footer-top>span{font-size:.8125rem;color:#7c8290;text-align:right}.footer-bottom{border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;gap:15px;font-size:.75rem;color:#8b91a0}.footer-bottom>a:hover{color:var(--blue)}
dialog{border:1px solid #d8dced;padding:0;border-radius:18px;max-width:560px;width:calc(100% - 34px);max-height:calc(100dvh - 42px);color:var(--ink);background:#fff;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#0c143799;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:16px;top:14px;width:38px;height:38px;font-size:1.8rem;border-radius:50%;line-height:1;color:#7d8598;z-index:1}.dialog-close:hover{background:#f1f3fa;color:var(--ink)}.dialog-content{padding:43px}.dialog-content>.eyebrow{font-size:.75rem;color:var(--blue);margin-bottom:17px}.dialog-content h2{font-size:2.2rem;line-height:1.15}.dialog-intro{font-size:.9375rem;color:var(--muted);margin-top:15px;margin-bottom:26px}form>label{display:flex;flex-direction:column;gap:6px;font-size:.8125rem;font-weight:600;margin-bottom:15px}form input,form textarea,#enquiry-preview{padding:12px 13px;border:1px solid #dce0eb;background:#fafbfe;border-radius:7px;min-width:0;font-weight:400;font-size:1rem;line-height:1.5;color:var(--ink);width:100%;resize:vertical}form input::placeholder{color:#949bab}form>.button{width:100%;margin-top:3px}.form-note{color:#858b9c;font-size:.75rem;line-height:1.8;margin-top:13px}#email-ready>h3{font-size:1.4rem;letter-spacing:-.04em;margin:23px 0 13px}#email-ready>p{color:var(--muted);font-size:.9375rem;margin:13px 0 20px;line-height:1.8}#email-ready>.button{display:flex;width:100%;margin-bottom:10px}#email-ready .inline-button{margin-top:14px;font-size:.875rem}#email-ready details{margin-top:18px;font-size:.8125rem;color:#747d90}#enquiry-preview{font-size:.8125rem;margin-top:12px}#copy-status{font-size:.8125rem!important;color:var(--blue)!important;min-height:20px}
@media(min-width:1600px){.wrap{width:min(1360px,calc(100% - 120px))}.hero{min-height:755px;gap:48px}h1{font-size:5.1rem}.hero-stage{height:592px}.preview-web{top:40px}.cafe-concept{height:315px}.preview-dashboard{top:115px}.preview-social{bottom:31px}.social-image{height:233px}.search-chip{bottom:63px}}
@media(max-width:1180px){.wrap{width:calc(100% - 58px)}.desktop-nav{margin-left:0;gap:21px}.header-actions{gap:18px}.hero{gap:18px;min-height:640px}.hero-description{font-size:1.0625rem;max-width:400px}.hero-stage{height:535px}.hero-buttons{gap:7px;flex-wrap:wrap}.hero-buttons .button{font-size:.875rem;padding-inline:17px}.hero-buttons .text-button{padding-left:3px}.preview-web{width:57%;top:28px}.browser-bar{padding-inline:8px}.browser-bar>span:nth-child(2){font-size:.75rem}.cafe-nav>span{display:none}.cafe-concept{height:266px}.cafe-title{font-size:2.3rem}.concept-label{font-size:.75rem;gap:5px}.preview-dashboard{width:60%;right:-4px;top:107px;padding:16px 15px 12px}.mini-dash-heading{gap:7px}.mini-dash-heading>b{font-size:.75rem}.mini-dash-heading>span{font-size:.75rem}.mini-dash-stat strong{font-size:1.875rem}.preview-social{width:38%;bottom:6px;right:0}.social-image{height:192px}.search-chip{left:5px;bottom:72px;width:58%;padding:14px 12px;gap:10px}.search-symbol{width:22px;height:22px}.stage-note{left:9px;bottom:14px;font-size:.75rem}.service-strip>.wrap>div{gap:22px;font-size:.9375rem}.service-grid{gap:13px}.service-card{padding:22px 18px 0}.service-card h3{font-size:1.25rem}.service-card>p:not(.service-kicker){font-size:.9375rem}.service-kicker{min-height:36px;font-size:.75rem}.service-link{font-size:.75rem}.service-card ul{font-size:.8125rem}.dashboard-content{padding:24px 23px 19px}.dashboard-sidebar{width:83px;padding-inline:6px}.dashboard-controls{gap:7px;align-items:flex-end;flex-direction:column}.metrics{gap:10px}.metric{padding:15px 13px 12px}.metric-value{font-size:1.65rem}.dashboard-lower{grid-template-columns:1.65fr 1fr;gap:12px}.plan-layout{gap:26px;grid-template-columns:1.55fr 1fr}.plan-option{padding:22px 18px;gap:12px}.option-title{font-size:.875rem}.option-description{font-size:.8125rem}.option-price{font-size:.9375rem}.plan-summary{padding:29px 25px}.website-options{padding-left:25px}.faq-section{gap:55px}.final-cta{padding:43px 35px}.final-cta h2{font-size:2.1rem}.cta-mark{font-size:4.3rem}.final-cta .eyebrow{font-size:.75rem}}
@media(max-width:960px){.desktop-nav{display:none}.hero{grid-template-columns:1fr 1fr;gap:15px;padding-top:55px;padding-bottom:42px}.hero-stage{height:515px}h1{font-size:clamp(2.8rem,5.3vw,3.5rem)}.hero-description{font-size:1rem;margin-top:20px}.hero-detail{font-size:.875rem}.hero .eyebrow{font-size:.75rem;margin-bottom:18px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:0;margin-top:21px}.hero-buttons>.button{min-height:48px}.hero-reassurance{gap:9px;font-size:.75rem;margin-top:11px}.preview-web{width:65%;top:11px}.cafe-concept{height:227px}.cafe-title{font-size:2rem;top:80px}.concept-label{padding:9px;font-size:.75rem}.preview-dashboard{width:73%;top:177px;right:0}.mini-dash-stat{margin:17px 0 10px}.mini-chart{max-height:64px}.preview-social{width:37%;right:5px;bottom:-6px}.social-top{padding:5px 8px}.social-top b{font-size:.75rem}.social-image{height:148px}.social-image>span{font-size:.875rem;width:58%}.social-bottom{padding:6px 7px}.social-bottom>span:last-child{font-size:.75rem}.social-bottom>span:first-child{display:none}.search-chip{bottom:55px;left:-4px;padding:12px 10px;width:65%;gap:7px}.search-chip b{font-size:.75rem}.search-chip>div>span{font-size:.75rem}.search-symbol{width:20px;height:20px}.stage-note{bottom:8px;left:2px}.service-strip>.wrap{min-height:85px;gap:15px}.service-strip>.wrap>span{max-width:160px;font-size:.75rem}.service-strip>.wrap>div{gap:16px;font-size:.8125rem}.section{padding-block:77px}.section-heading{gap:25px;margin-bottom:32px}.section-heading>p,.section-heading>div+div>p{font-size:.9375rem}.section-heading .eyebrow{font-size:.75rem}.service-grid{grid-template-columns:repeat(2,1fr);gap:18px}.service-card{padding:27px 24px 0}.service-kicker{min-height:unset}.service-card h3{font-size:1.45rem}.service-card>p:not(.service-kicker){font-size:1rem}.service-icon{margin-bottom:20px}.service-link{font-size:.875rem}.service-card ul{font-size:.875rem}.dashboard-section{padding-top:77px}.dashboard-heading{align-items:flex-start}.dashboard-heading h2{font-size:2.35rem}.dashboard-heading>div+div>p{font-size:.875rem}.dashboard-sidebar{display:none}.dashboard-content{padding:25px}.dashboard-caption{align-items:flex-start;gap:25px}.dashboard-caption>p:first-child{max-width:55%}.dashboard-caption>p:last-child{max-width:40%}.process-grid{gap:29px;margin-top:37px}.process-grid h3{font-size:1.15rem}.process-grid p{font-size:.9375rem}.plan-section{padding-block:77px}.plan-layout{grid-template-columns:1.35fr 1fr;gap:22px}.plan-option{flex-wrap:wrap;padding:19px 17px;gap:10px}.option-main{max-width:calc(100% - 39px);flex-basis:calc(100% - 39px)}.option-price{padding-left:32px;text-align:left;display:flex;align-items:baseline;gap:6px}.option-price>small{display:inline}.option-title{font-size:.9375rem}.plan-summary{padding:28px 22px}.plan-summary>h3{font-size:1.5rem}.plan-summary>.button{font-size:.8125rem;gap:6px}.summary-totals strong{font-size:2.7rem}.summary-totals small{font-size:.8125rem}.website-options{flex-direction:column;align-items:flex-start;gap:8px;padding-left:16px}.website-options select{max-width:100%;width:100%}.faq-section{grid-template-columns:1fr 1.2fr;gap:35px}.faq-section h2{font-size:2.15rem}.faq-list summary{font-size:.875rem;padding-block:20px}.final-cta{padding:35px 30px;gap:22px}.cta-mark{display:none}.final-cta h2{font-size:1.95rem}.white-button{min-width:139px}.final-cta .eyebrow{font-size:.75rem}.footer-top{gap:22px}.footer-bottom{font-size:.75rem;align-items:flex-start}.footer-bottom>span:nth-child(2){max-width:270px;text-align:center}}
@media(max-width:700px){html{scroll-padding-top:92px}.wrap{width:calc(100% - 40px)}.site-header{height:75px}.wordmark{font-size:1.95rem}.header-inner{gap:15px}.header-actions{gap:7px}.nav-plan{display:none}.header-actions .button{font-size:.8125rem;padding:10px 12px;gap:10px;min-height:40px}.menu-toggle{display:block}.mobile-nav{top:74px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:45px 26px;gap:30px;min-height:unset}.hero-copy{max-width:560px}h1{font-size:clamp(3.05rem,9.8vw,4.5rem);line-height:1.08;letter-spacing:-.061em}.hero .eyebrow{font-size:.75rem;letter-spacing:.065em;margin-bottom:20px}.hero-description{font-size:1.0625rem;line-height:1.75;max-width:460px;margin-top:20px}.hero-detail{font-size:.9375rem;line-height:1.75;max-width:420px;margin-top:12px}.hero-buttons{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;margin-top:23px}.hero-buttons .button{font-size:.8125rem;min-height:50px;gap:13px;padding-inline:15px}.hero-buttons .text-button{padding-inline:4px;gap:7px}.hero-reassurance{font-size:.75rem;gap:20px;margin-top:17px}.hero-stage{height:470px;max-width:560px;width:100%;margin:0 auto}.preview-web{width:54%;top:23px;left:4px}.browser-bar>span:nth-child(2){font-size:.75rem}.cafe-concept{height:253px}.cafe-title{font-size:2.3rem;top:95px}.concept-label{font-size:.75rem;padding:10px}.preview-dashboard{width:59%;top:83px;right:3px;padding:16px 14px 13px}.mini-chart{max-height:none}.mini-dash-heading{gap:4px}.mini-dash-heading>b{font-size:.75rem}.mini-dash-heading>span{font-size:.75rem}.mini-dash-stat strong{font-size:1.9rem}.mini-dash-stat{margin:20px 0 13px}.preview-social{width:34%;right:6px;bottom:3px}.social-image{height:178px}.social-image>span{font-size:.95rem;width:57%}.social-top{padding:7px 10px}.social-top b{font-size:.8125rem}.social-bottom{padding:8px 9px}.search-chip{left:7px;bottom:44px;width:59%;padding:14px 12px;gap:10px}.search-chip b{font-size:.75rem}.search-symbol{height:20px;width:20px}.stage-note{bottom:0;left:10px}.service-strip>.wrap{min-height:95px;display:flex;flex-direction:column;gap:10px;padding-block:17px}.service-strip>.wrap>span{max-width:none;font-size:.75rem}.service-strip>.wrap>span>b{display:inline}.service-strip>.wrap>div{width:100%;justify-content:space-between;gap:6px;font-size:.75rem;letter-spacing:-.025em}.service-strip i{font-size:.8125rem}.section{padding-block:66px}.section-heading{display:block;margin-bottom:29px}.section-heading>p,.section-heading>div+div{margin-top:19px}.section-heading>p,.section-heading>div+div>p{font-size:.9375rem}.section-heading>p br{display:none}.section-heading .eyebrow{font-size:.75rem;letter-spacing:.06em;margin-bottom:15px}h2{font-size:2.25rem;letter-spacing:-.052em}.service-grid{gap:14px}.service-card{padding:22px 18px 0}.service-icon{width:42px;height:42px;margin-bottom:19px}.service-kicker{font-size:.75rem;line-height:1.4;letter-spacing:0;min-height:34px}.service-card h3{font-size:1.25rem;margin-top:8px}.service-card>p:not(.service-kicker){font-size:.9375rem;line-height:1.7}.service-card ul{font-size:.8125rem;margin-block:17px 15px}.service-card li{padding-left:16px;margin-bottom:8px}.service-link{font-size:.8125rem;padding-block:17px;gap:9px;line-height:1.6}.service-link>span{flex-shrink:0}.dashboard-section{padding-block:63px 27px}.dashboard-heading h2{font-size:2.3rem}.dashboard-heading>div+div>p{font-size:.9375rem}.dashboard-heading>div+div>p br{display:none}.light-link{margin-top:12px}.dashboard-content{padding:20px 17px 15px}.dashboard-shell{border-radius:11px}.dashboard-top{align-items:flex-start;flex-direction:column;gap:14px}.dashboard-greeting{font-size:.75rem}.dashboard-top h3{font-size:1.4rem}.dashboard-controls{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;width:100%}.demo-badge{font-size:.75rem;padding:4px 7px}.dashboard-controls select{font-size:.75rem;min-height:36px;padding:7px 20px 7px 9px}.dashboard-tabs{margin:15px 0 18px;justify-content:space-between;gap:10px}.dashboard-tabs button{font-size:.75rem;padding-bottom:11px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:15px 13px}.metric-value{font-size:1.75rem}.metric>p{font-size:.8125rem;margin-bottom:9px}.metric-detail{font-size:.75rem;gap:4px;margin-top:8px}.dashboard-lower{grid-template-columns:1fr;gap:11px;margin-top:11px}.chart-card{padding:17px 13px 8px}.chart-container svg{max-height:220px;min-height:165px}.chart-heading{padding-inline:2px}.chart-heading h4{font-size:.8125rem}.attention-card{padding:18px}.attention-title{margin-bottom:11px}.attention-card>p:nth-of-type(1){font-size:1rem}.attention-card>p:nth-of-type(2){font-size:.875rem}.attention-card>div:last-child{margin-top:10px;padding-top:9px}.dashboard-foot{display:block;font-size:.75rem;margin-top:14px;line-height:1.8}.dashboard-foot>span{display:none}.dashboard-caption{display:block;font-size:.8125rem;margin-top:19px}.dashboard-caption>p:first-child,.dashboard-caption>p:last-child{max-width:none;text-align:left}.dashboard-caption>p:last-child{font-size:.75rem;margin-top:9px;color:#a1abc2}.process-section .section-heading>.button{margin-top:23px;font-size:.875rem}.process-grid{grid-template-columns:1fr;gap:31px;margin-top:35px}.step-number{margin-bottom:15px;gap:20px}.process-grid h3{max-width:none;font-size:1.2rem;margin-bottom:9px}.process-grid p{max-width:none;font-size:1rem}.plan-section{padding-block:62px}.plan-section .section-heading>div+div>p br{display:none}.pricing-demo-label{margin-top:9px;font-size:.75rem}.plan-layout{grid-template-columns:1fr;gap:26px}.plan-option{padding:22px 17px;gap:10px}.option-main{flex-basis:calc(100% - 39px)}.option-price{font-size:1rem}.option-description{font-size:.875rem}.option-title{font-size:.9375rem}.website-options{flex-direction:row;align-items:center;gap:15px;padding-block:13px}.website-options>label{font-size:.75rem}.website-options select{width:68%;font-size:.75rem}.plan-summary{position:static;padding:29px}.plan-summary>.eyebrow{font-size:.75rem}.plan-summary>h3{font-size:1.75rem}.selected-services{margin:20px 0 23px}.summary-totals{margin-bottom:22px;padding-block:21px}.summary-totals strong{font-size:3rem}.plan-summary>.button{font-size:.875rem;gap:20px}.summary-note{font-size:.75rem}.faq-section{display:block}.faq-section h2{font-size:2.25rem}.faq-section>div>p:not(.eyebrow){margin-top:18px}.faq-list{margin-top:31px}.faq-list summary{font-size:.9375rem;padding-block:21px;gap:23px}.faq-list details>p{font-size:.9375rem}.final-cta{padding:35px 28px;display:block;border-radius:14px}.final-cta .eyebrow{font-size:.75rem;letter-spacing:.05em;max-width:250px}.final-cta h2{font-size:2rem;line-height:1.2}.final-cta>.button{margin-top:25px;font-size:.875rem;min-height:50px;min-width:165px}.footer-top{display:grid;grid-template-columns:1fr;gap:26px;margin-bottom:32px;align-items:start}.footer-top>span{text-align:left;font-size:.8125rem}.footer-top>span>br{display:none}.footer-top>a{font-size:.9375rem}.footer-top .wordmark{font-size:2rem}footer{padding-top:47px}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:.75rem;padding-top:20px}.footer-bottom>span:nth-child(2){order:3;text-align:left;max-width:none;flex-basis:100%}.footer-bottom>a{margin-left:auto}.dialog-content{padding:38px 26px 30px}.dialog-content h2{font-size:2rem}.dialog-content>.eyebrow{font-size:.75rem;max-width:280px;padding-right:12px}.dialog-close{top:9px;right:9px}}
@media(max-width:430px){.wrap{width:calc(100% - 36px)}h1{font-size:clamp(2.65rem,9.7vw,3.1rem)}.hero .eyebrow{font-size:.75rem}.hero-description{font-size:1rem}.hero-buttons{gap:4px}.hero-buttons .button{font-size:.8125rem;padding-inline:12px;gap:8px}.hero-buttons .text-button{gap:6px;padding-inline:3px}.play-icon{width:23px;height:23px}.hero-stage{height:420px}.preview-web{width:59%;top:17px}.browser-bar>span:nth-child(2){font-size:.75rem}.browser-bar>span:first-child{font-size:.75rem;letter-spacing:0}.browser-bar{padding:8px;gap:6px}.browser-bar>span:last-child{display:none}.cafe-concept{height:214px}.cafe-title{font-size:1.95rem;top:76px;left:16px}.cafe-nav{left:16px;top:16px}.cafe-button{left:16px;bottom:19px;padding:6px 9px;font-size:.75rem}.concept-label{font-size:.75rem;gap:4px}.preview-dashboard{width:65%;top:99px;right:-1px;padding:15px 12px 12px}.mini-dash-heading{flex-wrap:wrap;gap:3px}.mini-dash-heading>b{font-size:.75rem}.mini-dash-heading>span{font-size:.75rem}.mini-dash-stat{margin:14px 0 9px;gap:5px}.mini-dash-stat strong{font-size:1.75rem}.mini-dash-stat .positive{font-size:.75rem;padding:2px 4px}.mini-dash-stat>div>span{font-size:.75rem}.mini-dash-bottom{font-size:.75rem;gap:4px}.mini-dash-bottom>span:first-child{display:none}.preview-social{width:37%;right:2px;bottom:-1px}.social-image{height:139px}.social-image>span{font-size:.875rem;left:8px;top:12px}.social-top b{font-size:.75rem}.social-top{padding:5px 7px}.social-bottom{padding:5px 8px}.search-chip{width:63%;bottom:43px;padding:11px 10px;left:-1px;gap:9px}.search-chip b{font-size:.75rem}.search-chip>div>span{font-size:.75rem;line-height:1.4}.search-symbol{width:17px;height:17px;border-width:1.7px;margin-right:3px}.stage-note{left:2px;bottom:1px;font-size:.75rem}.stage-note>span{font-size:1.1rem}.service-strip>.wrap>div{font-size:.75rem;gap:5px}.service-strip i{font-size:.75rem}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:27px 25px 0}.service-icon{margin-bottom:18px}.service-kicker{min-height:unset;font-size:.75rem}.service-card h3{font-size:1.5rem}.service-card>p:not(.service-kicker){font-size:1rem;max-width:none}.service-card ul{font-size:.875rem}.service-link{font-size:.875rem;padding-block:19px}.section-heading h2{font-size:2.1rem}.dashboard-heading h2{font-size:2.1rem}.dashboard-content{padding:19px 13px 14px}.dashboard-tabs{gap:5px}.dashboard-tabs button{font-size:.75rem}.metrics{gap:8px}.metric{padding:13px 11px}.metric>p{font-size:.75rem}.metric-value{font-size:1.55rem}.metric-detail{font-size:.75rem}.dashboard-controls select{font-size:.75rem}.demo-badge{font-size:.75rem}.website-options{flex-direction:column;align-items:flex-start;gap:9px}.website-options>label{font-size:.8125rem}.website-options select{width:100%;font-size:.8125rem}.plan-option{padding:20px 16px}.option-title{font-size:.9375rem}.option-description{font-size:.8125rem}.option-price{font-size:1rem}.plan-summary{padding:27px 23px}.final-cta{padding:33px 23px}.final-cta h2{font-size:1.85rem}.dialog-content{padding:39px 22px 28px}.dialog-content h2{font-size:1.85rem}}
.chart-scale{display:flex;gap:9px;height:160px}.chart-y{width:37px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding-block:0;color:#939bad;font-size:.75rem;line-height:1}.chart-plot{flex:1;min-width:0;height:160px}.chart-plot svg{height:100%;max-height:none;min-height:0;width:100%}.chart-x{display:flex;justify-content:space-between;margin-left:46px;margin-top:9px;gap:5px;color:#939bad;font-size:.75rem;padding-inline:2px}.chart-container{padding-top:4px}
.dashboard-tabs button{font-size:.875rem;white-space:normal;text-align:left}.metric>p{font-size:.875rem}.option-description{font-size:.875rem}form>label{font-size:.875rem}.service-card>p:not(.service-kicker){font-size:1rem}.hero-buttons .button,.plan-summary>.button,.header-actions .button{font-size:.875rem}.hero-detail{font-size:1rem}
@media(min-width:701px) and (max-width:960px){.menu-toggle{display:block}}
@media(max-width:430px){.hero-buttons{column-gap:8px}.hero-buttons>.button{padding-inline:11px}.hero-buttons>.text-button{padding-inline:2px}.dashboard-tabs button{font-size:.875rem;line-height:1.5;max-width:32%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.hero-price{display:flex;align-items:center;gap:25px;margin:24px 0 9px}.hero-price>div{display:flex;flex-direction:column}.hero-price strong{font-size:3.5rem;letter-spacing:-.065em;line-height:1.15}.hero-price strong small{font-size:1.25rem;letter-spacing:-.03em}.hero-price>div>span,.price-note{font-size:.875rem;color:var(--muted)}.hero-price>b{font-size:1.5rem;color:var(--muted)}

/* Clear starter pricing, with optional additions kept in the customer's control. */
:root{--soft-blue:#f0f3ff;--deep-blue:#243bd2;--line:#e0e4ef}
.eyebrow{font-size:.875rem;letter-spacing:.09em}.hero{padding-block:54px;min-height:680px;grid-template-columns:1.04fr 1fr}.hero h1{font-size:clamp(3.4rem,4.7vw,4.5rem);line-height:1.08;max-width:650px}.hero-description{margin-top:22px;max-width:460px;font-size:1.15rem;line-height:1.6}.hero .eyebrow{font-size:.8125rem}.hero-price{margin:24px 0 11px;gap:26px}.hero-price strong{font-size:3.8rem}.hero-price strong small{font-weight:650;font-size:1.4rem;margin-left:2px}.hero-price>div>span{margin-top:5px}.hero-buttons{flex-wrap:wrap;gap:12px;margin-top:25px}.hero-buttons .button{font-size:.9375rem}.hero-reassurance{font-size:.875rem;gap:16px}.hero-stage{min-width:0}.stage-note{font-size:.75rem}.service-strip>.wrap{gap:25px}.service-strip>.wrap>span{font-size:.9375rem}.service-strip>.wrap>div{font-size:.875rem;gap:12px}.header-inner{gap:22px}.desktop-nav{margin-left:0;gap:26px}.section-heading{gap:35px}.section-heading>p,.section-heading>div+div>p{font-size:1.0625rem;max-width:375px}.section-heading h2 span{color:var(--blue)}
.starter-section{padding-bottom:82px}.starter-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:55px;margin-top:42px}.starter-price-card{padding:30px;border:1px solid #cbd3ff;border-radius:18px;background:var(--soft-blue)}.included-pill{display:inline-block;background:var(--blue);color:white;border-radius:5px;padding:6px 10px;font-size:.75rem;letter-spacing:.07em;font-weight:750}.starter-price-card h3{font-size:1.7rem;margin:20px 0 22px;letter-spacing:-.04em}.starter-amount{font-weight:800;font-size:3.5rem;letter-spacing:-.06em;line-height:1.1}.starter-amount>span{display:block;letter-spacing:0;font-weight:500;font-size:.875rem;margin-top:6px}.starter-recurring{font-size:1.6rem;font-weight:750;margin-top:18px;letter-spacing:-.035em}.starter-recurring>span{font-size:1rem;font-weight:550;letter-spacing:0}.starter-price-card>p{color:var(--muted);font-size:.875rem;margin:4px 0 22px}.starter-price-card>.button{width:100%}.starter-only{display:block;text-align:center;font-size:.875rem;margin:17px auto 0}.starter-billing{border-top:1px solid #d4daf2;margin-top:25px;padding-top:20px;display:grid;gap:7px;font-size:.875rem}.starter-billing span{font-size:.875rem;color:var(--muted);line-height:1.5}.included-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 34px;padding-top:9px}.inclusion-number{display:inline-grid;place-items:center;background:#eff2ff;color:var(--blue);width:36px;height:36px;border-radius:50%;font-weight:700;font-size:.8125rem;margin-bottom:16px}.included-grid h3{font-size:1.22rem;letter-spacing:-.035em;line-height:1.35;margin-bottom:13px}.included-grid p{font-size:1rem;line-height:1.7;color:#535969}.scope-details{margin-top:38px;border-block:1px solid var(--line);font-size:1rem}.scope-details>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 0;list-style:none;cursor:pointer;font-weight:700}.scope-details>summary::-webkit-details-marker{display:none}.scope-details>summary>span{font-size:1.5rem;color:var(--blue)}.scope-details>div{padding:0 0 25px;display:grid;grid-template-columns:1fr 1fr;gap:22px 35px;color:var(--muted);line-height:1.75}.scope-details b{color:var(--ink)}
.plan-section{background:#f5f7fc;padding-block:90px}.all-prices{display:inline-block;margin-top:12px;font-size:.875rem;font-weight:650;color:#515a71}.new-plan-layout{grid-template-columns:minmax(0,1fr) 366px;gap:34px;align-items:start;margin-top:37px}.plan-options{min-width:0}.base-included{padding:20px 22px;border:1px solid #ccd5ef;border-radius:12px;background:#eaf0ff;display:flex;align-items:center;gap:15px;margin-bottom:30px}.base-included>span{width:28px;height:28px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;flex-shrink:0}.base-included b{font-size:.9375rem}.base-included p{font-size:.875rem;margin-top:4px;color:#515d77}.addon-fieldset{margin:0;padding:0;border:0;min-width:0}.addon-fieldset>legend:not(.sr-only){font-size:1.1rem;letter-spacing:-.025em;font-weight:750;margin:0 0 16px;padding:0}.addon-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.addon-card{border:1px solid var(--line);background:white;border-radius:14px;padding:22px;display:flex;flex-direction:column;min-width:0;transition:border-color .15s,box-shadow .15s}.addon-card.is-selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.addon-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:20px;flex-wrap:wrap}.addon-tag{font-size:.75rem;letter-spacing:.025em;font-weight:750;color:#687187}.addon-toggle{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:36px;cursor:pointer;padding:4px 0}.addon-toggle input{appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:pointer;border-radius:5px}.addon-check{display:grid;place-items:center;border:1px solid #c8cfdf;border-radius:6px;width:27px;height:27px;font-size:1.25rem;line-height:1;color:var(--blue)}.toggle-word{font-weight:700;font-size:.875rem}.addon-toggle input:checked+.addon-check{background:var(--blue);border-color:var(--blue);color:white;font-size:1rem}.addon-card h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.035em;margin-bottom:10px}.addon-outcome{font-size:1rem;color:#5c6374;line-height:1.65}.addon-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;margin:20px 0 17px;font-size:.875rem;color:#525d72}.addon-price>b{font-size:1.7rem;letter-spacing:-.04em;color:var(--ink)}.addon-card ul{list-style:none;padding:0;margin:0 0 20px;font-size:.9375rem;line-height:1.6;color:#424c62}.addon-card li{position:relative;padding-left:19px;margin-bottom:9px}.addon-card li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-size:.875rem;font-weight:700}.addon-details{border-top:1px solid #e8ebf2;margin-top:auto;padding-top:12px}.addon-details>summary{font-size:.875rem;font-weight:650;cursor:pointer;color:#485672;min-height:25px}.addon-details>p{font-size:.875rem;line-height:1.7;margin-top:12px;color:var(--muted)}.quantity-label{font-size:.875rem;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.quantity-label select{font-size:.875rem;border:1px solid #cbd2e3;border-radius:6px;background:#fff;padding:7px 9px;min-width:60px}.quantity-label select:disabled{background:#f4f5f8;color:#717787}.growth-extras{margin-top:24px;border:1px solid #d4dbee;border-radius:13px;background:#edf1fb}.growth-extras>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px;cursor:pointer}.growth-extras>summary::-webkit-details-marker{display:none}.growth-extras>summary b{font-size:1rem}.growth-extras>summary small{display:block;font-size:.875rem;color:#606a80;margin-top:4px}.expand-label{font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:12px;color:var(--blue);white-space:nowrap}.expand-label i{font-size:1.5rem;font-style:normal}.growth-extras[open] .expand-label i{transform:rotate(45deg)}.growth-extras>.addon-fieldset{padding:0 16px 16px}.fair-price-note{font-size:.9375rem;line-height:1.75;color:#565f73;margin:22px 0 15px}.fair-price-note b{color:#222a3d}.custom-scope-note{font-size:.9375rem;line-height:1.7;color:#606a80}.custom-scope-note .inline-button{font-size:inherit}
.package-summary{background:white;position:sticky;top:112px;padding:27px 25px;border:1px solid #d7deed;border-radius:16px;box-shadow:0 8px 35px #233f7210}.package-summary>.eyebrow{color:#68718b;font-size:.8125rem}.package-summary>h3{font-size:1.75rem;letter-spacing:-.045em;margin:13px 0 24px;line-height:1.22}.package-lines{max-height:280px;overflow-y:auto;overscroll-behavior:contain}.package-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-block:14px;border-bottom:1px solid #e8ebf2}.package-row:first-child{padding-top:0}.package-row b{font-weight:650;font-size:.875rem;line-height:1.6}.package-row div>span{display:block;font-size:.8125rem;color:#687185;margin-top:4px}.row-included{font-size:.75rem;color:#435274;padding:3px 7px;border-radius:4px;background:#edf2ff}.package-row button{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;font-size:1.45rem;line-height:1;border-radius:5px;color:#6b758a}.package-row button:hover{color:#192b86;background:#edf1ff}.package-totals{margin-top:19px}.package-totals>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:9px}.package-totals>div>span{font-size:.9375rem}.package-totals strong{font-size:1.75rem;letter-spacing:-.045em}.package-totals .monthly-line{align-items:baseline}.package-totals .monthly-line strong{font-size:2.65rem;letter-spacing:-.06em}.monthly-line p{white-space:nowrap}.monthly-line small{color:var(--muted);font-size:.9375rem;margin-left:4px}.package-totals .year-line{margin-top:9px;padding-top:17px;border-top:1px dashed #d1d9ea}.year-line b{font-size:1rem}.cost-explanation{font-size:.8125rem;line-height:1.6;color:#6a7285;margin:5px 0 22px}.package-summary>.button{width:100%;font-size:.9375rem;padding-inline:14px;gap:16px}.summary-note{font-size:.8125rem;line-height:1.6;margin-top:14px}.reset-plan{display:block;text-align:center;margin:14px auto 0;font-size:.875rem}.summary-care{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #e5eaf4;margin-top:20px;padding-top:17px;font-size:.8125rem;line-height:1.7;color:#586279}.summary-care>span{color:var(--blue)}.spend-notice{padding:13px;background:#fff4da;border:1px solid #ebdcb2;border-radius:7px;color:#615024;font-size:.875rem;line-height:1.7;margin-bottom:19px}.no-script{border:1px solid #bfcbea;padding:22px;margin-top:24px;line-height:1.7}
.examples-section{padding-bottom:72px}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:38px}.example-grid article{padding:30px;border-right:1px solid var(--line)}.example-grid article:last-child{border-right:0}.example-label{font-size:.875rem;color:var(--muted);display:block;margin-bottom:18px}.example-grid h3{font-size:1.35rem;letter-spacing:-.04em;margin-bottom:14px}.example-grid p{font-size:1rem;line-height:1.75;color:#5c6578;min-height:86px}.example-grid article>div{margin:23px 0 9px;font-size:.875rem;color:#667187}.example-grid article>div>b{font-size:1.75rem;letter-spacing:-.045em;color:var(--ink)}.example-grid article>div>span{display:block;color:var(--ink);font-weight:650;font-size:1rem;margin-top:4px}.example-grid small{font-size:.875rem;color:#6e7789}.example-grid button{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px;font-size:.9375rem;width:100%}.example-footnote{font-size:.875rem;color:#667085;margin-top:19px}.process-section{border-top:1px solid var(--line);padding-top:78px}.process-grid h3{font-size:1.25rem;line-height:1.35}.process-grid p{font-size:1rem}.ownership-note{margin-top:46px;padding:28px 30px;background:#eff3ff;border-radius:12px;display:flex;align-items:flex-start;gap:20px}.ownership-note>span{color:var(--blue);font-size:1.4rem}.ownership-note h3{font-size:1.15rem;margin-bottom:9px}.ownership-note p{font-size:1rem;line-height:1.75;color:#545f77;max-width:950px}.dashboard-section{padding-block:66px}.dashboard-heading h2{font-size:clamp(2.1rem,3.2vw,3.25rem)}.dashboard-heading>div+div{max-width:425px}.dashboard-heading>div+div>p{font-size:1rem;line-height:1.75;max-width:425px}.dashboard-demo{margin-top:35px}.dashboard-demo>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35;padding:20px 0;cursor:pointer;font-size:1rem;font-weight:650}.dashboard-demo>summary::-webkit-details-marker{display:none}.dashboard-demo>summary>span{font-size:1.75rem;font-weight:400}.dashboard-demo[open]>.dashboard-shell{margin-top:25px}.dashboard-caption>p:first-child,.dashboard-caption>p:last-child{font-size:.875rem;line-height:1.65}.dashboard-caption>p:last-child{max-width:510px}.faq-list details>p{font-size:1rem;line-height:1.75}.faq-list summary{font-size:1rem}.cta-price-note{font-size:.875rem;line-height:1.65;color:#e0e6ff;margin-top:16px}.final-cta h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.2}.final-cta .cta-mark{display:none}.final-cta{gap:26px}.final-cta>.button{flex-shrink:0}.form-note{font-size:.875rem;line-height:1.6}.dialog-content h2{font-size:2.25rem}.mobile-package{display:none}footer .footer-bottom{font-size:.8125rem}.dialog-content>form>label{font-size:.9375rem}.dialog-content input,.dialog-content textarea{font-size:1rem}.addon-toggle:has(input:focus-visible){outline:3px solid #6276ff;outline-offset:4px;border-radius:5px}details>summary:focus-visible{outline:3px solid #6276ff;outline-offset:4px}
@media(min-width:961px) and (max-height:850px){.package-summary{position:static}.package-lines{max-height:none}}
@media(max-width:1100px){.new-plan-layout{grid-template-columns:minmax(0,1fr) 330px;gap:24px}.addon-card{padding:18px}.starter-layout{grid-template-columns:310px minmax(0,1fr);gap:35px}.example-grid article{padding:24px}.hero h1{font-size:3.5rem}.hero-stage{height:520px}.desktop-nav{gap:18px}.desktop-nav a{font-size:.8125rem}}
@media(max-width:960px){.hero{grid-template-columns:1fr 1fr;gap:16px;min-height:620px}.hero h1{font-size:3.05rem}.hero-price{gap:20px}.hero-price strong{font-size:3.2rem}.hero-stage{height:470px}.hero-description{font-size:1rem}.hero .eyebrow{font-size:.75rem}.hero-reassurance{font-size:.8125rem}.starter-layout{grid-template-columns:285px minmax(0,1fr);gap:28px}.included-grid{gap:28px;grid-template-columns:1fr}.included-grid article{position:relative;padding-left:45px}.inclusion-number{position:absolute;left:0;top:0;width:30px;height:30px}.included-grid h3{font-size:1.1rem;margin-bottom:7px}.included-grid p{font-size:.9375rem}.new-plan-layout{grid-template-columns:1fr;gap:30px}.package-summary{position:static;max-width:none;padding:30px}.package-lines{max-height:none}.package-summary>h3 br{display:none}.package-summary>h3{font-size:1.6rem}.addon-card{padding:25px}.package-summary>.button{max-width:none}.summary-care{justify-content:center}.example-grid article{padding:22px}.example-grid h3{font-size:1.2rem}.example-grid p{min-height:112px}.scope-details>div{grid-template-columns:1fr;gap:20px}.section-heading>p{font-size:1rem}.service-strip>.wrap{flex-wrap:wrap;gap:12px}.final-cta{flex-wrap:wrap}.mobile-package{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px max(24px,env(safe-area-inset-left)) calc(13px + env(safe-area-inset-bottom));border-top:1px solid #d5ddf1;background:#fffffff5;backdrop-filter:blur(12px);z-index:21;box-shadow:0 -8px 26px #1933630a}.mobile-package>a:first-child{display:flex;flex-direction:column;line-height:1.5}.mobile-package small{font-size:.75rem;color:#657087}.mobile-package b{font-size:1.18rem;letter-spacing:-.025em}.mobile-package #mobile-total{font-size:.9375rem}.mobile-package .button{min-height:44px;font-size:.875rem;padding:10px 15px}body{padding-bottom:100px}.modal-open .mobile-package{visibility:hidden}.desktop-nav{display:none}}
@media(max-width:700px){.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:40px 30px;min-height:0;gap:10px}.hero h1{font-size:clamp(2.7rem,8vw,3.5rem);max-width:560px}.hero .eyebrow{font-size:.75rem;margin-bottom:21px}.hero-description{font-size:1.0625rem;max-width:475px}.hero-price{margin-top:23px;gap:24px}.hero-price strong{font-size:3.45rem}.hero-price strong small{font-size:1.25rem}.hero-price>div>span,.price-note{font-size:.8125rem;line-height:1.6}.hero-buttons{gap:10px;margin-top:23px}.hero-buttons>.button{font-size:.875rem;min-height:49px;padding:12px 16px;gap:8px}.hero-reassurance{font-size:.8125rem;gap:11px;margin-top:17px}.hero-stage{height:435px;width:100%;max-width:470px;margin:20px auto 5px}.stage-note{font-size:.75rem}.service-strip>.wrap{gap:12px;align-items:flex-start}.service-strip>.wrap>span{font-size:.875rem}.service-strip>.wrap>div{font-size:.8125rem;gap:9px}.section,.plan-section{padding-block:62px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:2.25rem}.section-heading>p,.section-heading>div+div>p{font-size:1rem;max-width:460px;margin-top:20px}.section-heading>div+div{margin-top:20px}.eyebrow{font-size:.8125rem}.starter-layout{grid-template-columns:1fr;gap:30px;margin-top:30px}.starter-price-card{padding:27px}.starter-price-card h3{font-size:1.6rem;margin-block:16px}.starter-amount{font-size:3.25rem}.starter-recurring{font-size:1.5rem}.starter-price-card>.button{min-height:51px}.included-grid{padding-top:0;gap:25px}.included-grid article{padding-left:48px}.included-grid h3{font-size:1.18rem}.included-grid p{font-size:1rem}.scope-details{margin-top:27px}.scope-details>summary{font-size:.9375rem}.scope-details>div{font-size:.9375rem}.new-plan-layout{gap:26px;margin-top:30px}.addon-grid{grid-template-columns:1fr;gap:14px}.addon-card{padding:23px}.addon-top{margin-bottom:16px}.addon-tag{font-size:.75rem}.addon-card h3{font-size:1.3rem}.addon-outcome{font-size:1rem}.addon-card ul{font-size:.9375rem}.addon-price{margin-block:16px}.base-included{padding:17px;gap:11px}.base-included b{font-size:.9375rem}.base-included p{font-size:.8125rem}.growth-extras>summary{padding:20px 17px;gap:14px;align-items:flex-start}.growth-extras>summary small{font-size:.8125rem}.expand-label{font-size:.8125rem;gap:6px}.growth-extras>.addon-fieldset{padding:0 10px 10px}.package-summary{padding:26px 23px}.package-summary>h3{font-size:1.6rem}.package-summary>.button{min-height:52px}.package-totals>div>span{font-size:.9375rem}.cost-explanation{font-size:.875rem}.package-row b{font-size:.9375rem}.package-row div>span{font-size:.875rem}.package-totals .monthly-line strong{font-size:2.7rem}.summary-note,.summary-care{font-size:.875rem}.summary-care{justify-content:flex-start}.example-grid{grid-template-columns:1fr;margin-top:30px}.example-grid article{padding:27px;border-right:0;border-bottom:1px solid var(--line)}.example-grid article:last-child{border-bottom:0}.example-grid h3{font-size:1.4rem}.example-grid p{min-height:0}.example-label{font-size:.875rem}.example-grid article>div>span{display:inline;margin-left:3px}.example-grid button{max-width:260px}.process-grid{gap:30px}.process-grid h3{font-size:1.25rem}.process-grid p{font-size:1rem}.ownership-note{margin-top:34px;padding:22px;gap:12px}.ownership-note p{font-size:.9375rem}.dashboard-section{padding-block:50px}.dashboard-caption>p:last-child{max-width:none}.dashboard-demo{margin-top:26px}.dashboard-heading h2{font-size:2.2rem}.dashboard-heading>div+div>p{font-size:1rem}.dashboard-demo>summary{font-size:.9375rem;gap:20px}.faq-section{padding-block:62px}.faq-list summary{font-size:1rem;line-height:1.6}.faq-list details>p{font-size:1rem}.final-cta{padding:30px 25px;display:block}.final-cta h2{font-size:2rem;line-height:1.2}.final-cta .eyebrow{font-size:.75rem}.cta-price-note{font-size:.8125rem}.final-cta>.button{margin-top:25px}.header-actions .button{font-size:.8125rem;min-height:42px;padding:9px 12px;gap:9px}.header-inner{gap:12px}.header-actions{gap:8px}.wordmark{font-size:2rem}.mobile-package{gap:12px;padding-inline:18px}.dialog-content h2{font-size:2rem}.form-note{font-size:.875rem}.footer-bottom{padding-bottom:0}}
@media(max-width:370px){.hero h1{font-size:2.6rem}.hero-price strong{font-size:3rem}.hero-price{gap:20px}.hero-price strong small{font-size:1.05rem}.header-inner .wordmark{font-size:1.75rem}.header-actions{gap:2px}.header-actions .button{font-size:.75rem;padding:9px}.header-actions .button>span{display:none}.menu-toggle{width:35px;padding:7px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .text-button{justify-content:center}.growth-extras>summary{flex-wrap:wrap}.example-grid article>div>span{display:block;margin-left:0}.mobile-package #mobile-total{font-size:.875rem}.mobile-package .button{font-size:.8125rem;padding-inline:12px}}
.proof-section{padding-block:84px 92px}.proof-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:35px}.proof-heading .eyebrow{color:#616572;margin-bottom:16px}.proof-heading h2 span{color:var(--blue)}.proof-heading>p{max-width:430px;color:var(--muted);font-size:1rem;line-height:1.75}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.customer-card{display:grid;grid-template-columns:44% 1fr;min-height:310px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.customer-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #18234d14;border-color:#cdd5f8}.customer-image{overflow:hidden;background:#ece4d8}.customer-image img{height:100%;object-fit:cover;object-position:62% 50%}.customer-copy{padding:32px 28px;display:flex;flex-direction:column}.customer-copy>span{font-size:.75rem;font-weight:750;letter-spacing:.08em;color:#67708a}.customer-copy h3{font-size:1.65rem;letter-spacing:-.045em;margin:13px 0 14px}.customer-copy p{font-size:.9375rem;line-height:1.7;color:#596174}.customer-copy b{margin-top:auto;padding-top:22px;color:var(--blue);font-size:.9rem}.customer-copy i{font-style:normal;margin-left:8px}.cleary-visual{display:flex;align-items:center;justify-content:center;gap:12px;background:#1c2326;color:#fff;padding:24px}.cleary-visual>span{display:grid;place-items:center;width:72px;height:72px;border:3px solid #efb22f;border-radius:50%;font-size:1.55rem;font-weight:800;color:#efb22f}.cleary-visual div{display:flex;flex-direction:column;line-height:1}.cleary-visual b{font-size:1.3rem;letter-spacing:.08em}.cleary-visual small{font-size:.7rem;letter-spacing:.13em;color:#efb22f;margin-top:7px}.trust-row{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:34px;padding-top:26px;font-size:.875rem;font-weight:650;color:#4e5668}
@media(max-width:1100px){.customer-card{grid-template-columns:40% 1fr}.customer-copy{padding:26px 22px}.cleary-visual{flex-direction:column}.desktop-nav{gap:15px}}
@media(max-width:820px){.proof-heading{display:block}.proof-heading>p{margin-top:20px}.customer-grid{grid-template-columns:1fr}.customer-card{grid-template-columns:38% 1fr}.cleary-visual{flex-direction:row}.trust-row{justify-content:flex-start}}
@media(max-width:560px){.proof-section{padding-block:62px}.customer-card{grid-template-columns:1fr}.customer-image,.cleary-visual{height:210px}.customer-copy{padding:25px 22px}.customer-copy h3{font-size:1.45rem}.customer-copy b{padding-top:18px}.trust-row{display:grid;grid-template-columns:1fr;gap:12px;margin-top:27px;padding-top:23px}}
.consent-check{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px;font-size:.8125rem!important;line-height:1.55!important}.consent-check input{width:18px!important;height:18px!important;min-height:0!important;margin-top:2px;flex:0 0 auto}.consent-check a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.desktop-nav a[aria-current="page"],.mobile-nav a[aria-current="page"]{color:var(--blue)}.page-hidden{display:none!important}.smart-builder{padding-block:72px 95px}.builder-intro{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:50px;margin-bottom:42px}.builder-intro .eyebrow{color:#616572;margin-bottom:18px}.builder-intro h1{font-size:clamp(2.7rem,4.2vw,4.2rem)}.builder-intro>p{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:480px}.builder-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:24px;align-items:start}.builder-controls{display:grid;gap:15px}.builder-step{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;min-width:0}.builder-step>legend{font-size:1rem;font-weight:750;padding:0 8px 0 0}.builder-step>legend>span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf1ff;color:var(--blue);font-size:.8125rem;margin-right:8px}.builder-step>label:not(.model-card){display:flex;flex-direction:column;gap:7px;font-size:.8125rem;font-weight:700;margin-top:17px}.builder-step>label input,.builder-step>label select{min-height:46px;border:1px solid #ccd2df;border-radius:8px;padding:10px 12px;background:#fff;font-size:.9375rem}.model-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.model-card{position:relative;cursor:pointer}.model-card>input{position:absolute;opacity:0;pointer-events:none}.model-card>span{display:flex;flex-direction:column;height:100%;border:1px solid #dfe2ea;border-radius:11px;padding:16px;transition:.2s}.model-card b{font-size:.9375rem}.model-card small{font-size:.8125rem;color:#646b7b;line-height:1.55;margin:7px 0 12px}.model-card em{margin-top:auto;font-style:normal;font-size:.8125rem;font-weight:750;color:var(--blue)}.model-card input:checked+span{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#f3f5ff}.model-card input:focus-visible+span{outline:3px solid #6276ff;outline-offset:3px}.builder-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.builder-feature-grid>label{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #e2e4eb;border-radius:9px;cursor:pointer}.builder-feature-grid input{margin-top:3px;width:17px;height:17px;flex:0 0 auto}.builder-feature-grid b{display:block;font-size:.875rem}.builder-feature-grid small{display:block;font-size:.75rem;color:#697080;line-height:1.5;margin-top:3px}.compact-step{display:flex;align-items:center;justify-content:space-between;gap:20px}.theme-options{display:flex;gap:10px}.theme-options label{cursor:pointer}.theme-options input{position:absolute;opacity:0}.theme-options span{display:block;width:34px;height:34px;border-radius:50%;border:4px solid white;box-shadow:0 0 0 1px #d8dce5}.theme-options input:checked+span{box-shadow:0 0 0 2px var(--blue)}.theme-blue{background:#244ee8}.theme-green{background:#256c54}.theme-orange{background:#d36927}.theme-black{background:#171923}.site-preview-panel{position:sticky;top:110px;border:1px solid #dce0ea;border-radius:18px;background:#f6f7fb;padding:17px;box-shadow:0 15px 45px #18234d12}.preview-label{display:flex;justify-content:space-between;align-items:center;padding:1px 3px 13px}.preview-label span{font-size:.75rem;font-weight:800;letter-spacing:.09em}.preview-label small{font-size:.75rem;color:#777e8e}.site-mock{--mock:#244ee8;--mock-soft:#eef2ff;background:white;border:1px solid #d9dde7;border-radius:12px;overflow:hidden;box-shadow:0 12px 35px #17214314}.site-mock[data-theme="green"]{--mock:#256c54;--mock-soft:#eaf6ef}.site-mock[data-theme="orange"]{--mock:#d36927;--mock-soft:#fff1e7}.site-mock[data-theme="black"]{--mock:#171923;--mock-soft:#eff0f2}.mock-browser{height:28px;background:#f3f4f7;border-bottom:1px solid #e2e4e9;display:flex;align-items:center;gap:5px;padding:0 10px}.mock-browser i{width:6px;height:6px;border-radius:50%;background:#c5c8d0}.mock-browser span{font-size:.58rem;color:#878b95;margin-left:8px}.mock-site-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px}.mock-site-nav>b{font-size:.68rem;letter-spacing:.06em}.mock-site-nav>div{display:flex;align-items:center;gap:12px;font-size:.58rem}.mock-site-nav strong{background:var(--mock);color:white;padding:6px 8px;border-radius:4px}.mock-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;background:var(--mock-soft);padding:26px 22px}.mock-hero small{font-size:.55rem;font-weight:800;letter-spacing:.09em;color:var(--mock)}.mock-hero h2{font-size:1.75rem;letter-spacing:-.05em;margin:8px 0}.mock-hero p{font-size:.7rem;line-height:1.55;max-width:265px;color:#555c6b}.mock-hero button,.mock-products button{background:var(--mock);color:white;border-radius:4px;font-size:.62rem;font-weight:700;padding:8px 11px;margin-top:12px}.mock-shape{min-height:155px;background:var(--mock);color:white;border-radius:9px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.mock-shape>span{align-self:flex-end;font-size:.65rem;border:1px solid #ffffff66;border-radius:50%;padding:4px 7px}.mock-shape>b{font-size:1rem;line-height:1.25}.mock-products{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:13px}.mock-products article{border:1px solid #e1e3e9;border-radius:7px;padding:10px;display:flex;flex-direction:column;min-width:0}.mock-products article>div{height:60px;display:grid;place-items:center;background:var(--mock-soft);color:var(--mock);font-size:.58rem;font-weight:800;margin-bottom:9px}.mock-products b{font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-stock{font-size:.57rem;color:#697080;margin-top:4px}.mock-products button{align-self:flex-start;margin-top:8px;padding:6px 8px}.builder-recommendation{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;background:white;border:1px solid #dfe2ea;border-radius:11px;padding:19px;margin-top:14px}.builder-recommendation>div:first-child{max-width:62%}.builder-recommendation span{font-size:.62rem;font-weight:800;letter-spacing:.08em;color:#697187}.builder-recommendation h3{font-size:1.25rem;margin:7px 0}.builder-recommendation p{font-size:.75rem;line-height:1.55;color:#626a7a}.builder-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.builder-price strong{font-size:1.8rem;line-height:1;letter-spacing:-.05em}.builder-price>span,.builder-price small{font-size:.68rem;color:#6b7281}.builder-price b{font-size:.85rem;margin-top:7px}.builder-continue{width:100%;margin-top:13px}.builder-caveat{font-size:.68rem;line-height:1.55;color:#707789;margin:10px 4px 0}
@media(max-width:1050px){.builder-shell{grid-template-columns:1fr}.site-preview-panel{position:static}.builder-intro{grid-template-columns:1fr}.builder-intro>p{margin-top:-20px}.site-mock{max-width:720px;margin:auto}}
@media(max-width:650px){.smart-builder{padding-block:48px 70px}.builder-intro{margin-bottom:28px}.builder-intro h1{font-size:2.65rem}.builder-intro>p{font-size:1rem;margin-top:-25px}.builder-step{padding:20px 16px}.model-options,.builder-feature-grid{grid-template-columns:1fr}.compact-step{display:block}.theme-options{margin-top:17px}.site-preview-panel{padding:10px}.mock-site-nav>div>span{display:none}.mock-hero{grid-template-columns:1fr}.mock-shape{display:none}.mock-products{overflow-x:auto;grid-template-columns:repeat(3,150px)}.builder-recommendation{display:block}.builder-recommendation>div:first-child{max-width:none}.builder-price{align-items:flex-start;text-align:left;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}}
@media print{.site-header,.hero-stage,.mobile-package,.hero-buttons,.header-actions,.addon-toggle,.package-row>button,.package-summary>.button,.reset-plan,.final-cta,.dialog-close{display:none!important}body{padding:0}.wrap{width:100%}.package-summary{position:static;box-shadow:none;break-inside:avoid}.addon-card,.example-grid article,.included-grid article,.customer-card{break-inside:avoid}.plan-section{background:white}}

/* ---------------------------------------------------------------------------
   Claritai fixes, appended after the handoff stylesheet so the original is
   untouched and this is easy to read, review or remove.

   1. The package builder overflowed the screen on a phone: 146px of sideways
      scroll at 390px wide. The one-column rule at 1050px was already there and
      correct, but a grid item's automatic minimum is its content's min-content
      width, so the column still resolved to 518px inside a 354px shell.
      min-width:0 lets the column shrink to the space it actually has.
--------------------------------------------------------------------------- */
@media(max-width:1050px){
  .builder-shell>*,
  .builder-controls,
  .builder-controls>*{min-width:0}
}

/* 2. The hero's website mock now shows a real customer site — RM Cleary
      Tarmacadam — instead of the invented FABLE cafe. The old .cafe-* rules
      drew fake nav, headline and button on top of a stock photo; a real
      screenshot brings its own, so the overlays are gone and the image simply
      fills the browser window. Anchored to the top so the nav and headline
      survive the crop at every width. */
.cleary-shot{position:relative;overflow:hidden;background:#0e1b3d;aspect-ratio:1340/751}
.cleary-shot img{display:block;width:100%;height:100%;object-fit:contain}

/* The browser card was sized for a tall photo. Now that it holds a real
   landscape screenshot it is shorter, so it gets more width to fill the stage
   and to make their homepage legible at this size. */
.preview-web{width:66%;top:54px}
@media(max-width:1180px){.preview-web{width:68%;top:58px}}
@media(max-width:1100px){.preview-web{width:70%;top:46px}}
@media(max-width:960px){.preview-web{width:74%;top:26px}}
@media(max-width:820px){.preview-web{width:66%;top:40px;left:4px}}
@media(max-width:650px){.preview-web{width:72%;top:30px}}

/* 3. Cookie consent bar. Sits at the bottom, does not block the page, and gives
      Accept and Decline the same visual weight — a Decline that is harder to
      find is not a real choice. */
.cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;display:flex;
  flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;
  max-width:1120px;margin-inline:auto;padding:16px 20px;background:#141a2e;color:#e8ebf5;
  border-radius:14px;box-shadow:0 18px 50px #0b122c40}
.cookie-bar p{font-size:.875rem;line-height:1.6;margin:0;max-width:62ch;color:#c8cfe0}
.cookie-bar a{color:#9fb0ff;text-underline-offset:3px}
.cookie-bar-actions{display:flex;gap:10px;flex-shrink:0}
.cookie-bar button{font:inherit;font-size:.8125rem;font-weight:700;cursor:pointer;
  padding:10px 20px;border-radius:8px;border:1px solid #47506d;background:transparent;
  color:#e8ebf5;transition:.15s}
.cookie-bar button:hover{border-color:#8b97bd;background:#ffffff12}
.cookie-bar button[data-consent="accepted"]{background:var(--blue);border-color:var(--blue);color:#fff}
.cookie-bar button[data-consent="accepted"]:hover{filter:brightness(1.12)}
.cookie-bar button:focus-visible{outline:3px solid #6276ff;outline-offset:2px}
@media(max-width:650px){
  .cookie-bar{left:12px;right:12px;bottom:12px;padding:15px 16px}
  .cookie-bar p{font-size:.8125rem}
  .cookie-bar-actions{width:100%}
  .cookie-bar button{flex:1}
}

/* 4. The Our work card carried an invented mark for RM Cleary — a gold roundel
      on charcoal, which is not their branding. This is their actual logo. It is
      drawn as navy on white, so the panel is a light tint rather than the dark
      one: their mark on a charcoal ground would need a reversed version they
      have not given us. The tint is cool rather than neutral so it sits beside
      MyBianca's warm photograph without both halves reading as the same card. */
.cleary-visual{background:#f2f5fb;padding:34px;border-right:1px solid var(--line)}
.cleary-visual img{width:100%;max-width:205px;height:auto}
@media(max-width:820px){
  .cleary-visual{border-right:0;border-bottom:1px solid var(--line);padding:30px}
  .cleary-visual img{max-width:190px}
}

/* 5. Custom dashboards and AI tools are a real part of what Claritai sells, but
      the only place the site mentioned them was a line of small print listing
      what the EUR39/month dashboard does NOT include. Same fact, stated as the
      offer it is, with a way to start the conversation. The button reuses the
      existing data-contact hook, so it opens the enquiry already filled in. */
.custom-work{margin-top:22px;padding-top:22px;border-top:1px solid #ffffff1f;
  display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:14px 34px}
.custom-work p{margin:0;max-width:62ch;font-size:.9375rem;line-height:1.7;color:#c3cade}
.custom-work b{color:#fff;font-weight:750}
.custom-work .inline-button{flex-shrink:0;margin-top:0;color:#fff;font-size:.9375rem}
.custom-work .inline-button:hover{color:var(--lime)}
@media(max-width:820px){.custom-work{display:block}.custom-work .inline-button{margin-top:12px}}

/* 6. Breathing room under the dashboard band.
      In the original single-page design the blue call-to-action always followed
      the FAQ, a normal section with 105px of padding below it, so it never
      needed a margin of its own. On the home page it now follows the dark
      dashboard band, and two full-width coloured blocks were meeting with no
      white space between them at all. */
#dashboard + .final-cta{margin-top:64px}
@media(max-width:820px){#dashboard + .final-cta{margin-top:46px}}
@media(max-width:650px){#dashboard + .final-cta{margin-top:38px}}

/* 7. A real three-page preview.
      The starter package is sold as "Home, Services and Contact", but the mock
      only ever rendered one page — and for a trade, professional or food
      business the product grid was hidden too, so the preview was a hero with
      nothing under it. The mock's own nav now switches between three pages, so
      the thing being sold is the thing being shown. */
.mock-nav-link{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;
  opacity:.55;transition:opacity .15s,color .15s}
.mock-nav-link:hover{opacity:.85}
.mock-nav-link[aria-current="true"]{opacity:1;font-weight:750;color:var(--mock)}
.mock-nav-link:focus-visible{outline:2px solid var(--mock);outline-offset:2px;border-radius:2px}
.mock-page[hidden]{display:none}
.mock-inner{padding:26px 22px}
.mock-inner small{display:block;font-size:.55rem;font-weight:800;letter-spacing:.09em;color:var(--mock)}
.mock-inner h3{font-size:1.3rem;letter-spacing:-.04em;margin:7px 0 14px;line-height:1.15}
.mock-list{display:grid;gap:8px}
.mock-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;
  border:1px solid #e1e3e9;border-radius:7px;padding:11px 12px;background:#fff}
.mock-list b{font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-list span{font-size:.57rem;font-weight:700;color:var(--mock);flex-shrink:0}
.mock-contact{display:grid;grid-template-columns:1fr .85fr;gap:20px;align-items:start}
.mock-contact ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.mock-contact li{font-size:.6rem;color:#555c6b;display:flex;gap:7px;min-width:0}
.mock-contact li b{color:#1a1d24;font-weight:750;flex:0 0 34px}
.mock-contact li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mock-form{background:var(--mock-soft);border-radius:9px;padding:13px;display:grid;gap:7px}
.mock-field{display:block;height:15px;border-radius:3px;background:#fff;border:1px solid #dfe2ea}
.mock-field.tall{height:36px}
.mock-form button{background:var(--mock);color:#fff;border-radius:4px;font-size:.62rem;
  font-weight:700;padding:7px 10px;justify-self:start;margin-top:2px}
@media(max-width:650px){
  .mock-inner{padding:20px 16px}
  .mock-inner h3{font-size:1.15rem}
  .mock-contact{grid-template-columns:1fr;gap:14px}
}

/* A service business's Home page was a hero with nothing beneath it, because the
   product grid is hidden for trades and professionals. A home page needs
   something under the fold, so the same three items appear there as a compact
   strip — the grid stays for the businesses that actually sell products. */
.mock-home-list{padding-top:0}
.mock-home-list[hidden]{display:none}

/* 8. Three pages led with an H2 because the design's only H1s were in the hero
      and the configurator, neither of which those pages show. Promoted to H1
      for search engines and screen readers; this keeps the H2 appearance so
      nothing moves. Mirrors both h2 rules in the stylesheet above. */
h1.page-title{font-size:clamp(2.1rem,3.5vw,3.125rem);font-weight:750;letter-spacing:-.047em;line-height:1.12}
@media(max-width:700px){h1.page-title{font-size:2.25rem;letter-spacing:-.052em}}

/* 9. The 404 page. Render served a bare black "Not Found" before this. */
.notfound-links{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin:4px 0 40px}
.legal .notfound-links+h2{font-size:1.1rem;font-weight:750;margin-top:0;padding-top:0;border-top:0}
.legal ul li a{font-weight:650}

/* Our work: Curragha Motors / DealerFlow card. Same layout as the other client cards, dark logo panel. */
.dealerflow-visual{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#2b2523,#141110);padding:34px 16px}
.dealerflow-visual img{width:100%;max-width:230px;height:auto}
.customer-stats{list-style:none;display:flex;gap:24px;margin:16px 0 0;padding:0}
.customer-stats li{font-size:.8rem;color:#596174}
.customer-stats strong{display:block;font-size:1.25rem;letter-spacing:-.03em;line-height:1.2;color:inherit}
@media(max-width:820px){.dealerflow-visual{padding:24px 16px}.dealerflow-visual img{max-width:200px}}
@media(max-width:560px){.dealerflow-visual{height:210px}}

/* A customer card that isn't a link: no hover lift, so it doesn't read as clickable. */
.customer-card.static-card:hover{transform:none;box-shadow:none;border-color:var(--line)}

/* ====================================================================
   Products menu in the header
   One dropdown for the things we sell as products, as distinct from the
   website packages. Desktop only: below 960px the desktop nav is hidden
   altogether, and the mobile menu lists the same links flat — a far better
   tap target than a nested menu. Behaviour lives in nav.js, deliberately
   kept out of app.js, which assumes the full page skeleton and throws
   without it. The nav must not depend on that.
   ==================================================================== */
.nav-products{position:relative;display:flex;align-items:center}
.nav-products-toggle{display:flex;align-items:center;gap:7px;font:inherit;font-size:.875rem;font-weight:650;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.nav-products-toggle:hover{color:var(--blue)}
.nav-products-toggle .chev{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}
.nav-products.open .nav-products-toggle{color:var(--blue)}
.nav-products.open .nav-products-toggle .chev{transform:translateY(1px) rotate(225deg)}
.nav-products-menu{position:absolute;top:calc(100% + 19px);left:50%;transform:translateX(-50%);min-width:290px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px #151a2018;padding:8px;z-index:30}
.nav-products-menu a{display:block;padding:11px 13px;border-radius:9px}
.nav-products-menu a:hover,.nav-products-menu a:focus-visible{background:var(--pale)}
.nav-products-menu .pm-name{display:block;font-size:.875rem;font-weight:700;color:var(--ink)}
.nav-products-menu a:hover .pm-name,.nav-products-menu a:focus-visible .pm-name{color:var(--blue)}
.nav-products-menu .pm-sub{display:block;font-size:.75rem;font-weight:600;color:var(--muted);margin-top:3px}
.pm-soon{display:inline-block;margin-left:7px;padding:1px 7px;border-radius:999px;background:var(--pale);border:1px solid var(--line);font-size:.625rem;font-weight:750;letter-spacing:.06em;color:var(--muted);vertical-align:1px}
/* The mobile menu gets a labelled group instead of a dropdown. */
.mobile-nav-label{display:block;margin-top:9px;padding:13px 0 3px;border-top:1px solid var(--line);font-size:.6875rem;font-weight:750;letter-spacing:.1em;color:var(--muted)}

/* ====================================================================
   Cargo Command
   Reuses the shared primitives — .section, .wrap, .section-heading,
   .eyebrow, .page-title, .step-number, .ownership-note, .final-cta — so
   the page inherits the site's rhythm rather than inventing a second one.
   Only the layouts that have no existing equivalent are defined here.
   ==================================================================== */
.cc-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:-16px}
.cc-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px;padding-top:34px;border-top:1px solid var(--line);list-style:none}
.cc-facts li{display:flex;flex-direction:column;gap:5px}
.cc-facts strong{font-size:2.25rem;font-weight:800;letter-spacing:-.04em;color:var(--blue);line-height:1}
.cc-facts span{font-size:.8125rem;font-weight:650;color:var(--muted)}

.cc-hub-body{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:start}
.cc-hub-body>p{font-size:1.0625rem;line-height:1.72}
.cc-ticks{list-style:none;display:flex;flex-direction:column;gap:15px}
.cc-ticks li{display:flex;gap:13px;align-items:flex-start;font-weight:650;line-height:1.55}
.cc-ticks span{flex:none;width:21px;height:21px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:.6875rem;margin-top:2px}

.cc-compare{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.cc-compare article{padding:34px 34px 38px;border-radius:var(--radius);border:1px solid var(--line)}
.cc-compare h3{font-size:1.0625rem;margin-bottom:22px}
.cc-compare ul{list-style:none;display:flex;flex-direction:column;gap:14px}
.cc-compare li{position:relative;padding-left:26px;font-size:.9375rem;line-height:1.6;color:var(--muted)}
.cc-compare li::before{position:absolute;left:0;top:0;font-weight:750}
.cc-before{background:#fbfbfd}
.cc-before li::before{content:"\00d7";color:#9aa0b4;font-size:1.0625rem;line-height:1.35}
.cc-after{background:#f3f6ff;border-color:#d9e1ff}
.cc-after li::before{content:"\2713";color:var(--blue);font-size:.8125rem;line-height:1.85}
.cc-after li{color:var(--ink)}

.cc-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cc-modules article{padding:30px 28px 32px;border-radius:var(--radius);border:1px solid var(--line);background:#fff}
.cc-modules h3{font-size:1rem;margin-bottom:10px}
.cc-modules p{font-size:.9375rem;line-height:1.62;color:var(--muted)}
.cc-module-lead{grid-column:span 3;background:var(--ink)!important;border-color:var(--ink)!important;color:#fff}
.cc-module-lead h3{color:#fff;font-size:1.3125rem}
.cc-module-lead p{color:#c9ccd8;max-width:68ch}
.cc-tag{display:inline-block;margin-bottom:14px;padding:4px 11px;border-radius:999px;background:#ffffff1f;font-size:.6875rem;font-weight:750;letter-spacing:.07em;color:var(--lime)}

.cc-reads{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:34px}
.cc-reads li{padding:20px 22px;border-radius:12px;background:var(--pale);display:flex;flex-direction:column;gap:6px}
.cc-reads strong{font-size:.875rem}
.cc-reads span{font-size:.8125rem;line-height:1.55;color:var(--muted)}
.cc-agent{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cc-agent article{padding:28px 26px 30px;border-radius:var(--radius);border:1px solid var(--line)}
.cc-agent h3{font-size:1rem;margin-bottom:9px}
.cc-agent p{font-size:.9375rem;line-height:1.62;color:var(--muted)}

.cc-trust,.cc-partner{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.cc-trust article,.cc-partner article{padding-top:22px;border-top:2px solid var(--ink)}
.cc-trust h3,.cc-partner h3{font-size:1rem;margin-bottom:9px}
.cc-trust p,.cc-partner p{font-size:.9375rem;line-height:1.62;color:var(--muted)}

.cc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.cc-steps h3{font-size:1.0625rem;margin:14px 0 10px}
.cc-steps p{font-size:.9375rem;line-height:1.62;color:var(--muted)}

/* Coming soon — Dealer Flow and anything else parked behind a stub. */
.cc-soon{text-align:center;padding-block:40px}
.cc-soon .page-title{margin-bottom:20px}
.cc-soon-lede{max-width:54ch;margin:0 auto 34px;font-size:1.0625rem;line-height:1.72;color:var(--muted)}
.cc-soon-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

@media(max-width:1100px){
  .cc-modules,.cc-agent{grid-template-columns:repeat(2,1fr)}
  .cc-module-lead{grid-column:span 2}
  .cc-trust,.cc-partner,.cc-steps{grid-template-columns:repeat(2,1fr);gap:34px}
  .cc-reads{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:960px){
  .cc-hub-body{grid-template-columns:1fr;gap:34px}
  .cc-facts{gap:16px}
  .cc-facts strong{font-size:1.875rem}
}
@media(max-width:820px){
  .cc-compare{grid-template-columns:1fr;gap:18px}
  .cc-compare article{padding:28px 26px 30px}
}
@media(max-width:650px){
  .cc-modules,.cc-agent,.cc-trust,.cc-partner,.cc-steps,.cc-reads{grid-template-columns:1fr;gap:20px}
  .cc-module-lead{grid-column:span 1}
  .cc-facts{grid-template-columns:repeat(2,1fr);row-gap:26px}
  .cc-actions .button{width:100%;justify-content:center}
  .cc-soon-actions .button{width:100%;justify-content:center}
}

/* Product screenshots. They arrive already framed in browser chrome, so this
   adds only a hairline and a lift — a second frame around a frame reads as a
   mistake. Every one carries explicit width/height so the page does not jump
   as they load, and a caption saying what the screen actually is. */
.cc-shot{margin-top:50px}
.cc-shot img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:0 22px 52px #151a2016}
.cc-shot figcaption{margin-top:15px;font-size:.8125rem;font-weight:600;color:var(--muted);text-align:center}
.cc-intro .cc-shot{margin-top:46px}
.cc-intro .cc-facts{margin-top:46px}
@media(max-width:650px){
  .cc-shot{margin-top:32px}
  .cc-shot img{border-radius:10px}
  .cc-shot figcaption{text-align:left;margin-top:12px}
}

/* ---------------------------------------------------------------------------
   DealerFlow product page and the blog. Appended, as with every other
   addition, so the designer's original stylesheet is never edited. Everything
   here reuses the existing tokens and type scale; these rules only cover the
   layout the original stylesheet had no component for.
   --------------------------------------------------------------------------- */

.product-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px}
.product-stats{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:44px 0 0;padding:28px 0 0;border-top:1px solid var(--line)}
.product-stats strong{display:block;font-size:2.6rem;letter-spacing:-.045em;line-height:1.05}
.product-stats span{display:block;margin-top:6px;font-size:.875rem;color:#596174}
.product-problem .service-card,.product-fit .service-card{padding-bottom:24px}
.product-story-body{max-width:760px}
.product-story-body p{font-size:1.0625rem;line-height:1.8;color:#596174;margin-bottom:18px}
.product-fit-note{margin-top:28px;font-size:.9375rem;line-height:1.7;color:#596174;max-width:720px}

.blog-list{display:grid;gap:18px;margin-top:36px}
.blog-card{display:block;border:1px solid var(--line);border-radius:18px;padding:30px 28px;background:#fff;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s,border-color .25s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #18234d14;border-color:#cdd5f8}
.blog-card .eyebrow{margin-bottom:12px}
.blog-card h2{font-size:1.6rem;letter-spacing:-.04em;margin-bottom:12px}
.blog-card p{font-size:.9375rem;line-height:1.75;color:#596174;max-width:640px}
.blog-card b{display:inline-block;margin-top:18px;color:var(--blue);font-size:.9rem}
.blog-meta{font-size:.8125rem;color:#67708a;letter-spacing:.02em}

.post{max-width:720px}
.post .blog-meta{margin-bottom:22px}
.post h2{font-size:1.65rem;letter-spacing:-.04em;margin:38px 0 14px}
.post h3{font-size:1.15rem;margin:26px 0 10px}
.post p{font-size:1.0625rem;line-height:1.8;color:#3d4454;margin-bottom:18px}
.post ul{margin:0 0 20px;padding-left:20px}
.post li{font-size:1.0625rem;line-height:1.8;color:#3d4454;margin-bottom:8px}
.post .post-lede{font-size:1.1875rem;line-height:1.75;color:#1a2336}
.post-cta{margin-top:44px;padding:28px;border:1px solid var(--line);border-radius:16px;background:#f7f9ff}
.post-cta p{margin-bottom:16px;font-size:1rem}
.post .post-back{margin-top:32px}

@media(max-width:820px){
  .product-stats{grid-template-columns:1fr;gap:22px}
  .product-stats strong{font-size:2.2rem}
  .blog-card{padding:24px 20px}
  .blog-card h2{font-size:1.35rem}
  .post h2{font-size:1.4rem}
  .post p,.post li{font-size:1rem}
}

/* Screenshots on the DealerFlow page. Same treatment as the Cargo Command
   shots: the images already carry browser chrome, so this adds only a hairline
   and a lift. Dimensions are set on the img so the page does not jump. */
.product-shot{margin-top:50px}
.product-shot img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:0 22px 52px #151a2016}
.product-shot figcaption{margin-top:15px;font-size:.8125rem;font-weight:600;color:var(--muted);text-align:center}
@media(max-width:650px){
  .product-shot{margin-top:32px}
  .product-shot img{border-radius:10px}
  .product-shot figcaption{text-align:left;margin-top:12px}
}