.how-section[data-v-8b6ccc45]{position:relative;padding:var(--section-padding-y) var(--container-padding-x);background-color:var(--background)}.section-container[data-v-8b6ccc45]{max-width:var(--container-max-width);margin:0 auto}.how-bento[data-v-8b6ccc45]{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(190px,auto);gap:1.25rem}.tile[data-v-8b6ccc45]{border-radius:24px;padding:1.75rem;border:1px solid var(--border);display:flex;flex-direction:column}.tile--intro[data-v-8b6ccc45]{grid-column:span 2;grid-row:span 2;justify-content:center;background:linear-gradient(150deg,#262011,#1a1a1a);border:1px solid var(--brand-blue-soft);color:var(--ink)}.tile--intro .section-badge[data-v-8b6ccc45]{background-color:#ffffff1f;border-color:#fff3;color:#fff}.intro-title[data-v-8b6ccc45]{color:var(--ink);font-size:2.6rem;margin-bottom:.75rem}.intro-body[data-v-8b6ccc45]{color:var(--ink-dim);font-size:1.1rem;line-height:1.55;max-width:320px;margin-bottom:1.75rem}.intro-cta[data-v-8b6ccc45]{align-self:flex-start}.tile--step[data-v-8b6ccc45]{grid-column:span 2;background-color:var(--surface);box-shadow:0 12px 30px -22px #15365c66;transition:transform .2s ease,box-shadow .2s ease}.tile--step[data-v-8b6ccc45]:hover{transform:translateY(-4px);box-shadow:0 20px 40px -22px #2f9be080}.step-top[data-v-8b6ccc45]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}.step-icon[data-v-8b6ccc45]{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background-color:#ffc3001f;color:var(--accent)}.step-index[data-v-8b6ccc45]{font-family:var(--font-display);font-size:2.6rem;font-weight:800;line-height:1;color:var(--border-strong)}.step-title[data-v-8b6ccc45]{font-size:1.25rem;margin-bottom:.5rem;color:var(--brand-navy)}.step-body[data-v-8b6ccc45]{color:var(--on-surface-variant);font-size:.98rem;line-height:1.55}.tile--stat[data-v-8b6ccc45]{grid-column:span 4;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;background-color:var(--accent);border:none}.stat-num[data-v-8b6ccc45]{font-family:var(--font-display);font-size:2.4rem;font-weight:800;line-height:1}.stat-label[data-v-8b6ccc45],.stat-num[data-v-8b6ccc45]{color:var(--on-accent)}.stat-label[data-v-8b6ccc45]{font-weight:700}@media(max-width:860px){.how-bento[data-v-8b6ccc45]{grid-template-columns:1fr}.tile--intro[data-v-8b6ccc45],.tile--stat[data-v-8b6ccc45],.tile--step[data-v-8b6ccc45]{grid-column:span 1;grid-row:auto}}