@font-face{font-family:Onest;src:url('/assets/onest-variable.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f6f8fa;color:#182a38;font-family:Onest,Arial,sans-serif;font-size:16px;line-height:1.65}header,main,footer{max-width:1180px;margin:auto}header{padding:28px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe4ea}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#182a38;font-weight:700;line-height:1.3}.brand small{display:block;font-weight:400;font-size:11px;color:#506474;margin-top:3px}a{color:#086a92}.back{font-size:13px;text-decoration:none}main{padding:0 32px}.intro{padding:68px 0 48px;max-width:750px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#087aa6}h1{font-size:clamp(38px,6vw,66px);line-height:1.1;letter-spacing:-2px;margin:22px 0}h2{font-size:27px;line-height:1.3;letter-spacing:-.6px;margin:18px 0}.intro>p:last-child{font-size:20px;color:#506474;max-width:610px}.lead{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;padding:40px;background:white;border-top:4px solid #198ac2;box-shadow:0 8px 25px #1e405509}.tag{font-size:10px;letter-spacing:1px;font-weight:700;color:#087aa6}.note{font-size:12px;color:#586b79}.takeaway{border-left:3px solid #198ac2;padding:10px 14px;background:#edf6fa;font-size:14px}.specimen{border:1px solid #c7d7e1;background:#fcfdfe;padding:22px;font:14px/1.65 Arial,sans-serif}.mailtop{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#586b79;padding-bottom:14px}.mailrow{display:flex;gap:14px}.mailrow b{min-width:32px}mark{color:#0b5273;background:#e4f4fa;box-shadow:0 0 0 1px #198ac2;padding:2px 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;overflow-wrap:anywhere}hr{border:0;border-top:1px solid #dbe4ea;margin:22px 0}.annotation{display:flex;gap:12px;padding:14px 0;color:#086a92}.annotation>b{height:25px;min-width:25px;background:#086a92;color:#fff;text-align:center;line-height:25px;border-radius:3px}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.specimen summary{border-top:1px solid #dbe4ea;padding-top:15px;color:#086a92;font-weight:bold}.specimen summary:after{content:' +'}.specimen details[open] summary:after{content:' −'}.invoice{padding:18px;border:1px solid #dbe4ea;margin:15px 0}.invoice small{font-size:9px;letter-spacing:.8px}.library{padding:55px 0}.sectiontitle h2{margin-bottom:5px}.sectiontitle>p{font-size:14px;color:#586b79;margin-top:0}.examples{margin-top:26px;border-top:1px solid #c7d7e1}.example{border-bottom:1px solid #c7d7e1}.example summary{display:flex;gap:22px;align-items:center;padding:22px 4px}.number{font-size:12px;color:#6c8698}.example small{display:block;font-size:12px;font-weight:400;color:#586b79}.plus{margin-left:auto;font-size:25px;font-weight:300;color:#198ac2}.example[open] .plus{transform:rotate(45deg)}.inside{max-width:750px;padding:0 40px 24px;font-size:15px}.message{background:white;border:1px solid #dbe4ea;padding:20px;font:15px/1.8 Arial,sans-serif}.fake-link{color:#087aa6;text-decoration:underline}.closing{padding:32px 40px;background:#eaf3f8;border-left:4px solid #198ac2;margin-bottom:55px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.closing h2{font-size:24px}.closing p{font-size:14px;color:#405868}footer{border-top:1px solid #dbe4ea;padding:28px 32px 40px;color:#586b79;font-size:11px}footer span{font-weight:bold;font-size:12px}footer p{margin:8px 0}summary:focus-visible,a:focus-visible{outline:3px solid #087aa6;outline-offset:5px}@media(max-width:760px){header{padding:20px}.back{font-size:11px}main{padding:0 20px}.intro{padding:36px 0 22px}h1{letter-spacing:-1px}.intro>p:last-child{font-size:17px}.lead{grid-template-columns:1fr;padding:24px;gap:20px}.lead h2{font-size:24px}.specimen{padding:16px}.closing{grid-template-columns:1fr;gap:0;padding:24px}.closing h2{margin-bottom:0}.inside{padding:0 4px 22px}.example summary{gap:14px}.example b{font-size:14px}footer{padding:24px 20px}}
