/* Homepage introduction and industry ticker, October 12, 2026. */
.hero-offer{padding-bottom:0}
.hero-offer .hero-copy{padding-bottom:56px}
.industry-ticker{position:relative;padding:30px 0;border-block:1px solid #30343b;background:linear-gradient(110deg,#17191d,#242830 55%,#17191d);text-align:left}
.ticker-toggle{position:absolute;right:clamp(14px,2.5vw,36px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #555b65;border-radius:50%;background:rgba(255,255,255,.035);color:#e8ecf2;cursor:pointer;transition:background .2s,border-color .2s}
.ticker-toggle:hover{background:rgba(255,255,255,.12);border-color:#a1aab8}.ticker-toggle:focus-visible{outline:2px solid #a9c7ff;outline-offset:4px}
.ticker-toggle span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ticker-toggle [hidden],.ticker-toggle[hidden]{display:none!important}
.ticker-viewport{overflow-x:auto;scrollbar-width:thin;margin-right:clamp(78px,7vw,112px);padding-block:3px}
.ticker-track{display:flex;width:max-content}
.ticker-list{display:flex;align-items:center;gap:42px;flex-shrink:0;list-style:none;padding:0 42px 0 0;margin:0}
.ticker-list li{display:flex;align-items:center;gap:42px;white-space:nowrap;font-size:.875rem;line-height:1.5;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:#e8ecf2}
.ticker-list li::after{content:"";width:1px;height:12px;background:#606775;transform:rotate(20deg);flex:none}
.industry-ticker.is-ready .ticker-viewport{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 56px,#000 calc(100% - 56px),transparent)}
.industry-ticker.is-ready .ticker-track{animation:industry-drift 100s linear infinite}
.industry-ticker[data-paused="true"] .ticker-track,.industry-ticker .ticker-viewport:hover .ticker-track,.industry-ticker .ticker-viewport:focus-within .ticker-track{animation-play-state:paused}
@keyframes industry-drift{to{transform:translateX(-50%)}}
.search-story{max-width:900px;text-align:center;padding-top:88px;padding-bottom:84px}
.search-story h2{font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.1;letter-spacing:-.05em;margin:0}
.search-story-copy{max-width:720px;margin:28px auto 30px}
.search-story-copy p{margin:0 0 20px;font-size:1.125rem;line-height:1.65;color:var(--secondary)}
.search-story-copy .story-emphasis{font-weight:600;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.45;color:var(--ink);margin:28px auto}
.search-story-copy a{color:var(--blue);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.search-story-copy .story-close{color:var(--ink);font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.4;font-weight:600;letter-spacing:-.025em;margin:28px auto 0}
.featured-work{background:#f5f5f7;padding-top:70px;padding-bottom:60px;overflow:hidden;scroll-margin-top:0}
.featured-work-heading{text-align:center;max-width:900px}
.featured-work-heading h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;letter-spacing:-.045em}
.featured-work-heading>p:last-child{max-width:600px;margin:22px auto 0;color:var(--secondary);font-size:1.0625rem;line-height:1.6}
.featured-work .hero-gallery{margin-top:22px}
.work-browse{text-align:center;margin-top:12px}
@media(max-width:740px){.hero-offer .hero-copy{padding-bottom:40px}.industry-ticker{padding-block:23px}.ticker-list,.ticker-list li{gap:28px}.ticker-list{padding-right:28px}.ticker-list li{font-size:.75rem;letter-spacing:.11em}.industry-ticker.is-ready .ticker-viewport{mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.search-story{padding-top:58px;padding-bottom:60px}.search-story h2{font-size:2.1rem}.search-story h2 br{display:none}.search-story-copy{margin-top:24px}.search-story-copy p{font-size:1rem;line-height:1.65;margin-bottom:18px}.featured-work{padding-top:48px;padding-bottom:44px}.featured-work-heading>p:last-child{font-size:1rem}.featured-work .hero-gallery{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.industry-ticker.is-ready .ticker-track{animation:none;transform:none;width:100%}.industry-ticker.is-ready .ticker-viewport{overflow:visible;mask-image:none;margin-right:0}.ticker-list{flex-wrap:wrap;justify-content:center;gap:12px 20px;padding:0 20px;flex-shrink:1}.ticker-list li{gap:20px;font-size:.75rem;white-space:normal}.ticker-list[aria-hidden="true"],.ticker-toggle{display:none!important}}

.ticker-viewport:focus-visible{outline:2px solid #a9c7ff;outline-offset:4px}
/* Homepage trust and conversion pass, October 15, 2026. */
.hero-offer h1 span{color:var(--blue)}
.hero-proof{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 30px;max-width:1040px;margin:34px auto 0;padding:0;font-size:.9375rem;line-height:1.4;color:#3a3a3e}
.hero-proof li{display:flex;align-items:center;gap:10px}
.hero-proof li::before{content:"";flex:none;width:5px;height:10px;margin:-3px 2px 0;border:solid var(--blue);border-width:0 2px 2px 0;transform:rotate(45deg)}
.hero-offer .hero-copy{padding-bottom:0}
.hero-remote{max-width:600px;margin:26px auto 0;font-size:.9375rem;line-height:1.5;color:var(--secondary);text-wrap:pretty}
.hero-offer .hero-showcase{padding-top:56px;padding-bottom:72px}
.hero-showcase .toolbar-end{width:28px}
.preview-caption a{color:var(--blue)}
.preview-caption a:hover{text-decoration:underline;text-underline-offset:4px}
.featured-work-heading h2>span{color:var(--secondary)}
.search-story{padding-bottom:40px}
.search-story-copy{margin-bottom:0}
.section-aside a{color:var(--blue)}
.section-aside a:hover{text-decoration:underline;text-underline-offset:4px}
.steps-four{grid-template-columns:repeat(4,1fr);gap:36px}
.step-num{display:block;margin-bottom:14px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.investment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px}
.investment .investment-actions .button{margin-top:0}
.more-services{display:flex;justify-content:space-between;align-items:center;gap:20px 40px;margin-top:72px;padding-top:32px;border-top:1px solid var(--line)}
.more-services p{max-width:760px;color:var(--secondary);font-size:1rem}
.more-services strong{color:var(--ink);font-weight:600}
.more-services .text-link{flex:none}
.agency{background:#08090b;color:#f5f5f7}
.agency .eyebrow{color:#c0c1c6}
.agency-intro{max-width:800px}
.agency h2{font-size:clamp(2.5rem,4.5vw,4rem)}
.agency h2>span{color:#92959d}
.agency-intro>p:not(.eyebrow){margin-top:28px;max-width:640px;color:#a1a1a9;font-size:1.125rem}
.capabilities{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0}
.capabilities li{padding:9px 16px;border:1px solid #3a3c43;border-radius:999px;color:#e4e5e9;font-size:.875rem;line-height:1.3}
.agency-intro .text-link{margin-top:30px;color:#69b7ff}
.promises{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:64px 0 0;padding:0}
.promises li{padding:28px;background:#16171b;border:1px solid #2a2c31;border-radius:22px}
.promises h3{margin-bottom:10px;font-size:1.25rem;letter-spacing:-.03em}
.promises p{color:#a1a1a9;font-size:1rem;line-height:1.5}
.faq h2{font-size:clamp(2.2rem,3.2vw,2.75rem)}
.faq-more{margin-top:28px}
.footer>div{flex-wrap:wrap;justify-content:flex-end;row-gap:10px}
@media(max-width:1000px){.steps-four{grid-template-columns:repeat(2,1fr);gap:40px 36px}
.promises{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:740px){.hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;width:min(100%,340px);margin:28px auto 0;font-size:.875rem;text-align:left}
.hero-proof li{align-items:flex-start}
.hero-proof li::before{margin-top:5px}
.hero-offer .hero-showcase{padding-top:40px;padding-bottom:48px}
.hero-remote{margin-top:22px;font-size:.875rem}
.hero-showcase .preview-caption b{display:inline}
.search-story{padding-bottom:24px}
.steps-four{grid-template-columns:1fr;gap:32px}
.more-services{flex-direction:column;align-items:flex-start;margin-top:48px}
.promises{grid-template-columns:1fr;margin-top:44px}
.promises li{padding:24px}
.footer>div{justify-content:flex-start}
}
@media(max-width:390px){.nav-cta{padding-inline:11px}
}