:root{--color-indigo: #5b4df7;--color-indigo-hover: #3f33c9;--color-navy: #131c2e;--color-page-bg: #f7f6f3;--color-hairline: #e6e3dc;--color-text-secondary: #4b5266;--color-text-muted: #8a8f9e;--color-footer-link: #9aa2b5;--color-footer-muted: #7d8598}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-page-bg);color:var(--color-navy);font-family:Hanken Grotesk,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--color-indigo);text-decoration:none}a:hover{color:var(--color-indigo-hover)}img{max-width:100%}.nav{position:sticky;top:0;z-index:10;background:#f7f6f3f0;backdrop-filter:blur(8px);border-bottom:1px solid var(--color-hairline)}.nav-inner{max-width:1080px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-logo img{height:28px;display:block}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:14px;color:var(--color-text-secondary);font-weight:500;transition:color .14s ease}.nav-links a:hover{color:var(--color-navy)}.hero{border-bottom:1px solid var(--color-hairline)}.hero-inner{max-width:1080px;margin:0 auto;padding:104px 32px 88px;display:flex;flex-direction:column;gap:26px;align-items:flex-start}.kicker{font-family:Spline Sans Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted)}.hero h1{margin:0;font-family:Poppins,sans-serif;font-size:56px;font-weight:600;letter-spacing:-.02em;line-height:1.08;max-width:16ch}.hero p{margin:0;font-size:18px;line-height:1.65;color:var(--color-text-secondary);max-width:56ch;text-wrap:pretty}.hero-actions{display:flex;gap:12px;margin-top:4px}.btn-primary{height:42px;display:inline-flex;align-items:center;padding:0 22px;border-radius:8px;background:var(--color-indigo);color:#fff;font-size:14px;font-weight:600;transition:background-color .14s ease}.btn-primary:hover{background:var(--color-indigo-hover);color:#fff}.section-inner{max-width:1080px;margin:0 auto;padding:88px 32px 44px;display:flex;flex-direction:column;gap:24px}#quietful .section-inner{padding:44px 32px 88px}#wiregrove,#quietful{scroll-margin-top:64px}.section-header{display:flex;align-items:baseline;gap:14px}.section-header h2{margin:0;font-family:Poppins,sans-serif;font-size:28px;font-weight:600;letter-spacing:-.015em}.section-tag{font-family:Spline Sans Mono,monospace;font-size:10.5px;letter-spacing:.14em;color:var(--color-text-muted)}.section-intro{margin:0;font-size:15.5px;line-height:1.65;color:var(--color-text-secondary);max-width:62ch;text-wrap:pretty}.wiregrove-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-card{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:14px;background:#0b0a09;border:1px solid #26231F;color:#ece9e4;transition:border-color .14s ease}.product-card:hover{color:#ece9e4}.card-rosin:hover{border-color:#46c99c}.card-epicycle:hover{border-color:#b79cec}.badge{align-self:flex-start;font-family:Spline Sans Mono,monospace;font-size:10px;letter-spacing:.14em;padding:5px 11px;border-radius:6px;border:1px solid}.badge-rosin{border-color:#1f4536;background:#10201a;color:#7fe0be}.badge-epicycle{border-color:#3a2f5c;background:#191330;color:#cfc0f0}.card-title{font-family:Poppins,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.01em}.card-body{font-size:14px;line-height:1.6;color:#a8a29a;text-wrap:pretty}.card-footer{font-family:Spline Sans Mono,monospace;font-size:10px;letter-spacing:.08em;color:#6e6862}.quietful-card{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;padding:32px;border-radius:14px;background:#fdfcfa;border:1px solid var(--color-hairline);color:#1b1a17;align-items:center;transition:border-color .14s ease}.quietful-card:hover{border-color:#2e6f5e;color:#1b1a17}.quietful-copy{display:flex;flex-direction:column;gap:12px}.quietful-title{font-size:20px;font-weight:600;letter-spacing:-.01em}.quietful-title .accent{color:#2e8b62}.quietful-body{font-size:14.5px;line-height:1.65;color:#57534a;text-wrap:pretty}.quietful-footnote{font-size:13px;color:#8a867c}.noise-tiers{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:12px;background:#efece6}.noise-tiers-header{font-size:12px;font-weight:600;letter-spacing:.06em;color:#8a867c;text-transform:uppercase}.tier-row{display:flex;align-items:center;gap:10px}.tier-dot{width:9px;height:9px;border-radius:50%;flex:none}.tier-quiet{background:#2e8b62}.tier-moderate{background:#d69a2b}.tier-loud{background:#e0702c}.tier-very-loud{background:#cf3b30}.tier-name{font-size:13.5px;font-weight:500;color:#1b1a17}.tier-spacer{flex:1}.tier-range{font-family:Spline Sans Mono,monospace;font-size:11px;color:#8a867c;white-space:nowrap}.footer{background:var(--color-navy)}.footer-inner{max-width:1080px;margin:0 auto;padding:48px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-logo img{height:26px;display:block}.footer-links{display:flex;align-items:center;gap:24px}.footer-links a{font-size:13px;color:var(--color-footer-link);transition:color .14s ease}.footer-links a:hover{color:#fff}.footer-copyright{font-size:13px;color:var(--color-footer-muted)}@media(max-width:720px){.hero-inner{padding:72px 24px 56px}.hero h1{font-size:38px;max-width:100%}.hero p{max-width:100%}.section-inner{padding:56px 24px 32px}#quietful .section-inner{padding:32px 24px 56px}.section-header{flex-wrap:wrap}.wiregrove-grid,.quietful-card{grid-template-columns:1fr}.nav-inner{padding:0 20px}.footer-inner{padding:40px 24px;justify-content:center;text-align:center}}