
:root{--ink:#172026;--muted:#5e6970;--brand:#ef5777;--brand2:#9f285d;--teal:#0ba6b5;--blue:#3157b7;--violet:#5c3b8c;--orange:#ef7627;--dark:#30363a;--paper:#fff;--soft:#f4f6f7;--line:#dce2e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7f8;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.62}main{max-width:1180px;margin:auto;padding:22px 18px 88px}.crumb{font-size:12px;color:#6a767d;margin:5px 0 14px}.crumb a{color:inherit}.hero{background:#fff;border:1px solid var(--line);border-top:0;position:relative;overflow:hidden;display:grid;grid-template-columns:1.5fr .7fr;gap:28px;padding:42px;box-shadow:0 14px 35px rgba(20,30,35,.07)}.hero:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--brand),var(--brand2),var(--violet),var(--blue),var(--teal),var(--orange))}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--brand2)}h1{font-size:clamp(34px,5vw,56px);line-height:1.03;letter-spacing:-.035em;margin:10px 0 16px}.lead{font-size:19px;color:#43515a;margin:0}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tags span{background:var(--soft);border:1px solid var(--line);border-radius:9px 2px 9px 2px;font-size:11px;font-weight:800;padding:7px 9px}.btns{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;text-decoration:none;font-weight:900;padding:14px 18px;border-radius:10px 3px 10px 3px}.primary{background:linear-gradient(135deg,var(--violet),var(--blue));color:#fff}.primary:hover{filter:brightness(.94)}.secondary{background:linear-gradient(135deg,var(--orange),var(--brand));border:0;color:#fff}.side{background:linear-gradient(rgba(40,46,50,.86),rgba(40,46,50,.94)),url('../img/img2.webp') center/cover no-repeat;color:#fff;padding:26px;border-radius:16px 4px 16px 4px;border-bottom:5px solid var(--teal);box-shadow:0 14px 30px rgba(22,30,35,.12)}.side h2{margin-top:0;font-size:22px}.side p,.side li{color:#e1e6e8}.side .btn{width:100%;justify-content:center}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:16px}.trust div{background:#fff;padding:16px}.trust b{display:block;color:var(--brand);font-size:20px}.sec{background:#fff;border:1px solid var(--line);border-radius:14px 3px 14px 3px;padding:34px 40px;margin-top:16px}.sec h2{font-size:30px;line-height:1.16;margin:0 0 16px}.sec h3{margin:24px 0 8px}.sec p{color:#35434b;margin:0 0 15px;max-width:960px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.card{border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:14px 4px 14px 4px;background:#fafbfb;padding:18px;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(20,30,35,.08)}.card b{display:block;margin-bottom:7px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.step{border:1px solid var(--line);border-top:4px solid var(--violet);border-radius:9px 2px 9px 2px;padding:16px;background:#fafbfb}.step strong{font-size:24px;color:var(--brand)}details{border-top:1px solid var(--line);padding:14px 0}summary{font-weight:900;cursor:pointer}.cta{margin-top:16px;background:linear-gradient(135deg,#30363a,#202428);border-radius:14px 3px 14px 3px;border-top:5px solid var(--orange);color:#fff;padding:34px 40px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{margin:0 0 8px;font-size:30px}.cta p{margin:0;color:#dce2e4}.cta .btn{white-space:nowrap}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related a{border:1px solid var(--line);padding:15px;text-decoration:none;color:var(--dark);font-weight:800;background:#fafbfb}.mobilewa{display:none;position:fixed;z-index:999;bottom:12px;left:12px;right:12px;background:var(--brand);color:white;text-decoration:none;text-align:center;padding:14px;font-weight:900;box-shadow:0 8px 25px rgba(0,0,0,.25)}@media(max-width:850px){.hero{grid-template-columns:1fr;padding:28px 22px}.trust{grid-template-columns:1fr 1fr}.grid,.related{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.sec{padding:27px 22px}.cta{flex-direction:column;align-items:flex-start;padding:28px 22px}.cta .btn{width:100%;justify-content:center;white-space:normal}.mobilewa{display:block}}@media(max-width:540px){main{padding:12px 10px 82px}.trust,.grid,.related,.steps{grid-template-columns:1fr}h1{font-size:36px}.lead{font-size:17px}.hero{padding:23px 17px}.side{padding:21px}.sec{padding:23px 17px}.btns .btn{width:100%;justify-content:center}.cta h2{font-size:26px}}
