*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--y:#FACE28;--yd:#d4aa10;--b:#101011;--d:#231F20;--g:#666;--l:#f5f5f5;--w:#fff;--sh:0 2px 15px rgba(0,0,0,.08);--r:8px}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:var(--b);background:var(--w);line-height:1.6;overflow-x:hidden;cursor:url('assets/cursor-bee.png') 10 16,auto}
a,button,[onclick]{cursor:url('assets/cursor-bee.png') 10 16,pointer}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
button,input,select,textarea{font-family:inherit;font-size:inherit;border:none;outline:none}
ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* === HEADER === */
.hdr{background:var(--b);position:sticky;top:0;z-index:1000}
.hdr-in{display:flex;align-items:center;padding:10px 24px;max-width:1440px;margin:0 auto}
.hamburger{display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:8px;margin-right:16px;z-index:1001}
.hamburger span{width:22px;height:2.5px;background:var(--y);border-radius:2px;transition:transform .3s,opacity .2s}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.logo{display:flex;align-items:center;margin-right:auto}
.logo-img{height:32px}
/* SVG logo inline fallback */
.logo svg{height:32px;width:auto}
.nav{display:flex;align-items:center;gap:24px;margin-right:24px}
.nav a{color:var(--w);font-size:12.5px;font-weight:500;transition:color .2s;white-space:nowrap}
.nav a:hover,.nav a.act{color:var(--y)}
.hdr-btns{display:flex;align-items:center;gap:10px}
.btn-login{border:2px solid var(--y);color:var(--y);padding:6px 20px;border-radius:4px;font-weight:600;font-size:12px;cursor:pointer;background:transparent;transition:all .2s}
.btn-login:hover{background:var(--y);color:var(--b)}
.btn-cta{background:var(--y);color:var(--b);padding:8px 20px;border-radius:4px;font-weight:700;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}
.btn-cta:hover{background:var(--yd)}
.hdr-icons{display:flex;gap:10px;margin-left:10px;align-items:center}
.hdr-icons svg{width:18px;height:18px;fill:var(--w);cursor:pointer;opacity:.7;transition:opacity .2s}
.hdr-icons svg:hover{opacity:1}
.y-stripe{height:4px;background:var(--y)}

/* === HERO CAROUSEL (Pages 1-4) === */
.hero{position:relative;overflow:hidden;background:#333}
.hero-slides{display:flex;width:400%;transition:transform .8s cubic-bezier(.4,0,.2,1)}
.hero-slide{width:25%;position:relative;flex-shrink:0}
.hero-slide img{width:100%;display:block}

/* === HERO INTERACTIVE CIRCLES (3 navigation + bee center) === */
.hero-circles{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0;z-index:10;width:34%;justify-content:space-between}
.hero-circle{width:10.2vw;height:10.2vw;max-width:196px;max-height:196px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}
.hero-circle::before{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;transition:all .4s;pointer-events:none}
.hero-circle:hover{transform:scale(1.12);filter:brightness(1.2)}
.hero-circle:hover::before{border-color:var(--y);box-shadow:0 0 25px rgba(255,193,7,.5),0 0 50px rgba(255,193,7,.25),inset 0 0 20px rgba(255,193,7,.15)}
.hero-circle.active{transform:scale(1.08)}
.hero-circle.active::before{border-color:var(--y);box-shadow:0 0 18px rgba(255,193,7,.4)}

/* Idle pulse animation on circles */
@keyframes circlePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,193,7,0)}50%{box-shadow:0 0 15px 3px rgba(255,193,7,.25)}}
.hero-circle::after{content:'';position:absolute;inset:0;border-radius:50%;animation:circlePulse 3s ease-in-out infinite;pointer-events:none}
.hero-circle:nth-child(1)::after{animation-delay:0s}
.hero-circle:nth-child(2)::after{animation-delay:1s}
.hero-circle:nth-child(1),.hero-circle:nth-child(3){width:8.5vw;height:8.5vw;max-width:163px;max-height:163px}
.hero-circle:nth-child(3)::after{animation-delay:2s}

/* Hero navigation arrows */
.hero-arrow{position:absolute;bottom:15.5%;z-index:10;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.6);font-size:22px;font-weight:700;transition:all .3s;background:rgba(0,0,0,.15);backdrop-filter:blur(4px)}
.hero-arrow:hover{border-color:var(--y);color:var(--y);background:rgba(0,0,0,.3);transform:scale(1.1)}
.hero-arrow-l{left:22%}
.hero-arrow-r{right:22%}

/* Bee/Key center animation */
.hero-bee{position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);width:16%;z-index:6;pointer-events:none;animation:beeFloat 4s ease-in-out infinite}
@keyframes beeFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}
/* Bee glow pulse */
.hero-bee::after{content:'';position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(circle,rgba(255,193,7,.15) 0%,transparent 70%);animation:beeGlow 3s ease-in-out infinite;pointer-events:none}
@keyframes beeGlow{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}
.hero-static-bottom{position:absolute;bottom:0;left:0;width:100%;z-index:5;pointer-events:none}
.wheel-overlay{position:absolute;z-index:8;pointer-events:none;width:2.92%;transform:translate(-50%,-50%)}
.wheel-rear{left:41.25%;top:63.4%}
.wheel-front{left:58.02%;top:63.4%}
.wheel-spin{animation:wheelSpin .8s cubic-bezier(.4,0,.2,1)}
@keyframes wheelSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(720deg)}}

/* === SECTIONS === */
.sec-mob{padding:50px 20px;display:flex;align-items:center;gap:40px;max-width:1200px;margin:0 auto}
.sec-mob .txt{flex:1}.sec-mob .txt h2{font-size:26px;font-weight:700;margin-bottom:12px;line-height:1.3}
.sec-mob .txt p{color:var(--g);font-size:13px;margin-bottom:16px;line-height:1.7}
.sec-mob .img{flex:1;display:flex;justify-content:center}
.btn-y{background:var(--y);color:var(--b);padding:10px 28px;border-radius:4px;font-weight:700;font-size:13px;cursor:pointer;display:inline-block;border:none;transition:all .2s}
.btn-y:hover{background:var(--yd)}

/* Proposal dark section */
.sec-prop{background:var(--d);padding:50px 20px}
.sec-prop-in{display:flex;align-items:center;gap:40px;max-width:1200px;margin:0 auto}
.sec-prop .prop-img{flex:1;display:flex;justify-content:center}
.sec-prop .prop-txt{flex:1;color:var(--w)}
.sec-prop .prop-txt h3{font-size:20px;font-weight:700;margin-bottom:12px;font-style:italic}
.badge-y{display:inline-flex;align-items:center;gap:8px;background:var(--y);color:var(--b);padding:8px 16px;border-radius:20px;font-weight:600;font-size:13px;margin-bottom:12px}
.sec-prop .prop-txt p{color:#bbb;font-size:13px;line-height:1.7}
.arr-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--y);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--y);font-size:20px;margin-left:auto;transition:all .2s}
.arr-btn:hover{background:var(--y);color:var(--b)}

