@media (min-width:1440px){.hero{padding:12rem 4rem 8rem}.hero-container{max-width:var(--max-width)}.hero h1{font-size:4rem}.hero .subtitle{font-size:1.5rem}.devices-stage{max-width:750px}.mac-image{height:auto;width:480px}.iphone-image{height:auto;width:120px}}@media (max-width:1439px) and (min-width:1024px){.hero{padding:10rem 3rem 6rem}.hero-visual{height:500px}.mac-image{height:auto;width:420px}.iphone-image{height:auto;width:105px}}@media (max-width:1024px){.hero{padding:9rem 2.5rem 5rem}.hero-container{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-content{margin:0 auto;max-width:680px}.hero h1{font-size:clamp(2.5rem,6vw,3.5rem)}.hero .subtitle{font-size:1.25rem;line-height:1.7}.hero-actions{gap:1rem;justify-content:center}.hero-visual{height:450px;margin-top:2rem}.devices-stage{max-width:600px}.mac-wrapper{left:10%;top:50%;transform:translateY(-50%)}.iphone-wrapper{bottom:20%;right:10%}.mac-image{height:auto;width:360px}.iphone-image{height:auto;width:90px}@keyframes floatMac{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 10px))}}@keyframes floatPhone{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}}@media (max-width:768px){.hero{min-height:auto;padding:6rem 2rem 3rem}.hero-container{gap:3rem}.hero-content{margin:0 auto;max-width:540px}.hero h1{font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem;white-space:normal}.hero .subtitle{font-size:1.125rem;line-height:1.6;margin-bottom:2.5rem}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:450px;width:100%}.hero-actions .btn-primary,.hero-actions .btn-secondary{flex:1;min-width:180px}.hero-visual{height:380px;margin-top:3rem}.devices-stage{max-width:500px}.mac-wrapper{animation:floatMacMobile 5s ease-in-out infinite;left:15%;top:45%;transform:translateY(-50%)}.iphone-wrapper{animation:floatPhoneMobile 5s ease-in-out infinite;animation-delay:-2.5s;bottom:20%;right:20%}@keyframes floatMacMobile{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}@keyframes floatPhoneMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mac-image{height:auto;width:300px}.iphone-image{height:auto;width:75px}.hero-visual:hover .mac-wrapper{transform:translateY(-50%)}.hero-visual:hover .iphone-wrapper{transform:none}}@media (max-width:480px){.hero{align-items:center;display:flex;min-height:auto;padding:10rem 1.25rem 2rem}.hero-container{gap:1.5rem;justify-content:center;padding:0}.hero-content{padding:0 .5rem}.hero h1{font-size:2rem;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.25rem}.hero .subtitle{font-size:.95rem;line-height:1.6;margin-bottom:2rem;padding:0}.hero-actions{gap:.75rem;max-width:100%}.hero-actions .btn-primary,.hero-actions .btn-secondary{border-radius:12px;font-size:.9375rem;font-weight:600;padding:1rem 1.5rem}.hero-visual{height:180px;margin-left:auto;margin-right:auto;margin-top:0;max-width:400px;padding:0;width:100%}.devices-stage{max-width:350px}.mac-wrapper{animation:none!important;left:10%!important;top:40%!important;transform:translateY(-50%)!important}.iphone-wrapper{animation:none!important;bottom:25%!important;right:15%!important}.mac-image{height:auto;width:240px}.iphone-image{height:auto;width:60px}.device-image{filter:drop-shadow(0 10px 20px rgba(30,58,138,.15))}}@media (max-width:375px){.hero{min-height:auto;padding:10rem 1rem 1.5rem 0}.hero-container{gap:1.25rem;justify-content:center}.hero h1{font-size:1.75rem;margin-bottom:1rem}.hero .subtitle{font-size:.875rem;line-height:1.5;margin-bottom:1.75rem}.hero-actions{flex-direction:column;gap:.625rem}.hero-actions .btn-primary,.hero-actions .btn-secondary{font-size:.875rem;padding:.9375rem 1.25rem;width:100%}.hero-visual{height:160px;margin-top:0;padding:0}.devices-stage{max-width:320px}.mac-wrapper{left:8%!important;top:35%!important;transform:translateY(-50%)!important}.iphone-wrapper{bottom:28%!important;right:12%!important}.mac-image{height:auto;width:210px}.iphone-image{height:auto;width:52px}}@media (max-height:600px) and (orientation:landscape){.hero{min-height:auto;padding:5rem 2rem 3rem}.hero-visual{height:280px}.devices-stage{max-width:450px}.mac-wrapper{left:20%;top:50%;transform:translateY(-50%)}.iphone-wrapper{bottom:20%;right:15%}}@media (prefers-reduced-motion:reduce){.hero-title{animation:none}.iphone-wrapper,.mac-wrapper{animation:none!important}.hero-cta:before{display:none}.device-image{transition:none}}@media (min-resolution:192dpi){.device-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}