/* /windows-vps/ (EN) sections: workspace hero panel, RAM scale, 24-hour lanes, use-case bento, 180-day license bar,
   Windows/Linux table, dark location cards and RDP steps.
   Markup: includes/frontend/templates/service-windowsen-sections.php. Shared parts: service-sections.css. */
.svc-windowsen{--we-mint:#95f2ab;--we-ink:#101b15;--we-ok:#14803c}
.svc-windowsen .svc-we-ok{color:var(--we-ok)}
.svc-page .svc-we-soft{background:#f5f6f3}
.svc-we-head{max-width:760px;margin-bottom:34px}
.svc-we-head>p:not(.svc-eyebrow){margin:14px 0 0;font-size:15px;line-height:1.8;color:var(--svc-muted)}
.svc-we-green{color:var(--we-ok)}
.svc-final-sub{display:block;color:#9b9b96}
.svc-faq-more{margin:18px 0 0;font-size:13px;color:var(--svc-muted)}
.svc-faq-more a{color:var(--we-ok)}

/* Hero workspace panel (replaces the shared Windows hero window on this page only) */
.svc-we-hero{position:relative;padding:18px 0 34px}
.svc-we-session{position:absolute;top:0;right:16px;z-index:1;margin:0;padding:6px 12px;border:1px solid #d6dfd3;border-radius:999px;background:#fff;font:600 9px/1.4 'JetBrains Mono',monospace;letter-spacing:.06em}
.svc-we-shell{border:1px solid #d6dfd3;border-radius:14px;background:#fafbf9;box-shadow:0 18px 50px #0000000a;overflow:hidden}
.svc-we-bar{display:flex;justify-content:space-between;gap:10px;margin:0;padding:13px 16px;border-bottom:1px solid #e3e8e0;font:10px/1.4 'JetBrains Mono',monospace;color:#6b6b68}
.svc-we-live{color:var(--we-ok);font-weight:600}
.svc-we-live::before{content:'';display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:1px}
.svc-we-pane{margin:12px;border:1px solid #e3e8e0;border-radius:10px;background:#fff;overflow:hidden}
.svc-we-pane-head{display:flex;justify-content:space-between;margin:0;padding:11px 14px;border-bottom:1px solid #eef1ec;font-size:12px}
.svc-we-pane-head strong{font-weight:600}
.svc-we-pane-head span{font:11px 'JetBrains Mono',monospace}
.svc-we-chart{display:block;width:100%;height:92px}
.svc-we-tasks{margin:0;padding:0;list-style:none;font:10px/1.4 'JetBrains Mono',monospace}
.svc-we-tasks li{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:8px;padding:9px 14px;border-top:1px solid #eef1ec}
.svc-we-tasks li:first-child{border-top:0}
.svc-we-tasks li span:nth-child(2){color:#6b6b68}
.svc-we-tasks li span:last-child{text-align:right}
.svc-we-timer{position:absolute;left:-18px;bottom:0;display:flex;align-items:center;gap:10px;margin:0;padding:11px 18px;border-radius:10px;background:var(--we-ink);color:var(--we-mint)}
.svc-we-timer span{display:grid;font-size:10px;color:#cfd8d1}
.svc-we-timer strong{font-size:17px;color:#fff}

/* RAM scale inside the plan finder */
.svc-we-scale{margin-top:24px;padding-top:20px;border-top:1px solid #e3e8e0}
.svc-we-scale ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none}
.svc-we-scale li{display:grid;gap:3px;padding:14px 8px;border:1px solid #e0e4dd;border-radius:10px;background:#f7f8f6;text-align:center;transition:background .15s,border-color .15s}
.svc-we-scale li strong{font-size:18px}
.svc-we-scale li span{font-size:11px;color:#6b6b68}
.svc-we-scale li.is-pick{background:var(--we-mint);border-color:var(--we-mint)}
.svc-we-scale li.is-pick span{color:#14301f;font-weight:600}

/* Always on: 24-hour lanes + four cards */
.svc-we-day{padding:24px 26px 26px;border:1px solid #e0e4dd;border-radius:16px;background:#fff}
.svc-we-hours{display:flex;justify-content:space-between;margin:0 0 14px;font:10px 'JetBrains Mono',monospace;color:#6b6b68}
.svc-we-lane+.svc-we-lane{margin-top:18px}
.svc-page .svc-we-lane h3{margin:0 0 8px;font-size:13px;font-weight:600}
.svc-we-lane p{margin:7px 0 0;font-size:12px;color:#6b6b68}
.svc-we-lane p.svc-we-ok{font-weight:600;color:var(--we-ok)}
.svc-we-track{display:block;height:18px;border-radius:5px;overflow:hidden}
.svc-we-track.is-pc{background:repeating-linear-gradient(-45deg,#e6e6e3 0 6px,#f6f6f4 6px 12px)}
.svc-we-track.is-pc i{display:block;height:100%;margin-left:33.3%;width:62.5%;background:#d7d8d3}
.svc-we-track.is-vps{background:var(--we-mint)}
.svc-we-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 0;padding:0;list-style:none}
.svc-we-cards li{padding:22px;border:1px solid #e0e4dd;border-radius:14px;background:#fff}
.svc-we-cards .svc-feature-index{color:var(--we-ok)}
.svc-page .svc-we-cards h3{margin:12px 0 8px;font-size:16px}
.svc-we-cards p{margin:0;font-size:13px;line-height:1.75;color:var(--svc-muted)}

/* Use cases: one large card + five cards */
.svc-we-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.svc-we-use{display:flex;flex-direction:column;padding:24px;border:1px solid #e0e4dd;border-radius:14px;background:#f7f8f6}
.svc-we-use>div{display:flex;flex-direction:column;height:100%}
.svc-page .svc-we-use h3{margin:0 0 10px;font-size:17px}
.svc-we-use p{margin:0 0 14px;font-size:13px;line-height:1.75;color:var(--svc-muted)}
.svc-we-start{margin-top:auto;font-size:13px;font-weight:650;color:var(--we-ok);text-decoration:none}
.svc-we-start:hover{text-decoration:underline}
.svc-we-use.is-lead{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:40px 32px;border-color:var(--we-ink);background:var(--we-ink);color:#fff}
.svc-page .svc-we-use.is-lead h3{font-size:24px;color:#fff}
.svc-we-use.is-lead p{color:#c9d2cb;font-size:14px}
.svc-we-use.is-lead .svc-we-start{color:var(--we-mint)}
.svc-we-use p.svc-we-badge{align-self:flex-start;margin:0 0 14px;padding:4px 10px;border-radius:999px;background:var(--we-mint);font:600 9px/1.4 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#14301f}
.svc-we-desk{width:100%;height:auto;max-height:170px}

/* License: 180-day bar, three steps, two cards */
.svc-we-license{padding:28px 30px;border:1px solid #d6dfd3;border-radius:16px;background:#fff}
.svc-we-term{height:10px;border-radius:999px;background:#1f7345;overflow:hidden}
.svc-we-term span{display:block;width:83.3%;height:100%;background:var(--we-mint)}
.svc-we-days{position:relative;height:16px;margin:10px 0 0;font:600 10px 'JetBrains Mono',monospace;color:#6b6b68;text-transform:uppercase}
.svc-we-days span{position:absolute;top:0;transform:translateX(-50%)}
.svc-we-days span:nth-child(1){left:0;transform:none}
.svc-we-days span:nth-child(2){left:50%}
.svc-we-days span:nth-child(3){left:83.3%}
.svc-we-days span:nth-child(4){right:0;transform:none;color:var(--we-ok)}
.svc-we-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:26px 0 0;padding:0;list-style:none}
.svc-we-steps li>span{font-size:26px;font-weight:700;color:var(--we-ok)}
.svc-page .svc-we-steps h3{margin:8px 0 6px;font-size:16px}
.svc-we-steps p,.svc-we-pair p{margin:0;font-size:13px;line-height:1.75;color:var(--svc-muted)}
.svc-we-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.svc-we-pair>div{padding:22px 24px;border:1px solid #d6dfd3;border-radius:14px;background:#fff}
.svc-page .svc-we-pair h3{margin:0 0 8px;font-size:15px}

/* Windows or Linux table */
.svc-we-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e0e4dd;border-radius:14px;overflow:hidden;font-size:14px}
.svc-we-table th,.svc-we-table td{padding:16px 20px;border-top:1px solid #e9ece6;text-align:left;vertical-align:top}
.svc-we-table thead th,.svc-we-table thead td{border-top:0;background:#f7f8f6;font-weight:650}
.svc-we-table thead th.is-win{background:var(--we-ink);color:#fff}
.svc-we-table thead a{color:#111}
.svc-we-table tbody th{width:22%;font-weight:600;color:#5d5d5a}
.svc-we-table td.is-win{background:#f1f6ef}

/* Dark locations */
.svc-page .svc-we-dark{background:var(--we-ink);color:#fff;border-top-color:var(--we-ink)}
.svc-we-dark .svc-eyebrow{color:var(--we-mint)}
.svc-we-dark h2{color:#fff}
.svc-we-dark .svc-we-head>p:not(.svc-eyebrow){color:#c9d2cb}
.svc-we-cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.svc-we-cities article{padding:24px;border:1px solid #2a3a30;border-radius:14px}
.svc-we-pin{display:block;width:34px;height:34px;border:1px solid #3b5244;border-radius:50%;background:radial-gradient(circle,var(--we-mint) 0 5px,transparent 6px)}
.svc-we-port{margin:16px 0 6px;font:600 10px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--we-mint)}
.svc-page .svc-we-cities h3{margin:0 0 10px;font-size:18px;color:#fff}
.svc-we-cities article>p:last-child{margin:0;font-size:13px;line-height:1.75;color:#c9d2cb}
.svc-we-ping{margin:24px 0 0;font-size:13px;color:#e2e8e3}
.svc-we-ping a{color:var(--we-mint)}

/* RDP steps */
.svc-we-connect{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.svc-we-connect li{padding:24px;border:1px solid #e0e4dd;border-radius:14px;background:#fff}
.svc-we-connect li>span{font-size:30px;font-weight:700;color:var(--we-ok)}
.svc-page .svc-we-connect h3{margin:8px 0 8px;font-size:17px}
.svc-we-connect p{margin:0;font-size:13px;line-height:1.7;color:var(--svc-muted)}
.svc-we-connect li.is-run{background:var(--we-ink);border-color:var(--we-ink)}
.svc-we-connect li.is-run>span{color:var(--we-mint)}
.svc-we-connect li.is-run h3{color:#fff}
.svc-we-connect li.is-run p{color:#c9d2cb}
.svc-we-connect code{display:block;margin-top:12px;padding:12px 14px;border:1px solid #2a3a30;border-radius:8px;background:#0a0f0c;font:12px 'JetBrains Mono',monospace;color:#fff;overflow-wrap:anywhere}
.svc-we-connect code span{color:var(--we-mint)}
.svc-we-devices{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 0;font-size:13px}
.svc-we-devices strong{margin-right:6px}
.svc-we-devices span{padding:7px 14px;border:1px solid #e0e4dd;border-radius:999px;background:#fff;font-size:12px;font-weight:600}

.svc-windowsen a:focus-visible{outline:2px solid #1f7345;outline-offset:3px}
.svc-we-dark a:focus-visible{outline-color:var(--we-mint)}

@media(max-width:1000px){
.svc-we-cards{grid-template-columns:1fr 1fr}
.svc-we-uses{grid-template-columns:1fr 1fr}
.svc-we-use.is-lead{grid-template-columns:1fr;gap:24px}
.svc-we-cities,.svc-we-connect{grid-template-columns:1fr}
}
@media(max-width:760px){
.svc-we-timer{left:10px}
.svc-we-scale ol{grid-template-columns:1fr 1fr}
.svc-we-day{padding:18px}
.svc-we-cards,.svc-we-uses,.svc-we-steps,.svc-we-pair{grid-template-columns:1fr}
.svc-we-use.is-lead{padding:26px 22px}
.svc-we-license{padding:22px 18px}
.svc-we-steps{gap:20px}
.svc-we-table{font-size:13px;min-width:560px}
.svc-we-table th,.svc-we-table td{padding:13px 14px}
.svc-we-head>p:not(.svc-eyebrow){font-size:14px}
.svc-we-days{font-size:9px}
.svc-we-days span:nth-child(2){display:none}
.svc-we-days span:nth-child(3){transform:translateX(-100%);margin-left:-8px}
}