/* HOME APPROVATA DALL'UTENTE 22/10/2026: menu nero, hero integrale e fascia blu con due pulsanti. */
html,body{margin:0;padding:0}
.site{width:100%;max-width:1536px!important;margin:0 auto;overflow:hidden}
.approved{background:#fff}
/* L'utente vuole il menu nero come primo elemento; l'intestazione separata non è presente nella foto. */
.approved>.top-image-wrap,.approved>.nav-black-strip,.approved>.notice-create{display:none!important}
.approved .hero-menu-wrap{display:block!important;position:relative;width:100%;height:auto;line-height:0;background:#0a0a0a}
.approved .hero-menu-wrap>img{width:100%;height:auto;display:block}
.approved .graphic-menu-hotspots{position:absolute;inset:0;height:100%!important;top:0!important;left:0!important;width:100%!important;z-index:6}
.approved .graphic-menu-hotspots a{height:100%;top:0}
.approved .menu-6x3-label{display:none!important}
/* Home screenshot 1536x331; image remains unaltered, including original face pixels. */
.approved .wide-carousel{margin:0;padding:0;border:0;background:#fff}
.approved .wide-carousel .home-carousel-stage{height:auto!important;aspect-ratio:1536/331!important;max-height:none!important}
.approved .wide-carousel .home-slide{inset:0!important;padding:0!important;border:0!important;overflow:hidden}
.approved .wide-carousel .home-slide img{width:100%;height:100%;object-fit:cover!important;object-position:center!important}
.approved .wide-carousel .home-carousel-controls{bottom:8px!important;gap:9px;opacity:.88}
.approved .wide-carousel .home-carousel-arrow{width:33px;height:33px;background:#111a;border-radius:50%}
.approved .wide-carousel .home-carousel-dots{background:#1616169b;padding:6px 9px}
/* Vibrant blue strip under banner with both LIVE and AI buttons, as in user image. */
.approved .design-cta{display:grid!important;grid-template-columns:40.5% minmax(0,1fr)!important;align-items:stretch!important;gap:12px!important;margin:0!important;padding:12px 10px!important;min-height:180px!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:inset 0 4px 9px #ffffff75,inset 0 -5px 10px #06227350!important;background:linear-gradient(105deg,#0679d6 0%,#063fab 35%,#55aff8 67%,#8e47c1 100%)!important}
.approved .design-cta::before,.approved .design-cta::after{content:none!important;display:none!important}
.approved .design-cta-intro{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:160px;padding:10px 4px!important;margin:0!important;background:radial-gradient(ellipse at 50% 50%,#267ef0 0%,#0063ba 60%,#0343ae 100%)!important;border:none!important;border-radius:0!important;box-shadow:none!important}
.approved .design-cta-intro .design-new{align-self:flex-start;display:inline-block;margin:-3px 0 -1px 0;padding:4px 16px;background:linear-gradient(95deg,#ed1225,#ad0019);clip-path:polygon(7% 5%,100% 0,94% 85%,5% 100%,0 32%);color:#fff!important;font-weight:950!important;font-size:clamp(11px,1.5vw,23px)!important;letter-spacing:.005em!important;line-height:1.1!important;transform:rotate(-6deg)}
.approved .design-cta-intro h2{color:#fff!important;font-weight:950!important;text-shadow:0 2px 2px #022953bd;letter-spacing:-.02em!important;text-transform:uppercase!important;font-size:clamp(20px,2.12vw,34px)!important;line-height:1.06!important;margin:3px 0 7px!important}
.approved .design-cta-intro h2 em{color:#ffe72b!important;display:block}
.approved .design-cta-intro p{font-size:clamp(10px,1vw,16px)!important;line-height:1.35!important;color:#fff!important;margin:1px 0!important;text-shadow:0 1px 2px #19497b}
.approved .design-cta-intro .format-brief{display:none!important}
.approved .design-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;align-items:stretch;min-width:0}
.approved .design-card{position:relative;display:grid!important;grid-template-columns:25% 1fr!important;gap:6px!important;align-items:start!important;min-width:0;padding:16px 10px 13px!important;border:2px solid #dbdbed!important;border-radius:20px!important;text-decoration:none;box-shadow:0 0 9px #fff8,inset 0 0 10px #f6f6fb!important;background:linear-gradient(#fff,#fffefa)!important}
.approved .design-card.ai{background:linear-gradient(125deg,#fff,#fff1fc)!important;border-color:#ffc9eb!important}
.approved .design-card-icon{width:100%!important;height:70px!important;display:flex!important;align-items:center;justify-content:center;border:0!important;background:none!important;border-radius:0!important;flex:none!important;font-size:clamp(35px,4vw,62px)!important;color:#0879df!important}
.approved .design-card.ai .design-card-icon{color:#d3087d!important}
.approved .design-card>span:last-child{min-width:0;display:flex;flex-direction:column;gap:5px;height:100%}
.approved .design-card strong{font-size:clamp(14px,1.55vw,25px)!important;line-height:1.08!important;letter-spacing:-.02em!important;white-space:normal!important;color:#161921!important;font-weight:900!important}
.approved .design-card b{color:#167ee4!important;font-size:inherit!important}
.approved .design-card.ai b{color:#b8118a!important}
.approved .design-card small{font-size:clamp(10px,1.06vw,17px)!important;line-height:1.32!important;color:#303139!important;display:block!important;margin:0!important}
.approved .design-card .cta-start{display:flex!important;align-items:center;justify-content:center;background:linear-gradient(#0e8ffc,#087ad7)!important;border-radius:28px!important;color:#fff!important;font-size:clamp(10px,1.14vw,17px)!important;min-height:33px!important;line-height:1!important;font-weight:900!important;padding:7px 10px!important;width:100%;max-width:none!important;align-self:stretch!important;margin-top:auto!important;box-shadow:none!important}
.approved .design-card.ai .cta-start{background:linear-gradient(#f00b8e,#b90066)!important}
/* Every product card looks like the photo: colored short heading + photograph + RED shiny button. */
.approved .catalog-section{padding:4px 7px 8px!important;background:#fff!important}
.approved .catalog-row{display:grid!important;gap:5px!important;margin:0 0 7px!important}
.approved .catalog-row-six{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.approved .catalog-row-five{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.approved .catalog-card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0;background:#fff!important;border:2px solid #eeb7ba!important;border-radius:11px!important;box-shadow:0 1px 5px #95344530!important;overflow:hidden!important;transform:none!important}
.approved .catalog-row-five .catalog-card{border-color:#a9cce9!important}
.approved .catalog-card-heading{height:53px!important;min-height:53px!important;background:linear-gradient(160deg,#902a2c,#581a25)!important;color:white!important;padding:6px 4px!important;display:flex!important;align-items:center;justify-content:center;flex-direction:column}
.approved .catalog-row-five .catalog-card-heading{background:linear-gradient(150deg,#1168a5,#003766)!important}
.approved .catalog-card-heading h3{color:#fff!important;font-size:clamp(11px,1.32vw,21px)!important;margin:0!important;line-height:1.06!important;letter-spacing:-.01em!important;font-weight:900!important}
.approved .catalog-card-heading p{color:#e9eff6!important;font-size:clamp(9px,1vw,16px)!important;line-height:1.1!important;font-weight:500!important;margin:1px 0 0!important}
.approved .catalog-card-image{display:block!important;width:100%!important;height:177px!important;object-fit:cover!important;object-position:center!important;flex:1 0 auto;min-height:0!important;margin:0!important}
.approved .catalog-card-description{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;margin:0!important;min-height:0!important}
.approved .catalog-card>.catalog-button{position:absolute!important;bottom:5px!important;left:4px!important;right:4px!important;display:flex!important;align-items:center;justify-content:center;gap:8px!important;min-height:35px!important;height:35px!important;margin:0!important;padding:5px!important;width:auto!important;border:1px solid #ff9d9d!important;border-radius:13px!important;background:linear-gradient(#ff2832 0%,#e40517 48%,#a90000 100%)!important;box-shadow:0 1px 5px #fff9,inset 0 1px 3px #ffcbcb!important;color:white!important;font-size:clamp(9px,1.12vw,17px)!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;text-shadow:0 1px #5b0505!important;transform:none!important}
.approved .catalog-button:hover,.approved .catalog-button:focus-visible{background:linear-gradient(#ff5962,#bc0013)!important;filter:none!important;transform:none!important;box-shadow:0 0 0 2px #fff,inset 0 0 3px white!important}
.approved .catalog-button span{font-size:1.4em!important}
.approved .forex-preview{display:flex;align-items:stretch;flex:1;min-height:177px;height:177px;overflow:hidden}
.approved .forex-preview .catalog-card-image{width:67%!important;height:100%!important;flex:0 0 67%!important;object-fit:cover!important}
.approved .forex-materials{display:flex;flex-direction:column;justify-content:center;list-style:none;gap:2px;margin:0;padding:0 4px!important;width:33%;font-size:clamp(9px,.9vw,14px);font-weight:950;line-height:1.15;color:#004483;background:#fff}
.approved .forex-materials li{overflow-wrap:anywhere}
/* Below the image reference: leave all four working sections, contacts and SEO untouched. */
@media (min-width:721px){.approved .mobile-nav-simple{display:none!important}}
@media(max-width:960px) and (min-width:721px){
 .approved .design-cta{min-height:175px!important}
 .approved .design-card{padding:11px 8px!important;grid-template-columns:21% 1fr!important}
 .approved .design-card-icon{height:48px!important}
 .approved .catalog-card-heading{height:47px!important;min-height:47px!important}
 .approved .catalog-card-image,.approved .forex-preview{height:147px!important;min-height:147px!important}
 .approved .catalog-card>.catalog-button{font-size:10px!important}
}
@media(max-width:720px){
 .approved .hero-menu-wrap{display:none!important}
 .approved .mobile-nav-simple{display:flex!important}
 .approved .wide-carousel .home-carousel-stage{aspect-ratio:1.9!important;height:auto!important}
 .approved .wide-carousel .home-slide img{object-fit:cover!important;object-position:43% center!important}
 .approved .design-cta{grid-template-columns:1fr!important;gap:8px!important;padding:9px!important}
 .approved .design-cta-intro{min-height:160px!important;padding:10px 14px!important}
 .approved .design-cta-intro .design-new{font-size:18px!important}
 .approved .design-cta-intro h2{font-size:clamp(19px,5vw,29px)!important}
 .approved .design-cta-intro p{font-size:12px!important}
 .approved .design-options{gap:7px!important}
 .approved .design-card{display:flex!important;flex-direction:column;align-items:stretch!important;gap:5px!important;padding:11px 8px!important;border-radius:14px!important}
 .approved .design-card-icon{height:33px!important;font-size:32px!important;width:auto!important;align-self:flex-start}
 .approved .design-card strong{font-size:clamp(12px,3.1vw,17px)!important;min-height:32px}
 .approved .design-card small{font-size:clamp(10px,2.5vw,13px)!important;min-height:54px}
 .approved .design-card .cta-start{font-size:clamp(10px,2.7vw,14px)!important;padding:10px 7px!important;min-height:34px!important}
 .approved .catalog-row-six,.approved .catalog-row-five{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .approved .catalog-card-heading{height:49px!important;min-height:49px!important}
 .approved .catalog-card-heading h3{font-size:clamp(12px,3.5vw,19px)!important}
 .approved .catalog-card-heading p{font-size:clamp(10px,2.6vw,14px)!important}
 .approved .catalog-card-image,.approved .forex-preview{height:158px!important;min-height:158px!important}
 .approved .catalog-card>.catalog-button{font-size:12px!important}
 .approved .forex-materials{font-size:clamp(9px,2.6vw,13px)!important}
}
@media(max-width:370px){.approved .design-card small{min-height:65px}.approved .catalog-card-image,.approved .forex-preview{height:142px!important;min-height:142px!important}}

.mobile-brand-bar{display:none}
@media(max-width:720px){
 .approved .mobile-brand-bar{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;padding:5px 10px 7px;background:linear-gradient(90deg,#fff 70%,#fffdf5);border-bottom:2px solid #ffe414}
 .approved .mobile-brand-name{font:italic 900 clamp(23px,7vw,34px) Arial,sans-serif;color:#bf0712;letter-spacing:-1.1px;line-height:1.0}
 .approved .mobile-brand-tag{font:900 10px Arial,sans-serif;color:#111;letter-spacing:0.5px}
}