/* Consultancy review. Layout and typography only; existing brand tokens retained. */
html body .eyebrow,html[data-theme] body .eyebrow{display:block;width:fit-content;max-width:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--text-secondary);font-size:.78rem;font-weight:600;line-height:1.5;letter-spacing:.015em;text-transform:none;gap:0}
html body .eyebrow::before,html body .eyebrow::after{content:none;display:none;animation:none;box-shadow:none}
html body .badge,html body .showcase-kicker,html body .live-pill{border:0;border-radius:0;background:none;box-shadow:none;padding:0;font-weight:600;letter-spacing:.025em;text-transform:none;color:var(--text-secondary)}
.live-dot{display:none}
.home-hero{padding-top:76px;padding-bottom:58px}.home-hero .hero-grid{display:block;max-width:100%}.home-hero .hero-copy{width:100%;max-width:930px;padding:0}.home-hero .hero-copy>.eyebrow{margin-bottom:28px}.home-hero h1{font-size:clamp(3.8rem,7.5vw,6.7rem);line-height:1.03;letter-spacing:-.045em;max-width:930px;margin:0 0 28px;text-wrap:balance}.home-hero .hero-copy>p:not(.hero-note){font-size:1.06rem;line-height:1.85;max-width:710px;margin:0 0 30px}.home-hero .hero-actions{margin:0;gap:14px;flex-wrap:wrap}.home-hero .hero-note{font-size:.8rem;line-height:1.6;max-width:700px;margin:22px 0 0;color:var(--text-secondary)}
.home-hero .hero-copy h1,.home-hero .hero-copy h1:hover{rotate:none;translate:none;cursor:auto}.home-hero .hero-copy>*{animation:none}
.hero-audiences{border-top:1px solid var(--border-color);margin-top:38px;padding-top:22px;max-width:850px}.hero-audiences>span{display:block;font-size:.72rem;color:var(--text-secondary);margin-bottom:12px}.hero-audiences ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px;padding:0;margin:0}.hero-audiences li{font-size:.81rem;font-weight:500;color:var(--text-primary);line-height:1.6}
html body .btn.btn-primary,html body .section .btn.btn-primary,html[data-theme] body .section .btn.btn-primary{background:#742b85;border-color:#742b85;box-shadow:0 4px 12px rgba(82,24,96,.14)}
html body .btn.btn-primary:hover,html body .section .btn.btn-primary:hover,html[data-theme] body .section .btn.btn-primary:hover{background:#89359b;border-color:#89359b;box-shadow:0 6px 16px rgba(82,24,96,.2);translate:0 -1px}
html body :is(.feature-card,.info-card,.case-card,.pricing-card,.tile,.matrix-card,.tool-card,.stack-card,.contact-card,.workflow-card,.tool-brand):hover{translate:none;box-shadow:0 5px 18px rgba(72,30,89,.08)}
.workflow-card::after{content:none;animation:none}.workflow-track::after,.marquee-track{animation:none}.online-indicator::before,.contact-status::before{animation:none}.workflow-track::after{opacity:.2}
.contact-page{background:var(--bg-primary);padding-top:64px;padding-bottom:72px}.contact-page::before,.contact-page::after{content:none;display:none}.contact-page .contact-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(40px,6vw,76px);align-items:start}.contact-page .contact-copy{min-width:0;max-width:640px}.contact-page .contact-copy h1{font-size:clamp(2.8rem,4.8vw,4.45rem);line-height:1.08;letter-spacing:-.04em;margin:22px 0}.contact-page .contact-intro{font-size:.98rem;line-height:1.85;max-width:590px}.contact-page .contact-cards{margin-top:28px}.contact-page .contact-card{padding:17px 18px;min-width:0}.contact-page .audit-invitation{padding:22px;margin:24px 0 0;border-radius:12px}.contact-page .audit-invitation h2{font-size:1.3rem;line-height:1.3}.contact-page .audit-invitation .btn{min-height:48px}
.contact-portrait{margin:0;min-width:0;width:100%;max-width:470px;justify-self:end}.contact-portrait-frame{border:1px solid var(--border-color);border-radius:14px;overflow:hidden;background:var(--bg-secondary);aspect-ratio:4/5}.contact-portrait-frame img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center top;border-radius:0;animation:none;transform:none;transition:none}.contact-portrait figcaption{padding:21px 0 0;border:0}.contact-portrait figcaption strong{display:block;font-size:1.12rem;margin-bottom:7px}.contact-portrait figcaption>span{display:block;font-size:.8rem;color:var(--text-secondary)}.contact-portrait figcaption p{max-width:410px;margin:12px 0 0;color:var(--text-secondary);font-size:.86rem;line-height:1.75}
@media(prefers-reduced-motion:no-preference){.consultancy-reveal{opacity:0;transform:translateY(10px);transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1)}.consultancy-reveal.is-visible{opacity:1;transform:none}}
@media(max-width:850px){.home-hero{padding-top:52px;padding-bottom:44px}.home-hero h1{font-size:clamp(3.1rem,9vw,5.6rem)}.contact-page .contact-layout{grid-template-columns:minmax(0,1fr);gap:38px}.contact-page .contact-copy{max-width:690px}.contact-portrait{max-width:480px;justify-self:start}.contact-page{padding-top:40px;padding-bottom:50px}}
@media(max-width:480px){.home-hero{padding-top:40px;padding-bottom:38px}.home-hero .hero-copy>.eyebrow{margin-bottom:22px}.home-hero h1{font-size:clamp(2.7rem,11vw,3.7rem);margin-bottom:22px}.home-hero .hero-copy>p:not(.hero-note){font-size:.96rem;line-height:1.8;margin-bottom:26px}.home-hero .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.home-hero .hero-actions .btn{width:100%;min-height:48px}.hero-audiences{margin-top:28px;padding-top:20px}.hero-audiences ul{gap:8px 18px}.hero-audiences li{font-size:.76rem}.contact-page .contact-copy h1{font-size:clamp(2.6rem,10.5vw,3.35rem)}.contact-page .contact-card{padding:15px 14px}.contact-page .contact-icon{width:40px;height:40px;flex-basis:40px}.contact-page .audit-invitation{padding:20px}.contact-page .audit-invitation .btn{width:100%;font-size:.83rem}.contact-portrait{max-width:100%}.contact-portrait-frame{aspect-ratio:4/4.6}.contact-page .contact-layout>*{min-width:0;max-width:100%}}
@media(prefers-reduced-motion:reduce){.consultancy-reveal,.consultancy-reveal.is-visible{opacity:1;transform:none;transition:none}.home-hero .hero-copy>*{animation:none}}
.contact-portrait-frame{position:relative}.contact-portrait-frame img{position:static;inset:auto;max-height:none}

