/* Mobile-first hierarchy and a clear boundary around every case and problem. */
.section-label{font-size:18px;line-height:28px;font-weight:600;letter-spacing:-.015em;margin-bottom:16px}
.hero-category{font-size:20px;line-height:28px;font-weight:600;color:#fff;margin-bottom:24px;max-width:440px}
.hero-description{font-size:18px;line-height:28px;max-width:470px}
.hero-offer{margin-top:24px;padding:16px 20px;background:#1b3b69;border:1px solid #41628b;border-radius:12px;max-width:480px}
.hero-offer strong{font-size:18px;line-height:28px;font-weight:600;display:block;color:#fff}
.hero-offer p{font-size:16px;line-height:24px;color:#e0eaff;margin-top:4px}
.hero-offer>span{font-size:14px;line-height:20px;color:#c3d3ec;display:block;margin-top:4px}
.hero .button{margin-top:16px;min-height:52px;font-size:16px;line-height:24px}
button.showcase-screen{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.showcase-screen .screen-chrome{display:flex}.showcase-screen .screen-underlay{display:block}
.showcase-screen:focus-visible{outline:3px solid #a8c0ff;outline-offset:8px;border-radius:8px}
.showcase-screen:active{opacity:.9}.hero-switch-hint{display:flex;align-items:center;gap:8px;color:#c5d6f0;font-size:14px;line-height:20px;margin-top:20px}
.hero-switch-hint svg{width:20px;height:20px}.showcase-caption{margin-top:20px}
.showcase-caption h2{font-size:24px;line-height:32px;font-weight:500}.showcase-caption p{font-size:16px;line-height:24px;color:#c7d8ee;margin-top:8px}
.showcase-top{font-size:16px;line-height:24px;color:#bfd1eb}.showcase-count{font-size:14px;line-height:20px}
.showcase-controls{gap:12px;border-bottom:0;margin-top:16px}.showcase-controls button{padding:8px 16px;min-height:44px;border:1px solid #536e96;border-radius:8px;font-size:16px;line-height:24px;color:#d2def0}
.showcase-controls button[aria-pressed=true]{background:#fff;color:var(--navy);border-color:#fff}.showcase-controls button:after{display:none}
.hero-integrations>p{font-size:14px;line-height:20px}.work-heading>p{font-size:18px;line-height:28px;max-width:400px}
.pains-section{background:#f5f7fc}.pains-section .work-heading{align-items:center}
.pains-section .work-heading>p{font-size:20px;line-height:28px;color:#526583}
#pains-title{font-size:48px;line-height:1;max-width:660px}
.pain-grid{gap:24px}.pain-item{background:#fff;border:1px solid #ccd9ef;border-radius:16px;padding:24px;box-shadow:0 4px 16px #143a7310;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}
.pain-item:hover,.pain-item:focus-within{border-color:#7999df;box-shadow:0 8px 24px #143a7315}
.pain-role{align-self:flex-start;padding:8px 12px;background:#e9effd;border-radius:8px;color:#244b92;font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}
.pain-item h3{font-size:24px;line-height:32px;letter-spacing:-.03em;font-weight:500}.pain-item h3 span{color:#315bca;font-weight:600}
.pain-item>p{font-size:16px;line-height:24px;color:#596b85;margin-top:16px}
.pain-answer{display:block;background:#f0f5ff;padding:16px;border-radius:12px;margin-top:20px;color:#29466e}
.pain-answer>strong{display:block;font-size:16px;line-height:24px;font-weight:600}.pain-answer p{font-size:16px;line-height:24px;margin-top:8px}
.pain-action.button{width:100%;font-size:16px;line-height:24px;text-decoration:none;min-height:48px;align-self:stretch;margin-top:24px;padding:12px 16px;text-align:center;color:#fff;background:#365eed}
.pain-action.button:hover{color:#fff;background:#234bcf}
.economics-heading>p{font-size:18px;line-height:28px;max-width:400px}.comparison-context{font-size:20px;line-height:28px;font-weight:500;margin-top:32px;color:#35557f}
.economics-comparison{grid-template-columns:1fr 1fr;margin-top:24px;gap:24px}
.comparison-option{padding:32px}.comparison-option h4{font-size:20px;line-height:28px;font-weight:500}
.comparison-option strong{font-size:48px;line-height:1;margin-top:24px;font-weight:500;letter-spacing:-.04em}
.comparison-option>p{font-size:24px;line-height:32px;margin-top:12px}.comparison-option>span{font-size:16px;line-height:24px;margin-top:24px}
.economics-note{font-size:14px;line-height:20px;max-width:820px;margin-top:20px}
.mechanisms{gap:32px;margin-top:48px}.mechanisms article{display:block;padding-top:24px;border-top:2px solid #b7c8e9}
.mechanisms h3{font-size:24px;line-height:32px;margin-top:0;font-weight:500}.mechanisms p{font-size:16px;line-height:24px;margin-top:12px}
.price-offer-copy>p:not(.section-label),.audit-copy>p:not(.section-label){font-size:18px;line-height:28px;max-width:500px}
.deadline-statement>span{font-size:16px;line-height:24px}.offer-checks{font-size:16px;line-height:24px}
.form-intro,.lead-dialog .form-intro{font-size:16px;line-height:24px;color:#60718e}
.field label{font-size:16px;line-height:24px}.field label>span{font-size:14px;line-height:20px}
.field input,.field textarea{font-size:16px;line-height:24px;padding:12px 16px}.field-error{font-size:14px;line-height:20px}
.button.form-submit,.lead-dialog .form-submit{font-size:16px;line-height:24px;min-height:48px}
.preview-notice,.lead-dialog .preview-notice,.modal-terms,.lead-dialog .modal-terms{font-size:14px;line-height:20px}
.modal-offer-note{font-size:16px;line-height:24px}.lead-dialog-top{font-size:16px;line-height:24px}
.case-filters button{min-height:44px;font-size:16px;line-height:24px;padding:8px 16px}.case-filters button span{font-size:14px;line-height:20px}
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.project-card{border:1px solid #d2def0;border-radius:16px;background:#fff;overflow:hidden;min-width:0}
.project-copy{padding:24px}.project-kind{display:inline-block;font-size:16px;line-height:24px;font-weight:600;color:#31548d;background:#edf2fc;border-radius:8px;padding:8px 12px}
.project-title{font-size:30px;line-height:36px;font-weight:500;letter-spacing:-.04em;margin-top:16px}
.project-client{font-size:16px;line-height:24px;color:#62738f;margin-top:8px}
.case-story{margin-top:24px;display:flex;flex-direction:column;gap:16px}.case-story p{font-size:16px;line-height:24px;color:#4f6380}
.case-story b{display:block;color:#254d89;font-weight:600;font-size:16px;line-height:24px;margin-bottom:4px}
.project-result{font-size:16px;line-height:24px;font-weight:600;color:#2f518b;background:#eef4ff;padding:12px 16px;border-radius:8px;margin-top:20px}
.project-details{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:16px;line-height:24px;color:var(--blue);background:none;border:1px solid #c3d3f2;border-radius:8px;padding:8px 16px;margin-top:20px;transition:background-color .3s var(--ease)}
.project-details:hover{background:#edf3ff}
.project-card .case-visual{aspect-ratio:auto;padding:16px;border-radius:0;display:block;width:100%;background:#edf2fa}
.project-card .case-visual>img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top;transform:none;border-radius:8px;box-shadow:none;border:1px solid #cbd7ea;transition:opacity .3s var(--ease)}
.project-card .case-visual:hover>img{transform:none;opacity:.92}.project-image-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16px;line-height:24px;font-weight:500;padding-top:12px;min-height:48px;color:#315b9d}
.project-image-footer svg{width:20px;height:20px}.project-card .visual-hub{background:#1a3458}.project-card .visual-hub .project-image-footer{color:#d1e0f5}
.project-screen-note{font-size:14px;line-height:20px;color:#627794;padding:0 16px 16px;background:#1a3458;color:#cfddf0}
.project-card .visual-legal{display:flex;justify-content:flex-end;position:relative;padding:24px 48px 48px;height:344px;background:#e0eaff}
.project-card .visual-legal>img:not(.legal-mark){width:42%;height:auto;aspect-ratio:auto;object-fit:contain;align-self:flex-start;border-radius:12px;transform:none}
.project-card .visual-legal>.legal-mark{position:absolute;left:48px;top:48px;width:24%;height:auto;aspect-ratio:1;border:0;border-radius:16px;transform:none}
.project-card .visual-legal .project-image-footer{position:absolute;left:16px;right:16px;bottom:0;z-index:1;background:#e0eaff;padding-top:8px;padding-bottom:8px}
.case-dialog-body>p:first-of-type{font-size:18px;line-height:28px}.case-facts p{font-size:16px;line-height:24px}.gallery figcaption,.case-technologies,.source-link{font-size:14px;line-height:20px}
.value-grid p{font-size:16px;line-height:24px;color:#546a8a}.value-footer p{font-size:18px;line-height:28px}
.notifications-lead{font-size:18px;line-height:28px}.notification-topics p{font-size:16px;line-height:24px}.notification-topics h3{font-size:20px;line-height:28px}
.notification-screen figcaption{font-size:14px;line-height:20px}.solutions-intro>p:not(.section-label),.approach-heading>p:not(.section-label){font-size:18px;line-height:28px}
.services-list p,.process-grid p,.price-rule p>span,.audit-deliverables p,.faq-list details>p{font-size:16px;line-height:24px}
.process-index,.audit-deliverables article>span{font-size:16px;line-height:24px}.text-link{font-size:16px;line-height:24px;min-height:44px}
.faq-list summary{font-size:18px;line-height:28px}.promise-description{font-size:18px;line-height:28px}
.contact-copy>p:not(.section-label){font-size:18px;line-height:28px}.contact-outcome>span{font-size:16px;line-height:24px}.footer-top>p,.footer-bottom,.footer-bottom button,.footer-up{font-size:14px;line-height:20px}
@media(max-width:1180px){.case-grid{gap:24px}.project-title{font-size:24px;line-height:32px}.hero-category{font-size:18px;line-height:28px}.hero-description{font-size:16px;line-height:24px}.hero-offer{padding:16px}.showcase-caption h2{font-size:20px;line-height:28px}}
@media(max-width:800px){
 .section-label{font-size:18px;line-height:28px}.hero-category{font-size:18px;line-height:28px;margin-bottom:16px}
 .hero-description{font-size:18px;line-height:28px;margin-top:20px;max-width:560px}.hero-offer{margin-top:20px;padding:16px;max-width:560px}
 .hero-offer strong{font-size:18px;line-height:28px}.hero .button{width:auto;min-height:52px;margin-top:16px}
 .hero-showcase{margin-top:32px}.showcase-top{font-size:16px;line-height:24px}.hero-switch-hint{font-size:14px;line-height:20px;margin-top:16px}
 .showcase-caption{margin-top:16px}.showcase-caption h2{font-size:24px;line-height:32px}.showcase-caption p{font-size:16px;line-height:24px}
 #pains-title{font-size:36px;line-height:40px}.pains-section .work-heading>p{font-size:18px;line-height:28px;margin-top:16px}
 .pain-grid{grid-template-columns:1fr 1fr;gap:20px}.pain-item{padding:24px}.pain-item h3{font-size:24px;line-height:32px}.pain-item>p{font-size:16px;line-height:24px}
 .pain-action.button{font-size:16px;line-height:24px;min-height:48px}.pain-answer p{font-size:16px;line-height:24px}
 .economics-heading>p{font-size:18px;line-height:28px;max-width:600px}.comparison-context{font-size:18px;line-height:28px;margin-top:24px}
 .economics-comparison{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.comparison-option{padding:24px}
 .comparison-option h4{font-size:18px;line-height:28px}.comparison-option strong{font-size:36px;line-height:40px;margin-top:16px;white-space:normal}
 .comparison-option>p{font-size:20px;line-height:28px;margin-top:8px}.comparison-option>span{display:none}.economics-note{font-size:14px;line-height:20px}
 .mechanisms{grid-template-columns:1fr;gap:24px;margin-top:32px}.mechanisms article{display:block;padding-top:20px}.mechanisms h3{font-size:24px;line-height:32px}.mechanisms p{font-size:16px;line-height:24px;max-width:600px;margin-top:8px}
 .price-offer-copy>p:not(.section-label),.audit-copy>p:not(.section-label){font-size:18px;line-height:28px}.deadline-statement>span{font-size:16px;line-height:24px}
 .case-grid{grid-template-columns:1fr;gap:32px;max-width:640px}.project-copy{padding:24px}.project-title{font-size:30px;line-height:36px}
 .project-details{min-height:48px;font-size:16px;line-height:24px}.project-card .case-visual{padding:16px}.project-image-footer{font-size:16px;line-height:24px}
 .project-card .visual-legal{height:344px;padding:24px 64px 48px}.project-card .visual-legal>.legal-mark{left:64px;top:48px}
 .value-grid h3{font-size:24px;line-height:32px}.value-grid p{font-size:16px;line-height:24px}.value-footer p{font-size:18px;line-height:28px}
 .case-followup p{font-size:16px;line-height:24px}.case-followup .button{font-size:16px;line-height:24px;min-height:48px}
 .notification-topics p{font-size:16px;line-height:24px}.notifications-lead{font-size:18px;line-height:28px}.services-list p{font-size:16px;line-height:24px}
 .process-grid p,.price-rule p>span,.audit-deliverables p{font-size:16px;line-height:24px}.faq-list summary{font-size:18px;line-height:28px}.faq-list details>p{font-size:16px;line-height:24px}
 .contact-copy>p:not(.section-label){font-size:18px;line-height:28px}.form-intro,.lead-dialog .form-intro{font-size:16px;line-height:24px}
 .field label{font-size:16px;line-height:24px}.field label>span{font-size:14px;line-height:20px}.field input,.field textarea{font-size:16px;line-height:24px}
 .button.form-submit,.lead-dialog .form-submit{font-size:16px;line-height:24px}.preview-notice,.lead-dialog .preview-notice,.modal-terms{font-size:14px;line-height:20px}
}
@media(max-width:560px){
 .pain-grid{grid-template-columns:1fr;gap:24px}.pain-item{padding:24px}.pain-role{font-size:16px;line-height:24px}.pain-item h3{font-size:24px;line-height:32px}
 .economics-comparison{grid-template-columns:1fr;gap:16px}.comparison-option{padding:24px}.comparison-option strong{font-size:36px;line-height:40px}.comparison-option>p{font-size:20px;line-height:28px}
 .project-title{font-size:24px;line-height:32px}.project-copy{padding:24px}.project-kind,.project-client,.case-story p,.case-story b,.project-result{font-size:16px;line-height:24px}
 .project-details{width:100%}.project-card .visual-legal{height:300px;padding:24px 40px 48px}.project-card .visual-legal>.legal-mark{left:40px;top:40px}
 .hero-description{font-size:18px;line-height:28px}.hero-offer strong{font-size:18px;line-height:28px}.hero-offer p{font-size:16px;line-height:24px}.hero-offer>span{font-size:14px;line-height:20px}
 .hero .button{width:100%;max-width:380px}.hero-showcase{margin-top:32px}.hero-switch-hint{gap:8px}.showcase-controls button{font-size:16px;line-height:24px;min-height:44px}
 .showcase-caption h2{font-size:20px;line-height:28px}.showcase-caption p{font-size:16px;line-height:24px}.showcase-top{font-size:16px;line-height:24px}
 .work-heading>p{font-size:18px;line-height:28px}.offer-checks{font-size:16px;line-height:24px}.deadline-statement strong{font-size:30px;line-height:36px}.deadline-statement>span{font-size:16px;line-height:24px}
 .mechanisms h3{font-size:20px;line-height:28px}.mechanisms p{font-size:16px;line-height:24px}.value-grid h3{font-size:24px;line-height:32px}.value-grid p{font-size:16px;line-height:24px}
 .solutions-intro>p:not(.section-label),.approach-heading>p:not(.section-label),.promise-description{font-size:18px;line-height:28px}
 .process-grid h3{font-size:24px;line-height:32px}.process-grid p{font-size:16px;line-height:24px}.price-rule b{font-size:16px;line-height:24px}.price-rule p>span{font-size:16px;line-height:24px}
 .audit-deliverables h3{font-size:20px;line-height:28px}.audit-deliverables p{font-size:16px;line-height:24px}.faq-list summary{font-size:18px;line-height:28px}.faq-list details>p{font-size:16px;line-height:24px}
 .modal-offer-note{font-size:16px;line-height:24px}.lead-dialog .form-intro{font-size:16px;line-height:24px}.case-dialog-top{font-size:16px;line-height:24px}
 .case-dialog-body>p:first-of-type,.case-facts p{font-size:16px;line-height:24px}.case-dialog-footer>.button{font-size:16px;line-height:24px}.source-link{font-size:14px;line-height:20px}
}
@media(max-width:360px){
 .hero-category{font-size:18px;line-height:28px}.hero-description{font-size:16px;line-height:24px}.hero-offer{padding:16px}.hero-offer strong{font-size:16px;line-height:24px}
 #pains-title{font-size:30px;line-height:36px}.pain-item,.project-copy{padding:20px}.comparison-option strong{font-size:30px;line-height:36px}
 .project-card .visual-legal{height:264px}.project-card .visual-legal>.legal-mark{left:32px;top:32px}.showcase-controls{gap:8px}.showcase-controls button{padding:8px 12px}
}
@media(prefers-reduced-motion:reduce){.pain-item{transition:none}.showcase-screen:active{opacity:1}.project-card .case-visual>img{transition:none}}
@media(min-width:801px) and (max-width:1100px){.pain-grid{grid-template-columns:1fr 1fr}}
@media(min-width:561px) and (max-width:720px){.pain-grid{grid-template-columns:1fr}.economics-comparison{grid-template-columns:1fr}}

/* v5: compact section rhythm and concrete delivery examples. */
.section{padding-top:64px;padding-bottom:64px}
.work-section{padding-bottom:32px}.case-followup{padding-bottom:48px}
.promise-section{padding-top:48px;padding-bottom:0}
.faq-answer{padding-top:16px;padding-right:24px}
.faq-answer>p,.timeline-examples p{font-size:16px;line-height:24px;color:var(--muted)}
.timeline-examples{display:grid;gap:16px;margin-top:24px}
.timeline-examples article{padding:20px;background:#f0f4fc;border:1px solid #d8e2f3;border-radius:12px}
.timeline-example-head{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.timeline-examples h3{font-size:18px;line-height:28px;font-weight:600;letter-spacing:-.02em}
.timeline-example-head strong{font-size:18px;line-height:28px;color:var(--blue);font-weight:600}
.timeline-examples p{margin-top:8px}.faq-answer>.timeline-condition{margin-top:24px}
@media(max-width:800px){
 .section{padding-top:40px;padding-bottom:40px}
 .work-heading{margin-bottom:24px}.work-section{padding-bottom:24px}.case-followup{padding-bottom:32px}
 .promise-section{padding-top:32px}.faq-section{gap:24px}
 .price-offer-section,.audit-section,.contact-grid,.notifications-layout,.solutions-layout{gap:32px}
 .value-footer{margin-top:24px;padding-top:24px}.mechanisms{margin-top:24px}
 .faq-answer{padding-right:0}.timeline-examples{margin-top:16px}.timeline-examples article{padding:16px}
}

/* v10: clear post-case invitation. */
.case-followup{padding-top:32px;padding-bottom:32px}
.case-followup h3{color:#30273f}.case-followup p{font-size:16px;line-height:24px;color:#62596f;max-width:640px}
@media(max-width:800px){.case-followup{padding-top:24px;padding-bottom:32px}}