:root{--ink:#17365d;--teal:#167d8d;--muted:#5b6a7e;--line:#dde5ec;--bg:#f4f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:#fff}.wrap{max-width:1160px;margin:auto;padding:0 28px}header{display:flex;justify-content:space-between;align-items:center;min-height:100px}.brand{display:flex;align-items:center;gap:7px;font-size:24px;font-weight:700;text-decoration:none;color:var(--ink);letter-spacing:-.8px}.brand svg{width:42px;height:42px;margin-right:5px}.brand span{color:var(--teal)}nav{display:flex;gap:26px}nav a{color:var(--muted);text-decoration:none;font-size:14px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:68px;align-items:center;padding-top:72px;padding-bottom:90px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--teal)}h1{font-size:clamp(42px,5vw,66px);line-height:1.08;letter-spacing:-3px;margin:22px 0}h1 em{font-style:normal;color:var(--teal)}.lead{font-size:19px;color:var(--muted);max-width:500px}.button{display:inline-flex;gap:25px;background:var(--ink);color:#fff;border-radius:8px;padding:14px 23px;text-decoration:none;font-weight:700;margin:14px 0}.button:hover{background:var(--teal)}.micro{font-size:12px;color:var(--muted)}.preview{padding:32px;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 65px #17365d12;transform:rotate(1deg)}.previewtop{display:flex;justify-content:space-between;font-size:12px;margin-bottom:32px}.previewtop span:last-child{color:var(--muted)}.muted{font-size:10px;letter-spacing:1.4px;color:var(--muted)}.preview h2{font-size:46px;margin:0 0 28px}.preview small{font-size:13px;font-weight:400;color:var(--muted)}.bars>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;font-size:12px;gap:16px}.note{background:var(--bg);border-radius:8px;font-size:11px;padding:13px;color:var(--muted);margin-top:15px}.strip{background:var(--ink);color:white;padding:21px 0;font-size:14px;text-align:center}.section{padding-top:80px;padding-bottom:80px}h2{font-size:36px;line-height:1.2;letter-spacing:-1.2px;margin:15px 0 28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}article{border:1px solid var(--line);border-radius:14px;padding:28px}article p,.split p{color:var(--muted)}h3{font-size:21px;line-height:1.3}.number{color:var(--teal);font-size:13px;font-weight:700}.example{background:var(--bg)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}form{background:white;border:1px solid var(--line);padding:30px;border-radius:14px}label{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;margin-bottom:16px}input{width:140px;font:inherit;border:1px solid var(--line);border-radius:6px;padding:10px;color:var(--ink)}.result{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:18px}.result span{font-size:12px}.result strong{font-size:30px;color:var(--teal)}.editions{grid-template-columns:repeat(2,1fr)}.tag{background:#e6f4f3;color:var(--teal);font-size:11px;font-weight:700;padding:6px 10px;border-radius:5px}ul{padding-left:20px;font-size:14px;color:var(--muted)}button{width:100%;padding:13px;border:1px solid var(--line);background:var(--bg);border-radius:7px;color:var(--muted);font:inherit;font-size:13px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:700}details p{color:var(--muted);max-width:850px}footer{border-top:1px solid var(--line);padding-top:35px!important;padding-bottom:35px!important}footer p{color:var(--muted);font-size:14px}@media(max-width:760px){header{min-height:85px;flex-wrap:wrap;padding-top:16px!important;padding-bottom:16px!important;gap:14px}nav{gap:18px}.hero,.split{grid-template-columns:1fr;gap:32px}.hero{padding-top:35px;padding-bottom:50px}h1{letter-spacing:-2px}.grid,.editions{grid-template-columns:1fr}.section{padding-top:50px;padding-bottom:50px}.preview{transform:none;padding:24px}h2{font-size:30px}.wrap{padding-left:20px;padding-right:20px}label{align-items:flex-start}input{width:120px}.result strong{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}