/* A single typographic opening; the headline is the animation. */
.hero.hero-breakthrough{display:block;padding:clamp(32px,4.5vw,76px) 0 36px;min-height:0;overflow:visible}
.hero-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;min-height:44px}
.hero-breakthrough .eyebrow{margin:0;font-size:.875rem;letter-spacing:.055em}
.hero-main{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:clamp(28px,4vw,72px);align-items:center}
.headline-stage{position:relative;isolation:isolate;overflow:hidden;padding-bottom:.12em}
.hero-breakthrough h1{max-width:none;margin:0;font-size:clamp(3rem,5.75vw,6.15rem);font-weight:750;line-height:1.08;letter-spacing:-.065em}
.headline-line{display:block;overflow:hidden;padding-bottom:.13em;margin-bottom:-.13em}
.headline-line [data-headline-word]{display:inline-block;transform-origin:0 100%}
.hero-breakthrough .primary-text{color:#184b92}
.hero-breakthrough .primary-text:after{display:none}
.headline-shutter{position:absolute;inset:0 0 50%;background:#184b92;transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero-brand-stage{position:relative;min-height:clamp(340px,28vw,410px);display:grid;place-items:center;padding:22px;overflow:visible;isolation:isolate}
.brand-logo-field{position:relative;z-index:2;display:block;width:min(100%,380px);height:auto;aspect-ratio:762/602;object-fit:contain;will-change:transform,opacity,filter}
.impact-fracture{position:absolute;z-index:1;left:50%;top:50%;width:min(155%,620px);height:auto;max-width:none;transform:translate(-50%,-50%);pointer-events:none;opacity:0;mix-blend-mode:multiply;filter:saturate(.62) contrast(1.14);will-change:transform,opacity,filter}
.hero-breakthrough .hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:32px}
.hero-breakthrough .intro{max-width:600px;font-size:1.125rem;line-height:1.65;margin:0}
.hero-breakthrough .hero-actions{margin:0;gap:16px;flex-shrink:0;flex-direction:column;align-items:flex-start}
.hero-breakthrough .hero-actions .button{background:#184b92}
.hero-breakthrough .hero-actions .button:hover{background:#101a34}
.hero-logo-rail{margin-top:26px;padding:17px 0 14px;border-top:1px solid #dce5f0;border-bottom:1px solid #dce5f0;overflow:hidden}
.hero-logo-kicker{margin:0 0 13px;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--blue)}
.hero-logo-window{overflow:hidden;width:100%;max-width:100%;margin:0;mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent)}
.hero-logo-track{display:flex;width:max-content;gap:32px;will-change:transform;animation:hero-logo-scroll 38s linear infinite}
.hero-logo-set{display:flex;align-items:center;flex:none}
.hero-logo-mark{display:grid;place-items:center;flex:0 0 clamp(150px,12vw,184px);height:48px;padding:0 12px}
.hero-logo-mark img{display:block;width:var(--logo-width,144px);height:var(--logo-height,32px);max-width:100%;object-fit:contain;object-position:center}
.hero-logo-mark.logo-labeled{display:flex;gap:8px;align-items:center;justify-content:center}
.hero-logo-mark.logo-labeled img{width:30px;height:30px;flex:none}
.hero-logo-mark.logo-labeled span{font-size:1.05rem;line-height:1;font-weight:800;letter-spacing:-.035em;color:#0c1733;white-space:nowrap}
.logo-ace-studio-icon img{box-sizing:border-box;background:#0c1733;border-radius:8px;padding:5px;filter:none}
.logo-dope-security img{filter:invert(1)}
.logo-cimento{--logo-width:150px;--logo-height:32px}
.logo-rokt-color{--logo-width:148px;--logo-height:34px}
.logo-shipday{--logo-width:124px;--logo-height:34px}
.logo-pinwheel{--logo-width:128px;--logo-height:38px}
.logo-rapidfort{--logo-width:148px;--logo-height:32px}
.logo-dope-security{--logo-width:150px;--logo-height:30px}
.logo-coderabbit{--logo-width:160px;--logo-height:26px}
.logo-figma{--logo-width:112px;--logo-height:32px}
.logo-kalshi{--logo-width:118px;--logo-height:31px}
.logo-spring-health{--logo-width:160px;--logo-height:26px}
.logo-invisible{--logo-width:150px;--logo-height:32px}
.logo-eve{--logo-width:108px;--logo-height:34px}
.logo-kargo-ai{--logo-width:132px;--logo-height:34px}
@keyframes hero-logo-scroll{to{transform:translate3d(calc(-50% - 16px),0,0)}}
.headline-replay{flex-shrink:0;min-height:44px;padding:9px 16px;background:transparent;color:#5c6475;border:1px solid #dce0e8;border-radius:6px;font-size:.875rem}
.headline-replay:hover{border-color:#184b92;color:#184b92}
@media(max-width:1000px){.hero-main{display:block}.hero-brand-stage{display:grid;min-height:0;padding:24px 0 0;place-items:start}.brand-logo-field{width:min(42vw,230px)}.hero-breakthrough h1{font-size:clamp(3rem,7.5vw,7.4rem)}.hero-breakthrough .hero-bottom{align-items:flex-start;gap:28px}.hero-breakthrough .intro{max-width:52ch;font-size:1rem}}
@media(max-width:700px){.hero.hero-breakthrough{padding:28px 0 28px}.hero-topline{gap:12px;margin-bottom:22px;align-items:flex-start}.hero-breakthrough .eyebrow{max-width:30ch;letter-spacing:.015em;line-height:1.5}.headline-replay{padding:8px 10px}.hero-breakthrough h1{font-size:clamp(2rem,10.4vw,4.55rem);line-height:1.15;letter-spacing:-.065em}.hero-brand-stage{padding-top:18px;place-items:center}.brand-logo-field{width:min(58vw,230px)}.impact-fracture{width:min(115vw,520px)}.hero-breakthrough .hero-bottom{display:block;margin-top:24px}.hero-breakthrough .hero-actions{margin-top:22px;flex-direction:row;align-items:center;gap:14px 20px}}
@media(max-width:450px){.hero-breakthrough .hero-actions .button{width:100%}.hero-breakthrough .hero-actions .text-link{min-height:44px}.hero-breakthrough .eyebrow{font-size:.875rem}.headline-replay{font-size:.875rem}}
@media(max-width:700px){.hero-logo-rail{margin-top:22px;padding:14px 0 12px}.hero-logo-kicker{margin-bottom:10px}.hero-logo-window{margin:0;padding:0}.hero-logo-track{gap:24px}.hero-logo-mark{flex-basis:128px;height:42px;padding:0 8px}.hero-logo-mark.logo-labeled{gap:6px}.hero-logo-mark.logo-labeled img{width:25px;height:25px}.hero-logo-mark.logo-labeled span{font-size:.9rem}.logo-coderabbit{--logo-width:118px;--logo-height:22px}.logo-figma{--logo-width:90px;--logo-height:27px}.logo-kalshi{--logo-width:96px;--logo-height:27px}.logo-spring-health{--logo-width:118px;--logo-height:22px}.logo-invisible{--logo-width:110px;--logo-height:26px}.logo-eve{--logo-width:88px;--logo-height:28px}.logo-cimento{--logo-width:118px;--logo-height:26px}.logo-dope-security{--logo-width:124px;--logo-height:24px}@keyframes hero-logo-scroll{to{transform:translate3d(calc(-50% - 12px),0,0)}}}
@media(prefers-reduced-motion:reduce){.headline-replay{display:none}.hero-logo-track{animation:none}.hero-brand-stage *{animation:none!important;background-position:50% 45%}.impact-fracture{display:none}}
.hero-trust.wrap{padding:24px 0 30px;border-top:1px solid #d9e0ed}.hero-trust p{text-align:center;margin:0 0 22px;font-size:.875rem}.hero-trust .hero-logos{justify-content:space-between;max-width:none;gap:25px}.hero-trust .hero-logos img{max-width:14%;object-fit:contain}
.hero-evidence{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;align-items:stretch;padding-bottom:42px}.hero-evidence .proof-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;background:#123a75;color:#fff;padding:30px;border-radius:8px;box-shadow:none;border:0;transform:none}.hero-evidence .proof-client-logo{grid-column:1}.hero-evidence .micro,.hero-evidence .proof-number,.hero-evidence .proof-label,.hero-evidence .proof-secondary,.hero-evidence .proof-source{grid-column:1}.hero-evidence .quote-brand{grid-column:2;grid-row:1 / 3;align-self:center}.hero-evidence blockquote{grid-column:2;grid-row:3 / 6;font-size:1.25rem;line-height:1.5;align-self:center}.hero-evidence .quote-person{grid-column:2;grid-row:6 / 8}.hero-evidence hr,.hero-evidence .growth-motion{display:none}.hero-evidence .proof-number{font-size:4.3rem}.hero-evidence .hero-track-record{display:flex;flex-direction:column;justify-content:center;gap:30px;margin:0;padding:30px;border:1px solid #dae3f1;border-radius:8px}.hero-evidence .hero-track-record>div{padding:0;border:0}.hero-evidence .hero-track-record strong{font-size:2.8rem}.hero-evidence .hero-track-record span{font-size:.95rem}.hero-evidence .hero-track-record strong span{font-size:inherit}
#pricing.pricing-section{padding-top:40px;padding-bottom:54px;border-top:1px solid #d9e0ed}
@media(max-width:1000px){.hero-evidence{grid-template-columns:1fr}.hero-evidence .hero-track-record{flex-direction:row;justify-content:flex-start;gap:60px}}
@media(max-width:900px){.hero-trust .hero-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.hero-trust .hero-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hero-trust .hero-logos img{max-width:100%;width:100%;height:28px}.hero-evidence{gap:20px}.hero-evidence .proof-panel{padding:24px;gap:0;display:block}.hero-evidence .quote-brand{margin-top:24px;padding-top:20px;border-top:1px solid #d4deef}.hero-evidence blockquote{font-size:1.125rem;margin:18px 0}.hero-evidence .hero-track-record{gap:28px;padding:23px}.hero-evidence .hero-track-record strong{font-size:2.3rem}.hero-evidence .hero-track-record span{font-size:.875rem}}

/* Homepage rhythm and alignment pass. */
.hero.hero-breakthrough{padding-top:clamp(36px,4vw,64px);padding-bottom:48px}
.hero-topline{margin-bottom:28px}
.hero-main{gap:clamp(36px,5vw,76px)}
.hero-breakthrough .hero-bottom{margin-top:36px;gap:48px}
.hero-breakthrough .hero-actions{gap:14px}
.hero-logo-rail{margin-top:32px;padding:20px 0 18px}
.hero-logo-kicker{margin-bottom:16px}
.track-record{padding-block:52px}
#pricing.pricing-section{padding-top:72px;padding-bottom:78px;gap:clamp(40px,5vw,72px)}
.compact-pricing .pricing-options{gap:20px}
.compact-pricing .pricing-package{padding:30px}
.compact-pricing .pricing-package>*:last-child{margin-bottom:0}
.section-head{align-items:end}
.service-grid,.proof-grid{align-items:stretch}
.service-card,.testimonial{height:100%}
.process article{padding-right:12px}
.reading-list .article-row:first-child{padding-top:0}
.reading-list .article-row:last-child{padding-bottom:0}
@media(max-width:1000px){.hero-breakthrough .hero-bottom{gap:30px}.track-record{padding-block:44px}#pricing.pricing-section{padding-top:60px;padding-bottom:66px}}
@media(max-width:700px){.hero.hero-breakthrough{padding-top:30px;padding-bottom:36px}.hero-topline{margin-bottom:22px}.hero-breakthrough .hero-bottom{margin-top:26px}.hero-logo-rail{margin-top:26px;padding:18px 0 16px}.track-record{padding-block:34px}#pricing.pricing-section{padding-top:48px;padding-bottom:52px}.compact-pricing .pricing-package{padding:24px}.process article{padding-right:0}}

/* Consistent optical sizing and readable minimum labels in the homepage. */
.hero-logo-kicker{font-size:1rem;line-height:1.45;letter-spacing:.055em;margin-bottom:18px}
.hero-logo-mark{flex-basis:176px;height:52px;padding-inline:14px}
.hero-logo-mark img{width:148px;height:34px;max-width:148px}
.hero-logo-mark.logo-labeled img{width:30px;height:30px;max-width:30px}
.hero-logo-mark.logo-labeled{width:176px}
main .eyebrow,main .micro,main .package-label,main .proof-source,main .section-kicker{font-size:.875rem}
@media(max-width:700px){.hero-logo-kicker{font-size:1rem;line-height:1.4;margin-bottom:14px}.hero-logo-mark{flex-basis:148px;height:46px;padding-inline:10px}.hero-logo-mark img{width:128px;height:30px;max-width:128px}.hero-logo-mark.logo-labeled{width:148px}.hero-logo-mark.logo-labeled img{width:27px;height:27px;max-width:27px}.hero-logo-mark.logo-labeled span{font-size:.95rem}}
