body{font-family:'DM Sans',sans-serif;color:#242338}
h1,h2,h3{font-family:'Space Grotesk',sans-serif}
:root{--purple:#48449c}
.header-inner{gap:24px}
.header nav{gap:21px}
.brand{flex-shrink:0}
.brand img{object-fit:contain}
.feature,.role-grid article{transition:transform .18s,box-shadow .18s}
.feature:hover,.role-grid article:hover{transform:translateY(-3px);box-shadow:0 12px 30px #48449c0d}
.solution-list article{padding:32px;border:1px solid var(--line);border-radius:12px;margin-bottom:16px;background:#fff}
.solution-list article:nth-child(even){background:#faf9fe}
.solution-list .step-number{font-size:24px;color:#48449c}
.process-grid article{padding:25px;border:1px solid var(--line);border-radius:12px;background:#faf9fe}
.pricing-card{background:linear-gradient(120deg,#f7f6ff,white)}
.faq summary{padding-right:20px;line-height:1.6}
.button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7772c8;outline-offset:4px}
@media(max-width:1000px){.header nav{gap:8px}.header nav a{padding:12px}.header nav .button{justify-content:center}}
@media(max-width:540px){.feature-grid,.process-grid{grid-template-columns:1fr}.solution-list article{padding:22px}.page-hero h1{font-size:34px}.footer-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}