:root {
            --wp:#21759B; --wp-dark:#135272; --wp-light:#eaf4fa; --wp-mid:#b3d9ed;
            --tophost:#FF6B35; --tophost-dark:#cc4e1a; --tophost-light:#fff3ee;
            --blue:#0f4c81; --blue-light:#dbeafe;
            --green:#10b981; --yellow:#f59e0b; --red:#ef4444; --accent:#f97316;
            --green-light:#dcfce7; --yellow-light:#fef3c7; --red-light:#fee2e2;
            --text:#1e293b; --text-light:#64748b; --border:#e2e8f0;
            --bg:#f8fafc; --white:#ffffff;
            --shadow:0 4px 24px rgba(33,117,155,.10); --radius:12px;
        }
        *{margin:0;padding:0;box-sizing:border-box;}
        body{font-family:'Sora',sans-serif;color:var(--text);background:var(--bg);line-height:1.75;font-size:16px;}

        .article-header{background:linear-gradient(135deg,#0a2030 0%,#135272 40%,#21759B 75%,#00a0d2 100%);color:white;padding:48px 20px 56px;position:relative;overflow:hidden;}
        .article-header::before{content:'';position:absolute;top:-80px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(0,160,210,.15) 0%,transparent 70%);border-radius:50%;}
        .wp-bg{position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:200px;opacity:.035;font-weight:900;color:#fff;pointer-events:none;font-family:Georgia,serif;}
        .header-content{max-width:900px;margin:0 auto;position:relative;z-index:2;}
        .breadcrumb{display:flex;gap:6px;align-items:center;font-size:13px;opacity:.65;margin-bottom:24px;flex-wrap:wrap;}
        .breadcrumb a{color:rgba(255,255,255,.8);text-decoration:none;}
        .breadcrumb span{opacity:.35;}
        .article-title{font-family:'DM Serif Display',serif;font-size:clamp(24px,4.5vw,42px);line-height:1.2;margin-bottom:20px;font-weight:400;}
        .article-title .wp-hl{color:#7dd3f5;}
        .article-title .yr-hl{color:rgba(255,200,150,.8);}
        .article-subtitle{font-size:15.5px;opacity:.88;max-width:780px;line-height:1.7;margin-bottom:32px;}
        .article-subtitle strong{background:rgba(255,255,255,.18);padding:1px 6px;border-radius:4px;}
        .article-navigation{display:flex;gap:10px;flex-wrap:wrap;}
        .nav-link{background:rgba(255,255,255,.13);color:rgba(255,255,255,.9);text-decoration:none;padding:8px 16px;border-radius:30px;font-size:13px;font-weight:500;border:1px solid rgba(255,255,255,.22);transition:all .2s;}
        .nav-link:hover{background:rgba(255,255,255,.24);}

        .article-container{max-width:900px;margin:0 auto;padding:0 20px 60px;}
        .featured-image{background:linear-gradient(135deg,#0a2030,#21759B,#00a0d2);height:230px;border-radius:0 0 var(--radius) var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:40px;position:relative;overflow:hidden;}
        .featured-image::before{content:'W';position:absolute;font-size:200px;font-weight:900;opacity:.05;color:white;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Georgia,serif;}
        .fi-text{color:white;font-size:17px;font-weight:600;opacity:.75;text-align:center;padding:0 20px;position:relative;z-index:1;}
        .fi-text span{color:#7dd3f5;}

        .cs{background:var(--white);border-radius:var(--radius);padding:36px 40px;margin-bottom:28px;box-shadow:var(--shadow);border:1px solid var(--border);}
        @media(max-width:600px){.cs{padding:24px 20px;}}
        .cs h2{font-family:'DM Serif Display',serif;font-size:26px;font-weight:400;color:var(--wp);margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--wp-light);}
        .cs h3{font-size:18px;font-weight:700;color:var(--text);margin:28px 0 14px;}
        .cs h4{font-size:15px;font-weight:700;color:var(--text);margin:20px 0 10px;}
        .cs p{margin-bottom:16px;}
        .cs ul{padding-left:20px;margin-bottom:16px;}
        .cs ul li{margin-bottom:10px;line-height:1.65;}

        /* BOXES */
        .box{border-radius:8px;padding:20px 24px;margin:24px 0;}
        .box h4{margin-top:0!important;margin-bottom:10px!important;}
        .box p{margin-bottom:0;}
        .box-wp{background:var(--wp-light);border-left:4px solid var(--wp);}
        .box-wp h4{color:var(--wp-dark);}
        .box-th{background:var(--tophost-light);border-left:4px solid var(--tophost);}
        .box-th h4{color:var(--tophost-dark);}
        .box-bl{background:var(--blue-light);border-left:4px solid var(--blue);}
        .box-bl h4{color:var(--blue);}
        .box-wa{background:var(--yellow-light);border-left:4px solid var(--yellow);}
        .box-wa h4{color:#92400e;}
        .box-ok{background:var(--green-light);border-left:4px solid var(--green);}
        .box-ok h4{color:#065f46;}
        .box-er{background:var(--red-light);border-left:4px solid var(--red);}
        .box-er h4{color:#991b1b;}

        /* SPECTRUM */
        .spectrum{border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08);margin:24px 0;}
        .sp-row{display:grid;grid-template-columns:2.5fr 1fr 2fr;border-bottom:1px solid var(--border);}
        .sp-row:last-child{border-bottom:none;}
        .sp-header{background:var(--wp);}
        .sp-cell{padding:13px 16px;font-size:13.5px;display:flex;align-items:center;}
        .sp-cell.hc{color:rgba(255,255,255,.8);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:11px 16px;}
        .sp-row.ok{background:#f0fdf4;}
        .sp-row.wn{background:#fefce8;}
        .sp-row.bd{background:#fff7f0;}
        .sp-type{font-weight:700;font-size:13px;}
        .sp-row.ok .sp-type{color:#166534;}
        .sp-row.wn .sp-type{color:#92400e;}
        .sp-row.bd .sp-type{color:#9a3412;}
        .sbadge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;}
        .sg{background:var(--green);color:white;}
        .sw{background:var(--yellow);color:white;}
        .sr{background:var(--red);color:white;}
        @media(max-width:580px){.sp-row{grid-template-columns:1fr;}.sp-cell.hc{display:none;}}

        /* STATS */
        .stats-box{background:linear-gradient(135deg,#eaf4fa,#f0faff);border:1px solid var(--wp-mid);border-radius:var(--radius);padding:24px;margin:24px 0;}
        .stats-box h4{text-align:center;color:var(--wp-dark);margin-bottom:20px;font-size:16px;margin-top:0;}
        .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;}
        .stat-item{background:white;border-radius:8px;padding:14px 10px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.06);}
        .stat-num{display:block;font-size:13px;font-weight:800;color:var(--wp);margin-bottom:6px;font-family:'DM Serif Display',serif;}
        .stat-lab{display:block;font-size:11px;color:var(--text-light);font-weight:500;}

        /* PIANI */
        .piani-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:16px;margin:24px 0;}
        .piano{border:2px solid var(--border);border-radius:10px;padding:20px 16px;}
        .piano.ok{border-color:var(--green);background:var(--green-light);}
        .piano.wn{border-color:var(--yellow);background:var(--yellow-light);}
        .piano.bd{border-color:var(--red);background:var(--red-light);}
        .pn{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:8px;}
        .pp{font-size:24px;font-weight:800;font-family:'DM Serif Display',serif;margin-bottom:4px;}
        .piano.ok .pp{color:#065f46;}
        .piano.wn .pp{color:#92400e;}
        .piano.bd .pp{color:var(--red);}
        .ps{font-size:11.5px;color:var(--text-light);margin-bottom:14px;}
        .piano ul{list-style:none;padding:0;margin:0;}
        .piano ul li{font-size:12px;padding:5px 0 5px 18px;position:relative;border-bottom:1px solid rgba(0,0,0,.05);}
        .piano ul li:last-child{border-bottom:none;}
        .piano ul li::before{content:'→';position:absolute;left:0;color:var(--text-light);}
        .pbadge{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:8px;margin-left:4px;vertical-align:middle;}
        .pbok{background:var(--green);color:white;}
        .pbwn{background:var(--yellow);color:white;}
        .pbbd{background:var(--red);color:white;}

        /* TABLE */
        .ct{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);}
        .ct thead tr{background:var(--wp);color:white;}
        .ct th{padding:13px 14px;text-align:left;font-weight:600;font-size:12.5px;letter-spacing:.3px;}
        .ct td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top;font-size:13.5px;}
        .ct tbody tr:nth-child(even){background:#f8fafc;}
        .ct tbody tr:hover{background:var(--wp-light);}
        .ct tbody tr:last-child td{border-bottom:none;}
        .tg{color:var(--green);font-weight:600;}
        .tw{color:#92400e;}
        .tb{color:var(--red);}

        /* PROS/CONS */
        .pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;}
        @media(max-width:600px){.pros-cons{grid-template-columns:1fr;}}
        .pros,.cons{background:#f8fafc;border-radius:8px;padding:16px 20px;}
        .pros{border-top:3px solid var(--green);}
        .cons{border-top:3px solid var(--red);}
        .pros h5{color:var(--green);margin-bottom:10px;font-size:14px;}
        .cons h5{color:var(--red);margin-bottom:10px;font-size:14px;}
        .pros ul,.cons ul{list-style:none;padding:0;margin:0;}
        .pros ul li,.cons ul li{font-size:13.5px;padding:5px 0 5px 20px;position:relative;}
        .pros ul li::before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:700;}
        .cons ul li::before{content:'✗';position:absolute;left:0;color:var(--red);font-weight:700;}

        /* CODE */
        .code-block{background:#0a2030;color:#cbd5e1;border-radius:8px;padding:18px 22px;font-family:'Courier New',monospace;font-size:13px;line-height:1.8;margin:18px 0;overflow-x:auto;border:1px solid rgba(33,117,155,.25);}
        .cm{color:#3a6070;}
        .ck{color:#7dd3f5;}
        .cv{color:#f59e0b;}
        .cc{color:#86efac;}
        .cs2{color:#a5f3a0;}

        /* CTAs */
        .cta-group{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
        .btn{display:inline-flex;align-items:center;gap:8px;color:white;text-decoration:none;padding:13px 24px;border-radius:8px;font-weight:700;font-size:14px;transition:all .2s;}
        .btn-sg{background:#00843d;box-shadow:0 4px 14px rgba(0,132,61,.28);}
        .btn-sg:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,132,61,.4);}
        .btn-blue{background:var(--blue);}
        .btn-blue:hover{transform:translateY(-2px);}
        .btn-or{background:var(--accent);}
        .btn-or:hover{transform:translateY(-2px);}
        .btn-wp{background:var(--wp);}
        .btn-wp:hover{transform:translateY(-2px);}
        .btn-sec{background:var(--white);color:var(--wp);border:2px solid var(--wp);box-shadow:none;}
        .btn-sec:hover{background:var(--wp-light);}

        /* HOSTING CARDS */
        .hcards{display:flex;flex-direction:column;gap:20px;margin:24px 0;}
        .hcard{border:2px solid var(--border);border-radius:var(--radius);padding:24px 28px;transition:all .2s;}
        .hcard:hover{box-shadow:var(--shadow);}
        .hcard.sg{border-color:var(--green);background:linear-gradient(135deg,#f0fdf4,#fff);}
        .hcard.sp{border-color:var(--blue);}
        .hcard.vh{border-color:var(--accent);}
        .bdg{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;}
        .bdg-g{background:var(--green);color:white;}
        .bdg-b{background:var(--blue);color:white;}
        .bdg-o{background:var(--accent);color:white;}
        .hcard h3{font-size:20px;margin:0 0 8px;}
        .hcard .price{font-size:26px;font-weight:800;color:var(--blue);margin:8px 0;font-family:'DM Serif Display',serif;}
        .hcard .price span{font-size:14px;font-weight:500;color:var(--text-light);}
        .cl{list-style:none!important;padding:0!important;}
        .cl li{padding:10px 0 10px 32px!important;position:relative;border-bottom:1px solid #f1f5f9;}
        .cl li:last-child{border-bottom:none;}
        .cl li::before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:800;font-size:16px;}

        /* REVIEWS */
        .rc{display:flex;flex-direction:column;gap:20px;}
        .rv{background:var(--white);border-radius:var(--radius);padding:24px 28px;border-left:4px solid var(--wp);box-shadow:0 2px 12px rgba(0,0,0,.05);}
        .rv.neutral{border-left-color:var(--yellow);}
        .rv.neg{border-left-color:var(--red);}
        .rv h4{font-size:15px;font-weight:700;margin-bottom:4px;}
        .rv .rating{font-size:13px;color:var(--text-light);margin-bottom:12px;}
        .rv .rtext{font-size:14.5px;line-height:1.7;margin-bottom:12px;font-style:italic;}
        .rv .verdict{font-size:14px;font-weight:600;color:var(--wp);}
        .rv.neutral .verdict{color:#92400e;}
        .rv.neg .verdict{color:var(--red);}

        /* TOC */
        .toc{background:var(--wp-light);border:1px solid var(--wp-mid);border-radius:var(--radius);padding:28px 32px;margin:28px 0;}
        .toc h3{color:var(--wp-dark);margin-bottom:20px;font-size:16px;font-weight:700;}
        .toc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}
        .toc-col h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:10px;}
        .toc-col ul{list-style:none;padding:0;margin:0;}
        .toc-col ul li{margin-bottom:7px;}
        .toc-col ul li a{color:var(--wp);text-decoration:none;font-size:14px;font-weight:500;}
        .toc-col ul li a:hover{text-decoration:underline;}

        /* CTA FINALE */
        .cta-f{background:linear-gradient(135deg,#0a2030,#21759B);border-radius:var(--radius);padding:48px 40px;text-align:center;color:white;margin-bottom:28px;}
        .cta-f h2{font-family:'DM Serif Display',serif;font-size:30px;font-weight:400;margin-bottom:16px;}
        .cta-f p{font-size:16px;opacity:.85;max-width:600px;margin:0 auto 32px;}
        .cta-f-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
        .cf-sg{background:#00843d;color:white;text-decoration:none;padding:14px 28px;border-radius:8px;font-weight:700;font-size:14px;transition:all .2s;display:inline-block;}
        .cf-sg:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,132,61,.45);}
        .cf-out{background:transparent;color:white;text-decoration:none;padding:14px 28px;border-radius:8px;font-weight:700;font-size:14px;border:2px solid rgba(255,255,255,.4);transition:all .2s;display:inline-block;}
        .cf-out:hover{background:rgba(255,255,255,.15);}
        [id]{scroll-margin-top:20px;}