.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-search-first{background:radial-gradient(ellipse at 50% 38%,#eff2e7,transparent 70%),linear-gradient(180deg,#eef1e7,#e7ecdf 70%,var(--paper))}
.service-hero{padding:72px 0 38px}
.service-hero h1{font-size:clamp(48px,6.1vw,88px);line-height:1.08;letter-spacing:-.035em;margin:30px auto 24px;max-width:1120px}
.typed-line{display:block;min-height:1.1em;color:#8b672e}
.typing-caret{display:inline-block;height:.77em;width:2px;background:currentColor;margin-left:5px;vertical-align:-.01em;animation:caret-blink 1s step-end infinite}
/* Keep the results above the mobile suggestion row's scrolling layer. */
.hero-search-shell{position:relative;z-index:1}
.typing-paused .typing-caret{visibility:hidden;animation:none}
.service-hero>p.hero-description{max-width:700px;margin:0 auto;font-size:16px;line-height:1.75;color:#5d6b64}
.hero-discovery{max-width:730px;position:relative;margin:34px auto 0;text-align:left;z-index:3}
.hero-search{display:flex;align-items:center;gap:15px;background:#fffef9;border:1px solid #bac6b1;box-shadow:0 10px 32px #0a294b09;padding:7px 7px 7px 22px;border-radius:5px}
.hero-search:focus-within{border-color:#8b672e;box-shadow:0 0 0 3px #c2975621}
.search-icon{width:21px;height:21px;flex:none;color:#727e6c}
.hero-search input{width:100%;min-width:0;padding:16px 0;background:transparent;border:0;border-radius:0;color:var(--ink);font:400 15px var(--sans);outline:none}
.hero-search input::placeholder{color:#738070;opacity:1}
.hero-search .button{flex:none;gap:26px;padding:18px 24px;border-radius:2px;font-size:13px}
.popular-services{display:flex;align-items:center;justify-content:center;gap:9px 14px;flex-wrap:wrap;margin-top:17px;font-size:11px;color:#64715f}
.popular-services>span{font-size:10px}
.popular-services a{border-bottom:1px solid #aebda0;padding:5px 0;color:#3e513f}
.popular-services a:hover{color:#8b672e;border-color:#8b672e}
.hero-help{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:30px;font-size:12px;color:#667160}
.hero-help a{font-weight:600;color:var(--ink);border-bottom:1px solid #99a78c;padding:5px 0}
.hero-help a span{margin-left:8px}
.hero-search-results{position:absolute;top:calc(100% + 7px);left:0;right:0;max-height:420px;overflow-y:auto;background:#fffef9;border:1px solid #bec8b5;border-radius:4px;box-shadow:0 20px 45px #0a294b26;text-align:left}
.hero-search-results[hidden]{display:none}
.results-heading{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6b765f;padding:16px 20px 8px}
.hero-search-results ul{list-style:none;padding:0;margin:0}
.hero-search-results li a{padding:13px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.hero-search-results li a:hover,.hero-search-results li a:focus-visible{background:#edf1e5}
.hero-search-results strong{display:block;font-size:14px;font-weight:600}
.hero-search-results small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:4px}
.search-all{display:flex;justify-content:space-between;font-size:12px;font-weight:600;padding:16px 20px;border-top:1px solid var(--line)}
.search-empty{padding:23px}.search-empty p{font-size:13px;color:var(--muted);margin:10px 0 15px}.search-empty a{text-decoration:underline;font-size:13px}
.hero-search-first .capability-strip{padding:25px 0 30px}
@keyframes caret-blink{0%,100%{opacity:1}50%{opacity:0}}
@media(max-width:950px){.service-hero h1{font-size:clamp(45px,7.1vw,68px)}.service-hero{padding-top:58px}}
@media(max-width:600px){
 .service-hero{padding:42px 0 24px}.service-hero h1{font-size:clamp(34px,9.6vw,56px);line-height:1.1;margin:25px -4px 18px}
 .typed-line{min-height:2.2em;max-width:100%;text-wrap:balance}.service-hero>p.hero-description{font-size:14px;line-height:1.75;max-width:360px}
 .hero-discovery{margin-top:25px}.hero-search{padding:7px 7px 7px 12px;gap:9px;flex-wrap:wrap}.search-icon{width:18px;height:18px}
 .hero-search input{width:calc(100% - 35px);flex:1;padding:14px 0;font-size:14px}.hero-search .button{width:100%;justify-content:space-between;padding:15px 18px;font-size:13px}
 .hero-search-results{max-height:350px}.popular-services{justify-content:flex-start;gap:5px 14px;line-height:1.5;font-size:10px}.popular-services>span{width:100%;margin-bottom:2px}
 .hero-help{font-size:11px;gap:7px;margin-top:26px}.hero-search-first .capability-strip{padding:21px 0;gap:8px}
}
@media(prefers-reduced-motion:reduce){.typing-caret{animation:none}}

/* MotionSites flowing-glass loop, delivered through its public Copy URL action. */
.hero-search-first{position:relative;isolation:isolate;background:#edf0e5}
.hero-search-first>.wrap{position:relative;z-index:1}
.hero-motion{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 90% 25%,#e0e7d9,transparent 60%),linear-gradient(130deg,#f7f6ef,#e6ebe0)}
.hero-motion-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.4) sepia(.16);transition:opacity 1.2s ease}
.hero-motion-video.is-ready{opacity:.8}
.hero-motion-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 36%,#f6f5efe8 0%,#f6f5efb3 31%,#f6f5ef33 64%,transparent 100%),linear-gradient(180deg,#edf0e533 0%,#eef1e526 60%,var(--paper) 100%)}
.hero-search-first .hero-tag{
 position:relative;
 padding:9px 17px;
 background:linear-gradient(135deg,#ffffff85 0%,#ffffff26 48%,#ffffff59 100%);
 border:1px solid #ffffffb3;
 box-shadow:inset 0 1px 0 #ffffffe6,inset 0 -1px 2px #ffffff80,0 3px 14px #172f3810;
 -webkit-backdrop-filter:blur(14px) saturate(150%);
 backdrop-filter:blur(14px) saturate(150%);
}
.hero-search-first .hero-tag::after{
 content:"";
 position:absolute;
 inset:1px;
 border-radius:inherit;
 pointer-events:none;
 border-top:1px solid #ffffffb3;
 background:linear-gradient(180deg,#ffffff26,transparent 55%);
}
.hero-search-first .hero-search{background:#fffef9f5}
.hero-search-first .popular-services,.hero-search-first .hero-help{color:#4e5c4b}
@media(max-width:809.98px){.hero-motion-video{object-position:62% center}.hero-motion-video.is-ready{opacity:.55}.hero-motion-wash{background:linear-gradient(180deg,#f6f5efaa 0%,#f6f5efb3 65%,var(--paper) 100%)}}
@media(prefers-reduced-motion:reduce){.hero-motion-video{transition:none}}

/* A floating service finder, with direct routes into the most-used services. */
.hero-discovery{max-width:760px;margin-top:36px}
.hero-search-first .hero-search{
 gap:16px;padding:12px;border-radius:26px;border:1px solid #ffffffd9;
 background:linear-gradient(120deg,#ffffffd9,#fffef999 60%,#ffffffbf);
 box-shadow:inset 0 1px 0 #fff,0 12px 35px #243b3610,0 2px 5px #243b3608;
 -webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%);
 transition:border-color .2s,box-shadow .2s;
}
.hero-search-first .hero-search:focus-within{border-color:#b1955e;box-shadow:0 0 0 4px #b1955e15,0 16px 40px #243b3612}
.search-symbol{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:16px;background:linear-gradient(145deg,#eee4ce,#f5efdf);box-shadow:inset 0 1px 0 #fff8;color:#87622d}
.search-symbol .search-icon{width:23px;height:23px;color:inherit}
.search-entry{flex:1;min-width:0;text-align:left}
.search-prompt{display:block;font-size:12px;line-height:1.4;color:#5d6b64;margin-bottom:3px}
.hero-search .search-entry input{display:block;width:100%;padding:0;font-size:16px;line-height:1.5;color:var(--ink)}
.hero-search .search-entry input::placeholder{color:#183b5d}
.hero-search-first .hero-search .button{width:auto;min-height:58px;border-radius:18px;padding:16px 23px;gap:24px;justify-content:center;background:var(--button-surface);box-shadow:inset 0 1px 0 #ffffff26,0 3px 7px #0a294b1c;transition:transform .2s,box-shadow .2s}
.hero-search .button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #0a294b26}
.hero-search .button span{font-size:21px;font-weight:400}
.hero-discovery .popular-services{display:flex;justify-content:center;align-items:baseline;gap:6px 15px;margin-top:15px;flex-wrap:wrap}
.hero-discovery .popular-services>span{width:auto;margin:0;font-size:12px;color:#657267}
.hero-discovery .popular-services a{padding:3px 0;border:0;background:none;box-shadow:none;font-size:13px;font-weight:400;color:#526356;text-decoration:underline;text-decoration-color:#aeb7a780;text-underline-offset:4px}
.hero-discovery .popular-services a:hover{color:var(--ink);text-decoration-color:currentColor}
.service-hero .hero-help{margin-top:25px;font-size:13px}
.hero-help a{font-size:13px;font-weight:500;border:0;padding:3px 0;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#99a78c}
.hero-search-results{border-radius:20px;border-color:#ffffffcc;box-shadow:0 20px 55px #0a294b29;padding:5px;background:#fffefa}
.hero-search-results li a{border-radius:12px}
@media(max-width:600px){
 .hero-discovery{margin-top:28px}
 .hero-search-first .hero-search{flex-wrap:nowrap;gap:10px;padding:10px;border-radius:22px}
 .search-symbol{display:none}
 .search-entry{padding-left:5px}
 .search-prompt{font-size:11px}
 .hero-search .search-entry input{font-size:16px;min-height:26px}
 .hero-search-first .hero-search .button{padding:14px 16px;min-height:54px;border-radius:15px;gap:0}
 .hero-search .button span{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-search-first .hero-search,.hero-search-first .hero-search .button{transition:none}.hero-search .button:hover{transform:none}}


/* Custom discovery asset and a continuous sample-company ribbon. */
.hero-search .search-symbol{width:52px;height:52px;background:none;border-radius:0;box-shadow:none}
.discovery-symbol{display:block;width:52px;height:52px;transition:transform .4s ease}
.hero-search:focus-within .discovery-symbol{transform:rotate(8deg)}
.company-marquee{border-top:1px solid #bcc8b566;padding:25px 0 28px}
.company-marquee-caption{margin:0 0 22px;text-align:center;font-size:12px;line-height:1.4;color:#657267}
.company-marquee-caption>span{color:#7a8177}
.company-marquee-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.company-marquee-track{display:flex;width:max-content;animation:company-scroll 38s linear infinite}
.company-marquee-group{display:flex;align-items:center;flex-shrink:0;gap:64px;margin:0;padding:8px 32px;list-style:none}
.company-logo{display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;color:#42534e;font-family:var(--sans);font-size:26px;font-weight:600;letter-spacing:-1px}
.company-logo img{display:block;width:28px;height:28px;object-fit:contain;opacity:.62}
.company-logo-shopify{font-style:italic}.company-logo-stripe{font-weight:700;letter-spacing:-1.2px}.company-logo-notion{font-family:var(--display)}
.company-marquee:hover .company-marquee-track{animation-play-state:paused}
@keyframes company-scroll{to{transform:translateX(-50%)}}
@media(max-width:600px){
 .hero-search-first .hero-search{flex-wrap:wrap}
 .hero-search .search-symbol{display:grid;width:42px;height:42px}
 .discovery-symbol{width:42px;height:42px}
 .search-entry{padding-left:0;flex:1;min-width:0}
 .hero-search-first .hero-search .button{width:100%;margin-top:2px}
 .company-marquee{padding:22px 0}
 .company-marquee-caption{font-size:11px;margin-bottom:18px}
 .company-marquee-group{gap:36px;padding:8px 18px}
 .company-logo{font-size:22px}.company-logo img{width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){
 .discovery-symbol{transition:none}.hero-search:focus-within .discovery-symbol{transform:none}
 .company-marquee-track{animation:none;width:auto}
 .company-marquee-window{mask-image:none;-webkit-mask-image:none}
 .company-marquee-group{flex-wrap:wrap;justify-content:center;gap:24px 36px;width:100%;padding:8px 0}
 .company-marquee-group[aria-hidden="true"]{display:none}
}