/* Orange interface accents and mobile layout repairs. */
:root{--interface-orange:#ffa500;--interface-ink:#26102f}
html body a.btn,html body .section a.btn,html[data-theme] body .section a.btn,html body a.btn{background:var(--interface-orange);border-color:var(--interface-orange);color:var(--interface-ink);box-shadow:0 5px 16px #ffa50024;text-align:center;justify-content:center}
html body a.btn:hover,html body .section a.btn:hover,html[data-theme] body .section a.btn:hover,html body a.btn:hover{background:#ffa500;border-color:#ffa500;color:var(--interface-ink);box-shadow:0 7px 22px #ffa50038}
html body :is(a.btn,.menu-toggle,.theme-toggle,.back-to-top):focus-visible{outline:3px solid #ffa500;outline-offset:4px}
html body :is(.refinement-icon,.contact-icon,.feature-icon,.workflow-icon){color:#ffa500;border-color:#ffa50066}
html body .workflow-step:hover .workflow-icon{background:#ffa500;color:#26102f;border-color:#ffa500;box-shadow:0 0 0 5px #ffa5001a}
.workflow-section .workflow-track::after{display:block;background:#ffa500;box-shadow:0 0 12px #ffa50070}
@media(prefers-reduced-motion:no-preference){.workflow-section .workflow-track::after{animation:workflow-travel 5s ease-in-out infinite}}
@media(max-width:800px){
 .section-shell,.case-body,.pricing-body,.contact-panel,.contact-panel>*,.feature-card,.mini-stat{min-width:0}
 .contact-panel{align-items:stretch;text-align:left;gap:24px;padding:24px}
 .contact-panel .btn{align-self:stretch;width:100%;height:auto;min-height:48px;padding:13px 16px;line-height:1.4;white-space:normal;text-align:center;letter-spacing:0}
 .contact-panel h2{font-size:clamp(1.75rem,7.2vw,2.3rem);line-height:1.12;overflow-wrap:break-word;text-wrap:pretty}
 .contact-panel p{font-size:.95rem;line-height:1.7;text-align:left}
 .workflow-section .workflow-track{padding:0;margin-left:0;gap:26px}
 .workflow-section .workflow-step{padding:0 0 0 58px;text-align:left;min-width:0}
 .workflow-section .workflow-icon{position:absolute;left:0;top:0;width:40px;height:40px;margin:0;font-size:.74rem}
 .workflow-section .workflow-step h3{margin:0 0 10px;line-height:1.22;font-size:1.2rem;text-align:left;overflow-wrap:normal;word-break:normal}
 .workflow-section .workflow-step p{margin:0;max-width:none;font-size:.94rem;line-height:1.7;text-align:left}
 .workflow-section .workflow-track::before{left:19px;top:20px;bottom:20px}
 .workflow-section .workflow-track::after{left:15px;top:20px;width:10px;height:10px}
 .case-topline{flex-wrap:wrap;gap:8px 12px;align-items:flex-start}.case-topline .meta{white-space:normal}
 .case-body{padding:22px}.case-body h3{line-height:1.15;font-size:clamp(1.6rem,6.5vw,2rem)}
 .case-metrics .mini-stat{padding:16px;overflow-wrap:break-word}.case-metrics .mini-stat strong{font-size:1.4rem;line-height:1.2;margin:0 0 6px;white-space:normal}.case-metrics .mini-stat span{font-size:.7rem;line-height:1.5;letter-spacing:.04em}
 .refined-footer .footer-links{gap:10px 18px}.refined-footer{padding-bottom:65px}
}
@media(max-width:480px){.case-metrics{grid-template-columns:minmax(0,1fr);gap:10px}.case-metrics .mini-stat strong{font-size:1.5rem}.case-body>p,.case-quote{font-size:.94rem;line-height:1.75}}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){.workflow-section .workflow-track::after{animation:workflow-travel-vertical 5s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){.workflow-section .workflow-track::after{animation:none}}

html body a.btn,html body a.btn{background:#ffa500!important;border-color:#ffa500!important;color:#26102f!important;box-shadow:0 5px 16px #ffa50024!important}html body a.btn:hover,html body a.btn:hover{background:#ffa500!important;border-color:#ffa500!important;color:#26102f!important}

/* Interface glyphs retain their original neutral surfaces. */
html body :is(.menu-toggle,.theme-toggle,.back-to-top,.contact-icon,.refinement-icon,.workflow-icon){color:#ffa500}
html body a.btn:hover{background:#ffb52e!important;border-color:#ffb52e!important}

/* Consistent title case for editorial headings and action labels. */
html body :is(h1,h2,h3,h4,h5,h6,.eyebrow,.showcase-kicker,.badge,.meta,.label,.service-card-meta,.workflow-label,.contact-portrait figcaption strong,.hero-workflow figcaption strong),html body :is(a.btn,button.btn,.contact-button,.text-link){text-transform:capitalize!important}

html body :is(.hero-workflow-label,.hero-audiences>span,.hero-audiences li,.contact-portrait figcaption>span){text-transform:capitalize}

/* One shared logo size across the homepage and all platform categories. */
html body .tool-brand .tool-brand-mark{display:flex;align-items:center;justify-content:center;flex:0 0 32px!important;width:32px!important;height:32px!important;padding:0!important;box-sizing:border-box!important;background:#fff;border:1px solid #e9e5eb;border-radius:7px!important}html body .tool-brand .tool-brand-mark img{width:24px!important;height:24px!important;max-width:24px;max-height:24px;object-fit:contain;filter:none!important}

/* Stronger proof and pricing hierarchy. */
.proof-metrics-section .tile strong{display:block;font-size:clamp(2.6rem,4.5vw,3.6rem);line-height:1.08;color:#ffa500;margin-bottom:12px}.proof-metrics-section .tile span{color:var(--text-primary)}html[data-theme="dark"] .proof-metrics-section .tile span{color:#fff}.pricing-card .amount{color:#ffa500}.pricing-card h3,.pricing-card .label{color:var(--text-primary)}html[data-theme="dark"] .pricing-card h3,html[data-theme="dark"] .pricing-card .label{color:#fff}.billing-period{color:#ffa500;font-size:.78rem;font-weight:700;line-height:1.5;margin:0 0 10px;text-transform:capitalize}.contact-portrait-frame{aspect-ratio:4/5;background:linear-gradient(145deg,#27102f,#745283);overflow:hidden}.contact-portrait-frame img{object-fit:cover;object-position:center center}.pricing-grid .monthly-plan-description{min-height:0}

.pricing-card .amount .currency-symbol{display:inline-block;font-size:.55em;line-height:1;vertical-align:top;margin-top:.16em;margin-right:.04em;color:inherit}
.proof-metrics-section .tile span{font-size:clamp(.9rem,1.2vw,1rem);line-height:1.45;letter-spacing:.04em;font-weight:700}

/* Consistent readable app labels and clear in-page navigation. */
html body .tool-brand,html body .tool-brand>span:last-child{font-weight:400!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none}.home-tool-logos{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important}.home-tool-logos .tool-brand{gap:9px;padding:13px 12px;font-size:.83rem}.home-tool-logos .tool-brand>span:last-child{white-space:normal}.stack-jump a{display:flex;align-items:center;gap:12px;min-height:52px;border-radius:12px;border:1px solid var(--border-color);padding:14px 18px;background:var(--card-bg);box-shadow:0 3px 10px rgba(25,10,35,.08);font-weight:500;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s}.stack-jump .jump-arrow{display:inline-flex;flex:0 0 24px;color:#ffa500}.stack-jump .jump-arrow svg{width:22px;height:22px}.stack-jump a:hover{border-color:#ffa500;background:var(--bg-secondary);box-shadow:0 4px 15px #ffa50020}.stack-jump a:focus-visible{outline:3px solid #ffa500;outline-offset:3px}@media(max-width:600px){.home-tool-logos{grid-template-columns:minmax(0,1fr)!important}.home-tool-logos .tool-brand{min-height:58px}.home-tool-logos .tool-brand>span:last-child{white-space:nowrap}.stack-jump a{width:100%;box-sizing:border-box}}
.tool-logo-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.tool-logo-grid .tool-brand{min-width:0;box-sizing:border-box}@media(max-width:480px){.tool-logo-grid{grid-template-columns:minmax(0,1fr)}}