.hero.svelte-5tu9pb{position:relative;padding:72px 0 64px;border-bottom:1px solid var(--border);overflow:hidden}.hero.svelte-5tu9pb:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 30%,transparent 75%);pointer-events:none}.hero-inner.svelte-5tu9pb{position:relative;max-width:760px}.eyebrow.svelte-5tu9pb{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted-2);margin-bottom:16px}h1.svelte-5tu9pb{font-size:clamp(32px,4.6vw,52px);line-height:1.08;letter-spacing:-.02em;margin-bottom:24px}.em.svelte-5tu9pb{color:var(--muted)}.lede.svelte-5tu9pb{font-size:17px;line-height:1.65;color:var(--text-soft);max-width:600px;margin-bottom:32px}.hero-ctas.svelte-5tu9pb{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.cta.svelte-5tu9pb{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:600;white-space:nowrap;transition:transform .12s ease,opacity .15s ease}.cta.svelte-5tu9pb:hover{transform:translateY(-1px);opacity:.9}.hero-copy-btn.svelte-5tu9pb{height:44px;padding:0 18px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s ease}.hero-copy-btn.svelte-5tu9pb:hover{background:var(--surface-2)}.section-variant.svelte-5tu9pb{padding:56px 0;border-bottom:1px solid var(--border)}.variant-head.svelte-5tu9pb{max-width:640px;margin-bottom:24px}.variant-head.svelte-5tu9pb h2:where(.svelte-5tu9pb){font-size:22px;letter-spacing:-.01em;margin-bottom:8px}.variant-head.svelte-5tu9pb p:where(.svelte-5tu9pb){color:var(--muted);font-size:14.5px;line-height:1.6}.swatches.svelte-5tu9pb{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.swatch.svelte-5tu9pb{display:flex;align-items:center;justify-content:center;height:140px;padding:20px;border-radius:12px;border:1px solid var(--border)}.swatch.wide.svelte-5tu9pb{grid-column:span 3}.swatch.svelte-5tu9pb img:where(.svelte-5tu9pb){max-width:100%;max-height:100%}.swatch.on-light.svelte-5tu9pb{background:#f5f4f0}.swatch.on-dark.svelte-5tu9pb{background:#0a0c10}.swatch.on-neutral.svelte-5tu9pb{background:var(--surface-2)}.downloads.svelte-5tu9pb{display:flex;flex-wrap:wrap;gap:8px}.dl.svelte-5tu9pb{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:7px;border:1px solid var(--border);background:var(--surface);font-size:13px;color:var(--text);transition:background .15s ease}.dl.svelte-5tu9pb:hover{background:var(--surface-2)}.fmt.svelte-5tu9pb{color:var(--muted);font-size:11px}.color-group.svelte-5tu9pb{margin-bottom:28px}.color-group.svelte-5tu9pb:last-child{margin-bottom:0}.color-group-label.svelte-5tu9pb{font-size:11px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.color-grid.svelte-5tu9pb{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.color-chip.svelte-5tu9pb{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-align:left;font-family:inherit;transition:background .15s ease}.color-chip.svelte-5tu9pb:hover{background:var(--surface-2)}.chip-swatch.svelte-5tu9pb{display:block;width:100%;height:48px;border-radius:7px;border:1px solid var(--border)}.chip-name.svelte-5tu9pb{font-size:13px;color:var(--text);font-weight:500}.chip-hex.svelte-5tu9pb{font-size:12px;color:var(--muted)}.chip-hex.copied.svelte-5tu9pb{color:var(--accent-text);font-weight:600}.type-card.svelte-5tu9pb{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:32px;display:flex;flex-direction:column;gap:28px}.type-row.svelte-5tu9pb{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:baseline}.type-label.svelte-5tu9pb{font-size:11px;color:var(--muted-2)}.type-sample.svelte-5tu9pb{color:var(--text);line-height:1.4}.section-boiler.svelte-5tu9pb{padding:56px 0}.boiler-card.svelte-5tu9pb{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:32px}.section-label.svelte-5tu9pb{font-size:12px;color:var(--muted);margin-bottom:14px}.boiler-card.svelte-5tu9pb p:where(.svelte-5tu9pb){color:var(--text-soft);font-size:15px;line-height:1.7;max-width:760px;margin-bottom:20px}.boiler-list.svelte-5tu9pb{display:flex;flex-direction:column;gap:8px;max-width:760px;margin-bottom:24px;padding-left:20px}.boiler-list.svelte-5tu9pb li:where(.svelte-5tu9pb){color:var(--text-soft);font-size:14.5px;line-height:1.6}.boiler-list.svelte-5tu9pb strong:where(.svelte-5tu9pb){color:var(--text);font-weight:600}.copy-btn.svelte-5tu9pb{height:38px;padding:0 16px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:13.5px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s ease}.copy-btn.svelte-5tu9pb:hover{background:var(--surface-2)}@media (max-width: 768px){.swatches.svelte-5tu9pb{grid-template-columns:1fr}.swatch.wide.svelte-5tu9pb{grid-column:span 1}.type-row.svelte-5tu9pb{grid-template-columns:1fr;gap:6px}}