:root{--dark:#111827;--purple:#6d28d9;--pink:#f43f5e;--bg:#f8fafc;--text:#1f2937}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font:16px/1.6 Arial,sans-serif;background:var(--bg);color:var(--text)}header{position:sticky;top:0;z-index:2;background:var(--dark);color:#fff;padding:18px 5%}.bar{max-width:1150px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{font-size:25px;font-weight:800}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;font-weight:700}.hero{max-width:none;width:100%;padding:110px 5%;background:radial-gradient(circle at 82% 18%,#fb7185aa,transparent 28%),linear-gradient(135deg,#111827,#4338ca 60%,#7c3aed);color:#fff}.inner{max-width:1150px;margin:auto}.tag{display:inline-block;padding:7px 13px;border:1px solid #ffffff55;border-radius:99px;background:#ffffff18}.hero h1{font-size:clamp(42px,7vw,76px);line-height:1.04;max-width:900px;margin-top:18px}.hero p{font-size:21px;max-width:720px;margin-top:22px;color:#e5e7eb}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button,button{display:inline-flex;justify-content:center;padding:14px 24px;border:0;border-radius:12px;background:linear-gradient(135deg,#fb7185,var(--pink));color:#fff;text-decoration:none;font-size:17px;font-weight:800;cursor:pointer}.secondary{background:#ffffff18;border:1px solid #ffffff55}section{width:90%;max-width:1150px;margin:auto;padding:75px 0}section h2{font-size:clamp(32px,5vw,48px);line-height:1.1;margin-bottom:18px}section>p{font-size:19px;color:#667085;max-width:800px}.steps,.cards{display:grid;gap:16px;margin-top:28px}.cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.steps{counter-reset:n;list-style:none}.steps li,.card{background:#fff;padding:22px;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 25px #11182710}.steps li{counter-increment:n}.steps li:before{content:counter(n);display:inline-grid;place-items:center;width:36px;height:36px;margin-right:12px;border-radius:10px;background:#ede9fe;color:var(--purple);font-weight:900}.card strong{display:block;color:var(--purple);font-size:19px}.install{background:var(--dark);color:#fff;border-radius:22px;padding:35px}.install p{color:#d1d5db}footer{padding:28px;background:var(--dark);color:#d1d5db;text-align:center}@media(max-width:760px){.bar{align-items:flex-start;flex-direction:column}nav{gap:12px}.hero{padding-top:75px}.actions{flex-direction:column}.button,button{width:100%}section{padding:52px 0}}