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

.hero-panel {
    display: grid;
    gap: 12px;
    padding: 22px;
    border-radius: 22px;
    background: var(--surface);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-lg);
}
.hp-row { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border-radius: 14px; background: var(--bg); }
.hp-row b { display: block; }
.hp-row small { color: var(--muted); font-size: .9rem; }
.hp-ico { font-size: 26px; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px;
          background: color-mix(in srgb, var(--ac) 12%, transparent); flex: none; }
@media (max-width: 900px) { .hero-panel { display: none; } }

/* Ultrazon spotlight: Ultrazon's own navy and yellow */
.ultrazon {
    background: radial-gradient(900px 420px at 90% 0%, rgba(255, 212, 0, .20), transparent 60%),
                linear-gradient(135deg, #0f1b33 0%, #142a52 55%, #0f1b33 100%);
    color: #eef2fb;
}
.ultrazon h2 { color: #fff; }
.uz-word { color: #ffd400; }
.uz-head { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; margin-bottom: 38px; }
.uz-lead { font-size: clamp(1.05rem, 2vw, 1.22rem); color: #c9d3ea; max-width: 44em; }
.uz-badge { display: inline-block; font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
            color: #0f1b33; background: #ffd400; padding: 4px 12px; border-radius: 999px; margin-bottom: 14px; }
.uz-btn { background: #ffd400; color: #0f1b33; box-shadow: 0 8px 24px rgba(255, 212, 0, .3); }
.uz-cart { font-size: clamp(70px, 12vw, 140px); filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .4)); }
.uz-grid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.uz-feature { padding: 22px; border-radius: 16px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); }
.uz-feature h3 { color: #fff; margin-top: 8px; }
.uz-feature p { color: #c9d3ea; margin: 0; }
.uz-ico { font-size: 28px; }
@media (max-width: 640px) { .uz-head { grid-template-columns: 1fr; } .uz-cart { display: none; } }

/* GitBusiness plans */
.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; }
.plans-note { text-align: center; margin-top: 26px; }

/* our websites */
.site-card { display: flex; flex-direction: column; color: var(--text); transition: transform .18s, box-shadow .18s; }
.site-card:hover { text-decoration: none; transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.site-card p { color: var(--muted); flex: 1; }
.sc-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.sc-ico { font-size: 28px; }
.sc-kind { font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.sc-go { font-weight: 700; color: var(--ac); }
.more-card { display: flex; flex-direction: column; color: var(--text); border-top: 4px solid var(--co); }
.more-card:hover { text-decoration: none; box-shadow: var(--shadow-lg); }
.more-card p { color: var(--muted); flex: 1; }
.more-card .sc-go { color: var(--co); }
.more-card .icon-bubble { background: color-mix(in srgb, var(--co) 14%, transparent); }