*{box-sizing:border-box;margin:0;padding:0}
:root{--p:#2563eb;--p2:#7c3aed;--d:#0f172a;--m:#475569;--bg:#f8fafc;--c:#fff;--r:16px}
body{font-family:'Heebo',sans-serif;color:var(--d);background:var(--bg);line-height:1.65}
a{color:inherit}
.w{max-width:1120px;margin:0 auto;padding:0 20px}
nav{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0;z-index:9}
nav .w{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-weight:800;font-size:1.4rem}.logo span{color:var(--p)}
.btn{display:inline-block;background:var(--p);color:#fff;text-decoration:none;padding:12px 26px;border-radius:999px;font-weight:700;border:0;font:inherit;font-weight:700;cursor:pointer}
.btn.o{background:transparent;border:2px solid #fff}
.hero{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;padding:72px 0 80px;text-align:center}
.hero h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.2;font-weight:800;margin-bottom:16px}
.hero p{font-size:1.15rem;max-width:680px;margin:0 auto 28px;opacity:.95}
.hero .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero .btn:not(.o){background:#fff;color:var(--p)}
.badge{display:inline-block;background:rgba(255,255,255,.2);padding:6px 16px;border-radius:999px;font-weight:700;margin-bottom:18px}
section{padding:64px 0}
h2{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:800;text-align:center;margin-bottom:10px}
.sub{text-align:center;color:var(--m);max-width:640px;margin:0 auto 40px}
.g{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:640px){.g{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.g.t{grid-template-columns:repeat(3,1fr)}.g.f{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--c);border:1px solid #e2e8f0;border-radius:var(--r);padding:24px}
.card .i{font-size:1.8rem;margin-bottom:8px}
.card h3{font-size:1.15rem;margin-bottom:6px}
.card p,.card li{color:var(--m)}
.card ul{list-style:none}.card li{padding:5px 0;padding-inline-start:24px;position:relative}
.card li:before{content:"✓";position:absolute;inset-inline-start:0;color:var(--p);font-weight:800}
.alt{background:#fff}
.price{text-align:center;display:flex;flex-direction:column}
.price .n{font-size:2.4rem;font-weight:800;margin:8px 0}.price .n small{font-size:1rem;color:var(--m);font-weight:400}
.price ul{text-align:start;margin:12px 0 20px;flex:1}
.price.hl{border:2px solid var(--p);box-shadow:0 10px 30px rgba(37,99,235,.15)}
.tag{background:var(--p);color:#fff;border-radius:999px;font-size:.8rem;padding:2px 12px;align-self:center}
form{display:grid;gap:12px;max-width:560px;margin:0 auto}
input,select,textarea{font:inherit;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;width:100%}
.ph{background:#fef3c7;border:1px dashed #d97706;color:#92400e;padding:2px 8px;border-radius:6px;font-weight:700}
.contact{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px}
footer{background:var(--d);color:#cbd5e1;text-align:center;padding:28px 0;font-size:.95rem}

:root{--p:#b8912f;--p2:#2b2f36;--d:#1f2328}
.hero{background:linear-gradient(135deg,#1f2328,#3a3f47)}
.hero .btn:not(.o){background:var(--p);color:#fff}
.hero h1{color:#fff}.badge{background:rgba(184,145,47,.3);color:#f3d98b}
.brand{display:flex;align-items:center;gap:10px}.brand img{height:40px}
.by{font-size:.75rem;color:#64748b;line-height:1.2}
footer .fl{background:#fff;display:inline-block;padding:8px 14px;border-radius:10px;margin-bottom:10px}footer .fl img{height:48px;display:block}
.price .n{direction:ltr}
.contact a{text-decoration:none}