:root { --navy:#123047; --teal:#087b75; --ink:#1a2830; --muted:#597078; --paper:#f6f6f1; --line:#d9e1df; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; } body { margin:0; line-height:1.6; } a { color:inherit; } .site-header,.site-footer,main { max-width:1120px; margin:auto; padding-left:24px; padding-right:24px; } .site-header { min-height:72px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); color:var(--muted); font-size:.9rem; } .brand { color:var(--navy); font-weight:800; text-decoration:none; font-size:1.2rem; letter-spacing:-.03em; } main { padding-top:48px; padding-bottom:48px; } .hero,.article,.legal-page { max-width:760px; } .article { background:#fff; padding:clamp(28px,5vw,64px); border-radius:4px; box-shadow:0 8px 30px #1230470b; } h1 { color:var(--navy); font-size:clamp(2.1rem,5vw,4rem); letter-spacing:-.05em; line-height:1.05; margin:.25rem 0 1.2rem; } h2 { color:var(--navy); font-size:clamp(1.4rem,3vw,2rem); line-height:1.2; } .eyebrow,.advertorial-label { color:var(--teal); font-size:.82rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; } .advertorial-label { max-width:760px; margin:0 auto 14px; } .button { display:inline-block; background:var(--teal); color:#fff; padding:14px 22px; border-radius:4px; font-weight:750; text-decoration:none; margin-top:14px; } .surface,.form-wrapper { background:#fff; border:1px solid var(--line); border-radius:4px; margin-top:30px; padding:clamp(24px,4vw,42px); } .product-section { display:grid; grid-template-columns:minmax(180px,.8fr) 1.4fr; gap:40px; align-items:center; } .product-image-placeholder { min-height:270px; display:grid; place-items:center; color:var(--muted); border:1px dashed var(--line); background:#f5f8f7; } .price { font-weight:800; color:var(--navy); font-size:1.3rem; } .price span { color:var(--muted); font-size:1rem; font-weight:500; } iframe { display:block; width:100%; min-height:640px; border:0; } .legal-notice { max-width:900px; margin:30px auto 0; color:var(--muted); font-size:.9rem; } .site-footer { border-top:1px solid var(--line); color:var(--muted); font-size:.85rem; padding-top:24px; padding-bottom:30px; } .site-footer nav { display:flex; gap:18px; flex-wrap:wrap; } @media (max-width:650px) { .site-header { min-height:62px; } .site-header span { display:none; } main { padding-top:30px; padding-bottom:30px; } .product-section { grid-template-columns:1fr; gap:24px; } .product-image-placeholder { min-height:180px; } }