.surfaces__grid.svelte-172hqmm.svelte-172hqmm{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;max-width:1200px;margin:0 auto}.surface-card.svelte-172hqmm.svelte-172hqmm{background:linear-gradient(180deg,#121f34cc,#091220d6);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:12px}.surface-card__icon.svelte-172hqmm.svelte-172hqmm{font-size:28px;font-weight:700;font-family:monospace;opacity:.4}.surface-card.svelte-172hqmm h2.svelte-172hqmm{font-size:20px;font-weight:700;margin:0}.surface-card__tagline.svelte-172hqmm.svelte-172hqmm{font-size:14px;opacity:.6;margin:0;font-style:italic}.surface-card.svelte-172hqmm p.svelte-172hqmm{font-size:15px;line-height:1.6;color:var(--text-muted)}.surface-card.svelte-172hqmm ul.svelte-172hqmm{list-style:none;padding:0;margin:0}.surface-card.svelte-172hqmm li.svelte-172hqmm{font-size:14px;line-height:1.7;padding-left:20px;position:relative;color:var(--text-muted)}.surface-card.svelte-172hqmm li.svelte-172hqmm:before{content:"→";position:absolute;left:0;opacity:.4}.surface-card.svelte-172hqmm code.svelte-172hqmm{background:#73e2ff14;padding:2px 6px;border-radius:4px;font-size:13px;color:var(--accent)}.surface-card.svelte-172hqmm .button.svelte-172hqmm{align-self:flex-start;margin-top:auto}.principle__content.svelte-172hqmm.svelte-172hqmm{max-width:680px;margin:0 auto;text-align:center}.principle__content.svelte-172hqmm h2.svelte-172hqmm{font-size:24px;font-weight:700;margin-bottom:12px}.principle__content.svelte-172hqmm p.svelte-172hqmm{font-size:16px;line-height:1.7;color:var(--text-muted)}