/* LogicWeb 2026 design refresh (rc.123). Loaded last, only when Site design = 2026 refresh.
 * Same markup and features as before; this layer changes the look. */
body.lw-d26{--d26-forest:#22382a;--d26-green:#304e3b;--d26-gold:#b79453;--d26-gold-soft:#f6eedb;--d26-sage:#eef2e6;--d26-line:#dfe4d4;--d26-card:#fffefa;--d26-body:#4d5b46;--d26-muted:#687164;--radius:.75rem}

/* Type */
.lw-d26 h1,.lw-d26 h2{letter-spacing:-.8px}
.lw-d26 .eyebrow{font-size:12.5px;font-weight:700;letter-spacing:1.8px;color:#6f7d62}

/* Buttons */
.lw-d26 .button{gap:10px;min-height:50px;padding:0 22px;border-radius:12px;font-size:15px;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s}
.lw-d26 .button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #22382a26}
.lw-d26 .button-outline{background:#fff;border-color:#c9d3bb;color:var(--d26-forest)}
.lw-d26 .button-outline:hover{background:var(--d26-sage);box-shadow:none}
.lw-d26 .button-small{min-height:42px;padding:0 18px;font-size:14px}
.lw-d26 .text-link{font-weight:600}

/* Header */
.lw-d26 .topbar{background:var(--d26-forest);color:#cfd8c4}
.lw-d26 .topbar a{color:#e9ecdf}
.lw-d26 .header{background:#fbfaf5eb;border-bottom-color:transparent;transition:box-shadow .2s,border-color .2s}
.lw-d26 .header.is-scrolled{border-bottom-color:var(--d26-line);box-shadow:0 8px 24px #2a45310f}
.lw-d26 .desktop-nav>a,.lw-d26 .desktop-nav>div>button,.lw-d26 .desktop-nav .nav-trigger{font-weight:550}
.lw-d26 .lw-header-start{background:var(--d26-green);border-radius:11px}

/* Service page hero */
.lw-d26 .page-intro h1{font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-1.6px}
.lw-d26 .page-intro .lead{font-size:clamp(17px,1.4vw,19px);line-height:1.65;color:var(--d26-body)}

/* Section tabs: pill bar with the current section highlighted */
.lw-d26 .service-nav{background:#fbfaf5f2;backdrop-filter:blur(14px);border-block:1px solid var(--d26-line)}
.lw-d26 .service-nav-links{gap:6px}
.lw-d26 .service-nav a{border-radius:999px;padding:8px 16px;font-weight:550;color:#46543f;transition:background .15s,color .15s}
.lw-d26 .service-nav a:hover{background:var(--d26-sage);color:var(--d26-forest)}
.lw-d26 .service-nav a[aria-current]{background:var(--d26-green);color:#fff}

/* Bands & sections */
.lw-d26 .band-tint{background:#f2f3eb}
.lw-d26 .band-heading h2,.lw-d26 .faq-heading h2{font-size:clamp(30px,3.2vw,42px)}

/* Plan cards (web, WordPress, reseller, VPS, dedicated) */
.lw-d26 .plan-grid>article,.lw-d26 .plan-grid>.plan-card{border:1px solid var(--d26-line);border-radius:22px;background:#fff;transition:transform .2s,box-shadow .2s}
.lw-d26 .plan-grid>article:hover{transform:translateY(-3px);box-shadow:0 18px 40px #2a45311a}
.lw-d26 .plan-grid>article.featured,.lw-d26 .plan-grid>article.is-featured,.lw-d26 .plan-grid>article.popular{border-color:var(--d26-green);box-shadow:0 0 0 2px #304e3b26,0 18px 40px #2a45311a}
.lw-d26 .plan-price{letter-spacing:-1.2px}
.lw-d26 .billing-switch{padding:4px;border-radius:12px;background:#edf0e5;border:1px solid #e0e4d6}
.lw-d26 .billing-switch button{border-radius:9px!important}
.lw-d26 .billing-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #203c2c14}

/* Tables (IP pricing, comparisons, resource limits) */
.lw-d26 .table-wrap,.lw-d26 .ip-pricing-wrap,.lw-d26 .resource-limits-table-wrap{border:1px solid var(--d26-line);border-radius:18px;background:#fff;overflow:auto}
.lw-d26 table thead th{background:#f4f6ee;font-size:12.5px;letter-spacing:1.2px;text-transform:uppercase;color:#6f7d62}
.lw-d26 table tbody tr{transition:background .15s}
.lw-d26 table tbody tr:hover{background:#fafbf6}
.lw-d26 .ip-tabs .tab-controls{padding:4px;border-radius:14px;background:#edf0e5;border:1px solid #e0e4d6}
.lw-d26 .ip-tabs .tab-controls button{border-radius:10px}
.lw-d26 .ip-tabs .tab-controls button[aria-selected=true]{background:#fff;box-shadow:0 1px 4px #203c2c14}

/* FAQ */
.lw-d26 .faq-list details{margin-bottom:10px;padding:4px 22px;border:1px solid var(--d26-line);border-radius:14px;background:#fff;transition:box-shadow .15s}
.lw-d26 .faq-list details[open]{box-shadow:0 10px 26px #2a45310d}
.lw-d26 .faq-list summary{padding:16px 0;font-weight:600;font-size:16.5px}

/* Forms */
.lw-d26 input[type=text],.lw-d26 input[type=email],.lw-d26 input[type=search],.lw-d26 input[type=tel],.lw-d26 input[type=url],.lw-d26 select,.lw-d26 textarea{border-radius:11px}
.lw-d26 input:focus-visible,.lw-d26 select:focus-visible,.lw-d26 textarea:focus-visible{outline:2px solid #6b8456;outline-offset:1px}

/* Site-wide final call to action */
.lw-d26 .final-cta{border-radius:26px;background:var(--d26-gold-soft);border:1px solid #e6d6ae;color:var(--d26-forest)}
.lw-d26 .final-cta h2{color:var(--d26-forest)}
.lw-d26 .final-cta .button-cream{background:var(--d26-green);border-color:var(--d26-green);color:#fff}

/* Footer */
.lw-d26 .footer{background:var(--d26-forest);color:#cfd8c4}
.lw-d26 .footer a{color:#dfe5d4}
.lw-d26 .footer a:hover{color:#fff}
.lw-d26 .footer h3,.lw-d26 .footer .brand{color:#fff}
.lw-d26 .footer .brand-dot{color:var(--d26-gold)}
.lw-d26 .footer-bottom{border-top-color:#3d5e43;color:#b9c6a3}
.lw-d26 .network-projects{border-bottom:1px solid #3d5e43}
.lw-d26 .network-projects h2,.lw-d26 .network-projects .eyebrow{color:#fff}
.lw-d26 .network-projects .eyebrow{color:#d9c08a}
.lw-d26 .network-projects p{color:#cfd8c4}
.lw-d26 .network-project-card{background:#2c4636;border-color:#3d5e43;color:#e9ecdf;border-radius:16px}
.lw-d26 .network-project-card small{color:#b9c6a3}
.lw-d26 .network-projects-cta{background:transparent;border-color:#4d6b55;color:#fff}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){.lw-d26 .button,.lw-d26 .plan-grid>article{transition:none}.lw-d26 .button:hover,.lw-d26 .plan-grid>article:hover{transform:none}}
.lw-d26 .service-nav a[aria-current]{border-bottom:0!important;box-shadow:none!important;text-decoration:none}
.lw-d26 .service-nav a::after,.lw-d26 .service-nav a::before{display:none!important}
.lw-d26 .service-nav .service-nav-links{box-shadow:none;border-bottom:0}
.lw-d26 .service-nav-indicator,.lw-d26 .service-nav [data-nav-indicator]{display:none!important}
/* Reading-progress bar under the section tabs: keep it, make it read as progress */
.lw-d26 .reading-progress{height:3px!important;background:var(--d26-gold)!important;border-radius:0 3px 3px 0}

/* ===== rc.124 ===== */
/* Header contrast: the top bar is dark now, so its text and the Get Started button must be light */
.lw-d26 .topbar,.lw-d26 .topbar *,.lw-d26 .topbar-since{color:#dfe5d4}
.lw-d26 .topbar a:hover{color:#fff}
.lw-d26 .lw-header-start,.lw-d26 .lw-header-start:visited{color:#fff!important}
.lw-d26 .lw-header-start svg{color:#fff;stroke:currentColor}
.lw-d26 .lw-header-start:hover{background:var(--d26-forest)!important;color:#fff!important}

/* Service page heroes (IP, VPS, Dedicated) */
.d26h{padding:clamp(48px,6vw,84px) 0 clamp(44px,5vw,72px);background:radial-gradient(900px 460px at 88% 10%,#eef3e4 0,transparent 62%),radial-gradient(600px 360px at 0% 100%,#f6eedb 0,transparent 65%)}
.d26h-dark{background:var(--d26-forest,#22382a);color:#e9ecdf}
.d26h-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,64px);align-items:center}
.d26h-kicker{margin:0;font-size:12.5px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#6f7d62}
.d26h-dark .d26h-kicker{color:#d9c08a}
.d26h h1{margin:16px 0 20px;font-family:var(--font-heading);font-weight:500;font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-1.6px;color:#22382a}
.d26h h1 em{font-style:italic;color:#8a6a2e}
.d26h-dark h1{color:#fff}.d26h-dark h1 em{color:#ffd98a}
.d26h-lead{max-width:560px;margin:0 0 28px;font-size:clamp(17px,1.4vw,19px);line-height:1.65;color:#4d5b46}
.d26h-dark .d26h-lead{color:#cfd8c4}
.d26h-actions.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 26px;padding:0;width:auto}
.d26h-actions .button{min-height:54px;padding:0 24px;font-size:16.5px}
.d26h-btn-gold{background:#b79453!important;border-color:#b79453!important;color:#fff!important}
.d26h-btn-ghost{background:transparent!important;border:1px solid #4d6b55!important;color:#fff!important}
.d26h-chips{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;font-size:14.5px;color:#cfd8c4}
.d26h-chips li::before{content:"✓ ";color:#b9d59a}
.d26h-chips-light{color:#4d5b46}.d26h-chips-light li::before{color:#3f6234}
.d26h-card{padding:28px;border:1px solid #dfe4d4;border-radius:22px;background:#fbfaf5;color:#283e32;box-shadow:0 30px 70px #2a453124}
.d26h-dark .d26h-card{box-shadow:0 30px 70px #00000066;border-color:transparent}
.d26h-card-dark{background:#22382a;color:#e9ecdf;border-color:#22382a}
.d26h-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.d26h-k{font-size:12.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#6f7d62}
.d26h-k-gold{margin:0;color:#d9c08a}
.d26h-card-sub{margin:4px 0 18px;font-size:14px;color:#cfd8c4}
.d26h-pill{padding:4px 10px;border-radius:999px;background:#e6efdb;color:#3f6234;font-size:12.5px;font-weight:700}
.d26h-pill-dark{background:#3d5e43;color:#e9d7a6}
.d26h-card-title{margin:18px 0 4px;font-family:var(--font-heading);font-size:44px;letter-spacing:-1px}
.d26h-muted{font-size:15px;color:#687164}
.d26h-price{display:flex;align-items:baseline;gap:6px;margin:18px 0}
.d26h-price strong{font-size:44px;letter-spacing:-1.5px}
.d26h-price span{color:#687164}
.d26h-list{margin:0 0 20px;padding:16px 0 0;list-style:none;border-top:1px dashed #dfe4d4;display:flex;flex-direction:column;gap:9px;font-size:14.5px}
.d26h-list li::before{content:"✓ ";color:#3f6234;font-weight:700}
.d26h-full{width:100%;justify-content:center;min-height:50px}
.d26h-fine{margin:10px 0 0;font-size:12.5px;color:#687164;text-align:center}
.d26h-cities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.d26h-cities a{display:flex;flex-direction:column;gap:2px;min-height:62px;padding:12px 14px;border:1px solid #3d5e43;border-radius:12px;background:#2c4636;color:#e9ecdf;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
.d26h-cities a:hover,.d26h-cities a:focus-visible{background:#fbfaf5;border-color:#fbfaf5;color:#22382a;transform:translateY(-1px)}
.d26h-cities strong{font-size:16px}
.d26h-cities span{font-size:12.5px;opacity:.8}
.d26h-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid #3d5e43;font-size:14.5px;color:#cfd8c4}
.d26h-card-foot .button{min-height:44px;padding:0 18px}
.d26h-sku{font-size:18px;color:#fff}
.d26h-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
.d26h-specs div{padding:12px;border-radius:11px;background:#2c4636;display:flex;flex-direction:column;gap:2px}
.d26h-specs strong{font-size:18px;color:#fff}
.d26h-specs span{font-size:12.5px;color:#b9c6a3}
.d26h-price-dark strong{font-size:30px;color:#ffd98a}
.d26h-card-dark .d26h-full{margin-top:16px}
.lw-d26 .d26h + .lw-trusted{margin-top:0}

/* "Included" grid → cards, like the mockups */
.lw-d26 .detail-grid>article{padding:24px;border:1px solid var(--d26-line);border-radius:18px;background:#fff;transition:transform .2s,box-shadow .2s}
.lw-d26 .detail-grid>article:hover{transform:translateY(-3px);box-shadow:0 16px 36px #2a45311a}
.lw-d26 .detail-grid>article h3{font-family:var(--font-body);font-weight:650;font-size:17px}
.lw-d26 .detail-grid>article p{color:var(--d26-muted)}

@media(max-width:900px){.d26h-grid{grid-template-columns:1fr}.d26h-card{max-width:560px}}
@media(max-width:520px){.d26h-cities{grid-template-columns:1fr 1fr}.d26h-card{padding:22px}.d26h-card-title{font-size:36px}}
