.installation-process{margin:0 auto;max-width:var(--container-2xl);padding:var(--section-padding-y) var(--container-padding)}.ip-container{gap:var(--space-12)}.ip-container,.ip-header{display:flex;flex-direction:column}.ip-header{gap:var(--space-4);margin:0 auto;max-width:720px;text-align:center}.ip-eyebrow{background:var(--color-gradient,linear-gradient(135deg,#ff5a6e,#ff8a4c));-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:var(--font-size-sm);font-weight:600;letter-spacing:var(--letter-spacing-wide,.12em);text-transform:uppercase;-webkit-text-fill-color:transparent;color:var(--color-primary,#ff5a6e)}.ip-title{color:var(--color-text-primary,#fff);font-size:var(--font-size-h3,48px);font-weight:var(--font-weight-normal,400);line-height:var(--line-height-snug,1.15);margin:0}.ip-description{color:var(--color-text-subtle,hsla(0,0%,100%,.75));font-size:var(--font-size-md,18px);line-height:var(--line-height-relaxed,1.6);margin:0}.ip-description p{margin:0}.ip-steps{display:grid;gap:var(--space-6);grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}.ip-step{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--border-radius-card,16px);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8);position:relative;transition:transform .3s ease,border-color .3s ease,background .3s ease}.ip-step:hover{background:hsla(0,0%,100%,.07);border-color:rgba(255,90,110,.35);transform:translateY(-4px)}.ip-step:not(:last-child):after{background:linear-gradient(90deg,rgba(255,90,110,.5),rgba(255,138,76,.2));content:"";height:2px;position:absolute;right:calc(var(--space-6)/-2 - 1px);top:calc(var(--space-8) + 18px);transform:translateX(-1px);width:var(--space-6);z-index:1}.ip-step__top{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.ip-step__number{background:var(--color-gradient,linear-gradient(135deg,#ff5a6e,#ff8a4c));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-h6,24px);font-weight:600;line-height:1;-webkit-text-fill-color:transparent;color:var(--color-primary,#ff5a6e);font-variant-numeric:tabular-nums}.ip-step__timeframe{background:rgba(255,90,110,.12);border:1px solid rgba(255,90,110,.25);border-radius:var(--border-radius-full,999px);color:var(--color-primary,#ff5a6e);font-size:var(--font-size-sm,12px);font-weight:600;letter-spacing:.06em;padding:var(--space-1) var(--space-3);text-transform:uppercase;white-space:nowrap}.ip-step__title{color:var(--color-text-primary,#fff);font-size:var(--font-size-md,18px);font-weight:500;line-height:var(--line-height-snug,1.25);margin:0}.ip-step__desc{color:hsla(0,0%,100%,.7);font-size:var(--font-size-base,16px);line-height:var(--line-height-relaxed,1.6);margin:0}.ip-step__desc p{margin:0}.ip-step__cta{align-items:center;color:var(--color-primary,#ff5a6e);display:inline-flex;font-size:var(--font-size-sm,14px);font-weight:600;gap:var(--space-2);letter-spacing:.05em;margin-top:auto;padding-top:var(--space-2);text-decoration:none;text-transform:uppercase;transition:gap .3s ease,color .3s ease}.ip-step__cta:hover{color:var(--color-text-primary,#fff);gap:var(--space-3)}.ip-step__cta:focus-visible{border-radius:var(--border-radius-md,8px);outline:var(--focus-ring,2px solid #ff5a6e);outline-offset:var(--focus-ring-offset,3px)}.ip-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.ip-actions,.ip-btn{align-items:center;justify-content:center}.ip-btn{border-radius:var(--border-radius-md,8px);display:inline-flex;font-size:var(--font-size-base,16px);font-weight:500;letter-spacing:.05em;min-width:180px;padding:var(--space-4) var(--space-8);text-decoration:none;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease}.ip-btn--primary{background:var(--color-gradient,linear-gradient(135deg,#ff5a6e,#ff8a4c));border:1px solid transparent;color:#fff}.ip-btn--primary:hover{box-shadow:0 8px 24px rgba(255,90,110,.35);transform:translateY(-2px)}.ip-btn--secondary{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);color:var(--color-text-primary,#fff)}.ip-btn--secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.ip-btn:focus-visible{outline:var(--focus-ring,2px solid #ff5a6e);outline-offset:var(--focus-ring-offset,3px)}@keyframes ipReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ip-step{animation:ipReveal .55s ease both;animation-delay:calc(var(--ip-step-index, 0)*.08s)}@media (max-width:1024px){.ip-steps{grid-template-columns:repeat(2,1fr)}.ip-step:not(:last-child):after{display:none}}@media (max-width:600px){.ip-steps{grid-template-columns:1fr}.ip-step{padding:var(--space-6)}.ip-btn{max-width:320px;width:100%}}@media (prefers-reduced-motion:reduce){.ip-step{animation:none;opacity:1}.ip-btn:hover,.ip-step,.ip-step:hover,.ip-step__cta:hover{transform:none}}