:root{--bg:#06111a;--panel:#0a1823;--cyan:#10d5ff;--text:#f5f8fa;--muted:#a9bdca;--line:#27404e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#06111a,#07131d);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1380px;margin:auto;padding:0 28px}.top{position:sticky;top:0;z-index:20;background:#071018f2;border-bottom:1px solid #263846}.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{font-size:28px;font-weight:800;margin-right:auto}.brand small{display:block;font-size:8px;letter-spacing:4px;margin-top:4px}.nav a{font-size:14px}.nav a:hover,.active{color:var(--cyan)}.social{font-size:20px}.phone{border:1px solid var(--cyan);border-radius:9px;padding:10px 15px;font-weight:700}.hero{min-height:520px;background:linear-gradient(90deg,rgba(7,17,27,.82) 0 38%,rgba(7,17,27,.22) 67%,transparent 82%),url('assets/hero.jpg') center/cover;display:flex;align-items:center}.hero .copy{max-width:600px}.eyebrow{letter-spacing:6px;font-weight:700}.hero h1{font-size:74px;line-height:.9;margin:12px 0}.cyan{color:var(--cyan)}.hero h2{font-size:23px;margin:0 0 20px}.hero p{color:#d3e0e7;font-size:19px;line-height:1.55}.btn{display:inline-block;border:1px solid var(--cyan);border-radius:9px;padding:14px 22px;margin:10px 10px 0 0;font-weight:700}.btn.primary{background:var(--cyan);color:#00131c}.services-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#08151f}.icons{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:22px 0}.mini{text-align:center;font-size:12px}.mini b{display:block;color:var(--cyan);font-size:25px;margin-bottom:8px}.partners{display:grid;grid-template-columns:1fr repeat(3,170px);align-items:center;gap:16px;padding:16px 0}.partners img{width:100%;height:55px}.partners strong{letter-spacing:2px}.partner-note{text-align:center;color:var(--muted);font-size:11px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:28px 0}.tile{min-height:260px;position:relative;border:1px solid var(--line);overflow:hidden;background:#0a1823}.tile img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.tile:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(2,7,11,.78))}.tile .label{position:absolute;z-index:2;bottom:18px;left:18px}.tile h3{font-size:23px;margin:0}.tile p{margin:5px 0;color:#d8e1e7}.storeband{min-height:430px;background:linear-gradient(90deg,rgba(7,17,27,.84) 0 34%,rgba(7,17,27,.22) 70%),url('assets/store.jpg') center/cover;display:flex;align-items:center}.storeband .copy{max-width:440px}.storeband h2,.pagehero h1{font-size:54px;margin:5px 0}.storeband p,.content p{color:#c8d6de;line-height:1.65}.community{display:grid;grid-template-columns:34% 66%;min-height:260px;background:#07131c;border-top:1px solid var(--line)}.quote{padding:65px 45px;font-size:27px}.community img{width:100%;height:260px;object-fit:cover}.footer{border-top:1px solid var(--line);padding:28px 0 20px}.footgrid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:18px;align-items:center;font-size:13px}.footgrid b{display:block;color:var(--cyan);margin-bottom:5px}.pagehero{min-height:330px;display:flex;align-items:center;background:linear-gradient(90deg,#07111bf2 0 45%,transparent),url('assets/store.jpg') center/cover}.pagehero.services{background-image:linear-gradient(90deg,#07111bf2 0 45%,transparent),url('assets/componenti.jpg')}.content{padding:45px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);background:#0a1823;padding:25px}.card h3{color:var(--cyan)}.hours{width:100%;border-collapse:collapse}.hours td{padding:10px;border-bottom:1px solid var(--line)}.contactbox{border:1px solid var(--line);padding:24px;background:#0a1823}.contactbox b{color:var(--cyan)}input,textarea{width:100%;padding:13px;margin:7px 0;background:#132633;border:1px solid #345064;color:white;border-radius:4px}textarea{height:130px}.map{width:100%;height:360px;border:0}.notice{font-size:12px;color:var(--muted)}
@media(max-width:900px){.nav{flex-wrap:wrap;height:auto;padding:15px 0}.brand{width:100%}.hero h1{font-size:52px}.icons,.tiles,.cards,.partners,.grid2,.footgrid,.community{grid-template-columns:1fr 1fr}.partners>strong{grid-column:1/-1}.hero{background-position:65% center}.community img{height:100%}}@media(max-width:580px){.wrap{padding:0 16px}.icons,.tiles,.cards,.partners,.grid2,.footgrid,.community{grid-template-columns:1fr}.hero{background:linear-gradient(#07111bd9,#07111be8),url('assets/hero.jpg') center/cover}.hero h1{font-size:46px}.nav a{font-size:12px}.phone{padding:8px}.storeband{background:linear-gradient(#07111bd9,#07111be8),url('assets/store.jpg') center/cover}}
/* Rifiniture brand e social */
.brand{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.brand small{width:100%;text-align:left;padding-left:1px;white-space:nowrap}.social{display:inline-flex!important;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px}.social img{display:block;width:20px;height:20px;object-fit:contain}.card p{font-size:15px;line-height:1.65}

/* Allineamento definitivo brand + footer legale */
.brand{align-items:center!important;text-align:center!important}.brand small{text-align:center!important;padding-left:0!important}.legal{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:11px}.legal a:hover{color:var(--cyan)}
@media(max-width:580px){.legal{flex-direction:column;text-align:center;align-items:center}}

/* v4: sottotitolo brand giustificato sulla stessa larghezza di Deep Evolution */
.brand{display:inline-flex!important;flex-direction:column;align-items:stretch!important;text-align:left!important;width:max-content;line-height:1!important}
.brand small{display:flex!important;justify-content:space-between!important;width:100%!important;padding:0!important;margin-top:5px!important;text-align:justify!important;letter-spacing:0!important;font-size:8px!important;white-space:nowrap!important}
.brand small span{display:inline-block}
.footer .brand{margin-right:0}

/* v5: larghezza contenuti più equilibrata + brand giustificato in header e footer */
.wrap{width:min(100% - 48px,1180px);max-width:none;padding-left:0;padding-right:0}
.nav .brand,.footer .brand{display:inline-flex!important;flex-direction:column!important;align-items:stretch!important;width:max-content!important;max-width:100%;text-align:left!important;line-height:1!important}
.nav .brand small,.footer .brand small{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:5px!important;padding:0!important;letter-spacing:0!important;font-size:8px!important;white-space:nowrap!important}
.nav .brand small span,.footer .brand small span{display:block!important}
@media(max-width:900px){.wrap{width:min(100% - 36px,1180px)}.nav .brand{width:max-content!important}}
@media(max-width:580px){.wrap{width:calc(100% - 28px)}.nav .brand,.footer .brand{width:max-content!important;max-width:100%}}


/* v6: identico allineamento brand in testata e footer; testi tile senza ombre */
.nav .brand,.footer .brand{width:190px!important;max-width:190px!important;align-items:stretch!important;text-align:left!important}
.nav .brand .brand-title,.footer .brand .brand-title{display:block;width:100%;font-size:28px;font-weight:800;line-height:1;white-space:nowrap;text-align:left}
.nav .brand small,.footer .brand small{display:flex!important;width:100%!important;justify-content:space-between!important;letter-spacing:0!important;text-align:left!important}
.tile .label,.tile .label h3,.tile .label p{text-shadow:none!important;filter:none!important}
@media(max-width:580px){.nav .brand,.footer .brand{width:190px!important;max-width:190px!important}}

/* v7 finale: brand allineato sui due lati e rimozione duplicati nelle tile */
.nav .brand,.footer .brand{width:230px!important;max-width:230px!important;align-items:stretch!important}
.nav .brand .brand-title,.footer .brand .brand-title{display:flex!important;justify-content:space-between!important;align-items:baseline!important;width:100%!important;font-size:28px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}
.nav .brand small,.footer .brand small{display:flex!important;justify-content:space-between!important;width:100%!important;margin-top:5px!important;padding:0!important;letter-spacing:0!important;font-size:8px!important;white-space:nowrap!important}
@media(max-width:580px){.nav .brand,.footer .brand{width:220px!important;max-width:220px!important}.nav .brand .brand-title,.footer .brand .brand-title{font-size:27px!important}}