*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:#191919;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}header,main,footer{max-width:1320px;margin:auto}header{height:100px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e7e7}header img,footer img{width:180px;height:auto;display:block}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav>a:not(.button):hover,.quiet:hover{color:#bf2028}a:focus-visible,summary:focus-visible{outline:3px solid #bf2028;outline-offset:5px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:center;background:#1b1b1b;color:#fff;padding:18px 24px;border:1px solid #1b1b1b;font-size:14px;font-weight:600;transition:background .18s,transform .18s}.button:hover{background:#b41f28;border-color:#b41f28;transform:translateY(-2px)}.button.small{padding:12px 18px;gap:22px}.hero{padding:90px 48px 100px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:bold;line-height:1.6}.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bd232a;margin-right:6px}h1{font-size:clamp(42px,4.6vw,66px);line-height:1.06;letter-spacing:-3px;font-weight:500;margin:24px 0}h2{font-size:38px;line-height:1.14;font-weight:500;letter-spacing:-1.6px;margin:18px 0}h3{font-weight:500;letter-spacing:-.5px}.intro{font-size:17px;line-height:1.7;color:#666;max-width:470px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.quiet{font-size:13px}.note{font-size:11px;color:#888;margin-top:18px}.preview{border:1px solid #dedede;background:#fff;box-shadow:0 22px 65px #00000008;transform:none}.preview-top{display:flex;align-items:center;gap:8px;background:#f4f4f4;border-bottom:1px solid #ddd;padding:16px;font-size:9px;letter-spacing:1px}.dot{background:#bb232b;width:6px;height:6px;border-radius:50%}.example{margin-left:auto;font-size:8px;color:#777}.flow{display:flex;justify-content:space-between;gap:4px;padding:20px 18px;border-bottom:1px solid #eee;font-size:10px;color:#888}.flow b{font-weight:400}.flow .active{color:#a51d26}.preview-body{padding:26px 22px}.preview-label{font-size:9px;letter-spacing:1px;color:#a51d26}.preview h2{font-size:27px;letter-spacing:-.8px}.preview-body>p:not(.preview-label){font-size:11px;color:#777}.table-wrap{overflow:auto;margin-top:24px}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th,td{padding:13px 9px;border:1px solid #e4e4e4;white-space:nowrap}th{font-size:10px;background:#f5f5f5;font-weight:500}td:first-child{color:#888}.preview-bottom{display:flex;justify-content:space-between;font-size:9px;color:#777;margin-top:22px}.preview-bottom span:last-child{color:#a21d25}.preview-foot{padding:13px 16px;border-top:1px solid #eee;background:#fafafa;color:#999;font-size:7px;letter-spacing:1px}.functions{background:#f7f7f7;padding:65px 48px 72px;border-block:1px solid #e8e8e8}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.section-heading>.eyebrow{grid-column:1/-1}.section-heading>p:last-child{max-width:390px;color:#777;font-size:15px;line-height:1.7;align-self:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.cards article{border:1px solid #ddd;background:white;padding:28px 24px;transition:border-color .18s,transform .18s}.cards article:hover{border-color:#b3222a;transform:translateY(-4px)}.number{font-size:9px;letter-spacing:1px;color:#999}.cards h3{font-size:24px;margin:35px 0 14px}.cards p{font-size:13px;line-height:1.7;color:#727272;min-height:88px}.tag{font-size:10px;border-top:1px solid #eee;display:block;padding-top:20px;color:#888}.how{padding:90px 48px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.how>div>p:not(.eyebrow){font-size:15px;color:#777;line-height:1.7;max-width:350px}.how .button{margin-top:20px}ol{list-style:none;padding:0;margin:0}li{display:flex;gap:28px;border-bottom:1px solid #e5e5e5;padding:24px 0}li>span{font-size:11px;color:#b72029;padding-top:5px}li h3{font-size:20px;margin:0 0 10px}li p{font-size:13px;color:#777;line-height:1.7;margin:0}.faq{border-top:1px solid #e5e5e5;padding:70px 48px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.faq h2{font-size:30px}details{border-bottom:1px solid #e5e5e5;padding:20px 0}summary{cursor:pointer;font-size:14px;line-height:1.5}summary:hover{color:#b52028}details p{font-size:13px;color:#777;line-height:1.8}.closing{background:#f5f5f5;text-align:center;padding:70px 24px}.closing h2{margin:20px 0 28px}footer{padding:35px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:#888}footer img{width:130px}footer a:hover{color:#b52028}@media(max-width:900px){header{padding:0 24px;height:82px}header img{width:150px}nav{gap:16px}nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding:50px 24px 65px;gap:38px}h1{letter-spacing:-2px}.preview{transform:none;max-width:580px;width:100%}.functions,.how,.faq{padding:48px 24px}.section-heading,.how,.faq{grid-template-columns:1fr;gap:24px}.section-heading>p:last-child{margin-top:0}.cards{grid-template-columns:1fr}.cards h3{margin-top:20px}.cards p{min-height:0}.how{gap:30px}footer{padding:28px 24px;flex-wrap:wrap}.closing h2{font-size:30px}}@media(max-width:380px){.actions{align-items:flex-start;flex-direction:column;gap:20px}header img{width:122px}.flow{font-size:9px}.preview-body{padding:20px 14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}

header img,footer img{filter:invert(1)}
