:root{--bg:#f5f3ee;--surface:#fff;--ink:#192622;--muted:#66736f;--primary:#087e68;--primary-dark:#055d4e;--border:#d9e0dc;--soft:#e8f4f1;--danger:#b53a3a;--radius:16px;--max:1080px;color:var(--ink);background:var(--bg);font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Segoe UI,system-ui,sans-serif;line-height:1.6}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 65%, white);outline-offset:3px}.skip-link{z-index:100;background:var(--surface);color:var(--ink);border-radius:8px;padding:.6rem .8rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-160%);box-shadow:0 4px 16px #1926222e}.skip-link:focus{transform:translateY(0)}img{max-width:100%}.container{width:min(100% - 2rem, var(--max));margin-inline:auto}.site-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);backdrop-filter:blur(8px);z-index:20;padding-top:env(safe-area-inset-top);position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 0;display:flex}.brand{min-width:44px;min-height:44px;color:var(--ink);letter-spacing:.02em;flex-shrink:0;align-items:center;font-weight:800;display:inline-flex}.brand:hover{color:var(--primary);text-decoration:none}.nav{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.nav a:not(.btn){min-width:44px;min-height:44px;color:var(--muted);align-items:center;font-size:.95rem;font-weight:600;display:inline-flex}.nav a:not(.btn):hover,.nav a:not(.btn)[aria-current=page]{color:var(--primary);text-decoration:none}a.btn,button.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:.65rem 1.15rem;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}a.btn:hover,button.btn:hover{text-decoration:none}a.btn-primary,button.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}a.btn-primary:hover,button.btn-primary:hover,a.btn-primary:focus-visible,button.btn-primary:focus-visible{background:var(--primary-dark);color:#fff;border-color:var(--primary-dark)}a.btn-secondary,button.btn-secondary{background:var(--surface);color:var(--primary-dark);border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}a.btn-secondary:hover,button.btn-secondary:hover{background:var(--soft);color:var(--primary-dark);border-color:var(--primary)}a.btn-ghost,button.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--border)}a.btn-ghost:hover,button.btn-ghost:hover{background:var(--bg);color:var(--ink);border-color:color-mix(in srgb, var(--ink) 20%, var(--border))}.nav-toggle{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;min-height:44px;padding:.45rem .85rem;font-size:.9rem;font-weight:700;list-style:none;display:none}.nav-toggle::-webkit-details-marker{display:none}.nav-toggle:after{content:"▾";opacity:.7;margin-left:.35rem}.header-nav[open] .nav-toggle:after{content:"▴"}.header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.header-cta{white-space:nowrap}.hero{padding:3.5rem 0 2.5rem}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;display:grid}.eyebrow{color:var(--primary);letter-spacing:.08em;margin:0 0 .75rem;font-size:.82rem;font-weight:800}h1{margin:0 0 1rem;font-size:clamp(1.75rem,5vw,2.8rem);font-weight:800;line-height:1.2}.lead{color:var(--muted);max-width:40rem;margin:0 0 1.5rem;font-size:1.08rem}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.35rem}.card-soft{background:var(--soft);border-color:#0000}.section{padding:2.25rem 0}.section h2{margin:0 0 1rem;font-size:1.45rem}.feature-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.feature-grid h3{margin:0 0 .4rem;font-size:1.05rem}.feature-grid p{color:var(--muted);margin:0;font-size:.95rem}.steps{gap:.75rem;display:grid}.step{grid-template-columns:auto 1fr;align-items:start;gap:.85rem;display:grid}.step-num{background:var(--primary);color:#fff;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:.9rem;font-weight:800;display:grid}.site-footer{border-top:1px solid var(--border);padding:1.75rem 0 calc(2.5rem + env(safe-area-inset-bottom));color:var(--muted);margin-top:3rem;font-size:.92rem}.site-footer .inner{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.prose{max-width:46rem}.prose h1{font-size:2rem}.prose h2{margin-top:1.75rem;font-size:1.2rem}.prose p,.prose li,.muted{color:var(--muted)}.badge{background:var(--soft);color:var(--primary-dark);border-radius:999px;padding:.25rem .55rem;font-size:.8rem;font-weight:700;display:inline-block}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.7rem .6rem;font-size:.95rem}th{color:var(--muted);font-weight:700}@media (width<=800px){.hero{padding:2.25rem 0 1.75rem}.hero-grid,.feature-grid{grid-template-columns:1fr}.section{padding:1.75rem 0}.cta-row .btn{flex:auto;min-width:min(100%,10rem)}}@media (width<=720px){.site-header .inner{flex-wrap:wrap}.header-actions{margin-left:auto}.nav-toggle{align-items:center;display:inline-flex}.header-nav{position:relative}.header-nav .nav{background:var(--surface);border:1px solid var(--border);z-index:30;border-radius:12px;flex-direction:column;align-items:stretch;gap:.15rem;min-width:11.5rem;padding:.5rem;display:none;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 10px 28px #1926221f}.header-nav[open] .nav{display:flex}.header-nav .nav a:not(.btn){border-radius:8px;padding:.7rem .75rem}.header-nav .nav a:not(.btn):hover,.header-nav .nav a:not(.btn)[aria-current=page]{background:var(--soft)}.header-nav .nav .btn{display:none}.site-footer .inner{flex-direction:column;gap:1.25rem}.site-footer .nav{gap:.75rem 1rem}}.desktop-nav[data-astro-cid-z4jru4n3]{display:flex}.header-actions[data-astro-cid-z4jru4n3]{display:none}@media (width<=720px){.desktop-nav[data-astro-cid-z4jru4n3]{display:none}.header-actions[data-astro-cid-z4jru4n3]{display:flex}}