:root { --ink:#12212b; --muted:#56666b; --accent:#23887b; --paper:#fdfbf7; --surface:#e5f2ef; --line:#d7e4e0; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.wrap { width:min(100% - 40px, 920px); margin:auto; } header { background:var(--surface); border-bottom:1px solid var(--line); } header .wrap { padding:28px 0 18px; }
.brand { margin:0; font-size:1.5rem; font-weight:800; letter-spacing:.02em; }.tagline,.meta { color:var(--muted); } .tagline { margin:.2rem 0 0; } nav { display:flex; flex-wrap:wrap; gap:15px; padding-top:15px; font-size:.94rem; }
a { color:var(--accent); } main { padding:38px 0 54px; } h1 { font-size:clamp(2rem,5vw,3.2rem); line-height:1.1; margin:0 0 .7rem; } h2 { margin-top:2.2rem; font-size:1.35rem; } h3 { margin-bottom:.2rem; }
.lead { max-width:66ch; font-size:1.18rem; }.product-description { max-width:70ch; }.product-features,.product-images { margin-top:48px; }.feature-grid,.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:20px; margin-top:20px; }.feature,.card { overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#fff; }.feature { padding:20px; }.feature h3 { margin-top:0; }.feature p { margin-bottom:0; color:var(--muted); }.card img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; }.card div { padding:15px; }.card h2 { margin:0; font-size:1.1rem; }.card p { margin:.35rem 0 0; color:var(--muted); }.note { padding:14px 16px; border-left:4px solid #f5aa62; background:#fff7ef; } footer { border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; } footer .wrap { padding:20px 0 30px; }