:root{font-family:Arial,sans-serif;color:#102d40;background:#f6f9fa;line-height:1.6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #078caa;outline-offset:5px}button:disabled{opacity:.6;cursor:wait}a{color:inherit}header,main,footer{max-width:1320px;margin:auto;padding-inline:48px}header{display:flex;justify-content:space-between;align-items:center;padding-block:28px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-.6px}.brand b{font-size:13px;border:1px solid #acd645;padding:2px 5px;border-radius:4px}.brand small{display:block;font-size:8px;letter-spacing:2px}.mark{display:flex;align-items:end;gap:4px;height:35px}.mark i{display:block;width:8px;background:#08b8d3;border-radius:4px;height:20px}.mark i:nth-child(2){height:29px;background:#a4d643}.mark i:nth-child(3){height:35px}.quiet{border:1px solid #cfdde2;background:transparent;border-radius:30px;padding:7px 17px}.hero{display:grid;grid-template-columns:1fr 1.02fr;gap:64px;align-items:center;padding:62px 0 74px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:#187187;margin:0 0 18px}h1{font-size:clamp(36px,4.4vw,60px);line-height:1.09;letter-spacing:-2px;margin:0 0 24px}h2{font-size:28px;line-height:1.25;letter-spacing:-.7px;margin:0 0 14px}h3{font-size:19px;line-height:1.3;margin:14px 0 10px}.intro{font-size:17px;max-width:540px;color:#496472;margin-bottom:25px}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.pills span{font-size:11px;background:#e6f0f1;padding:5px 9px;border-radius:20px}.primary{background:#13374a;color:white;border:0;border-radius:9px;padding:15px 24px;font-weight:700;box-shadow:0 6px 15px #153b4920}.primary:hover{background:#17617a}.text{display:block;color:#17617a;border:0;background:transparent;padding:14px 0;text-decoration:underline}.small{font-size:12px;color:#607783;max-width:380px}.preview{background:#fff;border:1px solid #d4e3e8;box-shadow:0 20px 65px #254c6318;border-radius:18px;overflow:hidden;transform:rotate(-1deg)}.preview-top{padding:15px 18px;font-size:11px;border-bottom:1px solid #e5edef;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#89bd29}.preview img{display:block;width:100%;height:auto}.preview-foot{display:flex;justify-content:space-between;align-items:center;padding:17px;font-size:11px;border-top:1px solid #e5edef;gap:10px}.preview-foot strong{font-size:22px}.preview-foot strong span{font-size:10px;font-weight:500}.paths{padding:46px 0;border-top:1px solid #dce6e9}.section-title{display:flex;gap:40px;justify-content:space-between;margin-bottom:22px}.section-title>p{font-size:13px;color:#607783;max-width:310px;margin-top:30px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.role{text-align:start;border:1px solid #d7e3e6;border-radius:14px;background:white;padding:24px;transition:transform .15s,border-color .15s}.role:hover{border-color:#09a1bc;transform:translateY(-4px)}.role p{font-size:13px;color:#607783;min-height:86px}.role b{font-size:11px;color:#136779}.symbol{display:inline-grid;place-items:center;background:#e6f5f8;border-radius:10px;width:40px;height:40px;font-size:13px;font-weight:bold}.role:nth-child(2) .symbol{background:#eef5df}.role:nth-child(3) .symbol{background:#f0ebfb}.role:nth-child(4) .symbol{background:#fff0df}.save{margin:30px 0 50px;padding:36px;background:#eaf1f3;border-radius:16px;display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.save p{font-size:13px;color:#506c79}.save h3{margin-top:0}.save .eyebrow{display:block}footer{border-top:1px solid #dce6e9;padding-block:24px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#607783}#status{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);margin:0;padding:14px 22px;border-radius:10px;background:#13374a;color:white;box-shadow:0 4px 30px #0003;max-width:90%;z-index:20}#status:empty{display:none}[hidden]{display:none!important}[dir=rtl] h1{letter-spacing:0;line-height:1.3}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .preview{transform:rotate(1deg)}@media(max-width:950px){header,main,footer{padding-inline:25px}.hero{gap:25px}.role-grid{grid-template-columns:repeat(2,1fr)}.role p{min-height:48px}.save{gap:30px}}@media(max-width:650px){header,main,footer{padding-inline:20px}header{padding-block:20px}.brand{font-size:19px}.brand small{font-size:6px}.hero{grid-template-columns:1fr;padding:36px 0 45px;gap:30px}h1{font-size:42px}.preview{transform:none}.section-title{display:block}.section-title>p{margin-top:10px}.role-grid{grid-template-columns:1fr}.role{padding:20px}.role p{min-height:0}.save{grid-template-columns:1fr;padding:24px;gap:20px}footer{flex-wrap:wrap}.paths{padding-top:30px}.primary{width:100%}}
.brand img{width:min(230px,52vw);height:auto;display:block}