.home-hero{position:relative;background:var(--background);overflow:hidden}.home-hero__inner{padding-block:5rem}@media(min-width:1024px){.home-hero__inner{padding-block:8rem}}.home-hero__grid{display:grid;gap:3rem;align-items:center}@media(min-width:1024px){.home-hero__grid{grid-template-columns:1fr 1fr}}.home-hero__content{position:relative;z-index:10}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:color-mix(in oklab,var(--accent) 20%,transparent);color:var(--accent);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.badge__dot{position:relative;display:inline-flex;height:.5rem;width:.5rem}.badge__dot:before{content:"";position:absolute;inset:0;border-radius:var(--radius-full);background:var(--accent);opacity:.75;animation:ping 2s var(--ease) infinite}.badge__dot:after{content:"";position:relative;display:inline-flex;width:.5rem;height:.5rem;border-radius:var(--radius-full);background:var(--accent)}.home-hero__title{font-size:clamp(2.25rem,5vw,3.75rem);margin-bottom:1.5rem;text-wrap:balance}.home-hero__subtitle{font-size:clamp(1.125rem,2vw,1.25rem);color:var(--muted-foreground);margin-bottom:2rem;max-width:36rem;line-height:1.625}.home-hero__features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.feature-pill{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:var(--secondary);border-radius:var(--radius)}.feature-pill .icon{color:var(--accent);margin-bottom:.5rem}.feature-pill__label{font-size:.75rem;color:var(--muted-foreground)}.home-hero__visual{position:relative;aspect-ratio:1 / 1;order:-1}@media(min-width:1024px){.home-hero__visual{aspect-ratio:auto;height:31.25rem;order:0}}.home-hero__image{width:100%;height:100%;object-fit:contain;display:block;transform:scale(1.3);transform-origin:center;-webkit-mask-image:linear-gradient(10deg,transparent 10%,#000 55%);mask-image:linear-gradient(10deg,transparent 10%,#000 55%)}.home-repair{background:var(--secondary);padding-block:5rem}@media(min-width:1024px){.home-repair{padding-block:8rem}}.home-repair__grid{display:grid;gap:3rem}@media(min-width:1024px){.home-repair__grid{grid-template-columns:1fr 1fr}}.home-repair__cards-wrap{position:relative;min-width:0}@media(min-width:1024px){.home-repair__cards-wrap:before,.home-repair__cards-wrap:after{content:"";position:absolute;left:0;right:0;height:2rem;pointer-events:none;opacity:0;z-index:1;transition:opacity .2s var(--ease)}.home-repair__cards-wrap:before{top:0;background:linear-gradient(to bottom,var(--secondary),transparent)}.home-repair__cards-wrap:after{bottom:0;background:linear-gradient(to top,var(--secondary),transparent)}.home-repair__cards-wrap.has-overflow-start:before{opacity:1}.home-repair__cards-wrap.has-overflow-end:after{opacity:1}}.device-cards-grid{display:flex;flex-direction:row;gap:1rem;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding:0}.device-cards-grid::-webkit-scrollbar{display:none}.device-card{position:relative;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);transition:border-color .2s var(--ease);flex:0 0 calc(100% - 4rem);scroll-snap-align:center;scroll-snap-stop:always}@media(min-width:1024px){.home-repair__cards-wrap{position:relative}.device-cards-grid{position:absolute;inset:0;flex-direction:column;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;padding-right:.5rem}.device-card{flex:0 0 auto;scroll-snap-align:none}}.device-card:hover{border-color:var(--accent)}.device-card__top{display:flex;align-items:flex-start;justify-content:space-between}.device-card__name{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.device-card__desc{font-size:.875rem;color:var(--muted-foreground)}.device-card__badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted-foreground)}.device-card__badge-icon{width:3.25rem;height:auto;display:block}.device-card__bottom{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.device-card__bottom-label{font-size:.875rem;color:var(--muted-foreground)}.device-card__link{font-size:.875rem;font-weight:500;color:var(--accent);display:inline-flex;align-items:center;gap:.25rem}.device-card__link:hover{text-decoration:underline}