/* site.css -- LinuxBusinessEnterprise.com only (company.css is the shared look). */

.svc-strip { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 36px; }
.svc-strip span { padding: 8px 14px; border-radius: 999px; background: var(--surface); border: 1px solid var(--border);
                  font-weight: 600; font-size: .92rem; box-shadow: var(--shadow); }

.svc-card { display: flex; flex-direction: column; color: var(--text); transition: transform .18s, box-shadow .18s; }
.svc-card:hover { text-decoration: none; transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.svc-card p { color: var(--muted); flex: 1; }
.svc-go { font-weight: 700; color: var(--ac); }

.svc-hero .crumb { display: inline-block; font-weight: 700; margin-bottom: 22px; }
.svc-title { display: flex; gap: 22px; align-items: center; }
.svc-big { flex: none; width: 92px; height: 92px; border-radius: 24px; display: grid; place-items: center; font-size: 50px;
           background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow-lg); }
.svc-title h1 { margin: 0; font-size: clamp(1.8rem, 4.4vw, 3rem); }
.svc-intro { margin-top: 26px; }
@media (max-width: 600px) { .svc-title { flex-direction: column; align-items: flex-start; } .svc-big { width: 72px; height: 72px; font-size: 38px; } }

.feat-grid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.feat { padding: 22px 22px 18px; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border);
        border-left: 4px solid var(--ac); }
.feat h3 { margin-bottom: 6px; }
.feat p { margin: 0; }

.sdlc { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.sdlc-step { position: relative; padding: 22px; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); }
.sdlc-n { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; margin-bottom: 12px;
          font-weight: 800; color: #fff; background: var(--ac); }
html.theme-dark .sdlc-n { color: #0d1017; }
.sdlc-step h3 { margin-bottom: 6px; }
.sdlc-step p { margin: 0; }

.price-box { display: flex; gap: 18px; align-items: center; border-left: 5px solid var(--ac); }
.price-box .icon-bubble { margin: 0; flex: none; }
.price-line { font-size: 1.2rem; font-weight: 700; margin: 0; }
.soon-card h3 { margin-top: 10px; }

.plan { position: relative; display: flex; flex-direction: column; }
.plan.popular { border: 2px solid var(--ac); box-shadow: var(--shadow-lg); }
.plan-tag { position: absolute; top: -13px; right: 18px; background: var(--ac); color: #fff; font-size: .75rem;
            font-weight: 800; padding: 4px 12px; border-radius: 999px; }
html.theme-dark .plan-tag { color: #0d1017; }
.plan-level { font-size: .8rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ac); }
.plan-price { font-size: 2.3rem; font-weight: 800; letter-spacing: -0.02em; }
.plan-price span { font-size: 1rem; font-weight: 600; color: var(--muted); }
.plan-storage { font-weight: 700; margin-bottom: 14px; }
.plan .ticks { flex: 1; }
.plan-btn { justify-content: center; }