:root{--bg:#faf9f5;--panel:#fff;--line:#e2e3e9;--green:#6846c7;--muted:#626575}body{color:#28263b;background:radial-gradient(ellipse at 95% 5%,#f3e6ff 0,transparent 28%),var(--bg)}header{background:#ffffffd9;border-bottom:1px solid #e8e4ee}.brand b{color:#6846c7}.pill{background:#f1ecfc;border-color:#e6dcf8;color:#6846c7}nav a:hover{color:#6846c7}.hero{padding-top:58px;padding-bottom:55px}.eyebrow{font-weight:700}.hero h1 span{background:linear-gradient(100deg,#6846c7,#c34869);background-clip:text;color:transparent}.hero-art{height:340px;border-radius:35px;background:radial-gradient(circle at 25% 25%,#fff4d9,transparent 55%),linear-gradient(135deg,#eae2ff,#fbded9);overflow:visible;isolation:isolate}.hero-art:before{content:'✦';position:absolute;right:9%;top:10%;font-size:56px;color:#ec9674;transform:rotate(12deg)}.hero-art:after{content:'Il tuo PC merita una marcia in più.';position:absolute;left:25px;top:22px;font:600 16px 'Space Grotesk';max-width:160px;color:#654d94}.hero-art .ram{width:80%;z-index:1;transform:rotate(-16deg);box-shadow:0 25px 35px #66548c35}.ram{background:linear-gradient(145deg,#eee8fc,#c4b7e9);border-color:#a493d1;color:#55447d;box-shadow:0 12px 20px #5c488224}.chip{background:linear-gradient(135deg,#8975b4,#63518a);border-color:#aa98c9}.ram:before{background:linear-gradient(90deg,#ffb890,#f277a6,#a18bf0);box-shadow:0 0 15px #d383ae55}.ram:after{background:repeating-linear-gradient(90deg,#d6ae64 0 7px,#ebe4f7 7px 9px)}.art-label{color:#685182;background:#ffffffd9;padding:12px 16px;border-radius:13px;font:600 12px 'DM Sans';right:18px;bottom:22px;box-shadow:0 8px 20px #70538715}.stats strong{color:#373044}.stats{gap:22px}.demo{background:#fff5dd;border-color:#f0dfb0;color:#766039}.card{border-radius:20px;box-shadow:0 6px 20px #40315b06}.card:hover{border-color:#b59be2;box-shadow:0 12px 30px #71549415}.product-art{height:164px;background:linear-gradient(135deg,#f3ecfc,#e8eafc)}.card:nth-child(3n+2) .product-art{background:linear-gradient(135deg,#e4f3ee,#edf6e5)}.card:nth-child(3n+3) .product-art{background:linear-gradient(135deg,#fff0dc,#fce2de)}.card:nth-child(3n+2) .ram{background:linear-gradient(145deg,#dceee5,#a8c8b7);border-color:#8bb69f}.card:nth-child(3n+3) .ram{background:linear-gradient(145deg,#f5e3d3,#ddbaa4);border-color:#cda389}.tag{color:#5b4784;background:#ffffffdc;border:1px solid #ffffff;border-radius:20px;font-weight:600}.price{color:#2b2940}.action{background:#6846c7;color:white;border-radius:11px;box-shadow:0 4px 8px #6846c715;transition:background .18s,transform .18s}.action:hover{background:#5535af;transform:translateY(-1px)}aside{box-shadow:0 6px 24px #55427505;border-radius:18px}input,select{color:#393447;background:#fff;border-color:#ddd9e7;border-radius:10px}input:focus,select:focus{outline:2px solid #bca3ee}.guide{background:linear-gradient(115deg,#eee7fc,#ffe9df);border:1px solid #e7daf6;border-radius:24px}.guide h2{color:#463164}footer{background:white}dialog{background:#fff;color:#302b42;border-color:#e6dfee;box-shadow:0 25px 80px #34214b30;border-radius:24px}dialog::backdrop{background:#38304570}.close{color:#554667}.history-metrics>div{background:#f6f3fb}.history-metrics strong{color:#332b48}.verdict{background:#f3f8ef;border-color:#d3e3c4}.verdict strong{color:#426237}.falling{color:#347747}.rising{color:#b15229}.periods button{background:#f6f3fa;border-color:#e4dced;color:#6d607d}.periods .active{color:#fff;background:#6846c7}summary{color:#514563}.offer-row{border-color:#e7e1ed}.demo-button{background:#f4f1f8;color:#786985;border-color:#e0d8e9}.history-title h3{color:#4f376a}details{color:#655d70}.empty{background:#fff}.hero-cta{display:inline-block;background:#6846c7;color:white;padding:14px 22px;border-radius:13px;font-weight:700;margin:9px 0 2px;box-shadow:0 7px 18px #6846c720}.hero-cta:hover{background:#5535af}.welcome-note{font-size:12px;color:#8a6177;margin-top:10px}@media(max-width:700px){.hero-art{height:245px;margin-top:12px}.hero-art:after{font-size:14px;max-width:130px}.hero-art:before{font-size:38px}.hero-art .ram{height:75px}.art-label{font-size:10px}.stats{flex-wrap:wrap}.hero{padding-top:35px}.section-title{align-items:start;gap:12px}.section-title h2{font-size:25px}}