.webapp-hero{background:linear-gradient(to bottom,#000c,#0009);min-height:100vh;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:0}.webapp-hero .container{display:flex;align-items:center;justify-content:center;gap:4rem;max-width:1200px;margin:0 auto;flex-wrap:wrap;width:100%}.webapp-image{flex:1 1 45%;display:flex;align-items:center;justify-content:center;min-width:320px;min-height:320px;position:relative}.webapp-image img{width:100%;max-width:420px;border-radius:18px;box-shadow:0 8px 32px #00000038;object-fit:cover;background:linear-gradient(to bottom,#000c,#0009)}.webapp-text{flex:1 1 45%;color:var(--lightgray);min-width:280px;padding:1.5rem 0}.webapp-text h1{font-family:var(--montserrat);font-size:2.3rem;color:var(--white);margin-bottom:1.2rem;line-height:1.2}.webapp-text h1 .highlight{color:var(--primary);font-weight:700}.webapp-text .primary{color:var(--primary);font-weight:500}.webapp-text .accent{color:var(--accent);font-weight:500}.webapp-text p{font-size:1.15rem;line-height:1.7;margin-bottom:1.5rem}.webapp-text ul{list-style:disc;padding-left:1.5rem;margin-bottom:0}.webapp-text ul li{font-size:1rem;margin-bottom:.5rem}.webapp-features{background:linear-gradient(to bottom,#000c,#0009);padding:4rem 0 3rem}.webapp-features .container{max-width:1200px;margin:0 auto;padding:0 1rem}.webapp-features h2{text-align:center;font-family:var(--montserrat);font-size:2rem;color:var(--primary);margin-bottom:2.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.feature{background:var(--dark);position:relative;z-index:1;border:2px solid var(--primary);border-radius:16px;padding:2rem 1.5rem;text-align:center;color:var(--lightgray);transition:transform .05,box-shadow .05s;box-shadow:0 2px 12px #0000001f}.feature:hover{transform:translateY(-10px)!important;box-shadow:7 8px 24px #0000004d!important;z-index:5 me0!important}.feature i{font-size:2.5rem;color:var(--accent);margin-bottom:1rem;display:block}.feature h3{color:var(--white);font-size:1.2rem;margin-bottom:.7rem;font-family:var(--montserrat)}.feature p{font-size:1rem;color:var(--lightgray)}.webapp-interfaces{background:linear-gradient(to bottom,#000c,#0009);padding:4rem 0 3rem}.webapp-interfaces .container{max-width:1200px;margin:0 auto}.webapp-interfaces h2{text-align:center;font-family:var(--montserrat);font-size:2rem;color:var(--primary);margin-bottom:2.5rem}.interfaces-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.interface-card{background:linear-gradient(to bottom,#000c,#0009);border:2px solid var(--accent);border-radius:16px;padding:2rem 1.2rem 1.5rem;text-align:center;color:var(--lightgray);box-shadow:0 2px 12px #0000001f;transition:transform .3s,box-shadow .3s;position:relative;z-index:1}.interface-card:hover{transform:translateY(-10px) scale(1.04);box-shadow:0 8px 24px #00000038;z-index:2}.interface-card img{width:100%;max-width:220px;margin-bottom:1.2rem;border-radius:10px;box-shadow:0 2px 10px #0000001a;background:var(--darkgray)}.interface-card h3{color:var(--white);font-size:1.1rem;margin-bottom:.7rem;font-family:var(--montserrat)}.interface-card p{font-size:.98rem;color:var(--lightgray)}.webapp-interfaces-full{background:linear-gradient(to bottom,#000c,#0009);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:5rem}.webapp-interfaces-full .container{width:100%;align-items:flex-start;padding:0;margin:0}.webapp-interfaces-full h2{text-align:center;font-family:var(--montserrat);font-size:2rem;color:var(--primary);margin:2rem 0 2.5rem}.interfaces-carousel{position:relative;width:100%;height:calc(100vh - 120px);overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:5rem}.carousel-slides{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s;padding-bottom:4rem;z-index:1}.carousel-slide img{width:100%;max-width:30vw;max-height:calc(100vh - 260px);border-radius:18px;box-shadow:0 8px 32px #00000038;margin-bottom:2rem;object-fit:contain;background:linear-gradient(to bottom,#000c,#0009)}.slide-caption{background:#14141ed9;border-radius:12px;padding:1.5rem 2rem;color:var(--white);max-width:600px;text-align:center;box-shadow:0 2px 12px #0000002e}.slide-caption h3{color:var(--accent);font-size:1.5rem;margin-bottom:.7rem;font-family:var(--montserrat)}.slide-caption p{font-size:1.05rem;color:var(--lightgray)}#interface1:checked~.carousel-slides .slide1,#interface2:checked~.carousel-slides .slide2,#interface3:checked~.carousel-slides .slide3,#interface4:checked~.carousel-slides .slide4{opacity:1;pointer-events:auto;z-index:2}.carousel-nav{position:absolute;left:0;right:0;bottom:10vh;display:flex;justify-content:center;gap:1rem;z-index:10}.carousel-nav label{display:block;width:18px;height:18px;border-radius:50%;background:var(--dark);border:2px solid var(--accent);cursor:pointer;transition:background .2s,border .2s}#interface1:checked~.carousel-nav label[for=interface1],#interface2:checked~.carousel-nav label[for=interface2],#interface3:checked~.carousel-nav label[for=interface3],#interface4:checked~.carousel-nav label[for=interface4]{background:var(--accent);border-color:var(--primary)}.interfaces-carousel input[type=radio]{display:none}@media (max-width: 900px){.webapp-hero .container{flex-direction:column;gap:2.5rem;padding:0 1rem}.webapp-image,.webapp-text{min-width:0;width:100%;text-align:center;padding:0}.webapp-image img{max-width:90vw}.interfaces-grid{grid-template-columns:1fr}.interface-card img{max-width:90vw}.carousel-slide img{max-width:98vw;max-height:40vh}.slide-caption{padding:1rem .5rem;font-size:.98rem}.webapp-interfaces-full h2{font-size:1.2rem}}@media (max-width: 700px){.carousel-slides{display:flex;align-items:center;justify-content:center;width:100%;min-height:60vw}.carousel-slide{align-items:center;justify-content:center;padding-left:0;padding-right:0}.carousel-slide img{margin-left:auto;margin-right:auto;display:block;max-width:95vw;height:auto}}