/* Video */
.sec-vid{padding:50px 20px;text-align:center}
.sec-vid h3{font-size:22px;font-weight:700;margin-bottom:25px;font-style:italic}
.vid-wrap{max-width:800px;margin:0 auto;border-radius:var(--r);overflow:hidden;background:#e0e0e0;aspect-ratio:16/9;position:relative;cursor:pointer}
.vid-wrap video{width:100%;height:100%;object-fit:cover}
.vid-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#231F20 0%,#101011 40%,#333 100%);position:relative;overflow:hidden}
.vid-ph::before{content:'KB';position:absolute;font-size:180px;font-weight:900;color:rgba(255,193,7,.06);letter-spacing:20px;pointer-events:none}
.vid-ph::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.4) 100%);pointer-events:none}
.play-b{width:80px;height:80px;background:var(--y);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 30px rgba(255,193,7,.4);z-index:1;transition:transform .2s,box-shadow .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.vid-wrap:hover .play-b{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 40px rgba(255,193,7,.6)}
.play-b::after{content:'';border-left:24px solid var(--b);border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:5px}

/* Testimonials */
.sec-test{padding:40px 20px}
.sec-test h3{font-size:22px;font-weight:700;margin-bottom:20px;font-style:italic;position:relative;padding-left:15px}
.sec-test h3::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--y)}
.dlv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;max-width:1100px;margin:0 auto}
.dlv-card{border-radius:12px;overflow:hidden;position:relative;aspect-ratio:4/3;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}
.dlv-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}
.dlv-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.dlv-card:hover img{transform:scale(1.05)}
.dlv-card .dlv-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 18px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;opacity:0;transition:opacity .3s}
.dlv-card:hover .dlv-overlay{opacity:1}
.dlv-card .dlv-overlay h4{font-size:14px;font-weight:700;margin-bottom:3px}
.dlv-card .dlv-overlay p{font-size:11.5px;opacity:.85}
.dlv-badge{position:absolute;top:12px;left:12px;background:var(--y);color:var(--b);font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;max-width:1100px;margin:0 auto}
.blog-card{background:var(--w);border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .3s,box-shadow .3s;cursor:pointer}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.12)}
.blog-card img{width:100%;height:200px;object-fit:cover}
.blog-card .blog-body{padding:20px 22px}
.blog-card .blog-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--y);margin-bottom:8px}
.blog-card .blog-title{font-size:17px;font-weight:700;line-height:1.4;margin-bottom:10px;color:var(--b)}
.blog-card .blog-excerpt{font-size:13px;color:var(--g);line-height:1.7;margin-bottom:14px}
.blog-card .blog-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#999}
.blog-card .blog-read{color:var(--y);font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:4px;transition:gap .2s}
.blog-card:hover .blog-read{gap:8px}
.blog-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px}
.blog-tag{padding:6px 16px;border-radius:20px;border:1.5px solid #e0e0e0;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;color:var(--g);background:var(--w)}
.blog-tag:hover,.blog-tag.act{border-color:var(--y);color:var(--b);background:rgba(250,206,40,.1)}
.test-card{background:var(--w);border:1px solid #eee;border-radius:var(--r);padding:25px;max-width:650px;position:relative}
.test-hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.test-av{width:45px;height:45px;border-radius:50%;background:var(--y);overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}
.test-nm{font-weight:600;font-size:15px}
.test-txt{color:var(--g);font-size:13px;line-height:1.7}
.test-stars{color:var(--y);margin-top:8px;font-size:16px}
.test-arr{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--g)}

/* Car Animation Widget */
.kb-car-widget{position:relative;width:100%;height:520px;overflow:hidden;background:#87CEEB}
.kb-car-widget .kb-layer{position:absolute;left:0;top:0;width:200%;height:100%;background-repeat:repeat-x;background-size:50% 100%}
.kb-layer-sky{background:linear-gradient(180deg,#5BA3D9 0%,#87CEEB 40%,#B0D8F0 70%,#D4ECFA 100%);width:100%!important}
.kb-layer-clouds{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 520'%3E%3Cellipse cx='150' cy='80' rx='100' ry='40' fill='%23fff' opacity='.7'/%3E%3Cellipse cx='125' cy='72' rx='65' ry='32' fill='%23fff' opacity='.7'/%3E%3Cellipse cx='180' cy='68' rx='55' ry='28' fill='%23fff' opacity='.8'/%3E%3Cellipse cx='500' cy='120' rx='80' ry='30' fill='%23fff' opacity='.5'/%3E%3Cellipse cx='525' cy='112' rx='55' ry='24' fill='%23fff' opacity='.6'/%3E%3Cellipse cx='850' cy='60' rx='90' ry='35' fill='%23fff' opacity='.6'/%3E%3Cellipse cx='875' cy='52' rx='60' ry='26' fill='%23fff' opacity='.7'/%3E%3Cellipse cx='1050' cy='100' rx='70' ry='26' fill='%23fff' opacity='.5'/%3E%3C/svg%3E");animation:kbPanL 60s linear infinite;background-size:50% auto}
.kb-layer-city{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 520'%3E%3Crect x='50' y='160' width='50' height='360' fill='%23445566' rx='2'/%3E%3Crect x='55' y='148' width='40' height='14' fill='%23556677'/%3E%3Crect x='100' y='210' width='70' height='310' fill='%23506070'/%3E%3Crect x='185' y='140' width='45' height='380' fill='%23536373'/%3E%3Crect x='300' y='200' width='85' height='320' fill='%234A5A6A'/%3E%3Crect x='420' y='230' width='60' height='290' fill='%23566676'/%3E%3Crect x='530' y='180' width='55' height='340' fill='%234D5D6D'/%3E%3Crect x='640' y='220' width='75' height='300' fill='%23506070'/%3E%3Crect x='750' y='150' width='50' height='370' fill='%23475767'/%3E%3Crect x='840' y='210' width='65' height='310' fill='%234F5F6F'/%3E%3Crect x='940' y='180' width='45' height='340' fill='%23546474'/%3E%3Crect x='1060' y='165' width='55' height='355' fill='%23516171'/%3E%3Crect x='1150' y='215' width='50' height='305' fill='%234D5D6D'/%3E%3C/svg%3E");animation:kbPanL 30s linear infinite;background-size:50% auto;opacity:.6}
.kb-layer-trees{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 520'%3E%3Ccircle cx='80' cy='320' r='50' fill='%232D8B4E'/%3E%3Crect x='74' y='365' width='12' height='60' fill='%235D4037'/%3E%3Ccircle cx='200' cy='335' r='40' fill='%23339957'/%3E%3Crect x='196' y='370' width='9' height='52' fill='%235D4037'/%3E%3Ccircle cx='350' cy='310' r='55' fill='%232B7D45'/%3E%3Crect x='345' y='360' width='12' height='62' fill='%235D4037'/%3E%3Ccircle cx='520' cy='330' r='44' fill='%23309050'/%3E%3Crect x='516' y='368' width='9' height='55' fill='%235D4037'/%3E%3Ccircle cx='680' cy='315' r='48' fill='%232D8B4E'/%3E%3Crect x='676' y='358' width='10' height='60' fill='%235D4037'/%3E%3Ccircle cx='830' cy='332' r='38' fill='%23339957'/%3E%3Crect x='826' y='365' width='9' height='52' fill='%235D4037'/%3E%3Ccircle cx='970' cy='318' r='50' fill='%232B7D45'/%3E%3Crect x='966' y='362' width='10' height='58' fill='%235D4037'/%3E%3Ccircle cx='1100' cy='328' r='42' fill='%2333A05A'/%3E%3Crect x='1096' y='365' width='9' height='55' fill='%235D4037'/%3E%3C/svg%3E");animation:kbPanL 18s linear infinite;background-size:50% auto}
.kb-layer-ground{position:absolute;bottom:0;left:0;width:100%;height:140px;background:linear-gradient(180deg,#4CAF50 0%,#388E3C 28%,#555 28%)}
.kb-layer-road{position:absolute;bottom:0;left:0;width:100%;height:100px;background:#555}
.kb-layer-road::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:#999}
.kb-road-lines{position:absolute;bottom:44px;left:0;width:200%;height:5px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 5'%3E%3Crect width='60' height='5' fill='%23fff' rx='2'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:80px 5px;animation:kbPanL 3s linear infinite}
.kb-anim-car{position:absolute;bottom:68px;left:50%;transform:translateX(-50%);width:200px;height:115px;animation:kbCarBounce .8s ease-in-out infinite;z-index:10;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
.kb-anim-tt{position:absolute;top:5%;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.78);border-radius:14px;padding:10px 20px;min-width:280px;max-width:400px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.12);z-index:11;transition:opacity .4s;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:none}
.kb-anim-tt::after{display:none}
.kb-anim-tt h3{font-size:18px;font-weight:700;color:var(--b);margin:0 0 5px}
.kb-anim-tt p{font-size:14px;color:var(--g);line-height:1.5;margin:0}
.kb-svc-row{display:flex;justify-content:center;gap:14px;padding:18px 16px;flex-wrap:wrap;background:var(--b)}
.kb-svc-i{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--y),var(--yd));display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--b);cursor:pointer;transition:transform .2s;position:relative}
.kb-svc-i:hover{transform:scale(1.12)}
.kb-svc-i .kb-svc-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%) scale(0);background:var(--w);color:var(--b);font-size:12px;padding:4px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;transition:transform .2s;z-index:5}
.kb-svc-i:hover .kb-svc-tip{transform:translateX(-50%) scale(1)}
.kb-nav-row{display:flex;justify-content:center;align-items:center;gap:36px;padding:32px 20px 28px;background:var(--b);position:relative}
.kb-nav-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--y) 20%,var(--y) 80%,transparent 100%);opacity:.3}
.kb-nav-c{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;z-index:2;transition:transform .2s}
.kb-nav-c:hover{transform:translateY(-3px)}
.kb-nc-ring{width:100px;height:100px;border-radius:50%;border:3px solid var(--y);display:flex;align-items:center;justify-content:center;background:rgba(252,206,40,.08);position:relative;transition:all .3s}
.kb-nav-c:hover .kb-nc-ring,.kb-nav-c.act .kb-nc-ring{background:rgba(252,206,40,.2);border-color:var(--w);box-shadow:0 0 20px rgba(252,206,40,.3)}
.kb-nc-ring .nc-ico{font-size:38px;color:var(--y);transition:transform .6s}
.kb-nav-c:hover .nc-ico{transform:rotate(360deg)}
.kb-nc-ring .nc-num{position:absolute;top:-6px;right:-6px;width:26px;height:26px;border-radius:50%;background:var(--y);color:var(--b);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.kb-nc-ring::after{content:'';position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(252,206,40,.2);animation:kbPulseR 2.5s ease-out infinite}
.kb-nav-c:nth-child(3) .kb-nc-ring::after{animation-delay:.8s}
.kb-nav-c:nth-child(4) .kb-nc-ring::after{animation-delay:1.6s}
.kb-nc-lbl{font-size:15px;font-weight:700;color:var(--y);letter-spacing:.3px;text-align:center}
.kb-nc-sub{font-size:11px;color:rgba(255,255,255,.5);margin-top:-4px;text-align:center}
.kb-bee-svg{position:absolute;width:44px;height:44px;z-index:3;transition:all 1.2s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 6px rgba(252,206,40,.5));top:-22px}
@keyframes kbPanL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes kbCarBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}
@keyframes kbPulseR{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.4);opacity:0}}
@keyframes kbBeeWing{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.6)}}
@media(max-width:768px){
.kb-car-widget{height:380px}
.kb-anim-car{width:140px;height:80px;bottom:52px}
.kb-anim-tt{min-width:200px;max-width:280px;top:2%;left:50%;transform:translateX(-50%);padding:8px 12px}
.kb-anim-tt h3{font-size:15px}
.kb-anim-tt p{font-size:12px}
.kb-svc-i{width:44px;height:44px;font-size:18px}
.kb-svc-row{gap:10px;padding:14px 10px}
.kb-nav-row{gap:20px;padding:24px 12px 20px}
.kb-nc-ring{width:78px;height:78px}
.kb-nc-ring .nc-ico{font-size:30px}
.kb-nc-lbl{font-size:12px}
.kb-nc-sub{font-size:10px}
.kb-layer-ground{height:110px}
.kb-layer-road{height:78px}
.kb-road-lines{bottom:34px}
}

