/* Minimal site-wide styles extracted from header partial */
:root { --brand:#1f3a5f; --ink:#0f172a; --muted:#64748b; --soft:#f1f5f9; --primary:#2563eb; }
*{box-sizing:border-box}
body { margin:0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; color:var(--ink); background:#fff; }
.container{ max-width:1080px; margin:0 auto; padding:0 16px; }
.navbar{ position:sticky; top:0; z-index:20; backdrop-filter:saturate(180%) blur(6px); background:rgba(255,255,255,.75); padding-top:30px; margin-bottom:10px; }
.nav-wrap{ display:flex; align-items:center; justify-content:space-between; min-height:64px; }
.brand{ font-weight:700; letter-spacing:.2px; color:var(--brand); font-size:2rem; line-height:1.2; }
.nav a{ color:#334155; text-decoration:none; margin-left:16px; padding:8px 10px; border-radius:6px;}
.nav a.active, .nav a:hover{ background:#e2e8f0; }
.hero{ background:linear-gradient(180deg,#0b2447 0%, #1f3a5f 100%); color:#fff; padding:72px 0 56px; }
.btn{ display:inline-block; padding:10px 16px; border-radius:8px; text-decoration:none; font-weight:600; border:1px solid transparent; }
.btn-primary{ background:var(--primary); color:#fff; border-color:var(--primary); }
.section{ padding:40px 0; }
.card{ background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:20px; box-shadow:0 1px 2px rgba(0,0,0,.04); }
footer{ margin-top:1px; border-top:1px solid #e2e8f0; background:#fff; }
.footer-inner{ padding:40px 0; font-size:13px; color:#475569; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.badge{ display:inline-block; padding:6px 10px; border:1px solid #dbe2ea; background:#ffffff; color:#475569; border-radius:999px; font-size:12px; }
.hint{ color:#6c757d; font-size:14px; }
.tag { display:inline-block; padding:2px 8px; border-radius:999px; font-size:12px; background:#eef2ff; color:#3730a3; border:1px solid #e0e7ff; }
/* Pricing section */
.section-head{ text-align:center; margin:0 auto 14px; max-width:720px; }
.section-head .eyebrow{ display:inline-block; font-size:12px; letter-spacing:.12em; color:#64748b; text-transform:uppercase; margin-bottom:6px; }
.plans-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
.plan{ 
    background:#fff; 
    border:1px solid #e2e8f0; 
    border-radius:12px; 
    padding:18px; 
    box-shadow:0 1px 2px rgba(0,0,0,.04); 
    position: relative;
}
.plan.featured {
    border-color: #2563eb;
    box-shadow: 0 4px 8px rgba(37, 99, 235, 0.1);
    transform: scale(1.02);
}
.popular-badge {
    position: absolute;
    top: -8px;
    right: 16px;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: white;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(37, 99, 235, 0.3);
}
.plan .desc{ color:#475569; margin:6px 0 10px; }
.plan .price{ font-weight:800; color:#0f172a; margin:8px 0; }
.original-price {
    font-size: 12px;
    color: #6b7280;
    text-decoration: line-through;
    margin-left: 8px;
}
.trial-info {
    margin-top: 12px;
    text-align: center;
    padding: 8px;
    background: #f0fdf4;
    border-radius: 6px;
    border: 1px solid #bbf7d0;
}
.btn-outline-blue{ background:#fff; color:#2563eb; border:1px solid #cfe2ff; }
.btn-outline-blue:hover{ background:#e7f1ff; }