:root {
            --primary: #e84433;
            --primary-dark: #c53525;
            --primary-light: #fff0ee;
            --node: #68A063;
            --node-dark: #3d7a38;
            --node-light: #f0faf0;
            --node-accent: #43853d;
            --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(104,160,99,0.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; }

        /* ── HEADER ── */
        .article-header {
            background: linear-gradient(135deg, #2d5a29 0%, #43853d 40%, #68A063 80%, #e84433 100%);
            color:white; padding:48px 20px 56px; position:relative; overflow:hidden;
        }
        .article-header::before { content:''; position:absolute; top:-60px; right:-60px; width:420px; height:420px; background:rgba(255,255,255,.07); border-radius:50%; }
        .article-header::after  { content:''; position:absolute; bottom:-80px; left:-40px; width:300px; height:300px; background:rgba(0,0,0,.05); border-radius:50%; }
        .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:.75; margin-bottom:24px; flex-wrap:wrap; }
        .breadcrumb a { color:white; text-decoration:none; }
        .breadcrumb a:hover { opacity:.9; text-decoration:underline; }

        .article-title { font-family:'DM Serif Display',serif; font-size:clamp(28px,5vw,44px); line-height:1.2; margin-bottom:20px; font-weight:400; }
        .article-title .current-year { color:#b8f0b2; }

        .article-subtitle { font-size:16px; opacity:.9; max-width:780px; line-height:1.7; margin-bottom:32px; }
        .article-subtitle strong { background:rgba(255,255,255,.2); padding:1px 5px; border-radius:3px; }

        .article-navigation { display:flex; gap:10px; flex-wrap:wrap; }
        .nav-link { background:rgba(255,255,255,.15); color:white; text-decoration:none; padding:8px 16px; border-radius:30px; font-size:13px; font-weight:500; border:1px solid rgba(255,255,255,.25); transition:all .2s; }
        .nav-link:hover { background:rgba(255,255,255,.25); }

        /* ── LAYOUT ── */
        .article-container { max-width:900px; margin:0 auto; padding:0 20px 60px; }
        .featured-image { background:linear-gradient(135deg,#2d5a29,#68A063); height:260px; border-radius:0 0 var(--radius) var(--radius); display:flex; align-items:center; justify-content:center; margin-bottom:40px; }
        .featured-image-text { color:white; font-size:18px; font-weight:600; opacity:.75; text-align:center; padding:0 20px; }

        .content-section { 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) { .content-section { padding:24px 20px; } }

        .content-section h2 { font-family:'DM Serif Display',serif; font-size:26px; font-weight:400; color:var(--node); margin-bottom:20px; padding-bottom:16px; border-bottom:2px solid var(--node-light); }
        .content-section h3 { font-size:18px; font-weight:700; color:var(--text); margin:28px 0 14px; }
        .content-section h4 { font-size:15px; font-weight:700; color:var(--text); margin:20px 0 10px; }
        .content-section p { margin-bottom:16px; }
        .content-section ul { padding-left:20px; margin-bottom:16px; }
        .content-section ul li { margin-bottom:10px; line-height:1.65; }

        /* ── BOXES ── */
        .node-box { background:var(--node-light); border-left:4px solid var(--node); border-radius:8px; padding:20px 24px; margin:24px 0; }
        .node-box h4 { margin-top:0!important; margin-bottom:10px!important; color:var(--node-dark); }
        .node-box p { margin-bottom:0; }

        .netsons-box { background:var(--primary-light); border-left:4px solid var(--primary); border-radius:8px; padding:20px 24px; margin:24px 0; }
        .netsons-box h4 { margin-top:0!important; margin-bottom:10px!important; color:var(--primary-dark); }
        .netsons-box p { margin-bottom:0; }

        .blue-box { background:var(--blue-light); border-left:4px solid var(--blue); border-radius:8px; padding:20px 24px; margin:24px 0; }
        .blue-box h4 { margin-top:0!important; margin-bottom:10px!important; color:var(--blue); }
        .blue-box p { margin-bottom:0; }

        .warning-box { background:var(--yellow-light); border-left:4px solid var(--yellow); border-radius:8px; padding:20px 24px; margin:24px 0; }
        .warning-box h4 { color:#92400e; margin-bottom:8px; margin-top:0; }
        .warning-box p { margin-bottom:0; }

        .danger-box { background:var(--red-light); border-left:4px solid var(--red); border-radius:8px; padding:20px 24px; margin:24px 0; }
        .danger-box h4 { color:#991b1b; margin-bottom:8px; margin-top:0; }
        .danger-box p { margin-bottom:0; }

        .success-box { background:var(--green-light); border-left:4px solid var(--green); border-radius:8px; padding:20px 24px; margin:24px 0; }
        .success-box h4 { color:#065f46; margin-bottom:8px; margin-top:0; }
        .success-box p { margin-bottom:0; }

        /* ── STATS ── */
        .stats-box { background:linear-gradient(135deg,#f0faf0,#fff0ee); border:1px solid #a7d8a4; border-radius:var(--radius); padding:24px; margin:24px 0; }
        .stats-box h4 { text-align:center; color:var(--node-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-number { display:block; font-size:14px; font-weight:800; color:var(--node); margin-bottom:6px; font-family:'DM Serif Display',serif; }
        .stat-label  { display:block; font-size:11px; color:var(--text-light); font-weight:500; }

        /* ── DEPLOY TYPES GRID ── */
        .deploy-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; margin:20px 0; }
        .deploy-card { border-radius:12px; padding:20px 18px; border:2px solid var(--border); }
        .deploy-card.api     { border-color:var(--node);  background:var(--node-light); }
        .deploy-card.ssr     { border-color:#7c3aed;      background:#f5f3ff; }
        .deploy-card.rt      { border-color:var(--blue);  background:var(--blue-light); }
        .deploy-card.nowork  { border-color:var(--red);   background:var(--red-light); }
        .deploy-card .dc-icon { font-size:24px; margin-bottom:8px; display:block; }
        .deploy-card .dc-badge { display:inline-block; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; padding:2px 8px; border-radius:10px; margin-bottom:10px; }
        .deploy-card.api    .dc-badge { background:var(--node);  color:white; }
        .deploy-card.ssr    .dc-badge { background:#7c3aed;      color:white; }
        .deploy-card.rt     .dc-badge { background:var(--blue);  color:white; }
        .deploy-card.nowork .dc-badge { background:var(--red);   color:white; }
        .deploy-card h5 { font-size:14px; font-weight:700; margin-bottom:8px; }
        .deploy-card.api    h5 { color:var(--node-dark); }
        .deploy-card.ssr    h5 { color:#5b21b6; }
        .deploy-card.rt     h5 { color:var(--blue); }
        .deploy-card.nowork h5 { color:#991b1b; }
        .deploy-card p { font-size:12.5px; color:var(--text-light); margin:0; line-height:1.5; }

        /* ── TABLE ── */
        .comparison-table { 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); }
        .comparison-table thead tr { background:var(--node); color:white; }
        .comparison-table th { padding:13px 14px; text-align:left; font-weight:600; font-size:12.5px; letter-spacing:.3px; }
        .comparison-table td { padding:12px 14px; border-bottom:1px solid var(--border); vertical-align:top; font-size:13.5px; }
        .comparison-table tbody tr:nth-child(even) { background:#f8fafc; }
        .comparison-table tbody tr:hover { background:var(--node-light); }
        .comparison-table tbody tr:last-child td { border-bottom:none; }

        /* ── 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(--yellow); }
        .pros h5 { color:var(--green); margin-bottom:10px; font-size:14px; }
        .cons h5 { color:#92400e; 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(--yellow); font-weight:700; }

        /* ── PIANI ── */
        .piani-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin:24px 0; }
        .piano-card { border:2px solid var(--border); border-radius:10px; padding:22px 18px; transition:border-color .2s; }
        .piano-card:hover { border-color:var(--node); }
        .piano-card.no-go   { border-color:var(--red);   background:var(--red-light); }
        .piano-card.ok      { border-color:var(--yellow); background:var(--yellow-light); }
        .piano-card.best    { border-color:var(--node);  background:var(--node-light); }
        .piano-card.power   { border-color:#7c3aed;      background:#f5f3ff; }
        .piano-card .piano-name  { font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--text-light); margin-bottom:8px; }
        .piano-card .piano-price { font-size:28px; font-weight:800; font-family:'DM Serif Display',serif; margin-bottom:4px; }
        .piano-card.no-go   .piano-price { color:var(--red); }
        .piano-card.ok      .piano-price { color:#92400e; }
        .piano-card.best    .piano-price { color:var(--node); }
        .piano-card.power   .piano-price { color:#7c3aed; }
        .piano-card .piano-sub   { font-size:13px; color:var(--text-light); margin-bottom:14px; }
        .piano-card ul { list-style:none; padding:0; margin:0; }
        .piano-card ul li { font-size:13px; padding:5px 0 5px 20px; position:relative; border-bottom:1px solid rgba(0,0,0,.05); }
        .piano-card ul li:last-child { border-bottom:none; }
        .piano-card.no-go ul li::before { content:'✗'; position:absolute; left:0; color:var(--red); font-weight:700; }
        .piano-card.ok  ul li::before  { content:'⚠'; position:absolute; left:0; color:var(--yellow); font-weight:700; }
        .piano-card.best  ul li::before { content:'✓'; position:absolute; left:0; color:var(--node); font-weight:700; }
        .piano-card.power ul li::before { content:'✓'; position:absolute; left:0; color:#7c3aed; font-weight:700; }
        .piano-badge { display:inline-block; color:white; font-size:10px; font-weight:700; text-transform:uppercase; padding:2px 8px; border-radius:10px; margin-left:6px; vertical-align:middle; }
        .badge-node   { background:var(--node); }
        .badge-purple { background:#7c3aed; }
        .badge-red    { background:var(--red); }

        /* ── CODE ── */
        .code-block { background:#1e293b; color:#e2e8f0; border-radius:8px; padding:20px 24px; font-family:'Courier New',monospace; font-size:13px; line-height:1.8; margin:20px 0; overflow-x:auto; }
        .code-block .comment { color:#64748b; }
        .code-block .cmd     { color:#34d399; }
        .code-block .key     { color:#93c5fd; }
        .code-block .val     { color:#f59e0b; }
        .code-block .str     { color:#86efac; }
        .code-block .num     { color:#f9a8d4; }

        /* ── CTAs ── */
        .cta-buttons-group { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
        .cta-button { display:inline-flex; align-items:center; gap:8px; background:var(--node); color:white; text-decoration:none; padding:13px 24px; border-radius:8px; font-weight:700; font-size:14px; transition:all .2s; box-shadow:0 4px 14px rgba(104,160,99,.3); }
        .cta-button:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(104,160,99,.4); opacity:.95; }
        .cta-button.netsons { background:var(--primary); box-shadow:0 4px 14px rgba(232,68,51,.3); }
        .cta-button.netsons:hover { box-shadow:0 6px 20px rgba(232,68,51,.4); }
        .cta-button.blue { background:var(--blue); box-shadow:0 4px 14px rgba(15,76,129,.25); }
        .cta-button.blue:hover { box-shadow:0 6px 20px rgba(15,76,129,.35); }
        .cta-button.secondary { background:var(--white); color:var(--node); border:2px solid var(--node); box-shadow:none; }
        .cta-button.secondary:hover { background:var(--node-light); }

        /* ── HOSTING CARDS ── */
        .hosting-cards { display:flex; flex-direction:column; gap:20px; margin:24px 0; }
        .hosting-card { border:2px solid var(--border); border-radius:var(--radius); padding:24px 28px; transition:border-color .2s; }
        .hosting-card:hover { border-color:var(--blue); }
        .hosting-card.top-pick { border-color:var(--green); background:linear-gradient(135deg,#f0fdf4,#fff); }

        .badge { display:inline-block; padding:4px 12px; border-radius:20px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; margin-bottom:12px; }
        .badge-green  { background:var(--green);  color:white; }
        .badge-blue   { background:var(--blue);   color:white; }
        .badge-orange { background:var(--accent); color:white; }
        .badge-ngreen { background:var(--node);   color:white; }

        .hosting-card h3 { font-size:20px; margin:0 0 8px; color:var(--text); }
        .hosting-card .price { font-size:26px; font-weight:800; color:var(--blue); margin:8px 0; font-family:'DM Serif Display',serif; }
        .hosting-card .price span { font-size:14px; font-weight:500; color:var(--text-light); }

        .checklist { list-style:none!important; padding:0!important; }
        .checklist li { padding:10px 0 10px 32px!important; position:relative; border-bottom:1px solid #f1f5f9; }
        .checklist li:last-child { border-bottom:none; }
        .checklist li::before { content:'✓'; position:absolute; left:0; color:var(--green); font-weight:800; font-size:16px; }

        /* ── REVIEWS ── */
        .review-container { display:flex; flex-direction:column; gap:20px; }
        .review-card { background:var(--white); border-radius:var(--radius); padding:24px 28px; border-left:4px solid var(--node); box-shadow:0 2px 12px rgba(0,0,0,.05); }
        .review-header { margin-bottom:12px; }
        .review-header h4 { font-size:15px; font-weight:700; color:var(--text); }
        .review-rating { font-size:14px; color:var(--text-light); margin-top:4px; }
        .review-text { font-size:14.5px; line-height:1.7; margin-bottom:12px; font-style:italic; }
        .review-verdict { font-size:14px; font-weight:600; color:var(--node); }

        /* ── TOC ── */
        .toc-block { background:var(--node-light); border:1px solid #a7d8a4; border-radius:var(--radius); padding:28px 32px; margin:28px 0; }
        .toc-block h3 { color:var(--node-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-column h4 { font-size:13px; text-transform:uppercase; letter-spacing:.5px; color:var(--text-light); margin-bottom:10px; }
        .toc-column ul { list-style:none; padding:0; margin:0; }
        .toc-column ul li { margin-bottom:7px; }
        .toc-column ul li a { color:var(--node); text-decoration:none; font-size:14px; font-weight:500; }
        .toc-column ul li a:hover { text-decoration:underline; }

        /* ── CTA FINALE ── */
        .cta-finale { background:linear-gradient(135deg,#2d5a29,#68A063); border-radius:var(--radius); padding:48px 40px; text-align:center; color:white; margin-bottom:28px; }
        .cta-finale h2 { font-family:'DM Serif Display',serif; font-size:30px; font-weight:400; margin-bottom:16px; }
        .cta-finale p { font-size:16px; opacity:.9; max-width:600px; margin:0 auto 32px; }
        .cta-finale-buttons { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
        .cta-white   { background:white; color:var(--node); text-decoration:none; padding:14px 28px; border-radius:8px; font-weight:700; font-size:14px; transition:all .2s; display:inline-block; }
        .cta-white:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.2); }
        .cta-outline { background:transparent; color:white; text-decoration:none; padding:14px 28px; border-radius:8px; font-weight:700; font-size:14px; transition:all .2s; display:inline-block; border:2px solid rgba(255,255,255,.5); }
        .cta-outline:hover { background:rgba(255,255,255,.15); }

        [id] { scroll-margin-top:20px; }