.dns-errors.svelte-171l7w4{display:grid;gap:.35rem;margin-top:3rem;padding:1.25rem 1.4rem;border:1px solid var(--border);border-radius:.9rem;background:var(--surface);color:var(--text)}.dns-errors.svelte-171l7w4 span:where(.svelte-171l7w4){font-size:14px;color:var(--text-3)}.dns-errors.svelte-171l7w4:hover{border-color:var(--border-strong)}.wrap.svelte-171l7w4{max-width:1200px;margin:0 auto;padding:0 1rem}.btn.svelte-171l7w4{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:2.75rem;padding:0 1.25rem;border-radius:.6rem;font-size:14px;font-weight:500;transition:opacity .15s,background .15s,color .15s}.btn-light.svelte-171l7w4{background:var(--text);color:var(--bg);box-shadow:0 0 0 1px #ffffff1a,0 8px 30px -8px #ffffff40}.btn-light.svelte-171l7w4:hover{opacity:.9}.btn-ghost.svelte-171l7w4{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-2)}.btn-ghost.svelte-171l7w4:hover{color:var(--text);background:var(--surface-2)}.hero.svelte-171l7w4{position:relative;padding:8rem 0 3.5rem}.hero-bg.svelte-171l7w4{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 45% at 50% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%),linear-gradient(var(--border) 1px,transparent 1px) 0 0 / 64px 64px,linear-gradient(90deg,var(--border) 1px,transparent 1px) 0 0 / 64px 64px;-webkit-mask-image:radial-gradient(70% 70% at 50% 15%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 70% at 50% 15%,#000 30%,transparent 80%)}.hero-copy.svelte-171l7w4{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.pill.svelte-171l7w4{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface) 80%,transparent);font-size:12.5px;color:var(--text-2)}.pill-dot.svelte-171l7w4{width:.4rem;height:.4rem;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 25%,transparent)}h1.svelte-171l7w4{margin-top:1.5rem;max-width:860px;font-size:clamp(2.3rem,6.5vw,4.25rem);font-weight:600;line-height:1.02;letter-spacing:-.055em;padding-bottom:.08em}.h1-text.svelte-171l7w4{background:linear-gradient(180deg,#fff 30%,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:transparent}.lead.svelte-171l7w4{margin-top:1.4rem;max-width:620px;font-size:clamp(15px,1.6vw,17px);line-height:1.65;color:var(--text-3)}.cta-row.svelte-171l7w4{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.groups.svelte-171l7w4{padding-bottom:6rem;scroll-margin-top:5rem}.group.svelte-171l7w4{display:grid;gap:1.5rem;padding:3.5rem 0;border-top:1px solid var(--border)}h2.svelte-171l7w4{font-size:clamp(1.4rem,2.6vw,1.8rem);font-weight:600;letter-spacing:-.04em;color:var(--text)}.group-head.svelte-171l7w4 p:where(.svelte-171l7w4){margin-top:.5rem;max-width:380px;font-size:14px;line-height:1.6;color:var(--text-3)}.grid.svelte-171l7w4{display:grid;gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:.9rem;background:var(--border)}.tile.svelte-171l7w4{display:flex;flex-direction:column;padding:1.35rem;background:var(--surface);transition:background .15s}.tile.svelte-171l7w4:hover{background:var(--surface-2)}.tile-top.svelte-171l7w4{display:flex;align-items:center;justify-content:space-between;color:var(--text-2)}.usage.svelte-171l7w4{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);font-size:10.5px;font-weight:500;color:var(--text-3)}h3.svelte-171l7w4{margin-top:1.25rem;font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--text)}.tile.svelte-171l7w4 p:where(.svelte-171l7w4){flex:1;margin-top:.45rem;font-size:13.5px;line-height:1.6;color:var(--text-3)}.open.svelte-171l7w4{display:inline-flex;align-items:center;gap:.3rem;margin-top:1.1rem;font-size:12.5px;color:var(--text-3);transition:color .15s}.tile.svelte-171l7w4:hover .open:where(.svelte-171l7w4),.tile.svelte-171l7w4:hover h3:where(.svelte-171l7w4){color:var(--accent-text)}@media (min-width: 640px){.grid.svelte-171l7w4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 900px){.group.svelte-171l7w4{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:3rem}}