@import url('homepage.css');
@import url('homepage-refinements.css');
.hero>.wrap{display:block;padding-block:54px 64px}.hero h1{max-width:1000px;font-size:clamp(38px,4.2vw,60px);line-height:1.12;letter-spacing:-2px}.hero .lead{max-width:820px}.gold{color:var(--accent)}.crumbs{font-size:12px;color:var(--muted);margin-bottom:30px;line-height:1.8}.crumbs a{color:var(--accent);text-underline-offset:4px}.section.alt{background:var(--paper)}.section h2{font-size:clamp(30px,3.2vw,44px);font-weight:550;line-height:1.2;letter-spacing:-1.2px;margin:0 0 22px}.copy,.section>.wrap>p{color:var(--muted);line-height:1.8;max-width:900px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;margin-top:38px}.card{background:var(--paper);border-radius:6px;overflow:hidden;scroll-margin-top:110px}.card-image{aspect-ratio:1;background:var(--sheet) var(--pos)/400% 300% no-repeat}.card-body{padding:22px}.card h3{font-size:18px;font-weight:600;margin:0 0 10px}.card p{font-size:14px;line-height:1.7;margin:0 0 20px}.text-link{color:var(--accent);font-size:12px;font-weight:600;text-decoration:none;display:block;padding-top:14px;border-top:1px solid var(--line)}.text-link:hover{text-decoration:underline}.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.two>*{min-width:0}.panel{padding:32px;background:var(--paper);border:1px solid var(--line);border-radius:6px}.alt .panel{background:#fff}.panel h3{font-size:21px;font-weight:550;color:var(--accent);margin:0 0 20px}.panel p,.panel li{font-size:15px;color:var(--muted);line-height:1.8}.panel ul{padding-left:20px}.panel li{margin-bottom:10px}.specs{width:100%;border-collapse:collapse;table-layout:fixed}.specs th,.specs td{padding:15px 8px;border-bottom:1px solid var(--line);font-size:13px;text-align:left;line-height:1.7;overflow-wrap:anywhere;vertical-align:top}.specs th{width:36%;font-weight:600}.specs td{color:var(--muted)}.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:28px}.option{padding:23px 0;border-top:1px solid var(--line)}.option b{display:block;font-size:16px;font-weight:600;margin-bottom:10px}.option span{display:block;color:var(--muted);font-size:14px;line-height:1.7}.two .options{grid-template-columns:1fr;gap:0}.evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.placeholder{padding:30px;background:#fff;border:1px solid var(--line);border-radius:5px;font-size:14px;line-height:1.8;color:var(--muted)}.placeholder b{display:block;color:var(--accent);font-weight:600;margin-bottom:12px}.notice{padding:20px 24px;background:var(--sage);border-left:3px solid #819279;border-radius:3px;color:var(--text);font-size:14px;line-height:1.8}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;background:var(--sage);border-radius:6px}.cta-band .btn{flex-shrink:0}.cta-band h2{font-size:32px}.small{font-size:12px;color:var(--muted);line-height:1.7}.product-visual{aspect-ratio:1;background:url('assets/optimized/products-web.webp') 0 0/400% 300% no-repeat;border-radius:6px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.steps .step{background:transparent}.steps h3{font-size:15px;font-weight:600;line-height:1.5}.form{margin-top:30px}.component-visual{max-width:380px;width:100%;aspect-ratio:1;background:url('assets/optimized/solutions-web.webp') 33.333% 0/400% 200% no-repeat;border-radius:6px}.component-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.component-intro p{color:var(--muted);line-height:1.8}.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.category-nav a{padding:9px 14px;border:1px solid var(--line);border-radius:3px;text-decoration:none;font-size:12px;color:var(--accent)}.category-nav a:hover{background:var(--sage)}.card:target{outline:2px solid #819279;outline-offset:4px}nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}.preview-label{font-size:12px;color:var(--muted);margin-top:16px}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two{gap:28px}.steps,.options{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-band{align-items:flex-start;flex-direction:column}.evidence{gap:16px}}
@media(max-width:760px){.hero>.wrap{padding-block:35px 46px}.hero h1{font-size:38px;letter-spacing:-1.3px}.section h2{font-size:31px}.two,.component-intro{grid-template-columns:1fr;gap:30px}.evidence{grid-template-columns:1fr}.panel{padding:24px}.cta-band{padding:26px}.card-body{padding:18px 15px}.card h3{font-size:16px}.card p{font-size:13px}.grid{gap:20px 16px}.component-visual{max-width:320px}.crumbs{margin-bottom:22px}}
@media(max-width:420px){.options,.grid{grid-template-columns:1fr}.hero h1{font-size:35px}.steps{gap:24px 16px}.specs th,.specs td{font-size:12px;padding:12px 5px}.cta-band h2{font-size:28px}}