/* Footer */
.ftr{background:var(--d);color:#ccc;padding:40px 0 15px;position:relative;overflow:hidden}
.ftr::before{content:'';position:absolute;inset:0;background:url('assets/footer-bg.png') center/cover no-repeat;opacity:.08;pointer-events:none;z-index:0}
.ftr>*{position:relative;z-index:1}
.ftr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;max-width:1200px;margin:0 auto;padding:0 20px 25px}
.ftr-col h4{color:var(--w);font-size:13px;font-weight:600;margin-bottom:12px;text-transform:uppercase}
.ftr-col a{display:block;color:#999;font-size:11px;margin-bottom:6px;transition:color .2s}
.ftr-col a:hover{color:var(--y)}.ftr-col a.yl{color:var(--y)}
.ftr-bot{border-top:1px solid #444;padding-top:15px;text-align:center;max-width:1200px;margin:0 auto}
.ftr-logo{display:flex;align-items:center;justify-content:center;gap:2px;margin-bottom:10px}
.ftr-logo .fk{font-size:28px;font-weight:800;color:var(--w)}
.ftr-logo .fi{font-size:22px;color:var(--y)}
.ftr-logo .fb{font-size:28px;font-weight:800;color:var(--y)}
.ftr-links{display:flex;justify-content:center;gap:20px;font-size:10px;color:#777;flex-wrap:wrap}
.ftr-links a{color:#777}.ftr-links a:hover{color:var(--y)}

/* === SEO: visually hidden text crawlable dai motori === */
.seo-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* === PAGE VISIBILITY === */
.pg{display:none}.pg.on{display:block}

/* === GRADIENT BACKGROUND (gray→white, as per brochure) === */
#pg-veicoli,#pg-detail,#pg-login,#pg-area-cliente,#pg-checkout-terms,#pg-checkout-data,#pg-checkout-confirm,#pg-checkout-delivery,#pg-checkout-payment,#pg-checkout-contract,#pg-checkout-upload{background:linear-gradient(to bottom,#e8e8e8 0%,#f5f5f5 15%,#fff 40%)}

/* === CATALOG (Page 5) === */
.cat-t{text-align:center;font-size:26px;font-weight:600;margin:35px 0 25px;font-style:italic}
.flt-bar{background:var(--y);border-radius:var(--r);padding:20px 25px;margin-bottom:25px}
.flt-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}
.flt-g label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:4px}
.flt-g select,.flt-g input{width:100%;padding:9px;border-radius:4px;background:var(--w);font-size:12px;border:none}
.rng-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.rng-row label{font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}
.rng-row input[type=range]{flex:1;accent-color:var(--b)}
.rng-row .rv{font-size:12px;font-weight:600;white-space:nowrap}
.flt-act{text-align:right}
.btn-res{background:var(--b);color:var(--w);padding:9px 22px;border-radius:4px;font-weight:600;font-size:12px;cursor:pointer}
.v-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:35px}
.v-card{background:var(--w);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}
.v-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.12)}
.v-card-img{height:160px;background:linear-gradient(135deg,#f8f8f8 0%,#e8e8e8 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:10px}
.v-card-img .fav{position:absolute;top:8px;right:8px;font-size:18px;color:#ccc;cursor:pointer}
.v-card-b{padding:12px 14px}
.v-card-b .brand{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--b)}
.v-card-b .model{font-size:11px;color:var(--g)}
.v-card-b .specs{display:flex;gap:10px;margin:8px 0;font-size:10px;color:var(--g)}
.v-card-b .specs span{display:flex;align-items:center;gap:3px}
.v-card-b .price{font-size:20px;font-weight:700}.v-card-b .price small{font-size:11px;font-weight:400;color:var(--g)}
.v-card-b .pdet{font-size:9px;color:var(--g)}
.v-card-b .allest{font-size:10px;color:var(--g);margin:4px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v-badge{position:absolute;top:8px;left:8px;padding:3px 10px;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.badge-new{background:#e8f5e9;color:#2e7d32}.badge-used{background:#fff3e0;color:#e65100}.badge-green{background:#e0f7fa;color:#00695c}
.btn-scopri{width:100%;background:var(--y);color:var(--b);border:none;padding:9px 0;font-weight:700;font-size:11px;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:all .2s;letter-spacing:.3px}
.btn-scopri:hover{background:var(--b);color:var(--y)}
.brand-seo-section{padding:40px 0 20px}.brand-seo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:20px}
.brand-seo-card{background:var(--w);border:2px solid #eee;border-radius:8px;padding:15px 10px;text-align:center;cursor:pointer;transition:all .2s}
.brand-seo-card:hover{border-color:var(--y);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.08)}
.brand-seo-card .brand-name{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--b);margin-bottom:4px}
.brand-seo-card .brand-count{font-size:10px;color:var(--g)}

/* === DETAIL (Page 6) === */
.det-hero{position:relative;background:var(--l);height:360px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden}
.det-hero::before{content:'';position:absolute;top:0;right:0;width:100px;height:100px;background:var(--y);clip-path:polygon(100% 0,0 0,100% 100%)}
.det-hero::after{content:'';position:absolute;bottom:0;left:0;width:100px;height:100px;background:var(--y);clip-path:polygon(0 100%,0 0,100% 100%)}
.det-thumbs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding:4px 0}
.det-thumb{width:80px;height:55px;min-width:80px;background:var(--l);border-radius:6px;border:2px solid #ddd;cursor:pointer;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.det-thumb img{width:100%;height:100%;object-fit:contain}
.det-thumb.act{border-color:var(--y);box-shadow:0 0 8px rgba(255,193,7,.4)}
.det-thumb.act{border-color:var(--y)}
.det-tabs{display:flex;gap:8px;margin-bottom:25px}
.det-tab{padding:10px 20px;background:var(--y);color:var(--b);font-weight:600;font-size:12px;border-radius:4px;cursor:pointer;transition:all .2s}
.det-tab:hover,.det-tab.act{background:var(--b);color:var(--y)}
.det-panel{display:none}.det-panel.active{display:block}
.srv-section{margin:10px 0 30px}
.srv-section h3{font-size:20px;font-weight:700;text-align:center;margin-bottom:30px;letter-spacing:.5px;color:var(--b)}
.srv-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px;padding:10px 0}
.srv-icon-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.srv-icon-card .srv-svg{width:64px;height:64px;display:flex;align-items:center;justify-content:center}
.srv-icon-card .srv-svg svg{width:56px;height:56px;stroke:var(--b);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.srv-icon-card span{font-size:12px;font-weight:600;color:#444;line-height:1.4;max-width:180px}
.srv-divider{border:none;border-top:1px solid #eee;margin:25px 0}
.srv-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid #eee;border-radius:8px;overflow:hidden}
.srv-grid .srv-col{padding:20px}
.srv-grid .srv-col:first-child{border-right:2px solid #eee}
.srv-grid .srv-col h4{font-size:13px;font-weight:700;text-transform:uppercase;margin-bottom:12px;text-align:center;letter-spacing:.5px}
.srv-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:12.5px;color:#555;line-height:1.5}
.srv-row:last-child{border-bottom:none}
.srv-row .srv-ico{width:28px;height:28px;min-width:28px;background:var(--l);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}
.srv-tabs{display:flex;gap:0;margin-bottom:20px;border:2px solid #eee;border-radius:6px;overflow:hidden}
.srv-tab{flex:1;padding:10px 8px;text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer;background:var(--w);transition:all .2s;letter-spacing:.5px}
.srv-tab.act{background:var(--y);color:var(--b)}
.srv-spec-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}
.srv-spec-item{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#555;line-height:1.5}
.srv-spec-item .srv-ico{width:32px;height:32px;min-width:32px}
.info-form{max-width:500px;margin:0 auto}
.info-form .fg{margin-bottom:12px}
.info-form label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:var(--b)}
.info-form input,.info-form textarea,.info-form select{width:100%;padding:10px;border:2px solid #eee;border-radius:6px;font-size:13px;font-family:inherit}
.info-form textarea{min-height:80px;resize:vertical}
.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.data-row{display:flex;justify-content:space-between;padding:10px 12px;background:var(--l);border-radius:6px;font-size:13px}
.data-row span:first-child{color:var(--g);font-weight:500}
.data-row span:last-child{font-weight:700;color:var(--b)}
@media(max-width:768px){.srv-icon-grid{grid-template-columns:repeat(2,1fr);gap:20px 15px}.srv-grid{grid-template-columns:1fr}.srv-grid .srv-col:first-child{border-right:none;border-bottom:2px solid #eee}.srv-spec-grid{grid-template-columns:1fr}.data-grid{grid-template-columns:1fr}}
.cfg h3{font-size:20px;font-weight:600;text-align:center;margin-bottom:20px;font-style:italic}
.cfg-opts{display:flex;gap:25px;justify-content:center;margin-bottom:15px;flex-wrap:wrap}
.cfg-g{text-align:center}.cfg-g label{display:block;font-size:11px;color:var(--g);margin-bottom:4px}
.cfg-g select{padding:9px 18px;border:2px solid #eee;border-radius:4px;font-size:13px}
.cfg-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:15px}
.cfg-tab{padding:8px 25px;border:2px solid #eee;border-radius:4px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s}
.cfg-tab.act{border-color:var(--y);background:var(--y)}
.cfg-price{text-align:center;margin:20px 0}.cfg-price .p{font-size:30px;font-weight:700}
.cfg-price .per{font-size:13px;color:var(--g);text-transform:uppercase;font-weight:600}
.cfg-price .det{font-size:11px;color:var(--g)}
/* Configuratore slider Ayvens-style */
.cfg-sliders{margin:15px 0 20px}
.cfg-slider-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}
.cfg-slider-g{position:relative}
.cfg-slider-g label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--g);margin-bottom:6px;letter-spacing:.3px}
.cfg-slider-g input[type=range]{width:100%;accent-color:var(--y);height:6px;cursor:pointer}
.cfg-slider-vals{display:flex;justify-content:space-between;font-size:9px;color:#999;margin-top:3px}
.cfg-iva-toggle{display:flex;gap:8px;margin-top:4px}
.cfg-iva-opt{display:flex;align-items:center;gap:5px;padding:8px 16px;border:2px solid #eee;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}
.cfg-iva-opt.act{border-color:var(--y);background:var(--y);color:var(--b)}
.cfg-iva-opt input[type=radio]{display:none}
.cfg-summary{background:var(--l);border-radius:8px;padding:15px 20px;margin:15px 0}
.cfg-sum-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid #e8e8e8}
.cfg-sum-row:last-child{border-bottom:none}
.cfg-sum-row strong{font-size:16px;color:var(--b)}
.cfg-extras{margin:15px 0;border:1px solid #eee;border-radius:8px;padding:15px}
.cfg-extras h4,.cfg-optional h4{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--g);margin-bottom:10px;letter-spacing:.3px}
.cfg-extra-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:13px}
.cfg-extra-row:last-child{border-bottom:none}
.cfg-toggle{position:relative;display:inline-block;width:44px;height:24px}
.cfg-toggle input{opacity:0;width:0;height:0}
.cfg-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:24px;transition:.3s}
.cfg-toggle-slider::before{content:'';position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:white;border-radius:50%;transition:.3s}
.cfg-toggle input:checked+.cfg-toggle-slider{background:var(--y)}
.cfg-toggle input:checked+.cfg-toggle-slider::before{transform:translateX(20px)}
.cfg-optional{margin:15px 0;padding:0 5px}
.cfg-expand-row{display:flex;gap:0;border:1px solid #eee;border-radius:6px;overflow:hidden;margin:15px 0}
.cfg-expand-btn{flex:1;padding:12px 8px;text-align:center;font-size:12px;font-weight:600;cursor:pointer;border-right:1px solid #eee;transition:all .2s;color:var(--b);text-decoration:underline}
.cfg-expand-btn:last-child{border-right:none}
.cfg-expand-btn:hover{background:var(--l)}
.cfg-expand-btn span{font-size:14px;margin-left:4px;font-weight:700}
.cfg-expand-section{background:var(--l);border-radius:8px;padding:15px;margin:-5px 0 15px}
.cfg-spec-grid{display:grid;gap:0}
.cfg-spec-row{display:flex;justify-content:space-between;padding:8px 10px;font-size:13px;border-bottom:1px solid #e0e0e0}
.cfg-spec-row:last-child{border-bottom:none}
.cfg-spec-row span:first-child{font-weight:600;color:var(--b)}
.cfg-spec-row span:last-child{color:var(--g)}
.cfg-penalita{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--g);padding:10px 0;border-top:1px solid #eee;margin-top:10px}
.cfg-condizioni{font-size:11px;color:var(--g);line-height:1.6;margin-top:10px;padding:12px;background:#fafafa;border-radius:6px}
.cfg-condizioni p{margin:4px 0}
@media(max-width:768px){.cfg-slider-row{grid-template-columns:1fr}.cfg-expand-row{flex-direction:column}.cfg-penalita{flex-direction:column;align-items:center;gap:5px}}
.acc{margin-top:25px}
.acc-item{border-bottom:2px solid #eee}
.acc-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 0;cursor:pointer;font-weight:600;font-size:14px;text-transform:uppercase}
.acc-hd::after{content:'+';font-size:18px;color:var(--g)}
.acc-item.open .acc-hd::after{content:'\2212'}
.acc-bd{max-height:0;overflow:hidden;transition:max-height .3s}.acc-item.open .acc-bd{max-height:500px}
.acc-bd p{padding:0 0 16px;color:var(--g);font-size:13px}

/* === INFO NOLEGGIO === */
.info-tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}
.info-tab{padding:10px 22px;border-radius:25px;border:2px solid var(--y);background:transparent;color:var(--b);font-weight:600;font-size:13px;cursor:pointer;transition:all .3s}
.info-tab.act,.info-tab:hover{background:var(--y);color:var(--b)}
.info-panel{display:none}.info-panel.act{display:block}
.info-card{background:var(--w);border-radius:var(--r);box-shadow:var(--sh);padding:28px;margin-bottom:20px;border-left:4px solid var(--y)}
.info-card h3{font-size:17px;font-weight:700;margin-bottom:10px;color:var(--b)}
.info-card p,.info-card li{font-size:14px;line-height:1.7;color:var(--d)}
.info-card ul{margin:10px 0 0 18px;list-style:disc}
.info-card ul li{margin-bottom:6px}
.info-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:25px 0}
.info-icon-box{text-align:center;padding:25px 15px;background:var(--l);border-radius:var(--r);transition:transform .3s,box-shadow .3s}
.info-icon-box:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.info-icon-box svg{width:48px;height:48px;fill:var(--y);margin-bottom:12px}
.info-icon-box h4{font-size:15px;font-weight:700;margin-bottom:6px;color:var(--b)}
.info-icon-box p{font-size:13px;color:var(--g)}
.info-highlight{background:linear-gradient(135deg,var(--b),var(--d));color:var(--w);border-radius:var(--r);padding:30px;margin:25px 0;text-align:center}
.info-highlight h3{color:var(--y);font-size:20px;margin-bottom:10px}
.info-highlight p{color:rgba(255,255,255,.85);font-size:14px;line-height:1.7}
.tax-table{width:100%;border-collapse:collapse;margin:15px 0;font-size:13px}
.tax-table th{background:var(--b);color:var(--y);padding:10px 14px;text-align:left;font-weight:600}
.tax-table td{padding:10px 14px;border-bottom:1px solid #eee}
.tax-table tr:hover td{background:var(--l)}
@media(max-width:600px){.info-tabs{gap:6px}.info-tab{padding:8px 14px;font-size:12px}.info-icon-grid{grid-template-columns:1fr 1fr}}

/* === CHECKOUT COMMON === */
.ck-sec{padding:35px 20px}
.ck-t{text-align:center;font-size:26px;font-weight:600;margin-bottom:25px;font-style:italic}
.steps{display:flex;align-items:center;justify-content:center;margin-bottom:35px}
.st-c{width:32px;height:32px;border-radius:50%;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#999;background:var(--w);transition:all .3s;flex-shrink:0}
.st-c.on{background:var(--y);border-color:var(--y);color:var(--b)}
.st-c.done{background:var(--b);border-color:var(--b);color:var(--y)}
.st-l{width:50px;height:2px;background:#ddd;flex-shrink:0}.st-l.on{background:var(--y)}

/* Forms */
.fg{margin-bottom:14px}.fg label{display:block;font-size:12px;font-weight:500;margin-bottom:4px;color:var(--d)}
.fg input,.fg select,.fg textarea{width:100%;padding:10px;border:2px solid #eee;border-radius:4px;font-size:13px;transition:border-color .2s}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--y)}
.fr{display:grid;grid-template-columns:2fr 1fr;gap:10px}
.btn-p{background:var(--y);color:var(--b);padding:10px 35px;border-radius:4px;font-weight:700;font-size:13px;cursor:pointer;border:none;transition:all .2s}
.btn-p:hover{background:var(--yd)}
.btn-s{background:var(--w);color:var(--b);padding:10px 35px;border-radius:4px;font-weight:600;font-size:13px;cursor:pointer;border:2px solid #ddd;transition:all .2s}
.btn-s:hover{border-color:var(--y)}

/* === LOGIN (Page 8) === */
.log-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:750px;margin:0 auto 30px}
.log-opt{background:var(--y);padding:22px;border-radius:var(--r);text-align:center;cursor:pointer;transition:all .2s;border:3px solid #e0e0e0}.log-opt:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,193,7,.4)}
.log-opt:hover{transform:translateY(-3px);box-shadow:0 5px 18px rgba(255,193,7,.3)}
.log-opt .ico{font-size:32px;margin-bottom:8px;display:block}
.log-opt span{font-size:11px;font-weight:600;display:block}
.log-form{max-width:420px;margin:0 auto;background:var(--w);padding:30px;border-radius:var(--r);box-shadow:var(--sh)}
.log-form h3{font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}
.form-link{font-size:11px;color:var(--g);cursor:pointer;margin-top:4px;display:inline-block}

/* === TERMS (Page 9) === */
.terms-box{max-width:650px;margin:0 auto;background:var(--w);border-radius:var(--r);box-shadow:var(--sh);padding:25px}
.terms-box h4{font-size:15px;font-weight:600;margin-bottom:12px}
.terms-txt{height:180px;overflow-y:auto;border:1px solid #eee;border-radius:4px;padding:12px;font-size:12px;color:var(--g);line-height:1.8;margin-bottom:18px}
.tog-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.tog{width:40px;height:22px;background:#ddd;border-radius:11px;position:relative;cursor:pointer;transition:background .3s}
.tog.on{background:var(--y)}
.tog::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--w);border-radius:50%;transition:transform .3s}
.tog.on::after{transform:translateX(18px)}
.tog-l{font-size:13px;font-weight:500}
.terms-acts{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:15px}
.terms-acts .print-btns{display:flex;gap:6px}
.terms-acts .print-btns button{padding:6px 14px;border-radius:4px;font-size:11px;border:1px solid #ddd;background:var(--w);cursor:pointer;display:flex;align-items:center;gap:4px}

/* === DATA ENTRY (Page 10) === */
.data-panels{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:950px;margin:0 auto}
.d-panel{border:2px solid var(--y);border-radius:var(--r);overflow:hidden}
.d-panel-hd{background:var(--y);padding:12px 18px;display:flex;align-items:center;gap:10px}
.d-panel-hd .p-ico{width:28px;height:28px;background:var(--b);border-radius:50%;display:flex;align-items:center;justify-content:center}
.d-panel-hd .p-ico svg{width:16px;height:16px;fill:var(--y)}
.d-panel-hd h4{font-size:15px;font-weight:700;text-transform:uppercase}
.d-panel-bd{padding:20px}
.ph-row{display:grid;grid-template-columns:70px 1fr;gap:10px}
/* Informazioni Aggiuntive - Checkout */
.info-agg-section{max-width:950px;margin:30px auto 0;border:2px solid var(--y);border-radius:var(--r);overflow:hidden}
.info-agg-hd{background:var(--b);padding:18px 25px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.info-agg-hd h3{color:var(--y);font-size:17px;font-weight:700;text-transform:uppercase;margin:0}
.info-agg-hd p{width:100%;color:rgba(255,255,255,.6);font-size:12px;margin:2px 0 0}
.info-agg-ico{width:36px;height:36px;background:var(--y);border-radius:50%;display:flex;align-items:center;justify-content:center}
.info-agg-bd{padding:25px}
.info-agg-row-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--b);margin:22px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--y)}
.info-agg-row-title:first-child{margin-top:0}
.info-agg-row-title span{font-size:18px}
.info-agg-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:8px}
.info-agg-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}
.info-agg-grid-1{margin-bottom:8px}
.info-agg-section .fg{margin-bottom:6px}
.info-agg-section .fg label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--g);margin-bottom:4px;letter-spacing:.3px}
.info-agg-section .fg input,.info-agg-section .fg select{width:100%;padding:10px 12px;border:2px solid #e8e8e8;border-radius:6px;font-size:13px;font-family:inherit;transition:border-color .2s}
.info-agg-section .fg input:focus,.info-agg-section .fg select:focus{border-color:var(--y);outline:none;box-shadow:0 0 0 3px rgba(255,193,7,.15)}
.info-agg-consensi{margin-top:25px;padding:20px;background:#fafafa;border-radius:8px;border:1px solid #eee}
.info-agg-check{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:12px;line-height:1.5;color:#555}
.info-agg-check:last-child{margin-bottom:0}
.info-agg-check input[type=checkbox]{margin-top:3px;accent-color:var(--y);min-width:16px;min-height:16px}
.info-agg-check a{color:var(--b);font-weight:600;text-decoration:underline}
.info-agg-check em{color:#999}
@media(max-width:768px){.info-agg-grid-3{grid-template-columns:1fr}.info-agg-grid-2{grid-template-columns:1fr}}
.ph-pfx{display:flex;align-items:center;gap:4px;padding:10px;border:2px solid #eee;border-radius:4px;font-size:12px;color:var(--g)}

/* === CONFIRM (Page 11) === */
.conf-card{max-width:450px;margin:0 auto;background:var(--w);border:2px solid var(--y);border-radius:var(--r);overflow:hidden}
.conf-hd{background:var(--y);padding:10px 16px;display:flex;align-items:center;gap:8px}
.conf-hd .p-ico{width:24px;height:24px;background:var(--b);border-radius:50%;display:flex;align-items:center;justify-content:center}
.conf-hd .p-ico svg{width:13px;height:13px;fill:var(--y)}
.conf-hd h4{font-size:13px;font-weight:700;text-transform:uppercase}
.conf-bd{padding:20px}
.conf-r{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f0f0f0;font-size:12px}
.conf-r .lb{color:var(--g)}.conf-r .vl{font-weight:600}
.conf-acts{display:flex;justify-content:center;gap:12px;margin-top:20px}

/* === DELIVERY (Page 12) === */
.del-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:600px;margin:0 auto 25px}
.del-opt{background:var(--w);border:2px solid #eee;border-radius:var(--r);padding:20px;text-align:center;cursor:pointer;transition:all .2s}
.del-opt.act{border-color:var(--y);background:var(--y)}
.del-opt .ico{font-size:30px;margin-bottom:8px}
.del-opt span{font-size:12px;font-weight:600;display:block}
.del-form{max-width:550px;margin:0 auto}

/* === PAYMENT (Page 13) === */
.pay-box{max-width:550px;margin:0 auto;display:flex;gap:25px;background:var(--w);border-radius:var(--r);box-shadow:var(--sh);padding:25px}
.pay-opts{flex:1}
.pay-opt{display:flex;align-items:center;gap:10px;padding:10px 0;cursor:pointer}
.pay-rad{width:18px;height:18px;border:2px solid #ddd;border-radius:50%;position:relative;flex-shrink:0}
.pay-opt.act .pay-rad{border-color:var(--b)}
.pay-opt.act .pay-rad::after{content:'';width:10px;height:10px;background:var(--b);border-radius:50%;position:absolute;top:2px;left:2px}
.pay-lbl{font-size:13px;font-weight:500}
.pay-ill{flex:0 0 120px;display:flex;align-items:center;justify-content:center}

/* === CONTRACT (Page 14) === */
.ctr-box{max-width:450px;margin:0 auto;text-align:center;background:var(--w);border-radius:var(--r);box-shadow:var(--sh);padding:35px}
.ctr-box h4{font-size:16px;margin-bottom:18px}
.pdf-ico{width:50px;height:60px;background:#ff4444;border-radius:5px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;color:var(--w);font-weight:700;font-size:12px}
.ctr-acts{display:flex;justify-content:center;gap:12px;margin-top:18px}

/* === UPLOAD (Page 15) === */
.upl-box{max-width:550px;margin:0 auto;background:var(--w);border-radius:var(--r);box-shadow:var(--sh);padding:25px}
.upl-row{display:flex;align-items:center;gap:10px;margin:15px 0}
.upl-inp{flex:1;padding:9px;border:2px solid #eee;border-radius:4px;font-size:12px;color:var(--g)}
.upl-btn{background:var(--y);padding:9px 16px;border-radius:4px;font-weight:600;font-size:12px;cursor:pointer}
.upl-chk{width:26px;height:26px;border-radius:50%;background:#4CAF50;display:flex;align-items:center;justify-content:center;color:var(--w);font-size:14px}
.upl-note{font-size:10px;color:var(--g);margin-top:8px}

/* === FIELD VALIDATION HIGHLIGHT === */
.fg-error input,.fg-error select,.fg-error textarea{border-color:var(--y)!important;background:rgba(250,206,40,.12)!important;box-shadow:0 0 0 3px rgba(250,206,40,.25)!important;animation:pulseYellow .6s ease}
@keyframes pulseYellow{0%{box-shadow:0 0 0 0 rgba(250,206,40,.5)}70%{box-shadow:0 0 0 8px rgba(250,206,40,0)}100%{box-shadow:0 0 0 3px rgba(250,206,40,.25)}}

/* === BACK BUTTON === */
.btn-back{background:transparent;color:var(--g);padding:10px 25px;border-radius:4px;font-weight:600;font-size:13px;cursor:pointer;border:2px solid #ddd;transition:all .2s;display:inline-flex;align-items:center;gap:6px}
.btn-back:hover{border-color:var(--y);color:var(--b)}
.btn-back::before{content:'\2190';font-size:16px}
.ck-nav{display:flex;justify-content:center;gap:12px;margin-top:20px}

/* === DOC SCAN BUTTON === */
.doc-scan-wrap{margin-top:10px;padding:15px;background:linear-gradient(135deg,#fafafa,#f0f0f0);border:2px dashed var(--y);border-radius:8px;text-align:center}
.doc-scan-wrap p{font-size:11px;color:var(--g);margin-bottom:8px}
.btn-scan{background:var(--b);color:var(--y);padding:10px 20px;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s}
.btn-scan:hover{background:#333;transform:translateY(-1px)}
.btn-scan svg{width:18px;height:18px;fill:var(--y)}
.scan-preview{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;justify-content:center}
.scan-thumb{width:90px;height:60px;border-radius:6px;object-fit:cover;border:2px solid var(--y);cursor:pointer}
.scan-status{font-size:11px;color:#4CAF50;font-weight:600;margin-top:6px;display:none}
.scan-status.show{display:block}

/* === DOC UPLOAD ZONE (Step 3) === */
.doc-upload-section{max-width:800px;margin:30px auto 0;border:2px solid var(--y);border-radius:var(--r);overflow:hidden}
.doc-upload-hd{background:var(--b);padding:16px 22px;display:flex;align-items:center;gap:12px}
.doc-upload-hd h3{color:var(--y);font-size:15px;font-weight:700;text-transform:uppercase;margin:0}
.doc-upload-hd .ico{font-size:22px}
.doc-upload-bd{padding:22px}
.doc-upload-note{font-size:12px;color:var(--g);margin-bottom:18px;line-height:1.6}
.doc-type-toggle{display:flex;gap:8px;margin-bottom:20px}
.doc-type-btn{padding:8px 18px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:2px solid #ddd;background:var(--w);transition:all .2s}
.doc-type-btn.act{background:var(--y);border-color:var(--y);color:var(--b)}
.doc-list{display:grid;gap:10px}
.doc-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fafafa;border-radius:8px;border:2px solid #eee;transition:all .3s}
.doc-item.uploaded{border-color:#4CAF50;background:rgba(76,175,80,.05)}
.doc-item .doc-ico{font-size:22px;flex-shrink:0}
.doc-item .doc-info{flex:1}
.doc-item .doc-info .doc-name{font-size:13px;font-weight:600;color:var(--b)}
.doc-item .doc-info .doc-desc{font-size:10px;color:var(--g);margin-top:2px}
.doc-item .doc-info .doc-file-name{font-size:10px;color:#4CAF50;font-weight:600;margin-top:2px;display:none}
.doc-item .doc-acts{display:flex;gap:6px;flex-shrink:0}
.doc-item .btn-doc-upload,.doc-item .btn-doc-cam{padding:7px 12px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:4px;transition:all .2s}
.btn-doc-upload{background:var(--y);color:var(--b)}
.btn-doc-upload:hover{background:var(--yd)}
.btn-doc-cam{background:var(--b);color:var(--y)}
.btn-doc-cam:hover{background:#333}
.doc-item .doc-check{width:24px;height:24px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;color:var(--w);font-size:12px;flex-shrink:0;transition:all .3s}
.doc-item.uploaded .doc-check{background:#4CAF50}
.drop-overlay{position:relative;border:3px dashed var(--y);border-radius:10px;padding:30px;text-align:center;margin-bottom:15px;background:rgba(250,206,40,.05);transition:all .3s}
.drop-overlay.dragover{background:rgba(250,206,40,.15);transform:scale(1.01)}
.drop-overlay .drop-ico{font-size:40px;margin-bottom:8px}
.drop-overlay p{font-size:13px;font-weight:500;color:var(--b)}
.drop-overlay .drop-sub{font-size:11px;color:var(--g);margin-top:4px}

/* === CONCESSIONARIA SELECT === */
.conc-list{display:grid;gap:10px;margin-bottom:20px}
.conc-opt{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--w);border:2px solid #eee;border-radius:8px;cursor:pointer;transition:all .2s}
.conc-opt:hover{border-color:var(--y)}
.conc-opt.act{border-color:var(--y);background:rgba(250,206,40,.08)}
.conc-opt .conc-rad{width:18px;height:18px;border:2px solid #ddd;border-radius:50%;position:relative;flex-shrink:0}
.conc-opt.act .conc-rad{border-color:var(--b)}
.conc-opt.act .conc-rad::after{content:'';width:10px;height:10px;background:var(--b);border-radius:50%;position:absolute;top:2px;left:2px}
.conc-opt .conc-info .conc-name{font-size:13px;font-weight:600}
.conc-opt .conc-info .conc-addr{font-size:11px;color:var(--g);margin-top:2px}
@media(max-width:768px){.doc-item{flex-wrap:wrap}.doc-item .doc-acts{width:100%;justify-content:flex-end}}

/* === THANK YOU (Page 7) === */
.ty-ban{background:var(--y);border-radius:var(--r);padding:25px 30px;display:flex;align-items:center;gap:25px;max-width:800px;margin:0 auto 35px}
.ty-ico{flex-shrink:0;width:100px}
.ty-ban h2{font-size:20px;font-weight:700;line-height:1.4}

/* === VANTAGGI (Page 16) === */
.vnt-row{display:flex;min-height:260px;overflow:hidden}
.vnt-row:nth-child(even){flex-direction:row-reverse}
.vnt-txt{flex:1;padding:35px 45px;display:flex;flex-direction:column;justify-content:center}
.vnt-txt h3{font-size:22px;font-weight:700;margin-bottom:12px;font-style:italic}
.vnt-txt p{font-size:13px;line-height:1.7}
.vnt-img{flex:1;display:flex;align-items:center;justify-content:center;padding:30px}
.vnt-row:nth-child(1) .vnt-txt{background:var(--y)}.vnt-row:nth-child(1) .vnt-img{background:var(--w)}
.vnt-row:nth-child(2) .vnt-txt{background:var(--d);color:var(--w)}.vnt-row:nth-child(2) .vnt-txt p{color:#bbb}
.vnt-row:nth-child(2) .vnt-img{background:var(--y)}
.vnt-row:nth-child(3) .vnt-txt{background:var(--y)}.vnt-row:nth-child(3) .vnt-img{background:var(--d)}
.vnt-row:nth-child(4) .vnt-txt{background:var(--d);color:var(--w)}.vnt-row:nth-child(4) .vnt-txt p{color:#bbb}
.vnt-row:nth-child(4) .vnt-img{background:var(--y)}

/* === CONTATTI (Page 17) === */
.cnt-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:950px;margin:0 auto}
.cnt-info h4{font-size:13px;font-weight:700;margin-bottom:3px}.cnt-info p{font-size:12px;color:var(--g);margin-bottom:16px}
.cnt-form h4{font-size:14px;font-weight:600;margin-bottom:5px}
.cnt-form .sub{font-size:11px;color:var(--g);margin-bottom:15px}
.cnt-form textarea{min-height:80px;resize:vertical}
.cnt-chan{display:flex;align-items:center;gap:8px;border:2px solid #eee;border-radius:20px;padding:6px 16px;margin-top:15px;font-size:12px;width:fit-content}
.map-sec{margin-top:35px}.map-sec h3{font-size:24px;font-weight:600;text-align:center;margin-bottom:18px;font-style:italic}
.map-ph{width:100%;height:350px;background:#e8e8e8;border-radius:var(--r);overflow:hidden}

/* === ADMIN === */
.adm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}
.stat-c{background:var(--w);border-radius:var(--r);box-shadow:var(--sh);padding:18px;text-align:center}
.stat-c .num{font-size:28px;font-weight:700;color:var(--y)}.stat-c .lbl{font-size:11px;color:var(--g);margin-top:4px}
.adm-tbl{width:100%;border-collapse:collapse;background:var(--w);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.adm-tbl th{background:var(--b);color:var(--w);padding:10px 12px;font-size:12px;text-align:left}
.adm-tbl td{padding:10px 12px;border-bottom:1px solid #f0f0f0;font-size:12px}
.adm-tbl tr:hover{background:var(--l)}
.bdg{padding:3px 10px;border-radius:10px;font-size:10px;font-weight:600}
.bdg-p{background:#fff3cd;color:#856404}.bdg-c{background:#d4edda;color:#155724}.bdg-w{background:#cce5ff;color:#004085}
.bdg-d{background:#f8d7da;color:#721c24}.bdg-s{background:#e2e3e5;color:#383d41}.bdg-a{background:#d4edda;color:#155724}.bdg-x{background:#f5f5f5;color:#999;text-decoration:line-through}
/* Area Cliente */
.ac-tab{padding:10px 20px;font-size:13px;font-weight:600;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;color:var(--g);transition:all .2s;white-space:nowrap}
.ac-tab:hover{color:var(--b)}.ac-tab.act{color:var(--b);border-bottom-color:var(--y)}
.ac-order-card{background:var(--w);border:1px solid #e8e8e8;border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s}
.ac-order-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.ac-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}
.ac-order-num{font-size:15px;font-weight:700;color:var(--b)}
.ac-order-vehicle{font-size:13px;color:var(--g);margin-bottom:8px}
.ac-order-meta{display:flex;gap:20px;font-size:12px;color:var(--g);flex-wrap:wrap}
.ac-timeline{margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0}
.ac-tl-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:12px}
.ac-tl-dot{width:10px;height:10px;border-radius:50%;background:var(--y);flex-shrink:0;margin-top:3px}
.ac-tl-dot.past{background:#ccc}
.ac-doc-row{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:8px;font-size:13px}
.ac-doc-row:hover{background:var(--l)}
.ac-doc-icon{width:32px;height:32px;background:var(--y);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;margin-right:12px;flex-shrink:0}

/* === PAGE HERO CIRCLE OVERLAYS (reuses .hero-circles/.hero-circle from Home) === */
.pg-hero-wrap{position:relative;width:100%;overflow:hidden}
/* pg-hero-txt removed — text is now baked into the image */
/* === NEWSLETTER === */
.nl-bar{background:var(--b);padding:30px 0;border-top:3px solid var(--y)}
.nl-in{max-width:700px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:0 20px}
.nl-in .nl-txt{flex:1;color:var(--w)}
.nl-in .nl-txt h4{font-size:16px;font-weight:700;margin-bottom:4px}
.nl-in .nl-txt p{font-size:12px;color:#aaa;margin:0}
.nl-form{display:flex;gap:8px;flex:1}
.nl-form input[type="email"]{flex:1;padding:10px 14px;border-radius:4px;background:#222;color:var(--w);border:1px solid #444;font-size:13px}
.nl-form input[type="email"]::placeholder{color:#888}
.nl-form button{background:var(--y);color:var(--b);padding:10px 22px;border-radius:4px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .2s}
.nl-form button:hover{background:var(--yd)}
.nl-gdpr{font-size:10px;color:#777;margin-top:6px}
.nl-gdpr a{color:var(--y);text-decoration:underline}
.nl-msg{font-size:13px;color:var(--y);margin-top:8px;display:none}

/* === CONFRONTO TABLE === */
.cmp-tbl{width:100%;border-collapse:collapse;margin:25px 0}
.cmp-tbl th{background:var(--b);color:var(--w);padding:12px 16px;font-size:13px;text-align:center;font-weight:600}
.cmp-tbl th:first-child{text-align:left;width:30%}
.cmp-tbl td{padding:12px 16px;border-bottom:1px solid #eee;font-size:13px;text-align:center}
.cmp-tbl td:first-child{text-align:left;font-weight:500}
.cmp-tbl tr:hover{background:var(--l)}
.cmp-tbl .cmp-best{background:#fff9e0;font-weight:700;color:var(--yd)}
.cmp-check{color:#27ae60;font-weight:700}.cmp-x{color:#e74c3c}
.cmp-calc{background:var(--l);border-radius:var(--r);padding:30px;margin:30px 0}
.cmp-calc h3{font-size:18px;font-weight:700;margin-bottom:18px;text-align:center}
.cmp-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}
.cmp-inputs label{font-size:12px;color:var(--g);display:block;margin-bottom:4px}
.cmp-inputs input,.cmp-inputs select{width:100%;padding:10px;border:2px solid #ddd;border-radius:4px;font-size:14px}
.cmp-results{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;text-align:center}
.cmp-res-card{background:var(--w);border-radius:var(--r);padding:18px;box-shadow:var(--sh)}
.cmp-res-card h4{font-size:12px;color:var(--g);margin-bottom:6px;font-weight:500}
.cmp-res-card .cmp-val{font-size:24px;font-weight:700}
.cmp-res-card.cmp-best-card{border:2px solid var(--y)}
.cmp-res-card.cmp-best-card .cmp-val{color:var(--yd)}

/* === BRAND PAGE === */
.brand-hero{text-align:center;padding:20px 0}
.brand-hero h1{font-size:26px;font-weight:700;font-style:italic}
.brand-hero p{font-size:14px;color:var(--g);max-width:700px;margin:10px auto 0}
.brand-stats{display:flex;justify-content:center;gap:30px;margin:20px 0}
.brand-stat{text-align:center}
.brand-stat .bs-num{font-size:28px;font-weight:700;color:var(--y)}
.brand-stat .bs-lbl{font-size:11px;color:var(--g)}

/* === RESPONSIVE === */
@media(max-width:1024px){.v-grid{grid-template-columns:repeat(3,1fr)}.flt-row{grid-template-columns:repeat(2,1fr)}.brand-seo-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:768px){.nav{display:none}.v-grid{grid-template-columns:repeat(2,1fr)}.data-panels{grid-template-columns:1fr}.log-opts{grid-template-columns:repeat(2,1fr)}.sec-mob{flex-direction:column}.sec-prop-in{flex-direction:column}.cnt-grid{grid-template-columns:1fr}.ftr-grid{grid-template-columns:repeat(2,1fr)}.news-in{flex-direction:column;text-align:center}.vnt-row,.vnt-row:nth-child(even){flex-direction:column}.del-opts{grid-template-columns:1fr}.hero-dots{gap:25px}.hero-dot{width:50px;height:50px}.seo-grid-3{grid-template-columns:1fr!important}.brand-seo-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){section [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}section [style*="grid-template-columns:repeat(4"]{grid-template-columns:repeat(2,1fr)!important}section [style*="grid-template-columns: 1fr 1fr;"]{grid-template-columns:1fr!important}section [style*="grid-template-columns:1fr 1fr;"]{grid-template-columns:1fr!important}}
@media(max-width:768px){.nl-in{flex-direction:column;text-align:center}.nl-form{width:100%}.cmp-inputs{grid-template-columns:1fr}.cmp-results{grid-template-columns:1fr}.cmp-tbl{font-size:11px}.cmp-tbl th,.cmp-tbl td{padding:8px 6px}}
@media(max-width:480px){.v-grid{grid-template-columns:1fr}.log-opts{grid-template-columns:1fr}.ftr-grid{grid-template-columns:1fr}.st-l{width:25px}.adm-stats{grid-template-columns:repeat(2,1fr)}.hdr-btns .btn-login{display:none}.brand-seo-grid{grid-template-columns:repeat(2,1fr)}}

/* === MOBILE FONT SIZE FIX — sezioni SEO Home + contenuti pagine === */
@media(max-width:768px){
  /* SEO Home: 3 card grid → 1 colonna, testi più grandi */
  .seo-home-h1{font-size:24px!important;line-height:1.4!important;padding:0 5px}
  .seo-home-sub{font-size:16px!important;line-height:1.8!important}
  .seo-home-grid{grid-template-columns:1fr!important;gap:15px!important}
  .seo-home-card-h{font-size:20px!important;margin-bottom:10px!important}
  .seo-home-card-p{font-size:16px!important;line-height:1.8!important}
  .seo-home-sec{padding:35px 18px!important}
  /* Testimonials carousel — testi più leggibili */
  .tst-card div[style*="padding:30px 35px"]{padding:20px 16px!important}
  .tst-card div[style*="font-size:16px"]{font-size:18px!important}
  .tst-card p[style*="font-size:13.5px"]{font-size:15px!important}
  /* Dicono di noi titoli */
  #pg-home h3[style*="font-size:28px"]{font-size:22px!important}
  /* Google badge mobile */
  #googleBadge{flex-wrap:wrap;padding:14px 16px!important;gap:10px!important}
  #googleBadge div[style*="margin-left:auto"]{margin-left:0!important;width:100%}
  /* Immagini brochure PNG — zoom su mobile per leggibilità testo interno */
  #homeSolutionSection,#homeProposalSection,
  #pg-vantaggi div[style*="overflow:hidden"],
  #pg-comefunziona section[style*="overflow:hidden"],
  #pg-cosaserve section[style*="overflow:hidden"]{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  #homeSolutionSection img,#homeProposalSection img,
  #pg-vantaggi div[style*="overflow:hidden"] img,
  #pg-comefunziona section[style*="overflow:hidden"] img,
  #pg-cosaserve section[style*="overflow:hidden"] img{min-width:750px!important;width:auto!important;max-width:none!important}
  /* Sezioni testo nelle pagine Vantaggi, ComeFunziona, CosaServe — h3, p dentro section con padding inline */
  #pg-vantaggi section h3,#pg-comefunziona section h3,#pg-cosaserve section h3{font-size:20px!important}
  #pg-vantaggi section p,#pg-comefunziona section p,#pg-cosaserve section p{font-size:15px!important;line-height:1.7!important}
  /* Video vantaggi titolo e sottotitolo */
  #pg-vantaggi section h3[style*="font-size:22px"]{font-size:20px!important}
  #pg-vantaggi section p[style*="font-size:14px"]{font-size:15px!important}
}
/* === VANTAGGI FLIP CARD 3D === */
.vnt-flip-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px 20px;max-width:960px;margin:0 auto}
.vnt-flip{perspective:1000px;height:320px;cursor:pointer}
.vnt-flip-inner{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}
.vnt-flip.flipped .vnt-flip-inner,.vnt-flip:hover .vnt-flip-inner{transform:rotateY(180deg)}
.vnt-flip-front,.vnt-flip-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;overflow:hidden}
.vnt-flip-front{background:#1a1a1a}
.vnt-flip-front img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:opacity .3s}
.vnt-flip-front:after{content:'';position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(transparent,rgba(16,16,17,.92));pointer-events:none}
.vnt-flip-lbl{position:absolute;bottom:0;left:0;right:0;padding:18px 22px;z-index:2}
.vnt-flip-lbl h3{font-size:17px;font-weight:700;color:#FACE28;margin-bottom:4px}
.vnt-flip-lbl span{font-size:11px;color:rgba(255,255,255,.5)}
.vnt-flip-back{transform:rotateY(180deg);background:linear-gradient(145deg,#101011 0%,#1a1a1a 100%);padding:28px 22px;display:flex;flex-direction:column;justify-content:center;border:2px solid #FACE28}
.vnt-flip-back .vnt-fb-num{width:44px;height:44px;border-radius:50%;background:#FACE28;color:#101011;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;margin-bottom:14px;flex-shrink:0}
.vnt-flip-back h3{font-size:17px;font-weight:700;color:#FACE28;margin-bottom:10px}
.vnt-flip-back p{font-size:13px;color:#ccc;line-height:1.7}
.vnt-fb-btn{display:inline-block;margin-top:14px;padding:10px 22px;background:var(--y);color:var(--b);border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:background .3s,transform .15s;text-transform:uppercase;letter-spacing:1px}
.vnt-fb-btn:hover{background:var(--yd);transform:scale(1.04)}
@media(max-width:768px){
  .vnt-flip-grid{grid-template-columns:1fr;gap:14px;padding:16px 14px}
  .vnt-flip{height:280px}
  .vnt-flip-back{padding:22px 18px}
  .vnt-flip-back h3{font-size:15px}
  .vnt-flip-back p{font-size:12px}
  .vnt-fb-btn{padding:8px 16px;font-size:12px;margin-top:10px}
}
/* === 6 STEP COME FUNZIONA === */
.kb-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;padding:0 20px}
.kb-step-card{background:linear-gradient(145deg,#1a1a1a,#222);border-radius:16px;padding:28px 22px;text-align:center;position:relative;border:1px solid rgba(250,206,40,.15);transition:transform .3s,border-color .3s}
.kb-step-card:hover{transform:translateY(-4px);border-color:rgba(250,206,40,.5)}
.kb-step-num{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;background:var(--y);color:var(--b);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.kb-step-ico{font-size:36px;margin:10px 0 12px;line-height:1}
.kb-step-card h3{font-size:15px;font-weight:700;color:var(--y);margin-bottom:8px}
.kb-step-card p{font-size:12.5px;color:#bbb;line-height:1.65}
@media(max-width:768px){
  .kb-steps-grid{grid-template-columns:1fr 1fr;gap:14px;padding:0 14px}
  .kb-step-card{padding:22px 16px}
  .kb-step-ico{font-size:30px}
  .kb-step-card h3{font-size:14px}
  .kb-step-card p{font-size:11.5px}
}
@media(max-width:480px){
  .kb-steps-grid{grid-template-columns:1fr;gap:12px;padding:0 12px}
}
/* === DOCUMENTI COSA SERVE === */
.kb-docs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:0 auto;padding:0 20px}
.kb-doc-card{background:linear-gradient(145deg,#1a1a1a,#222);border-radius:16px;padding:28px 26px;border:1px solid rgba(250,206,40,.15);transition:border-color .3s}
.kb-doc-card:hover{border-color:rgba(250,206,40,.4)}
.kb-doc-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid var(--y)}
.kb-doc-ico{font-size:32px;line-height:1}
.kb-doc-header h3{font-size:20px;font-weight:800;color:var(--y);margin:0}
.kb-doc-sub{color:var(--y);font-size:12px;font-weight:700;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.5px}
.kb-doc-list{list-style:none;padding:0;margin:0}
.kb-doc-list li{color:#ccc;font-size:13px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:flex-start;gap:10px;line-height:1.5}
.kb-doc-list li:last-child{border-bottom:none}
.kb-chk{color:var(--y);font-weight:700;flex-shrink:0;font-size:14px}
.kb-doc-note{margin-top:16px;padding:10px 14px;background:rgba(250,206,40,.08);border-radius:8px;border-left:3px solid var(--y);color:#aaa;font-size:11.5px;line-height:1.5}
@media(max-width:768px){
  .kb-docs-grid{grid-template-columns:1fr;gap:16px;padding:0 14px}
  .kb-doc-card{padding:22px 20px}
  .kb-doc-header h3{font-size:18px}
  .kb-doc-list li{font-size:12.5px;padding:6px 0}
}
/* === CTA ABOVE THE FOLD === */
.kb-has-cta{position:relative}
.kb-hero-cta{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);z-index:10;text-align:center;pointer-events:auto;width:90%;max-width:600px}
.kb-hero-title{font-size:clamp(22px,4.5vw,38px);font-weight:800;color:#fff;margin-bottom:8px;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.6)}
.kb-hero-sub{font-size:clamp(13px,2vw,16px);color:rgba(255,255,255,.85);margin-bottom:20px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.kb-hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.kb-cta-primary{display:inline-block;padding:14px 36px;background:var(--y);color:var(--b);font-size:15px;font-weight:700;border-radius:50px;text-decoration:none;transition:all .3s;box-shadow:0 4px 20px rgba(250,206,40,.4)}
.kb-cta-primary:hover{background:var(--yd);transform:translateY(-2px);box-shadow:0 6px 28px rgba(250,206,40,.5)}
.kb-cta-secondary{display:inline-block;padding:14px 28px;background:transparent;color:#fff;font-size:14px;font-weight:600;border-radius:50px;border:2px solid rgba(255,255,255,.4);text-decoration:none;transition:all .3s}
.kb-cta-secondary:hover{border-color:var(--y);color:var(--y)}
@media(max-width:768px){
  .kb-hero-cta{transform:translate(-50%,-50%)}
  .kb-hero-title{font-size:20px}
  .kb-hero-sub{font-size:13px;margin-bottom:14px}
  .kb-cta-primary{padding:12px 28px;font-size:14px}
  .kb-cta-secondary{padding:10px 22px;font-size:13px}
}
/* === TRUST BAR === */
.kb-trust-bar{display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 20px;background:rgba(16,16,17,.85);backdrop-filter:blur(8px);border-top:1px solid rgba(250,206,40,.15);border-bottom:1px solid rgba(250,206,40,.15)}
.kb-trust-item{display:flex;align-items:center;gap:6px}
.kb-trust-stars{color:#FBBC05;font-size:14px;letter-spacing:1px}
.kb-trust-num{font-size:18px;font-weight:800;color:var(--y)}
.kb-trust-ico{font-size:16px}
.kb-trust-txt{font-size:12px;color:rgba(255,255,255,.75)}
.kb-trust-txt strong{color:var(--y)}
.kb-trust-sep{width:1px;height:20px;background:rgba(255,255,255,.15)}
@media(max-width:768px){
  .kb-trust-bar{flex-wrap:wrap;gap:10px 16px;padding:10px 14px}
  .kb-trust-sep{display:none}
  .kb-trust-item{min-width:40%}
}
/* === ACCESSIBILITY === */
.skip-link{position:absolute;top:-100px;left:16px;background:var(--y);color:var(--b);padding:10px 20px;border-radius:0 0 8px 8px;font-weight:700;font-size:14px;z-index:10000;transition:top .2s}
.skip-link:focus{top:0}
*:focus-visible{outline:2px solid var(--y);outline-offset:2px;border-radius:4px}