.network.svelte-17ve03f{overflow:hidden;box-shadow:0 12px 32px #0f172a06}.heading.svelte-17ve03f{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.75rem;font-weight:600}.heading.svelte-17ve03f>span:where(.svelte-17ve03f):first-child{display:flex;align-items:center;gap:8px}.sample.svelte-17ve03f{font-size:.625rem;letter-spacing:.1em;color:#64748b}.diagram.svelte-17ve03f{height:340px;position:relative;border-block:1px solid #edf1f6}svg.svelte-17ve03f{position:absolute;width:100%;height:100%}.node.svelte-17ve03f{width:106px;height:76px;position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #dbe4f0;background:#fff;border-radius:12px;color:#475569}.node.svelte-17ve03f span:where(.svelte-17ve03f){font-size:.7rem;font-weight:500;white-space:nowrap}.wan.svelte-17ve03f{top:23.53%;left:22%}.firewall.svelte-17ve03f{top:23.53%;left:78%}.wireless.svelte-17ve03f{top:76.47%;left:22%}.server.svelte-17ve03f{top:76.47%;left:78%}.core.svelte-17ve03f{top:50%;left:50%;width:116px;height:88px;background:#1d4ed8;border-color:#1d4ed8;color:#fff}.network-bottom.svelte-17ve03f{display:flex;justify-content:space-between;padding:17px 24px;font-size:.75rem;color:#1d4ed8;font-weight:600}@media(max-width:400px){.heading.svelte-17ve03f{padding-inline:14px}.sample.svelte-17ve03f{display:none}.node.svelte-17ve03f{width:94px}.core.svelte-17ve03f{width:104px}}.hero.svelte-1uj6mhf{background:#fff;padding:64px 0 72px}.hero-grid.svelte-1uj6mhf{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}h1.svelte-1uj6mhf{font-size:clamp(3.5rem,5.9vw,5rem);line-height:1.06;letter-spacing:-.065em}h1.svelte-1uj6mhf span:where(.svelte-1uj6mhf){color:#1d4ed8}.hero-desc.svelte-1uj6mhf{margin-top:24px;font-weight:600;font-size:1.08rem}.intro.svelte-1uj6mhf{margin-top:12px;max-width:490px;font-size:.95rem;line-height:1.9}.actions.svelte-1uj6mhf{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.principles.svelte-1uj6mhf{margin-top:28px;display:flex;flex-wrap:wrap;gap:22px;font-size:.75rem;color:#64748b}.principles.svelte-1uj6mhf span:where(.svelte-1uj6mhf){display:flex;gap:7px;align-items:center}@media(max-width:900px){.hero-grid.svelte-1uj6mhf{gap:32px}}@media(max-width:760px){.hero.svelte-1uj6mhf{padding:40px 0}.hero-grid.svelte-1uj6mhf{grid-template-columns:1fr;gap:40px}}