.hero{position:relative;min-height:760px;overflow:hidden;color:#fff;background:var(--ink)}.hero:before{content:"";position:absolute;width:680px;height:680px;top:-270px;right:-130px;border:1px solid #ff8b7030;border-radius:50%;box-shadow:0 0 0 90px #ff8b7008,0 0 0 180px #ff8b7006}.hero-grid{position:relative;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:70px;min-height:760px;padding-top:90px}.eyebrow{display:block;margin-bottom:20px}.hero h1{margin:0;font:800 clamp(48px,6.1vw,82px)/.98 Manrope,sans-serif;letter-spacing:-.055em}.hero h1 em{color:var(--coral);font-style:normal}.hero-copy p{max-width:570px;margin:27px 0 33px;color:#ffffffb8;font-size:18px;line-height:1.7}.actions{display:flex;gap:13px;flex-wrap:wrap}.hero-image{width:110%;overflow:hidden;border-radius:24px;box-shadow:0 35px 80px #0005;transform:rotate(2deg)}.hero-image img{display:block;width:100%;height:auto}.stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);margin-top:-40px;padding:28px 20px;background:#fff;border-radius:20px;box-shadow:0 14px 50px #15392f1a}.stats>div{padding:5px 36px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{font:800 25px Manrope}.stats span{color:var(--muted);font-size:13px}section:not(.hero){padding:120px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.section-head h2{max-width:620px;margin:9px 0 0;font:800 clamp(36px,4vw,54px)/1.05 Manrope;letter-spacing:-.045em}.section-head p{max-width:410px;margin:0;color:var(--muted);line-height:1.7}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{display:flex;min-height:340px;padding:30px;background:#fff;border:1px solid transparent;border-radius:20px;flex-direction:column;transition:.25s}.feature:hover{transform:translateY(-7px);border-color:#6558f53d;box-shadow:0 18px 45px #17142f12}.feature.featured{color:#fff;background:var(--purple)}.icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:48px;color:var(--purple);background:#eeebff;border-radius:13px;font-size:21px}.featured .icon{color:var(--ink);background:var(--coral)}.tag{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.feature h3{margin:8px 0 12px;font:800 21px Manrope}.feature p{margin:0;color:var(--muted);line-height:1.65}.featured p{color:#ffffffb8}.discover{margin-top:auto;padding-top:28px;font-weight:700}.cta{padding-top:0!important}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:60px 70px;color:#fff;background:var(--ink);border-radius:28px}.cta h2{margin:8px 0 0;font:800 clamp(32px,4vw,50px)/1.08 Manrope}
@media(max-width:820px){.hero,.hero-grid{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:155px 0 125px}.hero-image{width:min(105%,540px);justify-self:center}.stats,.features{grid-template-columns:1fr}.stats>div{padding:12px 24px;border-right:0;border-bottom:1px solid var(--line)}.section-head,.cta-box{align-items:flex-start;flex-direction:column}.feature{min-height:300px}.cta-box{padding:48px 32px}}@media(max-width:520px){.hero h1{font-size:47px}section:not(.hero){padding:90px 0}}

/* Loghi ufficiali dei tre strumenti */
.product-logo{width:76px;height:76px;margin-bottom:20px;overflow:hidden;background:#050505;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 22px #17142f1a}
.product-logo img{display:block;width:100%;height:100%;object-fit:cover}
.featured .product-logo{border-color:#ffffff35;box-shadow:0 8px 22px #17142f38}

/* I loghi mantengono la propria trasparenza, senza riquadri scuri. */
.product-logo{overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}
.product-logo img{object-fit:contain}
.featured .product-logo{border:0;box-shadow:none}

/* La card della web app mobile resta chiara per garantire il contrasto con il logo blu. */
.feature.mobile-feature{color:var(--ink);background:linear-gradient(145deg,#fff7f3,#ffe7df);border-color:#ff8b7040}
.feature.mobile-feature p{color:var(--muted)}
.feature.mobile-feature .product-logo{filter:drop-shadow(0 8px 16px #17142f18)}