/* A real work sample adds context beside the message. */
.home-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,.9fr);gap:clamp(30px,4vw,64px);align-items:center}.home-hero .hero-copy{min-width:0;max-width:100%}.home-hero h1{font-size:clamp(2.6rem,4.35vw,4.55rem);line-height:1.08;letter-spacing:-.045em;text-wrap:initial}.home-hero .hero-growth-line{display:block;white-space:nowrap;will-change:translate}.home-hero .hero-copy>p:not(.hero-note){font-size:.98rem;line-height:1.8;max-width:650px}.home-hero .hero-audiences{margin-top:30px}.home-hero .hero-audiences ul{gap:8px 20px}
.hero-workflow{margin:0;min-width:0;padding:18px;border:1px solid var(--border-color);border-radius:14px;background:var(--card-bg);box-shadow:0 8px 28px rgba(44,16,54,.07)}.hero-workflow-label{font-size:.73rem;font-weight:600;color:var(--text-secondary);margin-bottom:14px;letter-spacing:.01em}.hero-workflow-image{position:relative;display:block;aspect-ratio:1.35;overflow:hidden;border:1px solid var(--border-color);border-radius:7px;background:#f4f5f9}.hero-workflow-image img{position:absolute;width:170%;height:auto;max-width:none;max-height:none;left:-35%;top:-10%;border-radius:0;object-fit:initial}.hero-workflow figcaption{padding:20px 0 2px}.hero-workflow figcaption strong{display:block;font-size:1rem;line-height:1.5;color:var(--text-primary);font-weight:600}.hero-workflow figcaption p{margin:8px 0 14px;font-size:.83rem;line-height:1.65;color:var(--text-secondary)}.hero-workflow .text-link{font-size:.8rem;font-weight:600;text-decoration:underline;text-underline-offset:5px;line-height:1.5}.hero-workflow a:focus-visible{outline:3px solid var(--accent-primary);outline-offset:4px}
@keyframes hero-growth-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(prefers-reduced-motion:no-preference){.home-hero .hero-growth-line{animation:hero-growth-float 7s ease-in-out 1s infinite}}
@media(max-width:1000px){.home-hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}.home-hero .hero-copy{max-width:850px}.home-hero h1{font-size:clamp(2.6rem,6.5vw,4.8rem)}.hero-workflow{max-width:600px;width:100%}.home-hero .hero-audiences{max-width:780px}}
@media(max-width:480px){.home-hero h1{font-size:clamp(1.9rem,7.9vw,2.7rem);line-height:1.15;margin-bottom:23px}.home-hero .hero-grid{gap:30px}.hero-workflow{padding:14px}.hero-workflow figcaption{padding-top:16px}.hero-workflow figcaption strong{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.home-hero .hero-growth-line{animation:none;translate:none;will-change:auto}}

/* Show the full response-handling build without cropping its branches. */
.hero-workflow-image{aspect-ratio:1.7;padding:8px;display:flex;align-items:center;justify-content:center}
.hero-workflow-image img{position:static;inset:auto;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:3px}

/* A quiet hover highlight for each workflow step; connectors do not move. */
.workflow-track::after{display:none}
.workflow-section .workflow-step{transition:background .25s ease,box-shadow .25s ease;transform:none}
.workflow-section .workflow-icon,.workflow-section .workflow-step h3,.workflow-section .workflow-step p{transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
@media(hover:hover) and (pointer:fine){
 .workflow-section .workflow-step:hover{transform:none;background:linear-gradient(180deg,transparent 0 48px,rgba(163,102,184,.09) 48px,rgba(163,102,184,.04) 100%);box-shadow:0 9px 24px rgba(70,29,88,.04)}
 .workflow-section .workflow-step:hover .workflow-icon{background:#742b85;color:#fff;border-color:#8f4aa0;box-shadow:0 0 0 5px rgba(163,102,184,.12)}
 .workflow-section .workflow-step:hover h3{color:#742b85}
 .workflow-section .workflow-step:hover p{color:var(--text-primary)}
 html[data-theme="dark"] .workflow-section .workflow-step:hover{background:linear-gradient(180deg,transparent 0 48px,rgba(207,158,226,.1) 48px,rgba(207,158,226,.04) 100%)}
 html[data-theme="dark"] .workflow-section .workflow-step:hover .workflow-icon{background:#cf9ee2;color:#2d0d35;border-color:#e1bdec;box-shadow:0 0 0 5px rgba(207,158,226,.12)}
 html[data-theme="dark"] .workflow-section .workflow-step:hover h3{color:#eed9f5}
}
@media(prefers-reduced-motion:reduce){.workflow-section .workflow-step,.workflow-section .workflow-icon,.workflow-section .workflow-step h3,.workflow-section .workflow-step p{transition:none}}