@layer components{.site-header{position:sticky;top:0;z-index:20;background:rgba(255, 255, 255, .86);backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--border);.wrap{display:flex;align-items:center;gap:1rem;min-height:4rem}}.brand{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;&:hover{text-decoration:none}img{display:block;height:2.75rem;width:auto}}.site-nav{display:flex;align-items:center;gap:.15rem;margin-left:auto;font-size:.88rem;a{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-weight:500;white-space:nowrap;padding:.4rem .48rem;border-radius:var(--radius-sm);transition:color .15s, background .15s;&:hover{color:var(--fg);background:var(--bg-muted);text-decoration:none}&[aria-current="page"]{color:var(--fg);background:var(--bg-muted);font-weight:600}}}.head-search{display:flex;align-items:center;gap:.3rem;width:12rem;flex:0 1 12rem;min-width:0;margin-left:.15rem;input{flex:1 1 0;min-width:0;height:2.35rem;padding:0 .65rem;font:inherit;font-size:.9rem;color:var(--fg);background:var(--bg-soft);border:1px solid var(--border-strong);border-radius:var(--radius-sm);&::placeholder{color:var(--faint)}&:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}}button{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;flex:0 0 auto;font:inherit;color:#fff;background:var(--accent);border:0;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;&:hover{background:var(--accent-hover)}.i{width:1rem;height:1rem}}}.nav-toggle{display:none;flex:0 0 auto;align-items:center;justify-content:center;width:2.45rem;height:2.45rem;padding:0;margin-left:0;font:inherit;font-size:.92rem;font-weight:500;color:var(--fg);background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;&[aria-expanded="true"]{border-color:var(--accent);color:var(--accent)}}@media (width < 1200px){.site-nav{display:none;position:absolute;left:0;right:0;top:100%;margin-top:.2rem;padding:.5rem 1.25rem 1rem;background:var(--card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:.92rem;&[data-open]{display:grid;gap:.1rem}a{display:flex;align-items:center;gap:.5rem;padding:.6rem .25rem;border-bottom:1px solid var(--border);border-radius:0;background:none;color:var(--fg);font-weight:500;&:hover{background:none;color:var(--accent-ink)}&:last-child{border-bottom:0}&[aria-current="page"]{color:var(--accent-ink);border-bottom-color:var(--accent);background:none}}}.site-header{.wrap{position:relative;flex-wrap:nowrap;gap:.55rem;padding-top:.5rem;padding-bottom:.5rem}.brand{order:1}.brand img{height:2.25rem}.head-search{order:2;flex:1 1 auto;width:auto;max-width:26rem;margin-left:auto}.nav-toggle{display:inline-flex;order:3;margin-left:.1rem}}}@media (width < 640px){.site-header{.wrap{gap:.4rem;padding-top:.45rem;padding-bottom:.45rem}.brand img{height:2.25rem}.head-search{input{height:2.2rem;padding:0 .5rem;font-size:.86rem}button{width:2.2rem;height:2.2rem}}.nav-toggle{width:2.35rem;height:2.35rem}}}@media (scripting: none) and (width < 1200px){.site-header{position:static;.wrap{flex-wrap:wrap}.nav-toggle{display:none}.site-nav{display:grid;position:static;order:9;flex:1 1 100%;margin-top:.25rem;margin-left:0;padding:.1rem 0 .35rem;background:none;border-top:1px solid var(--border);border-bottom:0;box-shadow:none;a{padding:.5rem .1rem}}}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.9rem;padding:0 1.4rem;font-size:.96rem;font-weight:600;line-height:1;border-radius:var(--btn-radius);border:1px solid transparent;background:var(--accent);color:#fff;cursor:pointer;box-shadow:var(--shadow-xs);transition:background .16s, box-shadow .16s, transform .16s, border-color .16s;&:hover{background:var(--accent-hover);color:#fff;text-decoration:none;box-shadow:var(--shadow-md);transform:translateY(-1px)}&:active{transform:translateY(0)}}.btn-ghost{background:var(--card);color:var(--fg);border-color:var(--border-strong);&:hover{background:var(--bg-muted);color:var(--ink);box-shadow:var(--shadow-xs);border-color:var(--border-strong)}}.btn-sm{height:2.3rem;padding:0 .95rem;font-size:.88rem;border-radius:var(--radius-sm)}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.hero .btn-row{flex-wrap:nowrap;gap:.6rem}.hero .btn-row .btn{min-width:0;white-space:nowrap}@media (width < 480px){.hero .btn-row{justify-self:center}.hero .btn-row .btn{padding-inline:.85rem;font-size:.92rem}.hero-chips{justify-self:center;justify-content:center}}@media (width < 360px){.hero .btn-row{gap:.5rem}.hero .btn-row .btn{padding-inline:.5rem;font-size:.85rem}}}