:root{--color-bg:#ffffff;--color-text:#0b1220;--color-muted:#5b6472;--color-brand:#146a80;--color-brand-strong:#136e83;--radius:12px;--shadow:0 1px 2px rgba(0,0,0,.03);--container:1100px;--font-sans: Inter, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--link-color: #0f5b6c;--link-color-hover: #0b4754;--container-max: 72rem;--gutter: clamp(1rem, 3vw, 2rem);--fs-h1: clamp(1.75rem, 2.5vw, 2.5rem);--fs-h2: clamp(1.25rem, 2vw, 1.75rem);--fs-body: clamp(1rem, 1.2vw, 1.0625rem);--bg: var(--color-bg);--text: var(--color-text);--muted: var(--color-muted);--brand: var(--color-brand);--brand-d: var(--color-brand-strong)}*{box-sizing:border-box}html,body{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans)}.prose p a:not(.button):not(.cta),p a:not(.button):not(.cta){color:var(--link-color);text-decoration:underline;text-underline-offset:.15em}.prose p a:not(.button):not(.cta):hover,p a:not(.button):not(.cta):hover{color:var(--link-color-hover)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.container{max-width:var(--container)px;margin:0 auto;padding:0 1.25rem}.header{position:sticky;top:0;background:linear-gradient(180deg,#f7fbfc,#fffffff2);border-bottom:1px solid #e6eef0;backdrop-filter:blur(6px);z-index:50}.nav{display:flex;align-items:center;gap:.75rem;height:72px}.nav a{padding:.5rem .75rem;border-radius:8px}.cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--brand);color:#fff;border-radius:10px;padding:.65rem 1rem;border:1px solid var(--brand)}.cta:hover{background:var(--brand-d)}.hero{background:linear-gradient(135deg,#0d324d 0%,var(--brand) 100%);color:#fff;padding:80px 0}.hero h1{font-size:clamp(32px,5vw,56px);margin:0 0 12px}.hero p{font-size:clamp(16px,2.2vw,22px);margin:0 0 24px;opacity:.95}.grid{display:grid;gap:1rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:#fff;border:1px solid #e5eaee;border-radius:12px;padding:1rem;box-shadow:var(--shadow)}.footer{margin-top:64px;border-top:1px solid #e6eef0;padding:32px 0;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:.4rem;border:1px solid #cfe8ec;border-radius:999px;padding:.25rem .6rem;color:#0c5560;background:#f0fbfd;font-size:.825rem}.section{padding:56px 0}.h2{font-size:28px;margin:0 0 8px}.p{color:var(--muted);line-height:1.65}.kicker{letter-spacing:.08em;text-transform:uppercase;color:#0e6a77;font-weight:600;font-size:.8rem;margin-bottom:.4rem}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.6rem;border-bottom:1px solid #edf2f5;text-align:left}.faq dt{font-weight:600;margin:1rem 0 .25rem}.faq dd{margin:0 0 .75rem}.blog-meta{color:var(--muted);font-size:.9rem}.cover{width:100%;height:240px;border-radius:12px;-o-object-fit:cover;object-fit:cover;border:1px solid #e7eef1}.share{display:inline-flex;align-items:center;gap:.4rem;border:1px solid #dfe7ea;border-radius:8px;padding:.4rem .6rem}.note{font-size:.9rem;color:#5f6b79}.input,textarea{width:100%;padding:.6rem;border:1px solid #dfe7ea;border-radius:8px;font:inherit}label{font-weight:600;font-size:.95rem}.form-row{display:grid;gap:.75rem;margin:.75rem 0}.button,.btn,.cta,a[role=button]{min-height:44px;padding:.75rem 1rem;display:inline-flex;align-items:center;justify-content:center}nav a{padding:.5rem .75rem;min-height:44px;display:inline-flex;align-items:center}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--brand);font-size:1.5rem;cursor:pointer;padding:.5rem;min-height:44px;min-width:44px}.mobile-nav{display:none;position:fixed;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid #e6eef0;padding:1rem;z-index:40;box-shadow:0 4px 6px #0000001a}.mobile-nav.open{display:block}.mobile-nav a{display:block;padding:.75rem 1rem;color:var(--text);text-decoration:none;border-radius:8px}.mobile-nav a:hover{background:#f8fafc}@media (max-width: 768px){.container{padding:0 1rem}.header .nav>div:first-of-type{display:none!important}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.hero{padding:48px 0}.hero h1{font-size:clamp(28px,8vw,40px)}.hero p{font-size:clamp(16px,4vw,20px)}.section{padding:40px 0}.grid-3{grid-template-columns:1fr}.card{padding:1.25rem}.nav{gap:.5rem}.footer{padding:24px 0}.footer .container>div:first-child{font-size:.875rem}}@media (max-width: 480px){.container{padding:0 .875rem}.hero{padding:32px 0}.hero h1{font-size:24px;margin-bottom:8px}.hero p{font-size:16px;margin-bottom:16px}.section{padding:32px 0}.h2{font-size:22px}.cta{width:100%;justify-content:center;text-align:center}.badge{font-size:.75rem;padding:.2rem .5rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
