.page-shell{width:min(var(--max-width),calc(100% - var(--space-lg) * 2));margin:0 auto;padding:var(--space-lg) 0}.site-header{position:sticky;top:0;z-index:50;padding:3px 0;background:#ffffffe6;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid rgba(0,0,0,.05);border-radius:0 0 20px 20px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:32px}.brand{display:flex;align-items:center;gap:8px}.brand-logo{width:26px;height:26px;border-radius:7px;object-fit:cover}.brand-text{font-family:var(--font-heading);font-size:.9rem;font-weight:800;color:var(--color-text);letter-spacing:-.01em}.nav{display:flex;align-items:center;gap:var(--space-md)}.nav a{font-size:.92rem;font-weight:600;color:var(--color-text-2);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:color .2s}.nav a:hover{color:var(--color-text)}.main-content{min-height:60vh;padding:var(--space-lg) 0 0}.hero{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:center;min-height:420px}.hero-text{display:grid;gap:var(--space-md);align-content:center}.hero-text h1{max-width:14ch;font-size:clamp(2rem,5vw,3.2rem)}.hero-text p{max-width:44ch;font-size:1.05rem;color:var(--color-text-2)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.hero-visual{display:grid;place-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-height:340px}.hero-chart-area{width:100%;min-height:280px}.hero-chart-label{font-size:.78rem;font-weight:700;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.05em}@media(min-width:780px){.hero{grid-template-columns:1fr 1fr;min-height:460px}.hero-visual{min-height:400px}}@media(min-width:1100px){.hero{min-height:500px;gap:var(--space-2xl)}}.grid-2,.grid-3,.grid-4{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-xl) 0;text-align:center;color:var(--color-text-3);font-size:.88rem}@media(min-width:780px){.brand-logo{width:28px;height:28px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.hero{padding:var(--space-2xl) 0}}@media(min-width:1100px){.hero{padding:calc(var(--space-2xl) * 1.5) 0}}