.install-story{max-width:1180px;margin:0 auto;padding:36px 20px 60px}.install-hero{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(380px,1.12fr);gap:28px;align-items:center;padding:42px;border-radius:24px;background:radial-gradient(circle at 82% 18%,rgba(216,180,254,.52),transparent 34%),linear-gradient(135deg,#fff,#fbf7ff 58%,#f1e8ff);border:1px solid #ead5ff;overflow:hidden;box-shadow:0 24px 80px rgba(72,26,116,.12)}.install-hero:before{content:"";position:absolute;inset:18px;border-radius:22px;border:1px solid rgba(255,255,255,.7);pointer-events:none}.install-hero>div{position:relative;z-index:2;padding:28px;border-radius:22px;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);box-shadow:0 18px 60px rgba(36,18,49,.12)}.install-hero h1{font-size:clamp(36px,5vw,66px);line-height:1.04;margin:0 0 16px}.install-hero p{font-size:19px}.install-hero-image{position:relative;z-index:1;width:100%;height:100%;max-height:520px;object-fit:cover;object-position:center;border-radius:24px;box-shadow:0 26px 70px rgba(99,38,163,.18)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.install-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.install-flow:before{content:"";position:absolute;left:11%;right:11%;top:92px;height:4px;background:linear-gradient(90deg,#2563eb,#d6369f,#16a34a);border-radius:999px;animation:install-pulse 2.8s ease-in-out infinite}.install-step{position:relative;padding:18px;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid #e8d8f3;box-shadow:0 18px 50px rgba(36,18,49,.08);overflow:hidden}.install-step:after{content:"";position:absolute;right:-16px;top:78px;width:32px;height:32px;border-top:4px solid #d6369f;border-right:4px solid #d6369f;transform:rotate(45deg);background:#fff}.install-step:last-child:after{display:none}.install-step img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;background:#f7f0ff}.install-step:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(99,38,163,.14);transition:transform .2s ease,box-shadow .2s ease}.step-number{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;margin-top:-22px;margin-left:14px;position:relative;background:linear-gradient(135deg,#2563eb,#d6369f);color:#fff;font-size:22px;font-weight:900;box-shadow:0 12px 28px rgba(37,99,235,.24)}.install-step h2{font-size:25px;margin:14px 0 8px}.install-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.arrow-card{padding:18px;border-radius:14px;background:#eef6ff;border:1px solid #cfe0ff}.arrow-card strong{display:block;color:#1d4ed8;margin-bottom:8px}.arrow-card span{display:block;color:#2f2440}@keyframes install-pulse{0%,100%{filter:saturate(1);opacity:.5}50%{filter:saturate(1.8);opacity:1;box-shadow:0 0 28px rgba(214,54,159,.36)}}@media(max-width:1000px){.install-hero{grid-template-columns:1fr}.install-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.install-flow:before,.install-step:after{display:none}.install-hero-image{max-height:460px}}@media(max-width:820px){.install-next{grid-template-columns:1fr}.install-story{padding:22px 14px 44px}.install-hero{padding:20px}.install-hero>div{padding:20px}.install-hero-image{border-radius:18px;min-height:280px}.hero-actions .button{width:100%;justify-content:center}}@media(max-width:560px){.install-flow{grid-template-columns:1fr}.install-step h2{font-size:22px}}