:root{color-scheme:light;--ink:#10253d;--muted:#496078;--orange:#ffa532;--line:#dce3ec;--paper:#fff;--back:#f3f6fa}*{box-sizing:border-box}html{scroll-padding-top:1.5rem}body{margin:0;background:var(--back);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1rem;line-height:1.75}a{color:#185780;text-underline-offset:.2em;overflow-wrap:anywhere}a:hover{color:#8f4800}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px;border-radius:3px}.skip{position:absolute;top:-10rem;left:1rem;padding:.75rem;background:white;z-index:3}.skip:focus{top:1rem}.brandbar{background:var(--ink);color:white;border-bottom:4px solid var(--orange)}.bar-inner{max-width:58rem;margin:auto;padding:1.1rem 1.5rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{font-size:.95rem;font-weight:800;letter-spacing:.12em}.brand small{display:block;font-size:.85rem;font-weight:500;letter-spacing:.02em;color:#b9cddd}nav{display:flex;gap:.6rem;align-items:center}nav a,nav span{padding:.45rem .75rem;font-size:.95rem;color:white;border:1px solid #668099;border-radius:.5rem;text-decoration:none}nav span{background:var(--orange);border-color:var(--orange);color:var(--ink);font-weight:700}nav a:hover{color:var(--ink);background:#fff}main{max-width:52rem;margin:2.5rem auto;padding:2.5rem 3rem;background:var(--paper);border:1px solid var(--line);border-radius:1rem}h1{font-size:clamp(1.9rem,5vw,2.65rem);line-height:1.2;letter-spacing:-.035em;margin:.35rem 0 1rem}h2{font-size:1.22rem;line-height:1.45;margin:0 0 .75rem}p{margin:.65rem 0 1rem}header .product{font-size:.92rem;letter-spacing:.05em;font-weight:750;color:#8f4800}time,.meta{color:var(--muted);font-size:.9rem}.contact{padding:1rem 1.2rem;border-left:4px solid var(--orange);background:#f5f8fb;margin:1.5rem 0}.contact p{margin:.2rem 0}section{padding-top:1.6rem;margin-top:1.6rem;border-top:1px solid var(--line);scroll-margin-top:1.5rem}ul{padding-left:1.35rem}li{margin:.5rem 0}footer{max-width:52rem;margin:0 auto 2.5rem;padding:0 1.5rem;color:var(--muted);font-size:.9rem}@media(max-width:600px){.bar-inner{padding:1rem}.brand{font-size:.85rem}main{margin:1rem .6rem;padding:1.6rem 1.2rem;border-radius:.8rem}.contact{padding:.85rem 1rem}h2{font-size:1.15rem}section{padding-top:1.3rem;margin-top:1.3rem}}@media print{body{background:white}main{margin:0;padding:0;border:0;max-width:none}.brandbar{background:white;color:black}.brand small{color:black}nav,.skip{display:none}a{color:black}footer{margin-top:2rem}section{break-inside:avoid}}