.hero{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-md);overflow:hidden}.hero__background{position:absolute;inset:0;z-index:0}.hero__image{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#000c,#0009,#0d1117)}.hero__content{position:relative;z-index:10;max-width:64rem}.hero__title{font-size:2.25rem;font-weight:700;line-height:1.1;margin-bottom:var(--spacing-md);text-shadow:0 10px 30px rgba(0,0,0,.6)}.hero__description{max-width:42rem;margin:0 auto var(--spacing-lg);font-size:1.125rem;color:#e5e7eb;text-shadow:0 6px 20px rgba(0,0,0,.6)}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-sm)}.hero__button{padding:.75rem 2rem;border-radius:var(--border-radius-lg);font-weight:600;text-decoration:none;transition:var(--transition)}.hero__button--primary{background:#fff;color:#000;box-shadow:0 10px 25px #00000059}.hero__button--primary:hover{background:#f3f4f6}.hero__button--secondary{border:2px solid rgba(255,255,255,.8);color:#fff}.hero__button--secondary:hover{background:#ffffff1a}@media(min-width:768px){.hero{padding:var(--spacing-2xl) var(--spacing-md)}.hero__title{font-size:3.75rem}.hero__description{font-size:1.25rem}}.features{padding:var(--spacing-xl) var(--spacing-md);max-width:72rem;margin:0 auto;scroll-margin-top:5rem}.features__title{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-xl)}.features__grid{display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:768px){.features__title{font-size:3rem}.features__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.features__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.features__card{border-radius:1rem;padding:var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:var(--spacing-sm);cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.features__card:hover{background:#ffffff1a;transform:translateY(-4px);box-shadow:0 25px 60px #00000073}.features__icon{color:var(--color-text);width:40px;height:40px}.features__icon :global(svg){display:block}.features__cardTitle{font-size:1.25rem;font-weight:600;color:var(--color-text)}.features__cardDesc{color:var(--color-text-muted);line-height:1.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{opacity:0;animation:fadeInUp .8s cubic-bezier(.25,.8,.25,1) forwards}.screens{width:100%;padding:var(--spacing-xl) var(--spacing-md);scroll-margin-top:5rem}.screens__title{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-sm)}.screens__subtitle{max-width:42rem;margin:0 auto var(--spacing-lg);text-align:center;color:var(--color-text-muted)}.screens__card{border-radius:var(--border-radius-lg);padding:var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.screens__card--grid:hover{background:#ffffff1a;box-shadow:0 25px 60px #00000073}.screens__media{width:100%;height:12rem;border-radius:.75rem;overflow:hidden;background:#ffffff1a;flex-shrink:0}@media(min-width:768px){.screens__media{height:13rem}}.screens__img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.screens__card--grid:hover .screens__img{transform:scale(1.05)}.screens__cardTitle{color:var(--color-text);font-weight:600;font-size:1rem}@media(min-width:768px){.screens__title{font-size:3rem}.screens__cardTitle{font-size:1.125rem}}.screens__cardDesc{color:var(--color-text-muted);text-align:center;font-size:.875rem;line-height:1.6}.screens__carousel{display:flex;gap:var(--spacing-md);padding:.75rem .5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.screens__carousel::-webkit-scrollbar{height:10px}.screens__carousel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.screens__card--carousel{min-width:85%;scroll-snap-align:start}.screens__grid{display:none;gap:var(--spacing-lg);margin:0 auto}.screens__grid--top{max-width:72rem;margin-top:var(--spacing-xl)}.screens__grid--bottom{max-width:56rem;margin-top:var(--spacing-md)}@media(min-width:768px){.screens__carousel{display:none}.screens__grid{display:grid}.screens__grid--top{grid-template-columns:repeat(3,minmax(0,1fr))}.screens__grid--bottom{grid-template-columns:repeat(2,minmax(0,1fr))}}.cta{position:relative;width:100%;text-align:center;padding:var(--spacing-2xl) var(--spacing-md);overflow:hidden}.cta__background{position:absolute;inset:0;z-index:0}.cta__image{width:100%;height:100%;object-fit:cover}.cta__overlay{position:absolute;inset:0;background:#000000b3}.cta__content{position:relative;z-index:10;max-width:42rem;margin:0 auto}.cta__title{font-size:1.875rem;font-weight:700;margin-bottom:var(--spacing-sm)}@media(min-width:768px){.cta__title{font-size:3rem}}.cta__description{color:#e5e7eb;max-width:36rem;margin:0 auto var(--spacing-lg);line-height:1.6}.cta__button{display:inline-block;padding:1rem 2.5rem;background:#fff;color:#000;border-radius:var(--border-radius-lg);font-weight:600;text-decoration:none;box-shadow:0 20px 40px #00000059;transition:var(--transition)}.cta__button:hover{background:#f3f4f6}