.brand-main{position:relative;z-index:1;padding:90px 0 72px}.brand-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:40px;align-items:center;padding-bottom:72px}.brand-kicker{margin:0 0 12px;color:var(--purple);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.brand-intro h1{grid-column:1;margin:0;max-width:680px;color:#171b34;font-size:clamp(34px,5vw,68px);line-height:1.02;letter-spacing:-1px}.brand-lead{grid-column:1;margin:0;max-width:590px;color:#596174;font-size:clamp(16px,1.8vw,21px)}.brand-mark{grid-column:2;grid-row:1 / span 3;width:min(100%,360px);justify-self:end;filter:drop-shadow(0 18px 24px rgba(23,27,52,.12))}.brand-purpose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.brand-panel{min-height:330px;padding:clamp(24px,4vw,48px);border-radius:14px;display:flex;flex-direction:column;justify-content:flex-end}.brand-panel h2{margin:10px 0 14px;font-size:clamp(26px,3vw,42px);line-height:1.05}.brand-panel p{max-width:530px;margin:0;font-size:15px;line-height:1.75}.brand-panel-light{background:rgba(255,255,255,.82);border:1px solid rgba(107,45,216,.12);color:#20253c}.brand-panel-dark{background:linear-gradient(135deg,rgba(107,45,216,.9),rgba(0,172,170,.88));color:#fff}.brand-index{font-size:12px;font-weight:600;letter-spacing:2px;opacity:.65}.brand-values{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:50px;padding-top:90px}.brand-values-heading h2{margin:0;color:#171b34;font-size:clamp(28px,3.4vw,48px);line-height:1.05}.values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.values-grid article{padding:24px;border-top:2px solid var(--cyan);background:rgba(255,255,255,.68)}.values-grid span{color:var(--purple);font-size:12px;font-weight:600}.values-grid h3{margin:12px 0 6px;color:#171b34;font-size:21px}.values-grid p{margin:0;color:#596174;font-size:14px}.brand-footer{margin-top:0}.brand-footer .footer-inner{justify-content:space-between}.brand-footer a{color:#fff;text-decoration:none;font-weight:500}@media(max-width:700px){.brand-main{padding:64px 0 48px}.brand-intro{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:48px}.brand-intro h1,.brand-lead{max-width:none}.brand-mark{width:min(75vw,300px);align-self:center;order:-1}.brand-purpose{grid-template-columns:1fr}.brand-panel{min-height:280px}.brand-values{grid-template-columns:1fr;gap:26px;padding-top:58px}.values-grid{grid-template-columns:1fr}.brand-footer .footer-inner{justify-content:center}}
