*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;color:#0f172a;line-height:1.7;background:radial-gradient(900px 600px at 8% 10%,rgba(255,183,77,.25),transparent 60%),radial-gradient(800px 600px at 95% 30%,rgba(96,165,250,.18),transparent 60%),#f6f8fc;background-attachment:fixed}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
nav{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.8);backdrop-filter:blur(14px);border-bottom:1px solid rgba(15,23,42,.1)}nav .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800}.logo i{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#f7931a,#ff7a00);display:grid;place-items:center;font-style:normal;color:#111;font-weight:900}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:14px;font-weight:700;transition:transform .15s}.btn:hover{transform:translateY(-2px)}
.btn-or{background:linear-gradient(135deg,#f7931a,#ff7a00);color:#111;box-shadow:0 10px 30px rgba(247,147,26,.35)}.btn-gh{background:#fff;border:1px solid rgba(15,23,42,.12)}
.grad{background:linear-gradient(90deg,#f7931a,#e8730c);-webkit-background-clip:text;background-clip:text;color:transparent}
.tag{display:inline-block;padding:6px 12px;border-radius:99px;background:rgba(247,147,26,.12);border:1px solid rgba(247,147,26,.35);color:#e8730c;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
article{max-width:760px;margin:0 auto;padding:50px 22px}article h1{font-size:clamp(30px,4.6vw,46px);line-height:1.12;font-weight:900;letter-spacing:-.02em;margin:16px 0}
.meta{color:#5b6475;font-size:14px}.lead{font-size:19px;color:#334155;margin:22px 0}
.hero{background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:22px;padding:20px;margin:26px 0;box-shadow:0 18px 40px rgba(15,23,42,.12)}.hero img{max-height:380px;margin:0 auto}
article h2{font-size:26px;font-weight:800;margin:36px 0 10px}article p{margin:12px 0;font-size:17px}article ul{margin:12px 0 12px 22px;font-size:17px}article li{margin:6px 0}
.box{background:#fff;border:1px solid rgba(15,23,42,.12);border-top:4px solid #f7931a;border-radius:18px;padding:22px;margin:30px 0;box-shadow:0 18px 40px rgba(15,23,42,.12)}
.pr{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px}.pi{border:1px solid rgba(15,23,42,.1);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px}
.pi img{height:120px;object-fit:contain;margin:0 auto}.pi b{font-size:17px}.pi small{color:#5b6475}.pi .btn{justify-content:center;margin-top:auto}
.calc{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,#fff4e6,#eaf3ff);border:1px solid rgba(247,147,26,.3);border-radius:18px;padding:22px;margin:30px 0}
footer{border-top:1px solid rgba(15,23,42,.1);padding:30px 0 50px;color:#5b6475;font-size:14px}footer p{margin-top:8px}
.list{max-width:1180px;margin:0 auto;padding:50px 22px}.list h1{font-size:clamp(32px,5vw,50px);font-weight:900;margin:14px 0}
.gg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}@media(max-width:860px){.gg{grid-template-columns:1fr}}
.gc{background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px rgba(15,23,42,.06),0 18px 40px rgba(15,23,42,.14);transition:transform .2s,box-shadow .2s}
.gc:hover{transform:translateY(-6px);box-shadow:0 4px 10px rgba(15,23,42,.08),0 30px 60px rgba(247,147,26,.22)}
.gi{background:#fff;aspect-ratio:16/9;display:grid;place-items:center;padding:12px;border-bottom:1px solid rgba(15,23,42,.08)}.gi img{max-height:100%;object-fit:contain}
.gb{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}.gb h3{font-size:19px;line-height:1.3}.gb p{color:#5b6475;font-size:15px;flex:1}.gb small{color:#5b6475}
.gt{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#e8730c;background:rgba(247,147,26,.12);border-radius:99px;padding:4px 10px}