/* Serene Ops. Shared desktop and mobile design. No build required. */
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400 600;font-display:swap;src:url('fonts/source-sans-3-latin.woff2') format('woff2')}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/source-serif-4-latin.woff2') format('woff2')}
:root{color-scheme:light dark;--cloud-dancer:#F0EEE9;--chalk-blue:#C9D6D3;--chalk-band:#C9D6D3;--pumice:#CBC0B6;--paper:#FAF9F6;--ink:#4C484F;--ink-muted:#656069;--ink-deep:#3A373D;--rule:#C9C4BF;--blue-atoll:#00B4D2;--blue-atoll-hover:#00A2BD;--on-action:#04262C;--dark-ground:#3A373D;--on-dark:#F0EEE9;--on-dark-muted:#D1CED1;--on-dark-rule:#68656A;--shell:1344px;--shell-narrow:920px;--gutter:48px;--band-y:88px;--ease:cubic-bezier(.22,1,.36,1);--t:180ms ease}
*,*::before,*::after{box-sizing:border-box;letter-spacing:0}
html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cloud-dancer);color:var(--ink);font:400 19px/1.65 'Source Sans 3',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%;height:auto}
h1,h2,h3,h4{margin:0;font-family:'Source Serif 4',Georgia,serif;font-weight:400;line-height:1.13;color:var(--ink-deep);text-wrap:balance}
h1{font-size:64px;line-height:1.04}h2{font-size:44px}h3{font-size:25px}
p{margin:0;max-width:62ch;text-wrap:pretty}ul,ol{list-style:none;margin:0;padding:0}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px;text-decoration-color:var(--rule)}
a:hover{text-decoration-color:currentColor}button,input,select,textarea{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}
strong,b{font-weight:600}[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--ink-deep);outline-offset:5px}
.band-dark :focus-visible,.ftr :focus-visible{outline-color:var(--on-dark)}
::selection{background:var(--chalk-blue);color:var(--ink-deep)}
.shell{width:100%;max-width:var(--shell);padding-inline:var(--gutter);margin-inline:auto}.shell--narrow{max-width:var(--shell-narrow)}
.band{padding-block:var(--band-y)}.band--tight{padding-block:48px}.band--air{padding-block:96px}
.band-chalk{background:var(--chalk-blue);--ink-muted:#4C484F;--rule:#9CACA8}
.band-dark,.ftr{background:var(--dark-ground);color:var(--on-dark);--ink:var(--on-dark);--ink-deep:var(--on-dark);--ink-muted:var(--on-dark-muted);--rule:var(--on-dark-rule)}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.5;font-weight:600;color:var(--ink-muted)}
.eyebrow::before{content:'';display:block;width:24px;height:1px;background:currentColor}
.eyebrow+h1,.eyebrow+h2{margin-top:20px}.lede{font-size:23px;line-height:1.5;color:inherit}.muted{color:var(--ink-muted)}.small{font-size:15px;line-height:1.6}
.num{font-family:'Source Serif 4',Georgia,serif;font-variant-numeric:tabular-nums;color:var(--ink-muted);font-size:17px}
.stack{display:flex;flex-direction:column}.hr{border:0;border-top:1px solid var(--rule)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:16px;top:-100px;padding:12px 20px;z-index:1000;background:var(--ink-deep);color:var(--cloud-dancer)}.skip:focus{top:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:14px 22px;font-size:16px;font-weight:600;line-height:1.35;border:1px solid transparent;border-radius:2px;text-decoration:none;transition:background-color var(--t),border-color var(--t),color var(--t)}
.btn--primary{color:var(--on-action);background:var(--blue-atoll);border-color:var(--blue-atoll)}.btn--primary:hover{background:var(--blue-atoll-hover);border-color:var(--blue-atoll-hover);color:var(--on-action)}
.btn--ghost{border-color:var(--rule);background:transparent;color:var(--ink)}.btn--ghost:hover{border-color:var(--ink)}
.btn .ar,.textlink span,.arrowlink>span:last-child{transition:transform 220ms var(--ease)}.btn:hover .ar,.arrowlink:hover>span:last-child{transform:translateX(3px)}
.btn-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px}.textlink,.arrowlink{display:inline-flex;gap:16px;align-items:center;min-height:44px;font-size:16px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--rule);width:fit-content;max-width:100%}
.textlink{border-bottom:0}.textlink:hover span{transform:translateY(3px)}
.icon-button,.cbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--rule);border-radius:2px;color:inherit;background:transparent;flex-shrink:0;transition:background-color var(--t)}
.icon-button:hover,.cbtn:hover{background:var(--chalk-blue);color:var(--ink-deep)}.icon-button svg,.cbtn svg{width:18px;height:18px}
[data-icon] svg{width:20px;height:20px;stroke-width:1.5}
/* Navigation stays complete on laptop and desktop widths. */
.hdr{position:sticky;top:0;z-index:100;background:var(--cloud-dancer);border-bottom:1px solid var(--rule)}
.hdr__in{max-width:var(--shell);padding-inline:var(--gutter);margin:auto;min-height:88px;display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none}.brand__mark{position:relative;display:block;width:26px;height:48px;flex-shrink:0}.brand__mark img{position:absolute;width:100%;height:100%;object-fit:contain}.brand__name{font-size:16px;font-weight:600}
.nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:15px}.nav a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.nav>a:not(.btn):hover,.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.hdr .btn--primary{color:var(--on-action)}.nav .btn{font-size:15px;padding:12px 18px;min-height:46px}
.nav__grp{position:relative}.nav__grp>a{gap:7px}.caret{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.menu{position:absolute;top:100%;left:-16px;width:330px;padding:8px;background:var(--paper);border:1px solid var(--rule);display:grid;visibility:hidden;opacity:0;transform:translateY(5px);transition:opacity var(--t),transform var(--t),visibility var(--t)}
.nav__grp:hover .menu,.nav__grp:focus-within .menu,.nav__grp.is-open .menu{visibility:visible;opacity:1;transform:none}.nav__grp.is-shut .menu{visibility:hidden;opacity:0}
.menu a{display:flex;gap:14px;padding:8px 12px;font-size:16px}.menu a:hover{background:var(--chalk-blue)}.menu .num{font-size:14px}.menu__all{border-top:1px solid var(--rule);margin-top:8px}.hdr__cta,.navtoggle,.mobilenav{display:none}
/* Homepage: the mark and sample work are real HTML and tiny local PNGs. */
.hero{padding:64px 0 0;overflow:clip}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 40px;align-items:center}.hero__copy{padding-bottom:12px}.hero h1{font-size:76px;line-height:1.04;margin-top:24px}.hero h1 .calm{display:block;color:var(--ink-muted)}
.hero__lede{font-size:24px;line-height:1.4;margin-top:26px;color:var(--ink-deep);max-width:36ch}.hero__body{font-size:18px;line-height:1.6;margin-top:18px;max-width:47ch;color:var(--ink-muted)}.hero .btn-row{margin-top:28px}.hero__note{font-size:14px;margin-top:16px;color:var(--ink-muted)}
.hero-assurance{grid-column:1/-1;display:flex;gap:48px;border-top:1px solid var(--rule);padding:22px 0;margin-top:12px;font-size:15px}.hero-assurance li{display:flex;align-items:center;gap:10px}.hero-assurance svg{color:var(--ink-muted);width:18px;height:18px}
.desk-scene{margin:0;min-width:0;position:relative;align-self:center}.desk-scene__heading{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--ink-muted);padding-bottom:16px;border-bottom:1px solid var(--rule)}.scene-status{display:flex;align-items:center;gap:7px;white-space:nowrap}.scene-status::before{content:'';width:5px;height:5px;background:var(--ink);border-radius:50%}
.desk-stage{position:relative;height:472px;isolation:isolate}.desk-grid{position:absolute;inset:34px 6px;display:flex;justify-content:space-between;z-index:-2;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);opacity:.65}.desk-grid span{height:100%;width:1px;background:var(--rule)}
.desk-brand{position:absolute;left:42%;top:32%;width:82px;height:152px;opacity:.17;z-index:-1}.desk-brand img{position:absolute;width:100%;height:100%;object-fit:contain}.desk-brand__blue{opacity:.9}
.task-ticket{position:absolute;background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:16px 18px;color:var(--ink);will-change:auto;transition:transform 850ms var(--ease)}
.ticket--contract{left:0;top:36px;width:61%;z-index:3;transform:translate(var(--dx,0px),var(--dy,0px))}.ticket--lead{right:0;top:187px;width:53%;z-index:4;transform:translate(calc(var(--dx,0px)*-.65),calc(var(--dy,0px)*-.65))}.ticket--listing{left:5%;top:309px;width:58%;z-index:5;transform:translate(calc(var(--dx,0px)*.7),calc(var(--dy,0px)*.7))}
.ticket-head{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--ink-muted);line-height:1.3}.ticket-head svg{width:15px;height:15px}.ticket-number{margin-left:auto;font-variant-numeric:tabular-nums}.ticket-title{font-family:'Source Serif 4',Georgia,serif;font-size:22px;line-height:1.25;margin-top:15px;color:var(--ink-deep)}.ticket-detail{font-size:12px;margin-top:6px}.ticket-row{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:12px;padding:8px 0;border-bottom:1px solid var(--rule)}.ticket-title+.ticket-row{margin-top:10px}.task-check{display:inline-block;width:13px;height:13px;border:1px solid var(--ink-muted);position:relative;flex-shrink:0}.task-check::after{content:'';display:block;position:absolute;left:3px;top:0;width:5px;height:8px;border-bottom:1.5px solid var(--ink);border-right:1.5px solid var(--ink);transform:rotate(45deg)}
.ticket-bottom{position:relative;border-top:1px solid var(--rule);margin-top:12px;padding-top:9px;font-size:11px;min-height:26px}.ticket--contract .ticket-bottom{border:0;margin-top:0}.task-before{position:absolute;opacity:0}.task-after{display:flex;justify-content:space-between;align-items:center;font-weight:600}.task-after span{font-size:14px}
.desk-receipt{position:absolute;right:4px;bottom:0;display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.45}.receipt-check{display:grid;place-items:center;width:24px;height:24px;background:var(--chalk-blue);border-radius:50%}.receipt-check svg{width:14px;height:14px}.desk-scene figcaption{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--ink-muted);margin-top:14px;min-height:44px}.scene-replay{border:0}
.is-running .ticket--contract:not(.is-handled){transform:translate(-8px,8px) rotate(-4deg)}.is-running .ticket--lead:not(.is-handled){transform:translate(7px,-10px) rotate(5deg)}.is-running .ticket--listing:not(.is-handled){transform:translate(-7px,9px) rotate(-3deg)}.is-running .task-ticket:not(.is-handled) .task-after,.is-running .task-ticket:not(.is-handled) .task-check::after{opacity:0}.is-running .task-ticket:not(.is-handled) .task-before{opacity:1}.is-running .desk-receipt{opacity:0;transform:translateY(6px)}.desk-receipt,.task-before,.task-after,.task-check::after{transition:opacity 240ms ease,transform 400ms var(--ease)}
.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:72px}.split-heading h2{max-width:18ch}.painlist{border-top:1px solid var(--rule)}.painlist li{padding:15px 0;border-bottom:1px solid var(--rule);display:flex;gap:18px;align-items:baseline;font-size:18px}.painlist .num{font-size:13px}.paincore{margin-top:26px;font-size:17px;line-height:1.6}
.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end;margin-bottom:40px}.section-heading>p{font-size:18px;color:var(--ink-muted);max-width:43ch}.section-link{margin-top:28px}
.service-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px}.service-aside{padding-top:10px;position:relative;border-top:1px solid var(--rule)}.service-index{font-family:'Source Serif 4',Georgia,serif;font-size:124px;line-height:1.2;color:var(--ink-muted);display:block}.service-aside p{font-size:18px;line-height:1.45}.service-aside img{width:40px;height:74px;object-fit:contain;margin-top:56px;opacity:.65}
.svcgrid{border-top:1px solid var(--rule)}.svc{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 24px;gap:0 18px;padding:21px 0;border-bottom:1px solid var(--rule);text-decoration:none;transition:background-color var(--t)}.svc__head{display:contents}.svc .num{font-size:14px;padding-top:4px}.svc__name{font-size:25px;line-height:1.2}.svc__one{grid-column:2;font-size:16px;color:var(--ink-muted);margin-top:6px;max-width:50ch}.svc .arrowlink{grid-column:3;grid-row:1/3;border:0;align-self:center;font-size:22px}.svc__name,.svc .arrowlink{transition:transform 200ms var(--ease)}.svc:hover .svc__name{transform:translateX(4px)}.svc:hover .arrowlink{transform:translate(3px,-3px)}
.finder-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:72px}.finder-layout .lede{margin-top:24px;font-size:19px;max-width:30ch}.finder-privacy{margin-top:20px}.picker{min-width:0}.picker fieldset{border:0;padding:0;margin:0}.picker legend{font-size:16px;font-weight:600;margin-bottom:16px}.picker__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pick{display:flex;align-items:center;gap:10px;padding:14px;min-height:58px;border:1px solid var(--rule);border-radius:2px;font-size:16px;line-height:1.3;cursor:pointer;transition:background-color var(--t),border-color var(--t)}.pick input{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--ink-deep)}.pick:hover{background:color-mix(in srgb,var(--cloud-dancer) 45%,transparent)}.pick:has(input:checked){background:var(--cloud-dancer);border-color:var(--ink-muted)}.pick:has(:focus-visible){outline:2px solid var(--ink);outline-offset:3px}
.picker__out{border-top:1px solid var(--rule);padding-top:20px;margin-top:24px}.picker-heading{font-size:19px;font-weight:600}.picker__rows{margin:12px 0}.picker__rows a{display:flex;gap:14px;padding:8px 0;min-height:44px;font-size:16px;text-decoration:none}.picker__rows a:hover .pn{text-decoration:underline}.picker__note{font-size:15px;color:var(--ink-muted);margin-bottom:8px}.no-js .picker fieldset{display:none}
/* Reviews stay still until the reader chooses to advance them. */
.carousel__view{overflow:hidden}.carousel__track{display:flex;transition:transform 420ms var(--ease)}.rev{flex:0 0 33.333333%;min-width:0;padding-right:32px}.rev figure{margin:0;display:flex;flex-direction:column;height:100%;border-top:1px solid var(--rule);padding-top:26px}.rev blockquote{font-family:'Source Serif 4',Georgia,serif;font-size:22px;line-height:1.45;margin:0}.rev figcaption{font-size:14px;color:var(--ink-muted);margin-top:auto;padding-top:24px}.stars{display:block;font-size:13px;margin-bottom:8px}.carousel__bar{display:flex;align-items:center;gap:10px;margin-top:32px}.carousel__pos{margin-left:auto;font-size:14px;color:var(--ink-muted)}.carousel__bar .dots{display:none}.cbtn--play{width:auto;padding:0 16px}.nojs-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.reviews__head{display:flex;justify-content:space-between;align-items:end}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:36px}.steps--3{grid-template-columns:repeat(3,minmax(0,1fr))}.step{position:relative;border-top:1px solid var(--rule);padding-top:20px}.step .num{display:block;font-size:40px;line-height:1;margin-bottom:25px}.step h2,.step h3{font-size:23px;line-height:1.25;margin-bottom:12px}.step p{font-size:17px;color:var(--ink-muted)}.step::before{content:'';position:absolute;top:-1px;left:0;width:32px;height:1px;background:var(--ink-muted);transform-origin:left}.step.is-seen::before{animation:rule-in 700ms var(--ease) both}.process-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:40px;border-top:1px solid var(--rule);padding-top:22px;font-size:16px}
.faq{border-top:1px solid var(--rule);margin-top:32px;max-width:850px}.home-faq .faq{margin-top:0}.faq details{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;display:flex;justify-content:space-between;align-items:start;gap:24px;padding:22px 0;font-family:'Source Serif 4',Georgia,serif;font-size:22px;line-height:1.35;list-style:none}.faq summary::-webkit-details-marker{display:none}.chev{display:block;flex-shrink:0;width:11px;height:11px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:7px 3px;transition:transform var(--t)}details[open] .chev{transform:rotate(225deg)}.ans{padding:0 0 24px;font-size:18px;display:grid;gap:16px;color:var(--ink-muted)}.faq details[open] .ans{animation:answer-in 220ms ease-out}
.cta-final{padding-block:80px!important}.cta-layout{display:grid;grid-template-columns:1fr 200px;gap:80px;align-items:center}.cta-final h2{font-size:52px;max-width:24ch}.cta-final p:not(.eyebrow){margin-top:24px}.cta-final .btn-row{margin-top:28px}.cta-mark{justify-self:center}.cta-mark img{width:94px;height:174px;object-fit:contain;opacity:.65}
/* Interior pages share the same scale and service-specific work samples. */
.crumb{padding-top:28px;font-size:14px;color:var(--ink-muted)}.crumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.crumb a{text-decoration:none}.crumb a:hover{text-decoration:underline}.crumb .sep{color:var(--ink-muted)}
.pagehead{padding-block:48px 56px;position:relative;overflow:clip}.pagehead h1{font-size:60px;max-width:20ch}.pagehead .lede{margin-top:24px;max-width:46ch;font-size:23px}.pagehead .shell:not(.shell--narrow){position:relative}.pagehead--scene>.shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:72px}.pagehead--scene .page-intro{align-self:center}.pagehead--scene h1{font-size:56px}.page-intro .btn-row{margin-top:28px}.pagehead--flag h1{max-width:19ch}.flagline{font-family:'Source Serif 4',Georgia,serif;font-size:30px;line-height:1.3;border-top:1px solid var(--rule);padding-top:24px;max-width:30ch;margin-top:32px}
.work-sample{position:relative;padding:30px 0 16px 30px;min-height:330px;align-self:center}.work-sample__index{font-family:'Source Serif 4',Georgia,serif;font-size:144px;line-height:1;position:absolute;right:0;top:-20px;color:var(--ink-muted);opacity:.18;z-index:0}.work-sample__paper{position:relative;background:var(--paper);border:1px solid var(--rule);padding:26px;transform:rotate(-2deg);transition:transform 500ms var(--ease);margin:30px 28px 0 0}.work-sample:hover .work-sample__paper{transform:rotate(0)}.work-sample__paper .eyebrow{font-size:12px}.work-sample__paper h2{font-size:29px;margin:18px 0}.sample-row{display:flex;gap:12px;align-items:start;border-top:1px solid var(--rule);padding:13px 0;font-size:15px;line-height:1.4}.sample-row svg{width:16px;height:16px;flex-shrink:0;margin-top:3px}.sample-label{font-size:11px;position:relative;margin:20px 0 0 5px;color:var(--ink-muted)}
.pagehead--company>.shell{padding-right:240px}.pagehead--company .shell--narrow{padding-right:var(--gutter)}.page-signature{position:absolute;right:var(--gutter);top:10px;width:76px;height:140px;opacity:.16}.page-signature img{width:100%;height:100%;object-fit:contain}
.metabar{display:flex;flex-wrap:wrap;gap:24px 64px;border-block:1px solid var(--rule);padding:22px 0;margin:0}.metabar dt{font-size:12px;color:var(--ink-muted)}.metabar dd{margin:5px 0 0;font-family:'Source Serif 4',Georgia,serif;font-size:23px;line-height:1.3}
.cols2{display:grid;grid-template-columns:1fr 1.1fr;gap:64px}.cols2--even{grid-template-columns:1fr 1fr}.cols2 h2{font-size:36px}.deflist{border-top:1px solid var(--rule)}.deflist>*{padding:18px 0;border-bottom:1px solid var(--rule)}.deflist dt,.deflist .dt{font-family:'Source Serif 4',Georgia,serif;font-size:23px;line-height:1.3}.deflist dd,.deflist .dd{margin:8px 0 0;color:var(--ink-muted);font-size:18px}
.numlist{border-top:1px solid var(--rule)}.numlist li{display:grid;grid-template-columns:32px 1fr;gap:16px;border-bottom:1px solid var(--rule);padding:16px 0}.numlist .nm{font-family:'Source Serif 4',Georgia,serif;font-size:21px}.numlist .one{display:block;margin-top:6px;color:var(--ink-muted);font-size:16px}.numlist a{text-decoration:none}.numlist a:hover{text-decoration:underline}
.tasklist{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:36px;border-top:1px solid var(--rule)}.tasklist li{display:grid;grid-template-columns:16px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--rule);font-size:18px}.dash{width:12px;height:1px;background:var(--ink-muted);display:block;margin-top:14px}.callout{border-left:2px solid var(--ink-muted);padding:8px 0 8px 24px;margin-top:32px;max-width:60ch;font-size:17px}
.svclist{border-top:1px solid var(--rule)}.svcrow{display:grid;grid-template-columns:60px 1fr auto;gap:24px;padding:30px 0;border-bottom:1px solid var(--rule);align-items:start}.svcrow>.num{font-size:30px}.svcrow h2,.svcrow h3{font-size:30px}.svcrow h2 a,.svcrow h3 a{text-decoration:none}.svcrow__one{margin-top:12px;color:var(--ink-muted);max-width:48ch}.svcrow__best{font-size:16px;margin-top:10px;max-width:50ch}.svcrow__best span{font-weight:600;margin-right:10px}.svcrow>.arrowlink{align-self:center}.svcrow:hover h2 a{text-decoration:underline}.flag{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:32px}.flag__tag{display:none}.flag__why{display:grid;gap:18px;margin-top:24px}.flag h2{font-size:44px}.flag__why p{font-size:18px;color:var(--ink-muted)}
.tablewrap{overflow-x:auto;margin-top:36px}.cmp{border-collapse:collapse;width:100%;min-width:640px;text-align:left}.cmp caption{text-align:left;font-size:15px;margin-bottom:20px;color:var(--ink-muted)}.cmp th,.cmp td{border-bottom:1px solid var(--rule);padding:18px 20px 18px 0;font-size:17px;font-weight:400}.cmp thead th{font-size:14px;font-weight:600}.cmp th[scope=row]{width:33%;color:var(--ink-muted)}.cmp .col-serene{font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:40px}.stat{padding-top:20px;border-top:1px solid var(--rule)}.stat .fig{font:400 48px/1.1 'Source Serif 4',Georgia,serif}.stat .lb{margin-top:15px;font-size:17px}.stat .src{font-size:13px;color:var(--ink-muted);margin-top:10px}
.prose{max-width:70ch}.prose h2{font-size:30px;margin-top:44px}.prose h2:first-child{margin-top:0}.prose h3{font-size:25px;margin-top:32px}.prose h2+p,.prose h3+p,.prose p+p{margin-top:18px}.prose ul{margin-top:20px;display:grid;gap:12px}.prose ul li{padding-left:20px;position:relative}.prose ul li::before{content:'';position:absolute;left:0;top:15px;width:8px;height:1px;background:currentColor}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field--full{grid-column:1/-1}.field label{font-size:17px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--rule);border-radius:2px;padding:14px 16px;font-size:18px;color:var(--ink);background:var(--paper);min-height:52px}.field textarea{min-height:140px;resize:vertical}.hint,.req{font-size:15px;color:var(--ink-muted)}.consent{grid-column:1/-1;display:flex;gap:14px;border:1px solid var(--rule);padding:20px;font-size:16px}.consent input{width:22px;height:22px;flex-shrink:0;margin-top:3px;accent-color:var(--ink-deep)}.gotcha{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.formstatus{grid-column:1/-1}.formstatus:not(:empty){border-left:2px solid var(--ink-muted);padding:10px 20px}.formstate[data-endpoint-configured=false] #audit-form{display:none}.formstate[data-endpoint-configured=true] .formstate__notice{display:none}.formstate__notice{border-block:1px solid var(--rule);padding:40px 0}.formstate__notice h2{margin-top:20px;font-size:34px}
.calwrap{border-top:1px solid var(--rule);margin-top:32px;padding-top:24px;max-width:100%;overflow:hidden}.calendly-inline-widget{width:100%;min-width:0!important}.calendar-fallback{padding:20px 0;font-size:16px}
.ftr{padding-top:64px}.ftr__grid{display:grid;grid-template-columns:1.15fr 1.15fr .75fr .75fr 1fr;gap:32px}.ftr__brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;margin-bottom:20px}.ftr__brand img{width:24px;height:45px;object-fit:contain}.ftr__line{font-size:16px;color:var(--ink-muted);max-width:23ch}.ftr__h{font-size:13px;color:var(--ink-muted);margin-bottom:16px;font-weight:600}.ftr li a{font-size:15px;display:inline-flex;align-items:center;gap:8px;padding:6px 0;min-height:36px;text-decoration:none;line-height:1.35}.ftr li a:hover{text-decoration:underline}.ftr__bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--rule);padding:24px 0;margin-top:48px;font-size:13px;color:var(--ink-muted)}
.not-found{min-height:65vh;display:grid;place-content:center;padding:80px 24px}.not-found p{margin-top:24px}
@keyframes rule-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes answer-in{from{opacity:.6;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(min-width:1600px){:root{--shell:1440px;--gutter:56px}.hero{padding-top:72px}.hero h1{font-size:84px}.hero__grid{column-gap:64px}.desk-stage{height:492px}.ticket--listing{top:322px}.ticket--lead{top:194px}}
@media(max-width:1199px){:root{--gutter:32px;--band-y:72px}.nav{gap:18px}.nav .btn{padding-inline:14px}.hero__grid{column-gap:28px}.hero h1{font-size:64px}.hero__lede{font-size:22px}.hero__body{font-size:17px}.hero .btn-row{gap:12px}.hero .textlink{font-size:15px}.desk-stage{height:445px}.task-ticket{padding:14px}.ticket-head{font-size:10px}.ticket-title{font-size:21px}.ticket--lead{top:182px;width:55%}.ticket--listing{top:299px;width:60%}.desk-receipt{bottom:-8px;font-size:10px}.service-layout{grid-template-columns:210px 1fr;gap:40px}.section-heading,.split-heading,.finder-layout,.cols2{gap:44px}.pagehead--scene>.shell{column-gap:32px}.pagehead--scene h1{font-size:48px}.ftr__grid{gap:22px}.ftr li a{font-size:14px}.rev{flex-basis:50%}.nojs-reviews{grid-template-columns:1fr 1fr}.work-sample{padding-left:10px}.work-sample__paper{padding:20px;margin-right:4px}}
@media(max-width:999px){.nav{display:none}.hdr__cta{display:block;margin-left:auto}.navtoggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--rule);border-radius:2px;color:var(--ink);padding:0}.navtoggle__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.navtoggle svg{width:20px;height:20px}.hdr__in{gap:16px;min-height:74px}.hdr__cta .btn{font-size:14px;min-height:44px;padding:10px 16px}.mobilenav{display:block;visibility:hidden;position:fixed;inset:74px 0 0;z-index:101;padding:16px var(--gutter) 40px;background:var(--cloud-dancer);overflow-y:auto;opacity:0;transition:opacity 160ms ease,visibility 160ms ease}.mobilenav.is-open{visibility:visible;opacity:1}.mobilenav a{display:flex;gap:15px;align-items:center;border-top:1px solid var(--rule);min-height:48px;padding:12px 0;text-decoration:none;font-size:18px}.mobilenav .mobnav__h{font-size:13px;color:var(--ink-muted);margin:20px 0 12px}.mobilenav .btn{margin-top:20px;justify-content:center;padding:12px}.nav-open{overflow:hidden}.hero h1{font-size:58px}.hero__grid{column-gap:20px}.hero .btn-row{align-items:flex-start;flex-direction:column;gap:4px}.hero__lede{font-size:21px}.desk-stage{height:450px}.ticket--contract{width:80%;top:28px}.ticket--lead{width:75%;top:243px}.ticket--listing{display:none}.desk-brand{left:68%;top:12%;width:58px;height:108px}.desk-receipt{bottom:8px}.hero-assurance{gap:30px}.steps{grid-template-columns:1fr 1fr;row-gap:32px}.steps--3{grid-template-columns:repeat(3,minmax(0,1fr))}.step h3{font-size:21px}.service-layout{grid-template-columns:150px 1fr;gap:32px}.service-index{font-size:100px}.service-aside p{font-size:16px}.section-heading{gap:32px}.finder-layout{grid-template-columns:1fr;gap:32px}.finder-layout .lede{max-width:none}.finder-privacy{margin-top:12px}.pagehead--company>.shell{padding-right:180px}.pagehead h1{font-size:50px}.pagehead--scene h1{font-size:44px}.work-sample__paper h2{font-size:25px}.sample-row{font-size:14px}.cta-final h2{font-size:46px}.ftr__grid{grid-template-columns:1.3fr 1fr 1fr;gap:32px}.ftr li a{font-size:15px}.ftr__grid>div:first-child{grid-row:span 2}.flag{gap:36px}.no-js .navtoggle{display:none}.no-js .hdr__in{flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.no-js .nav{display:flex;width:100%;flex-wrap:wrap;gap:8px 20px}.no-js .nav .btn{display:none}.no-js .menu{display:none}}
/* Mobile gets its own content rhythm and a compact version of the scene. */
@media(max-width:699px){:root{--gutter:22px;--band-y:56px}body{font-size:18px}h1{font-size:43px}h2{font-size:34px}h3{font-size:24px}.lede{font-size:20px}.eyebrow{font-size:12px}.eyebrow+h1,.eyebrow+h2{margin-top:16px}.band--air{padding-block:56px}.band--tight{padding-block:32px}.hdr__in{min-height:70px;gap:10px}.brand{gap:8px}.brand__mark{width:22px;height:40px}.brand__name{font-size:14px}.hdr__cta .btn{font-size:13px;padding:10px 12px}.navtoggle{width:42px;height:44px;flex-shrink:0}.mobilenav{top:70px}.desktop-break{display:none}.hero{padding-top:32px}.hero__grid{grid-template-columns:1fr;gap:0}.hero__copy{padding:0}.hero h1{font-size:50px;margin-top:16px}.hero__lede{font-size:22px;line-height:1.35;margin-top:20px;max-width:28ch}.hero__body{font-size:17px;line-height:1.5;margin-top:14px;max-width:44ch}.hero .btn-row{margin-top:22px;gap:8px;flex-direction:row;align-items:center}.hero .btn--primary{width:100%;justify-content:space-between}.hero .textlink{font-size:15px;min-height:44px}.hero__note{font-size:13px;margin-top:6px}.desk-scene{margin-top:28px;padding-top:16px;border-top:1px solid var(--rule)}.desk-scene__heading{border:0;padding:0;font-size:11px}.desk-stage{height:227px}.desk-grid{inset:18px 0;opacity:.4}.desk-brand{left:40%;top:21%;width:40px;height:74px}.task-ticket{padding:12px}.ticket--contract{width:61%;left:0;top:20px}.ticket-head{font-size:9px}.ticket-head svg{width:12px;height:12px}.ticket-number{display:none}.ticket-title{font-size:18px;margin-top:12px}.ticket-row{font-size:10px;padding:6px 0}.ticket-title+.ticket-row{margin-top:6px}.ticket-bottom{font-size:10px;margin-top:8px;padding-top:7px;min-height:22px}.ticket--contract .ticket-row:nth-of-type(4){display:none}.ticket--lead{width:52%;right:0;top:104px}.ticket--lead .ticket-detail{font-size:10px}.ticket--listing{display:none}.desk-receipt{left:0;right:auto;bottom:0;font-size:10px}.receipt-check{width:18px;height:18px}.desk-scene figcaption{margin-top:0;min-height:32px;font-size:10px}.scene-replay{width:44px;height:44px}.hero-assurance{gap:8px 16px;flex-wrap:wrap;padding:16px 0;margin-top:14px;font-size:12px}.hero-assurance li{gap:6px}.hero-assurance svg{width:14px;height:14px}.split-heading,.cols2,.cols2--even{grid-template-columns:1fr;gap:28px}.split-heading h2{max-width:24ch}.painlist li{font-size:17px;padding:13px 0;gap:14px}.paincore{font-size:17px;margin-top:22px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.section-heading>p{font-size:17px}.service-layout{grid-template-columns:1fr;gap:0}.service-aside{display:none}.svc{grid-template-columns:24px minmax(0,1fr) 20px;gap:0 12px;padding:18px 0}.svc__name{font-size:23px}.svc__one{font-size:16px}.svc .num{font-size:13px}.svc .arrowlink{font-size:21px}.section-link{margin-top:24px}.finder-layout{gap:26px}.finder-layout .lede{font-size:18px;margin-top:18px}.finder-privacy{font-size:13px}.picker__grid{gap:8px}.pick{padding:12px 10px;font-size:14px;min-height:62px;gap:8px}.pick input{width:17px;height:17px}.picker legend{font-size:15px}.picker__rows a{font-size:16px}.rev{flex-basis:100%;padding-right:0}.rev figure{padding-top:22px}.rev blockquote{font-size:23px;line-height:1.5}.rev figcaption{font-size:14px}.carousel__bar{margin-top:24px}.nojs-reviews{grid-template-columns:1fr}.proof-section .section-heading{margin-bottom:28px}.steps,.steps--3{grid-template-columns:1fr;gap:0;margin-top:28px}.step{display:grid;grid-template-columns:38px 1fr;column-gap:18px;padding:20px 0}.step .num{grid-row:1/3;font-size:30px;margin-bottom:0;line-height:1.15}.step h2,.step h3{font-size:23px;margin:0 0 9px}.step p{grid-column:2;font-size:17px}.process-foot{align-items:flex-start;flex-direction:column;gap:10px;margin-top:12px;padding-top:22px}.faq{margin-top:24px}.faq summary{font-size:21px;padding:19px 0}.ans{font-size:17px}.cta-layout{grid-template-columns:1fr;gap:0}.cta-mark{display:none}.cta-final{padding-block:56px!important}.cta-final h2{font-size:39px}.cta-final p:not(.eyebrow){margin-top:20px;font-size:17px}.cta-final .btn-row{margin-top:24px}.cta-final .btn{width:100%;justify-content:space-between}.cta-final .small{font-size:13px!important}.pagehead{padding-block:32px 40px}.pagehead h1,.pagehead--flag h1{font-size:43px;max-width:24ch}.pagehead .lede{font-size:20px;margin-top:20px}.pagehead--scene>.shell{grid-template-columns:1fr}.pagehead--scene h1{font-size:43px}.page-intro .btn-row{margin-top:22px}.work-sample{padding:12px 0 0;min-height:0;max-width:420px;margin-top:32px;width:100%}.work-sample__index{font-size:110px;top:0;right:10px}.work-sample__paper{padding:20px;margin:16px 16px 0 0;max-width:350px}.work-sample__paper h2{font-size:26px}.sample-row{font-size:15px}.sample-label{font-size:10px;margin-top:16px}.crumb{padding-top:20px;font-size:12px}.pagehead--company>.shell{padding-right:var(--gutter)}.page-signature{display:none}.metabar{gap:18px 24px;padding:20px 0}.metabar dd{font-size:20px}.metabar dt{font-size:12px}.cols2 h2{font-size:32px}.deflist dt{font-size:22px}.deflist dd{font-size:17px}.tasklist{grid-template-columns:1fr;margin-top:28px}.tasklist li{font-size:17px;padding:15px 0}.callout{font-size:17px;padding-left:18px}.svcrow{grid-template-columns:30px 1fr;gap:12px;padding:24px 0}.svcrow>.num{font-size:21px}.svcrow h2,.svcrow h3{font-size:27px}.svcrow__one{font-size:17px}.svcrow__best{font-size:15px}.svcrow>.arrowlink{grid-column:2;margin-top:0}.flag{grid-template-columns:1fr;gap:32px}.flag h2{font-size:38px}.flagline{font-size:27px}.stats{grid-template-columns:1fr 1fr;gap:24px}.stat .fig{font-size:36px}.tablewrap{margin-top:28px}.prose h2{font-size:28px;margin-top:36px}.prose h3{font-size:23px}.formgrid{grid-template-columns:1fr}.consent{padding:16px;font-size:15px}.formstate__notice{padding-block:28px}.formstate__notice h2{font-size:30px}.btn-row{gap:12px}.formstate__notice .btn-row{align-items:stretch;flex-direction:column}.ftr{padding-top:48px}.ftr__grid{grid-template-columns:1fr 1fr;gap:30px 24px}.ftr__grid>div:first-child{grid-column:1/-1;grid-row:auto;display:flex;gap:28px;align-items:start}.ftr__brand{flex-shrink:0;font-size:14px;margin:0}.ftr__line{font-size:14px}.ftr__h{margin-bottom:10px}.ftr li a{font-size:15px;min-height:44px}.ftr__bottom{font-size:12px;margin-top:32px;padding:20px 0;flex-wrap:wrap;gap:8px 24px}.no-js .hdr__in .nav{font-size:14px}.no-js .hdr__cta{display:none}}
@media(max-width:374px){:root{--gutter:18px}.brand__name{font-size:13px}.hero h1{font-size:44px}.hero__lede{font-size:21px}.hdr__cta .btn{padding-inline:10px}.hdr__in{gap:8px}.ticket-head{font-size:8px}.ticket-title{font-size:17px}.ticket-detail{line-height:1.35}.ticket--contract{width:63%}.task-ticket{padding:10px}.ticket--lead{width:52%}.desk-receipt{font-size:9px}.ftr__grid>div:first-child{gap:20px}.ftr__brand{font-size:13px}}
@media(prefers-color-scheme:dark){:root{--cloud-dancer:#2E2C31;--chalk-blue:#3A4140;--chalk-band:#3A4140;--paper:#38363C;--ink:#F0EEE9;--ink-deep:#F0EEE9;--ink-muted:#C4C0C8;--rule:#59555E;--pumice:#8E8590;--dark-ground:#201E23}.band-chalk{--ink-muted:#D3D8D6;--rule:#64716E}.desk-brand,.page-signature{opacity:.3}.service-aside img{opacity:.8}.work-sample__index{opacity:.25}.pick:has(input:checked){border-color:var(--ink-muted)}.receipt-check{color:var(--ink)}.icon-button:hover,.cbtn:hover{color:var(--on-dark)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.task-ticket,.work-sample__paper{transform:none!important}.scene-replay{display:none!important}}
/* Keep every line of the work samples readable at each composition size. */
.navtoggle .close-icon,.navtoggle[aria-expanded=true] .menu-icon{display:none}.navtoggle[aria-expanded=true] .close-icon{display:block}.no-js #audit-form{display:none}.no-js .formstate__notice{display:block}
.ticket-bottom svg{width:14px;height:14px}.ticket--contract{width:54%;top:36px}.ticket--lead{width:41%;top:114px}.ticket--listing{left:auto;right:0;top:300px;width:54%}.desk-receipt{right:auto;left:0;bottom:28px;font-size:12px}.ticket-head{font-size:11px}.ticket-detail,.ticket-row{font-size:13px}.ticket-bottom{font-size:12px}.hero{padding-top:48px}.hero__grid{row-gap:16px}.hero-assurance{margin-top:0}
@media(min-width:1000px) and (max-width:1199px){.ticket--contract{width:57%;padding:13px;top:26px}.ticket--lead{width:39%;top:155px;padding:12px}.ticket--listing{width:58%;top:325px;padding:12px}.ticket-title{font-size:20px}.ticket-head{font-size:9px}.ticket-row,.ticket-detail{font-size:11px}.ticket-bottom{font-size:10px}.desk-stage{height:475px}.desk-receipt{left:0;bottom:80px;font-size:10px;max-width:37%}}
@media(min-width:700px) and (max-width:999px){.ticket--contract{width:93%;top:20px}.ticket--lead{width:86%;top:307px}.ticket--listing{display:none}.desk-stage{height:480px}.desk-receipt{display:none}.ticket-head{font-size:11px}.ticket-row,.ticket-detail{font-size:13px}}
@media(max-width:699px){.hero{padding-top:24px}.hero h1{margin-top:12px}.hero__lede{margin-top:16px;font-size:21px}.hero__body{font-size:16px;line-height:1.5;margin-top:12px}.hero .btn-row{margin-top:20px}.hero .textlink{display:none}.hero__note{margin-top:10px}.desk-scene{margin-top:24px;padding-top:14px}.desk-stage{height:158px}.desk-grid,.desk-brand,.desk-receipt{display:none}.task-ticket{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:12px;width:100%;left:0;right:auto;height:66px}.ticket--contract{top:12px}.ticket--lead{top:87px}.ticket--listing{display:none}.ticket-head{grid-column:1;font-size:10px}.ticket-title{grid-column:1;font-size:18px;margin-top:5px;line-height:1.2}.ticket-row,.ticket-detail{display:none}.ticket-bottom{grid-column:2;grid-row:1/3;align-self:center;border:0;padding:0;margin:0;font-size:10px;min-height:0;max-width:130px}.ticket--contract .ticket-bottom{padding:0}.task-after{gap:8px}.task-before{right:0;white-space:nowrap}.ticket-bottom svg{width:12px;height:12px}.desk-scene figcaption{min-height:32px;margin-top:2px}.scene-replay{height:32px;width:44px}.hero-assurance{display:none}.hero{padding-bottom:18px}}
@media(max-width:374px){.ticket-head{font-size:9px}.ticket-title{font-size:16px}.ticket-bottom{font-size:9px;max-width:110px}.task-ticket{padding:10px;column-gap:8px}}
@media(max-width:699px){.cmp{min-width:0;display:block}.cmp caption{display:block;max-width:100%}.cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cmp tbody{display:block}.cmp tr{display:block;border-top:1px solid var(--rule);padding:16px 0}.cmp th[scope=row]{display:block;width:100%;font-size:20px;color:var(--ink-deep);padding:0 0 10px;border:0}.cmp td{display:grid;grid-template-columns:100px 1fr;gap:18px;font-size:16px;border:0;padding:6px 0}.cmp td::before{content:attr(data-label);font-size:14px;font-weight:400;color:var(--ink-muted)}}
/* Compact compositions and repeatable pointer feedback on existing content. */
:root{--band-y:56px}
body{font-size:18px;line-height:1.55}h2{font-size:36px}h3{font-size:23px}
.hdr{background:color-mix(in srgb,var(--cloud-dancer) 94%,transparent);backdrop-filter:blur(8px)}
.hdr__in{min-height:82px}.brand{gap:13px}.brand__mark{width:28px;height:52px}.brand__name{position:relative;display:flex;align-items:baseline;gap:8px;font:400 27px/1.2 'Source Serif 4',Georgia,serif;padding-bottom:5px}
.brand__suffix{font:600 13px/1 'Source Sans 3',sans-serif;color:var(--ink-muted)}.brand__name::after{content:'';position:absolute;bottom:0;left:0;width:28px;height:2px;background:var(--blue-atoll);transition:width 240ms var(--ease)}.brand:hover .brand__name::after,.brand:focus-visible .brand__name::after{width:100%}
.nav{gap:24px}.nav>a:not(.btn),.nav__grp>a{position:relative}.nav>a:not(.btn)::after,.nav__grp>a::after{content:'';position:absolute;height:2px;left:0;right:0;bottom:5px;background:var(--blue-atoll);transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--ease)}.nav>a:not(.btn):hover,.nav a[aria-current=page]{text-decoration:none}.nav>a:hover::after,.nav>a:focus-visible::after,.nav__grp:hover>a::after,.nav__grp:focus-within>a::after{transform:scaleX(1)}
.hero{padding-top:38px}.hero__grid{gap:18px 40px}.hero h1{font-size:68px;margin-top:20px}.hero__lede{font-size:23px;margin-top:22px}.hero__body{font-size:17px;max-width:43ch;margin-top:14px}.hero .btn-row{margin-top:24px}.hero__note{margin-top:12px;font-size:13px}.hero-assurance{padding:18px 0;font-size:14px}
.desk-scene__heading{font-size:13px;padding:0 10px 13px}.desk-stage{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:20px;height:362px;padding:22px 8px 8px;align-items:stretch}
.task-ticket{--lift:0px;--turn:0deg;position:relative;inset:auto;width:auto;height:auto;min-width:0;display:flex;flex-direction:column;padding:18px;border-color:color-mix(in srgb,var(--ink-muted) 30%,var(--paper));border-radius:4px;box-shadow:0 8px 20px rgb(40 38 42 / 5%);transition:transform 180ms var(--ease),border-color 220ms ease,box-shadow 220ms ease,background-color 220ms ease}
.ticket--contract{grid-column:1;grid-row:1/3;background:var(--paper)}.ticket--lead{grid-column:2;grid-row:1;background:var(--chalk-blue)}.ticket--listing{grid-column:2;grid-row:2;background:var(--paper)}
.ticket--contract,.is-running .ticket--contract:not(.is-handled){transform:translate(calc(var(--dx,0px)*.6),calc(var(--dy,0px)*.6 + var(--lift))) rotate(var(--turn))}
.ticket--lead,.is-running .ticket--lead:not(.is-handled){transform:translate(var(--dx,0px),calc(var(--dy,0px) + var(--lift))) rotate(var(--turn))}
.ticket--listing,.is-running .ticket--listing:not(.is-handled){transform:translate(calc(var(--dx,0px)*.8),calc(var(--dy,0px)*.8 + var(--lift))) rotate(var(--turn))}
.ticket-head{font-size:11px;gap:6px;min-height:16px}.ticket-icon{flex-shrink:0}.ticket-number{font-size:10px}.ticket-title{font-size:23px;margin-top:17px;line-height:1.15}.ticket--contract .ticket-title{font-size:27px;margin-top:24px}.ticket-row{font-size:13px;padding:12px 0}.ticket-title+.ticket-row{margin-top:16px}.ticket-detail{font-size:12px;line-height:1.4;margin:7px 0 12px}.ticket-bottom{font-size:11px;margin-top:auto;padding-top:12px;min-height:29px}.ticket--contract .ticket-bottom{border-top:1px solid var(--rule);margin-top:auto}.task-after svg{transition:transform 240ms var(--ease)}
.section-heading{gap:48px;margin-bottom:26px}.section-heading--single{grid-template-columns:1fr}.section-heading>p{font-size:17px}.split-heading{gap:48px}.painlist li{position:relative;padding:12px 0;font-size:17px;transition:transform 240ms var(--ease),background-color 240ms ease}.painlist .num{transition:color 240ms ease,transform 240ms var(--ease)}.painlist li::after{content:'';height:2px;position:absolute;bottom:-1px;left:0;width:100%;background:var(--blue-atoll);transform:scaleX(0);transform-origin:left;transition:transform 320ms var(--ease)}.paincore{font-size:16px;margin-top:18px}
#home-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;border:0}.svc{border-top:1px solid var(--rule);border-bottom:0;padding:17px 10px 17px 0;min-height:99px;grid-template-columns:26px minmax(0,1fr) 20px;column-gap:14px;transition:background-color 220ms ease,border-color 220ms ease}.svc__name{font-size:23px}.svc__one{font-size:15px;margin-top:7px;line-height:1.45}.svc .num{font-size:17px;transition:color 220ms ease,transform 220ms ease}.section-link{margin-top:16px}
.finder-layout{gap:48px;align-items:start}.picker legend{font-size:15px;margin-bottom:12px}.pick{min-height:50px;padding:11px 12px;font-size:15px;transition:transform 220ms var(--ease),background-color 220ms ease,border-color 220ms ease}.picker__grid{gap:8px}
.rev blockquote{font-size:20px;line-height:1.45}.rev figure{padding-top:20px}.rev figcaption{padding-top:18px}.carousel__bar{margin-top:22px}.proof-section .section-heading{margin-bottom:24px}
.steps{gap:24px;margin-top:26px}.step{padding-top:16px;transition:transform 240ms var(--ease),border-color 240ms ease}.step .num{font-size:34px;margin-bottom:16px;transition:transform 260ms var(--ease),color 260ms ease}.step h2,.step h3{font-size:21px;margin-bottom:9px}.step p{font-size:16px}.step::before{width:100%;height:2px;background:var(--blue-atoll);transform:scaleX(0);transition:transform 320ms var(--ease)}.step.is-seen::before{animation:none}.process-foot{margin-top:26px;padding-top:18px;font-size:15px}
.faq summary{font-size:21px;padding:17px 0;transition:padding-left 220ms var(--ease),color 220ms ease}.ans{font-size:17px;padding-bottom:18px}.cta-final{padding-block:48px!important}.cta-layout{display:block}.cta-final h2{font-size:40px}.cta-final p:not(.eyebrow){margin-top:18px}.cta-final .btn-row{margin-top:22px}
.pagehead{padding-block:32px 38px}.pagehead h1,.pagehead--scene h1{font-size:50px}.pagehead .lede{font-size:21px;margin-top:20px}.pagehead--company>.shell{padding-right:var(--gutter)}.pagehead--company h1{max-width:25ch}.work-sample{padding:0;min-height:0;align-self:center}.work-sample__paper{margin:0;padding:24px;transform:none;border-radius:4px;transition:transform 240ms var(--ease),border-color 240ms ease}.work-sample__paper h2{font-size:28px;margin:16px 0}.sample-row{padding:11px 0}.cols2 h2{font-size:32px}.svcrow{padding:23px 0}.svcrow h2,.svcrow h3{font-size:27px}.deflist>*{padding:15px 0}.deflist dd,.deflist .dd{font-size:17px}.tasklist{margin-top:26px}.tasklist li{padding:14px 0;font-size:17px}.band--air{padding-block:64px}.metabar{padding-block:18px}.metabar dd{font-size:21px}
@media(hover:hover) and (pointer:fine){.task-ticket:hover{--lift:-7px;--turn:-.7deg;border-color:var(--blue-atoll);box-shadow:0 14px 24px rgb(40 38 42 / 10%)}.ticket--lead:hover{--turn:.8deg}.task-ticket:hover .task-after svg{transform:scale(1.2)}.painlist li:hover{transform:translateX(6px)}.painlist li:hover::after{transform:scaleX(1)}.painlist li:hover .num{transform:translateX(-3px);color:var(--ink-deep)}.svc:hover,.svc:focus-visible{border-color:var(--blue-atoll);background:color-mix(in srgb,var(--chalk-blue) 28%,transparent)}.svc:hover .num{transform:translateY(-2px);color:var(--ink-deep)}.step:hover{transform:translateY(-5px)}.step:hover::before{transform:scaleX(1)}.step:hover .num{transform:translateY(-3px);color:var(--ink-deep)}.pick:hover{transform:translateY(-2px);border-color:var(--ink-muted)}.faq summary:hover{padding-left:6px}.work-sample__paper:hover{transform:translateY(-5px);border-color:var(--blue-atoll)}.svcrow:hover{border-bottom-color:var(--blue-atoll)}}
@media(min-width:1600px){.hero h1{font-size:74px}.desk-stage{height:374px}}
@media(min-width:1000px) and (max-width:1199px){.nav{gap:17px}.brand__name{font-size:24px}.brand__mark{width:25px;height:46px}.hero h1{font-size:60px}.hero__lede{font-size:21px}.desk-stage{height:356px;gap:15px}.task-ticket{padding:13px}.ticket-head{font-size:9px}.ticket--contract .ticket-title{font-size:24px}.ticket-title{font-size:20px}.ticket-row{font-size:12px}.ticket-detail{font-size:11px}.ticket-bottom{font-size:10px}.ticket--contract,.ticket--lead,.ticket--listing{inset:auto;width:auto}.ticket--listing{display:flex}}
@media(min-width:700px) and (max-width:999px){.hero h1{font-size:54px}.desk-stage{display:flex;flex-direction:column;height:402px;gap:16px;padding-top:18px}.task-ticket{width:100%;inset:auto;padding:14px}.ticket--contract{flex:1}.ticket--contract .ticket-title{font-size:24px;margin-top:15px}.ticket-row{padding:7px 0}.ticket--lead{min-height:132px}.ticket--listing{display:none}.ticket-title{font-size:21px;margin-top:12px}.ticket-detail{margin-bottom:8px}.ticket-bottom{font-size:11px}.hero__grid{column-gap:24px}.hero .btn-row{gap:4px}.section-heading,.split-heading{gap:30px}.svc__name{font-size:21px}.steps{grid-template-columns:1fr 1fr;gap:26px}.pagehead h1,.pagehead--scene h1{font-size:43px}}
@media(max-width:999px){.hdr__in{min-height:74px}.mobilenav{top:74px}}
@media(max-width:699px){:root{--band-y:40px}.hdr__in{min-height:70px;gap:10px}.brand{gap:8px}.brand__mark{width:22px;height:41px}.brand__name{font-size:22px;gap:5px;padding-bottom:4px}.brand__suffix{font-size:11px}.brand__name::after{width:22px;height:2px}.mobilenav{top:70px}h2{font-size:30px}.hero{padding-top:24px;padding-bottom:20px}.hero__grid{gap:0}.hero h1{font-size:46px;margin-top:14px}.hero__lede{font-size:21px;margin-top:18px}.hero__body{font-size:16px;max-width:42ch;margin-top:12px}.hero .btn-row{margin-top:20px}.hero__note{font-size:12px;margin-top:9px}.desk-scene{margin-top:20px;padding-top:12px}.desk-scene__heading{padding:0;font-size:11px}.desk-stage{height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:8px;padding:12px 0 0}.task-ticket{inset:auto;width:100%;height:62px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column:1;grid-row:auto;padding:10px 12px;gap:0 10px;transform:none!important;box-shadow:none}.ticket--listing{display:none}.ticket--contract .ticket-title,.ticket-title{font-size:18px;line-height:1.2;margin-top:5px}.ticket-head{font-size:10px;min-height:13px}.ticket-row,.ticket-detail{display:none}.ticket-bottom,.ticket--contract .ticket-bottom{align-self:center;margin:0;padding:0;border:0;min-height:0;font-size:10px;max-width:130px;grid-column:2;grid-row:1/3}.task-after svg{width:12px;height:12px}.hero-assurance{display:none}.section-heading{gap:14px;margin-bottom:22px}.section-heading>p{font-size:16px}.split-heading{gap:22px}.painlist li{font-size:16px;padding:11px 0}.paincore{font-size:16px;margin-top:16px}#home-services{grid-template-columns:1fr;gap:0}.svc{min-height:84px;padding:14px 6px 14px 0;column-gap:12px;grid-template-columns:22px minmax(0,1fr) 20px}.svc__name{font-size:21px}.svc__one{font-size:15px;margin-top:5px}.svc .num{font-size:15px}.section-link{margin-top:14px}.finder-layout{gap:22px}.pick{font-size:14px;padding:10px;min-height:56px}.proof-section h2{max-width:24ch}.rev blockquote{font-size:20px}.steps,.steps--3{grid-template-columns:1fr;gap:0;margin-top:20px}.step{padding:16px 0;grid-template-columns:32px 1fr;column-gap:16px}.step .num{font-size:28px;margin:0}.step h2,.step h3{font-size:21px}.step p{font-size:16px}.process-foot{margin-top:14px;font-size:14px}.faq summary{font-size:20px;padding:15px 0}.ans{font-size:16px}.cta-final{padding-block:40px!important}.cta-final h2{font-size:34px}.pagehead{padding-block:26px 30px}.pagehead h1,.pagehead--flag h1,.pagehead--scene h1{font-size:38px}.pagehead .lede{font-size:19px;margin-top:16px}.work-sample{margin-top:24px}.work-sample__paper{padding:20px;margin:0;max-width:none}.work-sample__paper h2{font-size:25px}.pagehead--company>.shell{padding-right:var(--gutter)}.cols2 h2{font-size:29px}.band--air{padding-block:40px}.metabar{gap:16px 24px}.metabar dd{font-size:19px}.ftr{padding-top:40px}}
@media(max-width:374px){.brand__name{font-size:20px}.brand__suffix{font-size:10px}.brand{gap:7px}.hdr__in{gap:8px}.hero h1{font-size:42px}.ticket-head{font-size:9px}.ticket--contract .ticket-title,.ticket-title{font-size:16px}.ticket-bottom,.ticket--contract .ticket-bottom{font-size:9px;max-width:110px}.pagehead h1,.pagehead--scene h1{font-size:35px}}
.brand__suffix{font:inherit;color:var(--ink-muted)}
.home-pain h2{max-width:24ch}
@media(min-width:1000px){.desk-stage{height:auto;min-height:392px}.task-ticket{min-height:163px}}
.flagline{font-size:22px;line-height:1.45;max-width:58ch;margin:0 0 32px;padding-top:18px}
section.band[style*="padding-block"]{padding-block:var(--band-y)!important}
.service-related{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:36px}.service-related>div{border-top:1px solid var(--rule);padding-top:20px}.service-related h3{font-size:23px}.service-related p{font-size:17px}
@media(max-width:699px){.service-related{grid-template-columns:1fr;gap:24px;margin-top:28px}.flagline{font-size:20px;margin-bottom:28px}.home-pain h2{max-width:none}}
@media(hover:hover) and (pointer:fine) and (max-width:699px){.task-ticket{transform:translate(calc(var(--dx,0px)*.35),calc(var(--dy,0px)*.25 + var(--lift)))!important}}
@media(prefers-reduced-motion:reduce){.task-ticket,.painlist li,.step,.step .num,.svc__name,.svc .num,.pick,.work-sample__paper{transform:none!important}}
@media print{.hdr,.ftr,.desk-scene,.page-signature,.work-sample,.carousel__bar{display:none}body{background:#fff;color:#111}.band,.pagehead{padding-block:24px;background:#fff;color:#111}.shell{padding:0}.hero__grid,.split-heading,.cols2{display:block}.rev{flex-basis:100%}.carousel__track{display:block;transform:none!important}.rev[aria-hidden=true]{display:none}}

/* A quieter enterprise frame around a tactile, mouse-responsive desk. */
:root {
  --cloud-dancer: #F7F9FA;
  --paper: #FFFFFF;
  --chalk-blue: #EDF4F3;
  --chalk-band: #EDF4F3;
  --ink: #343E46;
  --ink-deep: #20292F;
  --ink-muted: #606B73;
  --rule: #D8DFE1;
  --blue-atoll: #00B4D2;
  --blue-atoll-hover: #00A3BF;
  --dark-ground: #232C31;
  --on-dark: #F6F8F9;
  --on-dark-muted: #C1CDD0;
  --on-dark-rule: #4B585F;
  --success: #287467;
  --success-wash: #E6F3ED;
  --lead-wash: #F0EFF7;
  --lead-ink: #605C7F;
}
body { font-size: 17px; }
h2,h3,h4,.pagehead h1 { font-family: 'Source Sans 3',system-ui,sans-serif; font-weight: 600; }
h2 { font-size: 34px; line-height: 1.16; }
.band-chalk { --ink-muted: #586B68; --rule: #CFDCDA; }
.hdr { background: color-mix(in srgb,var(--paper) 94%,transparent); }
.hdr__in { min-height: 76px; }
.brand__mark { width: 23px; height: 43px; }
.brand__name { font: 600 24px/1.2 'Source Sans 3',system-ui,sans-serif; gap: 5px; padding-bottom: 0; }
.brand__suffix { font-weight: 400; }
.brand__name::after { bottom: -6px; height: 2px; width: 0; }
.nav { font-size: 14px; }
.nav .btn { min-height: 42px; }
.btn { border-radius: 5px; min-height: 48px; }
.btn--primary { box-shadow: 0 2px 0 rgb(0 91 106 / 8%); }
.eyebrow { font-size: 12px; }
.eyebrow::before { width: 18px; background: var(--blue-atoll); height: 2px; }
.hero { background: var(--paper); padding-top: 32px; }
.hero__grid { grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 16px 48px; }
.hero__copy { padding-bottom: 0; }
.hero h1 { font: 600 64px/1.04 'Source Sans 3',system-ui,sans-serif; margin-top: 20px; }
.hero h1 .calm { font: 400 70px/1.09 'Source Serif 4',Georgia,serif; color: var(--ink-deep); }
.hero__lede { font-size: 21px; line-height: 1.5; margin-top: 23px; }
.hero__body { font-size: 16px; max-width: 43ch; }
.hero__note { font-size: 12px; }
.hero-assurance { font-size: 13px; padding-block: 17px; }
.hero-assurance svg { color: var(--success); }
.desk-scene { padding: 0; margin: 0; }
.desk-scene__heading { padding: 0 4px 12px; border-bottom: 0; font-size: 12px; }
.scene-status { color: var(--success); }
.scene-status::before { background: var(--success); }
.desk-stage { height: 458px; min-height: 0; padding: 8px 8px 16px; gap: 16px 20px; grid-template-columns: 1.08fr .92fr; grid-template-rows: 268px 150px; }
.task-ticket { --rest-turn: 0deg; padding: 20px; border-radius: 7px; border-color: var(--rule); box-shadow: 0 12px 28px -15px rgb(35 44 49 / 24%); min-height: 0; }
.ticket--contract { --rest-turn: -2deg; grid-column: 1; grid-row: 1/3; margin-block: 49px 32px; z-index: 2; background: var(--paper); }
.ticket--contract::before { content: ''; position: absolute; width: 108px; height: 12px; top: -12px; left: -1px; background: var(--paper); border: 1px solid var(--rule); border-bottom: 0; border-radius: 6px 6px 0 0; }
.ticket--contract::after { content: ''; position: absolute; inset: 8px -6px -6px 6px; border: 1px solid var(--rule); border-radius: 7px; background: var(--cloud-dancer); z-index: -1; }
.ticket--lead { --rest-turn: 2deg; grid-column: 2; grid-row: 2; background: var(--lead-wash); padding: 15px 17px; }
.ticket--listing { --rest-turn: 1.5deg; grid-column: 2; grid-row: 1; display: flex; padding: 12px; }
.ticket--contract,.is-running .ticket--contract:not(.is-handled) { transform: translate(calc(var(--dx,0px)*-.5),calc(var(--dy,0px)*.6 + var(--lift))) rotate(calc(var(--rest-turn) + var(--turn))); }
.ticket--lead,.is-running .ticket--lead:not(.is-handled) { transform: translate(var(--dx,0px),calc(var(--dy,0px) + var(--lift))) rotate(calc(var(--rest-turn) + var(--turn))); }
.ticket--listing,.is-running .ticket--listing:not(.is-handled) { transform: translate(calc(var(--dx,0px)*.7),calc(var(--dy,0px)*-.5 + var(--lift))) rotate(calc(var(--rest-turn) + var(--turn))); }
.ticket-head { font-size: 10px; min-height: 22px; gap: 7px; }
.ticket-icon { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 5px; background: var(--cloud-dancer); color: var(--ink-muted); }
.ticket--contract .ticket-icon { background: var(--success-wash); color: var(--success); }
.ticket--lead .ticket-icon { background: transparent; color: var(--lead-ink); width: 17px; }
.ticket-head .ticket-icon svg { width: 15px; height: 15px; }
.ticket-number { font-size: 9px; }
.ticket-title,.ticket--contract .ticket-title { font: 600 23px/1.2 'Source Sans 3',system-ui,sans-serif; margin-top: 19px; }
.ticket--contract .ticket-title { font-size: 26px; }
.file-progress { display: flex; gap: 5px; margin: 18px 0 14px; }
.file-progress span { height: 4px; flex: 1; border-radius: 1px; background: var(--blue-atoll); transition: background-color 350ms,transform 600ms var(--ease); transform-origin: left; }
.is-running .ticket--contract:not(.is-handled) .file-progress span { background: var(--rule); transform: scaleX(.22); }
.file-progress span:nth-child(2) { transition-delay: 90ms; }
.file-progress span:nth-child(3) { transition-delay: 180ms; }
.ticket-row { font-size: 12px; padding-block: 11px; }
.task-check { border: 0; border-radius: 3px; background: var(--success-wash); width: 17px; height: 17px; }
.task-check::after { border-color: var(--success); left: 6px; top: 3px; }
.ticket-bottom,.ticket--contract .ticket-bottom { padding-top: 12px; font-size: 10px; }
.task-after { color: var(--success); }
.ticket--lead .ticket-title { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 21px; margin-top: 8px; }
.message-send { color: var(--lead-ink); transition: transform 350ms var(--ease); }
.message-send svg { width: 17px; height: 17px; }
.ticket--lead .ticket-detail { font-size: 11px; margin: 5px 0 8px; }
.ticket--lead .ticket-bottom { padding-top: 8px; }
.listing-photo { position: relative; margin-top: 9px; overflow: hidden; border-radius: 4px; flex-shrink: 0; }
.listing-photo img { width: 100%; height: 112px; object-fit: cover; transition: transform 600ms var(--ease); }
.photo-check { position: absolute; bottom: 7px; right: 7px; padding: 5px; background: var(--paper); border-radius: 4px; color: var(--success); box-shadow: 0 2px 8px rgb(0 0 0 / 8%); transition: transform 400ms var(--ease); }
.photo-check svg { width: 13px; height: 13px; }
.is-running .ticket--listing:not(.is-handled) .photo-check { transform: translateY(36px); }
.ticket--listing .ticket-title { font-size: 19px; margin-top: 11px; }
.ticket--listing .ticket-detail { font-size: 10px; margin: 4px 0 9px; }
.ticket--listing .ticket-bottom { padding-top: 8px; }
.home-pain { border-block: 1px solid var(--rule); }
.home-pain h2 { font-size: 30px; max-width: 25ch; }
.painlist .num { font-family: 'Source Sans 3',system-ui,sans-serif; color: var(--success); font-weight: 600; }
.painlist li { font-size: 16px; }
.service-section { background: var(--paper); }
.section-heading>p { font-size: 16px; }
#home-services { gap: 0 40px; }
.svc { grid-template-columns: 38px minmax(0,1fr) 20px; gap: 0 17px; padding-block: 19px; min-height: 102px; }
.svc .num { grid-column: 1; grid-row: 1/3; display: flex; flex-direction: column-reverse; align-items: center; gap: 5px; font: 400 10px/1.3 'Source Sans 3',sans-serif; padding-top: 0; }
.svc .num svg { width: 34px; height: 34px; padding: 7px; border-radius: 6px; background: var(--chalk-blue); color: var(--success); transition: transform 260ms var(--ease),background-color 260ms; }
.svc:nth-child(3n+2) .num svg { background: var(--lead-wash); color: var(--lead-ink); }
.svc:nth-child(3n) .num svg { background: var(--cloud-dancer); color: var(--ink-muted); }
.svc__name { font-size: 20px; line-height: 1.3; }
.svc__one { font-size: 15px; }
.svc .arrowlink svg { width: 18px; }
.pick { background: color-mix(in srgb,var(--paper) 48%,transparent); border-radius: 5px; }
.pick:has(input:checked) { border-color: var(--success); background: var(--paper); }
.rev figure { border-top-color: var(--on-dark-rule); }
.rev blockquote { font-size: 20px; }
.stars { color: #98D2C5; }
.home-process .step { padding-top: 21px; }
.step .num { font: 400 30px/1 'Source Sans 3',system-ui,sans-serif; margin-bottom: 20px; }
.step h3 { font-size: 20px; max-width: 24ch; }
.step p { font-size: 15px; }
.step-icon { position: absolute; top: 20px; right: 4px; color: var(--success); transition: transform 300ms var(--ease); }
.step-icon svg { width: 24px; height: 24px; }
.faq summary { font: 600 18px/1.45 'Source Sans 3',system-ui,sans-serif; }
.ans { font-size: 16px; }
.pagehead h1,.pagehead--scene h1 { font-size: 46px; line-height: 1.08; }
.pagehead .lede { font-size: 20px; }
.work-sample__paper { border-radius: 7px; border-top: 3px solid var(--blue-atoll); box-shadow: 0 14px 32px -24px rgb(32 41 47 / 30%); }
.work-sample__paper h2 { font-size: 26px; }
.sample-row svg { color: var(--success); }
.svcrow h2,.svcrow h3 { font-size: 26px; }
.ftr { border-top: 1px solid var(--on-dark-rule); }
@media (hover:hover) and (pointer:fine) {
  .task-ticket:hover { --turn: 0deg; --rest-turn: 0deg; --lift: -8px; border-color: var(--blue-atoll); box-shadow: 0 19px 35px -17px rgb(35 44 49 / 27%); }
  .task-ticket:hover .listing-photo img { transform: scale(1.045); }
  .task-ticket:hover .message-send { transform: translate(3px,-3px) rotate(-8deg); }
  .svc:hover .num svg { transform: translateY(-2px) rotate(-5deg); }
  .step:hover .step-icon { transform: translateX(3px) rotate(-6deg); }
}
@media (min-width:1600px) {
  .hero h1 { font-size: 68px; }
  .hero h1 .calm { font-size: 74px; }
}
@media (min-width:1000px) and (max-width:1199px) {
  .hero__grid { gap: 16px 28px; }
  .hero h1 { font-size: 53px; }
  .hero h1 .calm { font-size: 59px; }
  .hero__lede { font-size: 19px; }
  .desk-stage { gap: 15px; grid-template-columns: 1.08fr .92fr; grid-template-rows: 267px 159px; height: 458px; }
  .task-ticket { padding: 13px; }
  .ticket--contract { margin-block: 47px 40px; }
  .ticket-head { font-size: 9px; gap: 5px; }
  .ticket--contract .ticket-title { font-size: 23px; }
  .ticket-row { font-size: 11px; }
  .ticket--lead .ticket-title { font-size: 18px; }
  .ticket--listing .ticket-title { font-size: 18px; }
  .ticket--listing { padding: 10px; }
}
@media (min-width:700px) and (max-width:999px) {
  .hero__grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px 32px; }
  .hero h1 { font-size: 48px; }
  .hero h1 .calm { font-size: 54px; }
  .hero__lede { font-size: 19px; }
  .desk-stage { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; height: auto; padding-top: 15px; gap: 16px; }
  .ticket--contract { grid-column: 1/3; grid-row: 1; margin: 0; padding: 17px; }
  .ticket--contract .ticket-title { font-size: 23px; margin-top: 12px; }
  .file-progress { margin: 12px 0 4px; }
  .ticket-row { padding-block: 7px; }
  .ticket--contract .ticket-bottom { margin-top: 14px; }
  .ticket--lead { grid-column: 1/3; grid-row: 2; min-height: 134px; }
  .ticket--listing { display: none; }
  .svc__name { font-size: 19px; }
}
@media (max-width:999px) {
  .hdr__in { min-height: 70px; }
  .mobilenav { top: 70px; }
}
@media (max-width:699px) {
  h2 { font-size: 29px; }
  .brand__name { font-size: 22px; }
  .brand__mark { width: 21px; height: 39px; }
  .hero { padding-top: 22px; padding-bottom: 18px; }
  .hero__grid { grid-template-columns: 1fr; gap: 0; }
  .hero h1 { font-size: 42px; margin-top: 14px; }
  .hero h1 .calm { font-size: 48px; }
  .hero__lede { font-size: 19px; margin-top: 16px; }
  .hero__body { font-size: 15px; }
  .hero .btn-row { margin-top: 18px; }
  .desk-scene { margin-top: 20px; border-top: 1px solid var(--rule); padding-top: 12px; }
  .desk-scene__heading { font-size: 11px; padding: 0; }
  .desk-stage { height: auto; min-height: 0; grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-template-rows: auto auto; gap: 10px; padding: 16px 0 1px; }
  .task-ticket { display: flex; height: auto; min-height: 0; padding: 10px 12px; gap: 0; }
  .ticket--contract { grid-column: 1/3; grid-row: 1; margin: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 10px; }
  .ticket--contract::before { height: 7px; top: -7px; width: 86px; }
  .ticket--contract::after { display: none; }
  .ticket--contract .ticket-title { font-size: 21px; margin: 2px 0 0; grid-column: 1; }
  .file-progress { grid-column: 1/3; grid-row: 3; margin: 8px 0 1px; }
  .file-progress span { height: 3px; }
  .ticket--contract .ticket-bottom { grid-column: 2; grid-row: 1/3; padding: 0; margin: 0; max-width: 110px; }
  .ticket--lead { grid-column: 1; grid-row: 2; background: var(--lead-wash); min-height: 0; }
  .ticket--listing { display: flex; grid-column: 2; grid-row: 2; padding: 9px; }
  .ticket-head { font-size: 9px; gap: 5px; min-height: 18px; }
  .ticket-icon { width: 19px; height: 19px; }
  .ticket-head .ticket-icon svg { width: 13px; height: 13px; }
  .ticket-number { display: none; }
  .ticket--lead .ticket-title { font-size: 19px; margin-top: 12px; }
  .message-send { display: none; }
  .ticket--lead .ticket-detail { display: block; font-size: 10px; margin: 8px 0 16px; }
  .ticket-bottom { border-top: 1px solid var(--rule); font-size: 9px; padding-top: 7px; margin-top: auto; width: 100%; max-width: none; }
  .ticket--lead .ticket-bottom { padding-top: 8px; }
  .task-before { white-space: normal; left: 0; right: auto; }
  .task-after { gap: 5px; }
  .task-after svg { width: 11px; height: 11px; flex-shrink: 0; }
  .listing-photo { margin-top: 7px; }
  .listing-photo img { height: 60px; }
  .photo-check { padding: 3px; right: 5px; bottom: 5px; }
  .photo-check svg { width: 10px; height: 10px; }
  .ticket--listing .ticket-title { font-size: 16px; margin: 8px 0; }
  .ticket--listing .ticket-detail { display: none; }
  .home-pain h2 { font-size: 28px; }
  .svc { grid-template-columns: 32px minmax(0,1fr) 18px; gap: 0 13px; padding-block: 16px; min-height: 91px; }
  .svc__name { font-size: 19px; }
  .svc .num svg { width: 31px; height: 31px; padding: 6px; }
  .svc__one { font-size: 14px; }
  .step .num { font-size: 26px; margin-bottom: 0; }
  .home-process .step { padding-top: 17px; }
  .home-process .step h3 { padding-right: 29px; }
  .step-icon { top: 18px; right: 0; }
  .step-icon svg { width: 20px; height: 20px; }
  .pagehead h1,.pagehead--scene h1 { font-size: 36px; }
  .pagehead .lede { font-size: 19px; }
}
@media (max-width:374px) {
  .brand__name { font-size: 20px; }
  .hero h1 { font-size: 42px; }
  .hero h1 .calm { font-size: 48px; }
  .ticket--contract .ticket-title { font-size: 19px; }
  .ticket-head { font-size: 8px; }
  .ticket--lead { padding: 10px; }
  .ticket--lead .ticket-title { font-size: 17px; }
  .ticket--listing .ticket-title { font-size: 15px; }
  .ticket-bottom { font-size: 8px; }
  .ticket--contract .ticket-bottom { font-size: 9px; }
}
@media (prefers-color-scheme:dark) {
  :root { --cloud-dancer: #222A2F; --paper: #2A343A; --chalk-blue: #263A39; --chalk-band: #263A39; --ink: #DFE7E9; --ink-deep: #F4F7F8; --ink-muted: #B3C2C8; --rule: #48585F; --dark-ground: #182125; --success: #A0D5C7; --success-wash: #304C43; --lead-wash: #363647; --lead-ink: #CAC5E6; }
  .band-chalk { --ink-muted: #BDD2CC; --rule: #49625C; }
}
@media (prefers-reduced-motion:reduce) {
  .task-ticket,.listing-photo img,.message-send,.step-icon,.svc .num svg { transform: none!important; }
}

/* Page-specific work scenes. Labels describe the existing service, not live data. */
.pagehead--visual > .shell {
  display: grid;
  grid-template-columns: minmax(0,1.12fr) minmax(0,1fr);
  align-items: center;
  gap: 56px;
}
.pagehead--visual { padding-block: 32px 36px; }
.pagehead--visual h1 { max-width: 23ch; }
.pagehead--visual .page-intro { min-width: 0; }
.pagehead--visual .lede { max-width: 44ch; }
.page-visual { position: relative; min-width: 0; width: 100%; max-width: 550px; margin: 0; padding: 10px 8px 0; justify-self: end; }
.page-visual svg { width: 18px; height: 18px; flex-shrink: 0; }
.page-visual strong { font-weight: 600; }
.page-visual figcaption { font-size: 12px; line-height: 1.5; color: var(--ink-muted); margin-top: 18px; text-align: center; }
.visual-piece {
  position: relative;
  min-width: 0;
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: 7px;
  box-shadow: 0 12px 28px -22px rgb(24 42 49 / 34%);
  transform: translate(calc(var(--vx,0px)*var(--depth,0)),calc(var(--vy,0px)*var(--depth,0) + var(--piece-lift,0px))) rotate(var(--piece-angle,0deg));
  transition: transform 250ms var(--ease),border-color 250ms,box-shadow 250ms;
}
.visual-bar { display: flex; align-items: center; gap: 9px; padding: 15px 18px; font-size: 13px; font-weight: 600; line-height: 1.35; border-bottom: 1px solid var(--rule); }
.visual-bar > span { min-width: 0; }
.visual-bar > span:first-child { color: var(--success); flex-shrink: 0; }
.visual-bar .visual-icon { display: grid; place-items: center; width: 30px; height: 30px; background: var(--chalk-blue); border-radius: 6px; }
.visual-tag { margin-left: auto; font-size: 10px; font-weight: 400; color: var(--ink-muted); }
.visual-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid var(--rule); padding: 12px 18px; font-size: 11px; color: var(--success); }
.visual-footer > span { order: 2; }

/* Contract milestones sit on a single continuous timeline. */
.closing-folio { --piece-angle: -1deg; margin-inline: 8px; }
.closing-folio::before { content: ''; position: absolute; top: -8px; left: -1px; width: 110px; height: 8px; background: var(--paper); border: 1px solid var(--rule); border-bottom: 0; border-radius: 5px 5px 0 0; }
.closing-timeline { padding: 8px 20px 8px; }
.closing-timeline li { position: relative; display: flex; gap: 15px; align-items: center; padding: 9px 0; min-height: 58px; }
.closing-timeline li:not(:last-child)::after { content: ''; position: absolute; left: 15px; top: 39px; height: 28px; width: 1px; background: var(--rule); }
.timeline-node { display: grid; place-items: center; width: 31px; height: 31px; background: var(--chalk-blue); border: 1px solid var(--rule); border-radius: 50%; flex-shrink: 0; color: var(--success); transition: background-color 200ms,transform 200ms; }
.timeline-node svg { width: 15px; height: 15px; }
.closing-timeline li:last-child .timeline-node { background: var(--success); color: var(--paper); border-color: var(--success); }
.closing-timeline strong,.closing-timeline div > span { display: block; }
.closing-timeline strong { font-size: 14px; }
.closing-timeline div > span { font-size: 11px; color: var(--ink-muted); }

/* Listing media, its publication details, and the ongoing seller update. */
.property-sheet { --piece-angle: .7deg; overflow: hidden; }
.property-image { position: relative; }
.property-image img { width: 100%; height: 200px; object-fit: cover; object-position: center 55%; }
.property-label { position: absolute; bottom: 12px; left: 14px; background: var(--paper); color: var(--ink-deep); font-size: 16px; font-weight: 600; padding: 6px 11px; border-radius: 3px; }
.listing-stages { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 15px 9px; }
.listing-stages > span { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 6px; text-align: center; font-size: 11px; }
.listing-stages > span + span { border-left: 1px solid var(--rule); }
.listing-stages i { color: var(--success); }

/* A contact ledger uses groups rather than invented client identities. */
.crm-workspace { overflow: hidden; }
.crm-state { display: flex; align-items: center; justify-content: center; gap: 6px; color: var(--success); background: var(--chalk-blue); font-size: 11px; padding: 9px; }
.crm-state svg { width: 12px; height: 12px; margin-left: 12px; }
.crm-state svg:first-child { margin-left: 0; }
.crm-table { padding: 6px 16px 0; }
.crm-table-head { display: grid; grid-template-columns: 26px minmax(0,1fr) minmax(0,1fr); gap: 9px; font-size: 10px; color: var(--ink-muted); padding: 10px 0; }
.crm-table-head > span:first-child { grid-column: 2; }
.crm-record { display: grid; grid-template-columns: 26px minmax(0,1fr) minmax(0,1fr); gap: 9px; align-items: center; padding: 15px 0; border-top: 1px solid var(--rule); transition: transform 200ms,background-color 200ms; }
.record-icon { color: var(--lead-ink); }
.record-icon svg { width: 17px; height: 17px; }
.crm-record strong { font-size: 12px; }
.crm-record > span:last-child { font-size: 11px; color: var(--ink-muted); }
.record-log { display: flex; gap: 24px; padding: 13px 18px; border-top: 1px solid var(--rule); font-size: 11px; color: var(--success); }
.record-log > span { display: flex; align-items: center; gap: 6px; }
.record-log svg { width: 14px; height: 14px; }

/* Sources converge into one response, then continue through the handoff. */
.visual-leads { padding-inline: 14px; }
.lead-sources { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; padding-inline: 20px; }
.lead-sources > span { display: flex; align-items: center; flex-direction: column; gap: 9px; font-size: 12px; }
.lead-sources i { background: var(--paper); border: 1px solid var(--rule); border-radius: 7px; width: 43px; height: 43px; display: grid; place-items: center; color: var(--lead-ink); }
.lead-connector { position: relative; height: 36px; margin: 0 16%; border-inline: 1px solid var(--rule); border-bottom: 1px solid var(--rule); border-radius: 0 0 8px 8px; }
.lead-connector::before { content: ''; position: absolute; height: 51px; width: 1px; background: var(--rule); left: 50%; top: 0; }
.inquiry-note { margin-top: 16px; display: flex; align-items: center; gap: 14px; padding: 22px; background: var(--lead-wash); }
.inquiry-symbol { color: var(--lead-ink); }
.inquiry-symbol svg { width: 30px; height: 30px; }
.inquiry-note p { font-size: 23px; font-weight: 600; }
.inquiry-note div > span { font-size: 12px; color: var(--ink-muted); }
.inquiry-send { margin-left: auto; color: var(--lead-ink); transition: transform 250ms; }
.lead-route { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; position: relative; margin-top: 24px; }
.lead-route::before { content: ''; position: absolute; top: 14px; height: 1px; background: var(--rule); inset-inline: 16%; }
.lead-route li { position: relative; display: flex; align-items: center; flex-direction: column; gap: 8px; text-align: center; font-size: 11px; }
.lead-route li > span { display: grid; place-items: center; background: var(--cloud-dancer); width: 28px; height: 28px; border: 1px solid var(--rule); border-radius: 50%; color: var(--success); }
.lead-route svg { width: 13px; height: 13px; }

/* Inbox rows resolve into the weekly calendar below. */
.inbox-workspace { overflow: hidden; }
.inbox-messages { padding-inline: 18px; }
.inbox-messages li { display: grid; grid-template-columns: 19px minmax(0,1fr) auto; gap: 11px; align-items: center; min-height: 49px; border-bottom: 1px solid var(--rule); font-size: 12px; transition: padding-left 200ms; }
.inbox-messages li:last-child { border-bottom: 0; }
.inbox-messages li > span:first-child { color: var(--ink-muted); }
.inbox-messages li > span:last-child { font-size: 10px; color: var(--success); }
.week-strip { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); grid-template-rows: 24px 32px 32px; gap: 5px; padding: 11px 16px 15px; background: var(--cloud-dancer); border-top: 1px solid var(--rule); }
.week-strip > span { text-align: center; color: var(--ink-muted); font-size: 10px; }
.week-event { display: flex; align-items: center; gap: 7px; font-size: 11px; padding: 6px 9px; border-radius: 3px; }
.week-event svg { width: 13px; height: 13px; }
.event-showing { grid-column: 1/4; grid-row: 2; background: var(--lead-wash); color: var(--lead-ink); }
.event-calendar { grid-column: 3/6; grid-row: 3; background: var(--success-wash); color: var(--success); }

/* Marketing is a small working desk of actual content formats. */
.marketing-desk { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); grid-template-rows: 1fr auto; gap: 15px; align-items: stretch; }
.social-post { --piece-angle: -1.5deg; grid-column: 1; grid-row: 1/3; align-self: center; overflow: hidden; }
.social-post .visual-bar { padding: 12px 13px; font-size: 11px; }
.social-photo { position: relative; overflow: hidden; }
.social-photo img { width: 100%; height: 177px; object-fit: cover; transition: transform 450ms var(--ease); }
.social-photo strong { position: absolute; left: 11px; bottom: 11px; padding: 4px 8px; font-size: 17px; background: var(--paper); color: var(--ink-deep); }
.social-caption { padding: 13px; display: flex; flex-direction: column; gap: 4px; }
.social-caption strong { font-size: 12px; }
.social-caption > span { font-size: 10px; color: var(--ink-muted); }
.content-schedule { --piece-angle: 1deg; align-self: end; margin-top: 13px; }
.content-schedule .visual-bar { padding: 14px 12px; font-size: 11px; gap: 7px; }
.content-schedule .visual-bar svg { width: 16px; height: 16px; }
.content-schedule ul { padding: 0 12px 5px; }
.content-schedule li { display: flex; align-items: center; gap: 7px; font-size: 11px; border-bottom: 1px solid var(--rule); min-height: 42px; }
.content-schedule li:last-child { border: 0; }
.content-dot { width: 4px; height: 14px; border-radius: 1px; background: var(--blue-atoll); flex-shrink: 0; }
.content-schedule li:nth-child(2) .content-dot { background: var(--lead-ink); }
.content-schedule li:nth-child(3) .content-dot { background: var(--success); }
.content-schedule li > span:last-child { margin-left: auto; color: var(--success); }
.content-schedule li svg { width: 12px; height: 12px; }
.reel-note { --piece-angle: 1.5deg; display: flex; gap: 10px; padding: 16px 13px; align-items: center; background: var(--lead-wash); margin-bottom: 10px; }
.reel-icon { color: var(--lead-ink); }
.reel-icon svg { width: 24px; height: 24px; }
.reel-note strong,.reel-note div > span { display: block; }
.reel-note strong { font-size: 13px; }
.reel-note div > span { font-size: 10px; color: var(--ink-muted); margin-top: 4px; }

/* The same page pictured at desktop and phone proportions. */
.browser-preview { --piece-angle: -1deg; margin: 0 40px 30px 0; overflow: hidden; }
.browser-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--cloud-dancer); border-bottom: 1px solid var(--rule); padding: 11px 13px; font-size: 10px; color: var(--ink-muted); }
.browser-bar svg { width: 14px; height: 14px; }
.browser-dots { display: flex; gap: 4px; }
.browser-dots i { width: 5px; height: 5px; border-radius: 50%; background: var(--rule); }
.website-image { position: relative; }
.website-image img { width: 100%; height: 178px; object-fit: cover; }
.website-image strong { position: absolute; left: 14px; bottom: 14px; padding: 5px 9px; background: var(--paper); color: var(--ink-deep); font-size: 18px; }
.website-copy { display: flex; flex-direction: column; gap: 12px; padding: 16px 18px 20px; font-size: 12px; }
.form-connection { display: flex; gap: 7px; align-items: start; color: var(--success); font-size: 10px; padding-right: 56px; }
.form-connection svg { width: 13px; height: 13px; }
.mobile-preview { --piece-angle: 3deg; position: absolute; width: 111px; right: 2px; bottom: 42px; padding: 13px 7px 9px; border: 5px solid var(--ink-deep); border-radius: 8px; box-shadow: 0 12px 25px -16px rgb(20 30 35 / 45%); }
.mobile-speaker { position: absolute; top: 4px; left: 38%; width: 24%; height: 2px; background: var(--rule); }
.mobile-preview > span:nth-child(2) { font-size: 8px; display: block; margin: 0 0 7px; }
.mobile-preview img { width: 100%; height: 74px; object-fit: cover; }
.mobile-copy-lines { display: flex; flex-direction: column; gap: 5px; margin-top: 11px; }
.mobile-copy-lines i { height: 3px; background: var(--rule); width: 92%; }
.mobile-copy-lines i:nth-child(2) { width: 69%; }
.mobile-copy-lines i:nth-child(3) { width: 80%; }
.mobile-ready { width: 20px; height: 20px; background: var(--success-wash); color: var(--success); display: grid; place-items: center; border-radius: 3px; margin-top: 12px; }
.mobile-ready svg { width: 12px; height: 12px; }

/* Four linked stages, not another checklist. */
.engagement-map { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 19px; position: relative; }
.engagement-stop { padding: 18px; display: grid; grid-template-columns: 1fr auto; align-content: start; min-height: 139px; }
.engagement-stop:nth-child(even) { margin-top: 16px; margin-bottom: -16px; }
.stop-number { font-size: 12px; color: var(--ink-muted); }
.stop-icon { color: var(--success); }
.stop-icon svg { width: 23px; height: 23px; }
.engagement-stop strong { font-size: 18px; grid-column: 1/-1; margin-top: 16px; }
.engagement-stop > span:last-child { font-size: 11px; grid-column: 1/-1; margin-top: 5px; color: var(--ink-muted); }
.engagement-stop:first-child { background: var(--chalk-blue); }
.engagement-stop:last-child { background: var(--lead-wash); }
.engagement-stop:nth-child(odd)::after { content: ''; position: absolute; top: 39px; right: -19px; width: 18px; border-top: 1px dashed var(--rule); }
.engagement-stop:nth-child(2)::after { content: ''; position: absolute; bottom: -20px; right: 50%; height: 19px; border-left: 1px dashed var(--rule); }
.visual-working figcaption { margin-top: 33px; }

/* Pricing shows its three inputs without inventing a quote. */
.pricing-sheet { --piece-angle: 1deg; padding-bottom: 0; overflow: hidden; }
.price-factor { display: flex; align-items: center; gap: 15px; margin: 0 20px; padding: 14px 0; border-bottom: 1px solid var(--rule); }
.price-factor > span:first-child { color: var(--lead-ink); }
.price-factor strong,.price-factor div > span { display: block; }
.price-factor strong { font-size: 14px; }
.price-factor div > span { font-size: 11px; color: var(--ink-muted); margin-top: 2px; }
.factor-plus { margin-left: auto; color: var(--ink-muted); }
.factor-plus svg { width: 13px; height: 13px; }
.pricing-result { display: flex; align-items: center; gap: 13px; background: var(--chalk-blue); padding: 16px 20px; }
.pricing-result > span { color: var(--success); }
.pricing-result strong { display: block; font-size: 23px; }
.pricing-result div > span { font-size: 12px; color: var(--ink-muted); }

/* Founder identities stay factual; no invented portraits. */
.founder-pair { display: flex; flex-direction: column; gap: 17px; }
.founder-note { display: flex; align-items: center; gap: 20px; padding: 21px; }
.founder-note:first-child { --piece-angle: -1deg; margin-right: 25px; }
.founder-note:last-child { --piece-angle: 1deg; margin-left: 25px; }
.founder-initial { display: grid; place-items: center; width: 67px; height: 74px; background: var(--chalk-blue); color: var(--success); border-radius: 5px; font: 400 46px/1 'Source Serif 4',Georgia,serif; flex-shrink: 0; }
.founder-note:last-child .founder-initial { color: var(--lead-ink); background: var(--lead-wash); }
.founder-role { display: block; font-size: 10px; color: var(--ink-muted); margin-bottom: 5px; }
.founder-note strong { display: block; font-size: 21px; color: var(--ink-deep); }
.founder-note p { font-size: 11px; margin-top: 7px; color: var(--ink-muted); }
.team-principles { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 7px 13px; margin-top: 25px; font-size: 11px; color: var(--ink-muted); }
.team-principles > span:first-child { color: var(--success); }
.team-principles svg { width: 16px; height: 16px; }

/* Complete joins all seven around one team. */
.team-hub { display: grid; grid-template-columns: auto auto; column-gap: 10px; align-items: center; margin: 0 auto; width: fit-content; position: relative; color: var(--on-dark); background: var(--dark-ground); border-radius: 7px; padding: 15px 25px; }
.team-hub > span:first-child { grid-column: 1; grid-row: 1/3; color: #98D2C5; }
.team-hub svg { width: 24px; height: 24px; }
.team-hub strong { font-size: 20px; }
.team-hub > span:last-child { font-size: 11px; color: var(--on-dark-muted); }
.team-hub::after { content: ''; position: absolute; width: 1px; height: 24px; background: var(--success); left: 50%; bottom: -24px; }
.complete-network { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 15px; border-top: 1px solid var(--rule); padding-top: 13px; margin-top: 24px; position: relative; }
.network-service { display: flex; align-items: center; gap: 11px; padding: 13px 14px; min-height: 47px; border: 1px solid var(--rule); border-radius: 5px; background: var(--paper); font-size: 12px; transition: transform 200ms,border-color 200ms; }
.network-service i { color: var(--success); flex-shrink: 0; }
.network-service:nth-child(even) i { color: var(--lead-ink); }
.network-service:last-child { grid-column: 1/-1; justify-content: center; }

/* The overview remains useful navigation, including by keyboard. */
.service-toolbox { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.service-toolbox a { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 17px; background: var(--paper); border: 1px solid var(--rule); border-radius: 6px; text-decoration: none; transition: transform 220ms,border-color 220ms,background-color 220ms; }
.service-toolbox a > span:first-child { grid-column: 1; grid-row: 1; color: var(--success); }
.service-toolbox a:nth-child(3n+2) > span:first-child { color: var(--lead-ink); }
.service-toolbox a > span:first-child svg { width: 22px; height: 22px; }
.service-toolbox strong { grid-column: 1/-1; grid-row: 2; font-size: 13px; }
.toolbox-arrow { grid-column: 2; grid-row: 1; align-self: start; color: var(--ink-muted); }
.toolbox-arrow svg { width: 13px; height: 13px; }
.service-toolbox a:last-child { grid-column: 1/-1; grid-template-columns: 24px 1fr auto; align-items: center; gap: 12px; }
.service-toolbox a:last-child strong { grid-column: 2; grid-row: 1; }
.service-toolbox a:last-child .toolbox-arrow { grid-column: 3; align-self: center; }
.service-toolbox a:focus-visible { border-color: var(--blue-atoll); background: var(--chalk-blue); }

@media (hover:hover) and (pointer:fine) {
  .visual-piece:hover { --piece-lift: -4px; --piece-angle: 0deg; border-color: var(--blue-atoll); box-shadow: 0 14px 27px -21px rgb(24 42 49 / 45%); }
  .closing-timeline li:hover .timeline-node { transform: scale(1.09); background: var(--success-wash); }
  .closing-timeline li:last-child:hover .timeline-node { background: var(--success); }
  .crm-record:hover { transform: translateX(3px); background: var(--cloud-dancer); }
  .inbox-messages li:hover { padding-left: 4px; }
  .inquiry-note:hover .inquiry-send { transform: translate(4px,-4px); }
  .social-post:hover img { transform: scale(1.035); }
  .network-service:hover { transform: translateY(-3px); border-color: var(--blue-atoll); }
  .service-toolbox a:hover { transform: translateY(-3px); border-color: var(--blue-atoll); background: var(--chalk-blue); }
}
@media (min-width:900px) and (max-width:1199px) {
  .pagehead--visual > .shell { gap: 34px; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); }
  .pagehead--visual h1 { font-size: 41px; }
  .pagehead--visual .lede { font-size: 19px; }
  .visual-bar { padding-inline: 14px; font-size: 12px; }
  .founder-note { padding: 17px; gap: 14px; }
  .founder-initial { width: 49px; height: 63px; font-size: 39px; }
  .founder-note strong { font-size: 19px; }
  .founder-note:first-child { margin-right: 12px; }
  .founder-note:last-child { margin-left: 12px; }
  .social-photo img { height: 153px; }
  .content-schedule li { font-size: 10px; }
  .content-schedule .visual-bar { font-size: 10px; }
  .reel-note { padding: 14px 10px; gap: 8px; }
  .reel-icon svg { width: 19px; height: 19px; }
  .reel-note strong { font-size: 12px; }
  .network-service { font-size: 11px; padding-inline: 10px; gap: 8px; }
}
@media (max-width:899px) {
  .pagehead--visual > .shell { grid-template-columns: minmax(0,1fr); gap: 26px; }
  .pagehead--visual h1 { max-width: 23ch; }
  .page-visual { justify-self: center; max-width: 530px; }
  .pagehead--visual { padding-bottom: 28px; }
}
@media (max-width:699px) {
  .pagehead--visual > .shell { gap: 23px; }
  .pagehead--visual h1 { font-size: 36px; }
  .pagehead--visual .lede { font-size: 18px; }
  .pagehead--visual { padding-top: 23px; }
  .page-visual { padding: 8px 2px 0; }
  .page-visual figcaption { font-size: 11px; margin-top: 14px; }
  .visual-piece { --piece-angle: 0deg; }
  .visual-bar { padding: 12px 13px; font-size: 12px; gap: 8px; }
  .visual-tag { font-size: 9px; }
  .visual-bar .visual-icon { width: 26px; height: 26px; }
  .visual-bar .visual-icon svg { width: 16px; height: 16px; }
  .visual-footer { padding: 10px 13px; }
  .closing-folio { margin-inline: 3px; }
  .closing-timeline { padding: 6px 14px; }
  .closing-timeline li { min-height: 52px; padding: 6px 0; gap: 12px; }
  .closing-timeline li:not(:last-child)::after { height: 23px; }
  .closing-timeline strong { font-size: 13px; }
  .property-image img { height: 173px; }
  .property-label { font-size: 15px; left: 11px; bottom: 10px; }
  .listing-stages { padding-block: 12px; }
  .listing-stages > span { font-size: 10px; }
  .crm-table { padding-inline: 11px; }
  .crm-record { gap: 7px; grid-template-columns: 21px minmax(0,1fr) minmax(0,1fr); padding-block: 13px; }
  .crm-table-head { grid-template-columns: 21px minmax(0,1fr) minmax(0,1fr); gap: 7px; }
  .crm-record strong { font-size: 11px; }
  .crm-record > span:last-child { font-size: 10px; }
  .record-log { gap: 18px; padding: 11px 13px; }
  .lead-sources { padding-inline: 7px; gap: 12px; }
  .lead-sources > span { font-size: 11px; }
  .lead-sources i { width: 37px; height: 37px; }
  .inquiry-note { padding: 18px 14px; gap: 11px; }
  .inquiry-note p { font-size: 21px; }
  .inquiry-note div > span { font-size: 11px; }
  .inquiry-symbol svg { width: 24px; height: 24px; }
  .lead-route { gap: 8px; margin-top: 20px; }
  .lead-route li { font-size: 10px; }
  .inbox-messages { padding-inline: 13px; }
  .inbox-messages li { font-size: 11px; gap: 8px; min-height: 44px; }
  .week-strip { padding-inline: 11px; }
  .week-event { font-size: 10px; padding-inline: 6px; gap: 4px; }
  .marketing-desk { gap: 12px; }
  .social-photo img { height: 157px; }
  .social-post .visual-bar,.content-schedule .visual-bar { padding: 12px 9px; font-size: 10px; gap: 6px; }
  .social-post .visual-bar svg,.content-schedule .visual-bar svg { width: 14px; height: 14px; }
  .social-photo strong { left: 8px; bottom: 8px; font-size: 16px; padding: 3px 6px; }
  .social-caption { padding: 11px; }
  .social-caption strong { font-size: 11px; }
  .content-schedule ul { padding-inline: 9px; }
  .content-schedule li { font-size: 10px; gap: 5px; min-height: 40px; }
  .content-schedule li svg { width: 11px; height: 11px; }
  .reel-note { padding: 13px 10px; gap: 8px; }
  .reel-note strong { font-size: 12px; }
  .reel-note div > span { font-size: 9px; }
  .reel-icon svg { width: 20px; height: 20px; }
  .browser-preview { margin-right: 29px; margin-bottom: 30px; }
  .website-image img { height: 157px; }
  .website-image strong { font-size: 17px; left: 10px; bottom: 10px; }
  .website-copy { padding: 13px 13px 17px; font-size: 11px; }
  .form-connection { font-size: 10px; padding-right: 57px; }
  .mobile-preview { right: 0; width: 95px; border-width: 4px; }
  .mobile-preview img { height: 61px; }
  .engagement-map { gap: 15px; }
  .engagement-stop { padding: 14px; min-height: 136px; }
  .engagement-stop strong { font-size: 16px; }
  .engagement-stop > span:last-child { font-size: 10px; }
  .engagement-stop:nth-child(odd)::after { right: -15px; width: 14px; }
  .engagement-stop:nth-child(2)::after { bottom: -16px; height: 15px; }
  .visual-working figcaption { margin-top: 30px; }
  .price-factor { margin-inline: 15px; padding-block: 12px; gap: 12px; }
  .price-factor strong { font-size: 13px; }
  .price-factor div > span { font-size: 10px; }
  .pricing-result { padding: 13px 15px; }
  .pricing-result strong { font-size: 21px; }
  .founder-note { padding: 16px; gap: 14px; }
  .founder-note:first-child { margin-right: 10px; }
  .founder-note:last-child { margin-left: 10px; }
  .founder-initial { width: 47px; height: 64px; font-size: 36px; }
  .founder-note strong { font-size: 19px; }
  .founder-note p { font-size: 10px; }
  .founder-role { font-size: 9px; }
  .team-principles { gap: 6px 10px; font-size: 10px; margin-top: 19px; }
  .team-hub { padding: 13px 20px; }
  .team-hub strong { font-size: 19px; }
  .complete-network { gap: 8px 10px; }
  .network-service { font-size: 10px; gap: 8px; padding: 11px 9px; min-height: 43px; }
  .network-service svg { width: 15px; height: 15px; }
  .service-toolbox { gap: 10px; }
  .service-toolbox a { padding: 13px; gap: 9px; }
  .service-toolbox strong { font-size: 12px; }
}
@media (max-width:374px) {
  .pagehead--visual h1 { font-size: 33px; }
  .pagehead--visual .lede { font-size: 17px; }
  .visual-bar { font-size: 11px; }
  .visual-tag { max-width: 63px; text-align: right; }
  .social-post .visual-bar,.content-schedule .visual-bar { font-size: 9px; gap: 4px; padding-inline: 8px; }
  .content-schedule ul { padding-inline: 8px; }
  .content-schedule li { font-size: 9px; gap: 4px; }
  .content-schedule li svg { width: 9px; height: 9px; }
  .social-caption { padding: 9px; }
  .social-caption strong { font-size: 10px; }
  .social-photo img { height: 156px; }
  .reel-note { padding: 12px 8px; gap: 6px; }
  .reel-icon svg { width: 16px; height: 16px; }
  .reel-note strong { font-size: 11px; }
  .founder-initial { width: 40px; }
  .founder-note { padding: 13px; gap: 11px; }
  .founder-note strong { font-size: 18px; }
  .engagement-stop { padding: 12px; }
  .engagement-stop strong { font-size: 15px; }
}
@media (prefers-reduced-motion:reduce) {
  .page-visual,.visual-piece,.timeline-node,.crm-record,.inquiry-send,.network-service,.service-toolbox a,.social-photo img { transform: none!important; }
}
@media print { .page-visual { display: none; }.pagehead--visual > .shell { display: block; } }

/* Shared finishing details for the desktop site. */
.hdr { box-shadow: 0 3px 18px -18px rgb(24 42 49 / 35%); }
.hdr__in { min-height: 80px; }
.brand { gap: 13px; padding-block: 8px; }
.brand__mark { width: 25px; height: 46px; }
.brand__name { font-size: 25px; gap: 6px; padding: 0; align-items: baseline; }
.brand__name::after { content: none; display: none; }
.brand__suffix { color: var(--ink-deep); font-weight: 400; }
.brand:hover,.brand:focus-visible { text-decoration: none; }
.nav { gap: 24px; }
.nav > a:not(.btn),.nav__grp > a { font-weight: 600; }
.nav .btn { padding-inline: 20px; }

.advisory-mosaic { display: grid; grid-template-columns: 1.16fr .84fr; gap: 14px; }
.advisory-focus { grid-row: span 3; padding: 27px 22px; display: flex; flex-direction: column; justify-content: center; background: var(--chalk-blue); --piece-angle: -1.5deg; }
.advisory-focus > span:first-child { color: var(--success); margin-bottom: 28px; }
.advisory-focus > span:first-child svg { width: 32px; height: 32px; }
.advisory-label { font-size: 12px; color: var(--ink-muted); }
.advisory-focus strong { font-size: 27px; line-height: 1.17; margin-top: 12px; color: var(--ink-deep); }
.advisory-path { display: flex; align-items: center; gap: 7px; margin-top: 32px; }
.advisory-path i { flex: 1; height: 4px; background: var(--success); opacity: .3; transition: opacity 220ms; }
.advisory-path i:nth-child(2) { opacity: .6; }
.advisory-path i:nth-child(3) { opacity: 1; }
.advisory-path span { color: var(--success); margin-left: 3px; }
.advisory-part { padding: 16px 18px; display: grid; grid-template-columns: 26px 1fr; gap: 3px 7px; align-items: center; }
.advisory-part > span:first-child { grid-row: span 2; color: var(--success); }
.advisory-part strong { font-size: 16px; }
.advisory-part > span:last-child { font-size: 11px; color: var(--ink-muted); }
.advisory-part:last-child { background: var(--lead-wash); }
.advisory-part:last-child > span:first-child { color: var(--lead-ink); }

.closing-band { padding-block: 54px !important; overflow: clip; }
.closing-layout { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr); align-items: center; gap: 36px 70px; }
.closing-copy { min-width: 0; }
.closing-copy h2 { max-width: 24ch; font-size: 36px; }
.closing-copy > p:not(.eyebrow) { margin-top: 18px; max-width: 46ch; }
.closing-copy > .lede { font-size: 19px; }
.closing-copy > .btn-row { margin-top: 24px; gap: 14px; }
.closing-copy > .small { font-size: 13px; }
.closing-layout > .service-related { grid-column: 1/-1; margin-top: 0; }
.closing-visual { --close-surface: var(--paper); --close-ink: var(--ink-deep); --close-muted: var(--ink-muted); --close-rule: var(--rule); width: 100%; margin: 0; justify-self: end; color: var(--close-ink); }
.band-dark .closing-visual { --close-surface: #F8FAFA; --close-ink: #27343B; --close-muted: #637078; --close-rule: #CFDCDD; }
.closing-visual .visual-piece { border-color: var(--close-rule); background: var(--close-surface); color: var(--close-ink); }

.onboarding-kit { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 64px; align-items: center; }
.onboarding-kit h2 { max-width: 24ch; }
.onboarding-kit p:not(.eyebrow) { margin-top: 18px; font-size: 17px; max-width: 48ch; }
.kit-files { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 0; padding-top: 8px; }
.kit-file { min-height: 165px; padding: 19px 15px; display: flex; flex-direction: column; justify-content: space-between; }
.kit-file > span:first-child { color: var(--success); }
.kit-file strong { font-size: 16px; line-height: 1.25; }
.kit-file:nth-child(2) { margin-top: 18px; margin-bottom: -18px; background: var(--lead-wash); }
.kit-file:nth-child(3) { background: var(--chalk-blue); }
.kit-file i { display: block; width: 70%; border-top: 3px solid var(--rule); margin-top: 9px; }
.kit-file i:last-child { width: 45%; }
.pricing-benefits .step { padding-top: 20px; }
.pricing-benefits .step h2 { font-size: 25px; }
.pricing-benefits .step .num { display: none; }
.pricing-benefit-icon { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 20px; color: var(--success); background: var(--success-wash); border-radius: 6px; }
.pricing-benefits .step:nth-child(2) .pricing-benefit-icon { background: var(--lead-wash); color: var(--lead-ink); }

@media (hover:hover) and (pointer:fine) {
  .advisory-mosaic:hover .advisory-path i { opacity: 1; }
  .kit-file:hover { --piece-lift: -5px; }
}
@media (min-width:1000px) and (max-width:1199px) {
  .nav { gap: 16px; }
  .brand__name { font-size: 23px; }
  .closing-layout { gap: 36px; }
  .closing-copy h2 { font-size: 33px; }
}
@media (max-width:999px) {
  .hdr__in { min-height: 74px; }
  .mobilenav { top: 74px; }
  .closing-layout { gap: 30px; }
  .closing-copy h2 { font-size: 31px; }
  .onboarding-kit { grid-template-columns: 1fr; gap: 30px; }
  .kit-files { max-width: 560px; width: 100%; }
}
@media (max-width:699px) {
  .hdr__in { min-height: 70px; }
  .mobilenav { top: 70px; }
  .brand { gap: 9px; }
  .brand__mark { width: 21px; height: 39px; }
  .brand__name { font-size: 22px; gap: 4px; }
  .closing-band { padding-block: 40px !important; }
  .closing-layout { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .closing-copy h2 { font-size: 31px; }
  .closing-copy > .lede { font-size: 17px; }
  .closing-visual { justify-self: center; }
  .advisory-focus { padding: 22px 17px; }
  .advisory-focus strong { font-size: 24px; }
  .advisory-part { padding: 13px 11px; grid-template-columns: 20px 1fr; gap: 3px 6px; }
  .advisory-part strong { font-size: 14px; }
  .advisory-part > span:last-child { font-size: 10px; }
  .advisory-label { font-size: 10px; }
  .kit-files { gap: 9px; }
  .kit-file { min-height: 144px; padding: 16px 11px; }
  .kit-file strong { font-size: 14px; }
  .pricing-benefits .step { grid-template-columns: 40px 1fr; gap: 10px 18px; }
  .pricing-benefit-icon { grid-column: 1; grid-row: 1/3; margin: 0; }
  .pricing-benefits .step h2 { font-size: 22px; }
}
@media (max-width:374px) {
  .brand__name { font-size: 20px; }
  .advisory-mosaic { gap: 10px; }
  .advisory-focus { padding-inline: 13px; }
  .advisory-focus strong { font-size: 22px; }
}
@media (prefers-reduced-motion:reduce) {
  .advisory-path i { transition: none; transform: none !important; }
  .closing-visual .visual-piece,.kit-file { transform: none !important; }
}
@media print { .closing-visual,.kit-files { display: none; } .closing-layout,.onboarding-kit { display: block; } }

/* Page-specific closing scenes share a small set of visual primitives. */
.closing-visual { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(0,1fr); grid-template-rows: auto; gap: 18px; align-items: center; min-height: 250px; padding: 12px 6px; max-width: 440px; color: var(--ink-deep); }
.band-dark .closing-visual { --success: #8CCCB8; }
.closing-visual > * { min-width: 0; }
.closing-visual strong { display: block; color: inherit; font-size: 20px; font-weight: 600; line-height: 1.2; }
.closing-visual svg { width: 20px; height: 20px; flex-shrink: 0; }
.closing-visual [data-visual-layer] { --piece-angle: -2deg; }
.closing-visual [data-visual-layer]:nth-child(2n) { --piece-angle: 2deg; }
.closing-visual .end-kicker { display: block; font-size: 11px; line-height: 1.4; color: var(--close-muted); margin-bottom: 12px; }
.closing-visual .end-caption { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--ink-muted); line-height: 1.5; }
.closing-visual .end-caption svg { color: var(--success); }
.closing-visual .end-big-icon svg { width: 30px; height: 30px; margin-bottom: 13px; color: #287467; }
.end-day { grid-row: span 2; padding: 20px; }
.end-week { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; margin-top: 20px; }
.end-week i { height: 19px; border: 1px solid var(--close-rule); border-radius: 3px; }
.end-week i:nth-child(3),.end-week i:nth-child(8) { background: #D0E8E2; border-color: #9BC9BE; }
.end-week i svg { width: 13px; height: 13px; color: #287467; display: block; margin: 2px auto; }
.end-client { padding: 22px 17px; align-self: end; background: #E6EFF1 !important; }
.end-client > span:first-child svg { color: #278192; width: 29px; height: 29px; }
.end-client strong { margin-block: 14px 9px; }
.end-client > span:last-child { font-size: 12px; color: var(--close-muted); }
.end-home > .end-caption { align-self: start; }
.end-transaction { grid-template-columns: minmax(0,1fr) 105px; gap: 18px; }
.end-checklist { padding: 23px 19px 17px; }
.end-checklist > strong { margin-bottom: 21px; }
.end-rule-row { display: flex; align-items: center; gap: 9px; font-size: 12px; min-height: 42px; border-top: 1px solid var(--close-rule); }
.end-rule-row svg { width: 15px; height: 15px; color: #287467; }
.end-rule-row > span:last-child { margin-left: auto; }
.end-seal { padding: 20px 12px; text-align: center; background: #E5F1EB !important; }
.end-seal svg { width: 38px; height: 38px; margin-bottom: 16px; color: #287467; }
.end-seal strong { font-size: 16px; }
.end-listing { grid-template-columns: minmax(0,1fr) 102px; }
.end-property { overflow: hidden; }
.end-property img { display: block; width: 100%; height: 153px; object-fit: cover; }
.end-property > div { padding: 16px; }
.end-property strong { font-size: 19px; }
.end-property .end-kicker { margin-bottom: 7px; }
.end-listing-notes { display: grid; gap: 10px; padding-left: 3px; }
.end-listing-notes svg { color: var(--success); width: 26px; height: 26px; }
.end-listing-notes strong { font-size: 13px; margin-bottom: 22px; }
.end-listing-notes strong:last-child { margin-bottom: 0; }
.end-crm { grid-template-columns: minmax(0,1fr); gap: 10px; }
.end-record-label { display: flex; align-items: center; gap: 14px; margin-bottom: 5px; }
.end-record-label > span { color: var(--success); }
.end-record-label svg { width: 31px; height: 31px; }
.end-record-label strong { font-size: 18px; }
.end-record { display: flex; align-items: center; gap: 13px; padding: 13px 17px; margin-left: 24px; }
.end-record:nth-child(3) { margin-left: 0; margin-right: 24px; }
.end-record > span,.end-record > i { color: #287467; }
.end-record > i { margin-left: auto; }
.end-record strong { font-size: 13px; }
.end-record div > span { display: block; font-size: 11px; margin-top: 3px; color: var(--close-muted); }
.end-leads { grid-template-columns: minmax(0,1fr); gap: 20px; align-content: center; }
.end-bubble { display: flex; align-items: center; gap: 14px; padding: 20px; }
.end-bubble strong { font-size: 17px; }
.end-bubble .end-kicker { margin-bottom: 5px; }
.end-question { margin-right: 38px; border-bottom-left-radius: 0; }
.end-reply { margin-left: 38px; background: #E0EFEA !important; border-bottom-right-radius: 0; }
.end-bubble > span { color: #287467; }
.end-leads > .end-caption { justify-content: center; }
.end-inbox { grid-template-columns: minmax(0,1fr) 104px; }
.end-agenda { padding: 23px 18px; }
.end-agenda > strong { margin-bottom: 20px; }
.end-agenda-line { display: grid; grid-template-columns: 16px minmax(0,1fr); gap: 7px 9px; margin-top: 12px; font-size: 12px; }
.end-agenda-line svg { width: 16px; height: 16px; color: #287467; }
.end-agenda-line i { grid-column: 2; height: 5px; background: #B7D5CD; border-radius: 2px; width: 90%; }
.end-agenda-line:nth-child(4) i { width: 65%; background: #ACDCE4; }
.end-agenda-line:nth-child(5) i { width: 78%; background: #C9C5DD; }
.end-mail { padding: 20px 12px; background: #E6EFF1 !important; text-align: center; }
.end-mail svg { width: 33px; height: 33px; color: #278192; }
.end-mail strong { font-size: 17px; margin-block: 16px 8px; }
.end-mail > span:last-child { font-size: 10px; color: var(--close-muted); }
.end-marketing { gap: 14px; }
.end-social { grid-row: span 2; overflow: hidden; padding-bottom: 19px; }
.end-social img { width: 100%; height: 125px; object-fit: cover; display: block; }
.end-social .end-kicker { margin: 16px 16px 6px; }
.end-social strong { font-size: 18px; margin-inline: 16px; }
.end-social-lines { margin: 14px 16px 0; }
.end-social-lines i,.end-summary-lines i,.end-answer-lines i { display: block; height: 3px; background: var(--close-rule); margin-top: 7px; width: 85%; }
.end-social-lines i:last-child { width: 57%; }
.end-profile { padding: 21px 16px; align-self: end; background: #E7F1EB !important; }
.end-profile > span:first-child svg { width: 28px; height: 28px; color: #287467; }
.end-profile strong { font-size: 16px; margin-block: 13px 10px; }
.end-profile > span:last-child { font-size: 12px; line-height: 1.4; color: var(--close-muted); }
.end-marketing > .end-caption { align-self: start; font-size: 11px; }
.end-websites { grid-template-columns: minmax(0,1fr) 88px; gap: 15px; }
.end-browser { overflow: hidden; }
.end-browser-top { display: flex; align-items: center; gap: 9px; padding: 13px; font-size: 11px; }
.end-browser-top > span:last-child { margin-left: auto; }
.end-browser-top svg { width: 14px; height: 14px; }
.end-browser img { width: 100%; height: 120px; object-fit: cover; display: block; }
.end-browser > div:last-child { padding: 16px; }
.end-browser strong { font-size: 19px; }
.end-browser div > span:last-child:not([data-icon]) { font-size: 11px; color: var(--close-muted); }
.end-web-connection { display: grid; grid-template-columns: 1fr; gap: 14px; justify-items: center; text-align: center; }
.end-web-connection > span:first-child { color: var(--success); }
.end-web-connection > span:nth-child(2) svg { width: 30px; height: 30px; }
.end-web-connection strong { font-size: 13px; }
.end-services { grid-template-columns: minmax(0,1fr); gap: 18px; }
.end-module-title { display: grid; grid-template-columns: 28px 1fr; gap: 5px 12px; }
.end-module-title > span:first-child { grid-row: span 2; color: var(--success); }
.end-module-title > span:last-child { font-size: 12px; color: var(--ink-muted); }
.end-module-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.end-module-grid > span { padding: 14px 4px; min-height: 70px; text-align: center; display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: center; font-size: 10px; }
.end-module-grid i { color: #287467; }
.end-module-grid > span:nth-child(2),.end-module-grid > span:nth-child(6) { background: #E6EFF1; }
.end-module-grid > span:last-child { grid-column: span 2; flex-direction: row; gap: 12px; background: #E8E6F0; }
.end-complete { grid-template-columns: minmax(0,1fr); gap: 0; align-content: center; }
.end-complete-icons { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 9px; }
.end-complete-icons i { display: grid; place-items: center; height: 42px; border: 1px solid var(--close-rule); background: #E4F0EB; color: #287467; border-radius: 5px; }
.end-complete-icons i:nth-child(3n) { background: #DEEDF2; color: #278192; }
.end-converge { height: 42px; border: 1px solid var(--close-rule); border-top: 0; margin-inline: 24px; position: relative; }
.end-converge::after { content: ''; position: absolute; height: 16px; border-left: 1px solid var(--close-rule); top: 100%; left: 50%; }
.end-complete-brief { display: flex; align-items: center; gap: 15px; padding: 22px; margin-top: 16px; }
.end-complete-brief > span { color: #287467; }
.end-complete-brief strong { font-size: 20px; }
.end-complete-brief div > span { font-size: 12px; color: var(--close-muted); display: block; margin-top: 6px; }
.end-complete > .end-caption { justify-content: center; margin-top: 20px; }
.end-working { grid-template-columns: minmax(0,1fr) 102px; }
.end-audit-plan { padding: 22px 18px; }
.end-audit-plan > strong { margin-bottom: 20px; }
.end-priority { display: grid; grid-template-columns: 21px 1fr; gap: 4px 10px; align-items: center; margin-top: 14px; }
.end-priority > span { grid-row: span 2; font-size: 13px; color: var(--close-muted); }
.end-priority i { height: 5px; background: #91C5B7; width: 100%; }
.end-priority:nth-child(4) i { width: 70%; background: #A8D9E2; }
.end-priority:nth-child(5) i { width: 42%; background: #C3C0D7; }
.end-priority strong { font-size: 11px; font-weight: 400; }
.end-time { text-align: center; }
.end-time > span:first-child { color: var(--success); }
.end-time svg { width: 32px; height: 32px; }
.end-time strong { font-size: 24px; margin-block: 12px 10px; }
.end-time > span:last-child { display: block; font-size: 12px; color: var(--ink-muted); }
.end-pricing { grid-template-columns: minmax(0,.9fr) minmax(0,1.3fr); }
.end-scope-label > span:first-child { color: var(--success); }
.end-scope-label svg { width: 32px; height: 32px; }
.end-scope-label strong { margin-block: 16px 10px; font-size: 25px; }
.end-scope-label > span:last-child { font-size: 12px; color: var(--ink-muted); }
.end-scope { padding: 23px 18px 15px; }
.end-scope-row { display: flex; gap: 12px; align-items: center; border-top: 1px solid var(--close-rule); padding-block: 15px; }
.end-scope-row > span { color: #287467; }
.end-scope-row strong { font-size: 15px; }
.end-scope-total { border-top: 2px solid var(--close-rule); padding-top: 12px; font-size: 10px; display: flex; align-items: center; gap: 7px; }
.end-scope-total svg { width: 14px; height: 14px; color: #287467; }
.end-about { grid-template-columns: minmax(0,1fr) 22px minmax(0,1fr); gap: 16px; }
.end-call > span:first-child,.end-call-arrow { color: var(--success); }
.end-call > span:first-child svg { width: 31px; height: 31px; }
.end-call strong { margin-block: 15px 10px; font-size: 22px; }
.end-call > span:last-child { font-size: 12px; color: var(--ink-muted); }
.end-summary { padding: 21px 18px; }
.end-summary > span:first-child { color: #287467; }
.end-summary .end-kicker { margin-top: 20px; margin-bottom: 7px; }
.end-summary strong { font-size: 20px; }
.end-summary-lines { margin-block: 20px 17px; }
.end-summary-lines i:nth-child(2) { width: 100%; }
.end-summary-lines i:last-child { width: 60%; }
.end-summary > span:last-child { font-size: 11px; color: var(--close-muted); }
.end-why { grid-template-columns: minmax(0,1fr); gap: 0; align-content: center; }
.end-time-label { display: flex; gap: 12px; align-items: center; margin-bottom: 21px; }
.end-time-label > span { color: var(--success); }
.end-time-label strong { font-size: 20px; }
.end-time-row { display: flex; align-items: center; gap: 16px; padding: 19px; margin-right: 24px; }
.end-time-row > span { color: #287467; }
.end-time-row strong { font-size: 16px; }
.end-time-row div > span { font-size: 11px; color: var(--close-muted); display: block; margin-top: 6px; }
.end-handoff { text-align: center; height: 28px; color: var(--success); }
.end-handoff svg { width: 28px; height: 28px; }
.end-focus-row { margin-left: 24px; margin-right: 0; background: #E1F0EA !important; }
.end-faq { grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); gap: 28px; }
.end-question-note { padding: 22px 17px; text-align: center; background: #E4EDF1 !important; }
.end-question-note .end-question-mark { display: block; font: 90px/1.25 'Source Serif 4',Georgia,serif; color: #278192; }
.end-question-note > span:last-child { font-size: 13px; }
.end-answer > span:first-child { color: var(--success); }
.end-answer strong { font-size: 23px; margin-block: 15px 12px; }
.end-answer > span:nth-of-type(2) { color: var(--ink-muted); font-size: 13px; line-height: 1.7; }
.end-answer-lines { margin-top: 17px; }
.end-answer-lines i:last-child { width: 58%; }
.marketing-callout p + p { margin-top: 10px; }
@media (hover:hover) and (pointer:fine) {
  .closing-visual .visual-piece:hover { --piece-lift: -4px; --piece-angle: 0deg; border-color: var(--blue-atoll); }
  .end-week i,.end-converge,.end-priority i,.end-agenda-line i { transition: transform 250ms var(--ease),background-color 250ms; transform-origin: left; }
  .end-home:hover .end-week i:nth-child(3n) { transform: translateY(-3px); background: #ACDCE4; }
  .end-complete:hover .end-converge { border-color: var(--blue-atoll); }
  .end-working:hover .end-priority i,.end-inbox:hover .end-agenda-line i { transform: scaleX(.9); }
}
@media (min-width:700px) and (max-width:1199px) {
  .closing-visual { gap: 12px; }
  .end-transaction,.end-inbox,.end-working { grid-template-columns: minmax(0,1fr) 88px; }
  .end-checklist,.end-agenda,.end-audit-plan { padding-inline: 14px; }
  .end-rule-row { font-size: 11px; gap: 6px; }
  .end-about { grid-template-columns: minmax(0,1fr) 18px minmax(0,1fr); gap: 10px; }
  .end-summary { padding-inline: 14px; }
  .end-call strong { font-size: 20px; }
  .end-profile { padding-inline: 12px; }
}
@media (max-width:699px) {
  .closing-visual { grid-template-rows: auto; max-width: 400px; min-height: 240px; gap: 14px; padding: 7px 3px; }
  .end-transaction,.end-inbox,.end-working { grid-template-columns: minmax(0,1fr) 88px; }
  .end-checklist,.end-agenda,.end-audit-plan { padding-inline: 15px; }
  .end-rule-row { font-size: 11px; gap: 7px; }
  .end-about { grid-template-columns: minmax(0,1fr) 18px minmax(0,1fr); gap: 10px; }
  .end-call strong { font-size: 20px; }
  .end-summary { padding-inline: 14px; }
  .end-summary strong { font-size: 19px; }
  .end-module-grid { gap: 7px; }
  .end-module-grid > span { font-size: 9px; }
  .end-complete { gap: 0; }
  .end-complete-icons { gap: 6px; }
  .end-complete-icons svg { width: 18px; height: 18px; }
  .end-complete-brief { padding: 19px 16px; }
  .end-complete-brief strong { font-size: 18px; }
  .end-complete .end-caption { font-size: 11px; }
  .end-profile { padding-inline: 13px; }
  .end-why { gap: 0; }
}
@media (prefers-reduced-motion:reduce) {
  .closing-visual .visual-piece,.end-week i,.end-priority i,.end-agenda-line i { transform: none !important; transition: none; }
}
@media print { .closing-visual { display: none; } }