/* ===== Subpage Styles ===== */
.navbar.subpage-nav{
    background:rgba(255,255,255,.85);
    backdrop-filter:blur(20px);
    border-bottom:1px solid var(--border);
    position:sticky;top:0;z-index:100;
}
.page-header{
    padding:80px 0 60px;
    background:linear-gradient(135deg,#f7f8fc 0%,#eef2ff 100%);
    text-align:center;
}
.page-header .breadcrumb{
    display:flex;justify-content:center;gap:8px;font-size:.875rem;color:var(--text-light);margin-bottom:16px;
}
.page-header .breadcrumb a{color:var(--primary);text-decoration:none}
.page-header h1{
    font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin:0 0 12px;line-height:1.2;
}
.page-header p{font-size:1.0625rem;color:var(--text-light);max-width:720px;margin:0 auto;line-height:1.7}

/* Profile page */
.profile-grid{
    display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start;
}
.profile-main h2{
    font-size:1.625rem;font-weight:700;margin:32px 0 16px;color:var(--text);letter-spacing:-.5px;
}
.profile-main h2:first-child{margin-top:0}
.profile-main p{font-size:1rem;color:var(--text-light);line-height:1.9;margin-bottom:16px}
.profile-main strong{color:var(--primary)}
.values-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 32px;
}
.value-item{
    padding:24px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
}
.value-item h3{font-size:1.0625rem;font-weight:700;color:var(--text);margin:0 0 8px}
.value-item p{font-size:.875rem;color:var(--text-light);line-height:1.7;margin:0}

.timeline{position:relative;padding-left:32px;margin:24px 0 32px;border-left:2px solid var(--border)}
.timeline-item{position:relative;padding-bottom:24px}
.timeline-item:before{
    content:"";position:absolute;left:-39px;top:4px;width:14px;height:14px;border-radius:50%;
    background:var(--primary);border:3px solid #fff;box-shadow:0 0 0 1px var(--primary);
}
.timeline-year{font-size:.875rem;font-weight:700;color:var(--primary);margin-bottom:4px;letter-spacing:1px}
.timeline-content h4{font-size:1.0625rem;font-weight:700;margin:0 0 4px;color:var(--text)}
.timeline-content p{font-size:.875rem;color:var(--text-light);margin:0;line-height:1.6}

.profile-aside .cert-card{
    background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
    padding:24px;margin-bottom:16px;
}
.profile-aside .cert-card h3{font-size:1.0625rem;font-weight:700;margin:0 0 16px;color:var(--text)}
.cert-list{list-style:none;padding:0;margin:0}
.cert-list li{
    display:flex;justify-content:space-between;gap:16px;padding:10px 0;
    border-bottom:1px dashed var(--border);font-size:.875rem;
}
.cert-list li:last-child{border-bottom:none}
.cert-list .cert-key{color:var(--text-light);flex-shrink:0}
.cert-list .cert-val{color:var(--text);font-weight:600;text-align:right;word-break:break-all}
.cert-list .cert-val a{color:var(--primary);text-decoration:none}
.cert-list .cert-val a:hover{text-decoration:underline}
.cert-tip{font-size:.8125rem;color:var(--text-light);background:#f7f8fc;padding:12px;border-radius:8px;line-height:1.6;margin-top:16px}

/* Products page */
.products-anchor{
    display:flex;flex-wrap:wrap;gap:8px;padding:16px;background:#f7f8fc;
    border-radius:var(--radius-lg);margin-bottom:48px;justify-content:center;
}
.products-anchor a{
    padding:8px 16px;border-radius:8px;background:#fff;color:var(--text);
    text-decoration:none;font-size:.875rem;border:1px solid var(--border);
    transition:all .25s ease;
}
.products-anchor a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}

.product-section{
    margin-bottom:64px;padding-bottom:48px;border-bottom:1px solid var(--border);
}
.product-section:last-child{border-bottom:none}
.product-section-head{
    display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap;
}
.product-section-num{
    display:inline-flex;align-items:center;justify-content:center;
    width:40px;height:40px;border-radius:10px;background:var(--gradient);color:#fff;
    font-weight:800;font-size:.875rem;
}
.product-section-head h2{font-size:1.625rem;font-weight:700;margin:0;color:var(--text);letter-spacing:-.5px}
.product-section-tag{
    padding:4px 12px;border-radius:20px;background:rgba(0,82,255,.08);
    color:var(--primary);font-size:.8125rem;font-weight:600;
}
.product-section-desc{font-size:1.0625rem;color:var(--text-light);line-height:1.85;margin:0 0 24px;max-width:840px}
.product-section h3{font-size:1.125rem;font-weight:700;color:var(--text);margin:24px 0 12px}
.cap-list{padding-left:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin:0 0 24px}
.cap-list li{padding-left:24px;position:relative;color:var(--text);font-size:.9375rem}
.cap-list li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}

/* Help page */
.help-category{margin-bottom:48px}
.help-category h2{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 24px;letter-spacing:-.5px}
.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.help-card{
    display:block;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
    padding:24px;text-decoration:none;transition:all .25s ease;
}
.help-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.help-card h3{font-size:1.0625rem;font-weight:700;color:var(--text);margin:0 0 8px}
.help-card p{font-size:.875rem;color:var(--text-light);margin:0;line-height:1.6}

.support-card{
    background:linear-gradient(135deg,#0052ff 0%,#3a7bff 100%);
    color:#fff;border-radius:var(--radius-lg);padding:40px;
    display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;
}
.support-info h3{font-size:1.375rem;font-weight:700;margin:0 0 8px}
.support-info p{margin:0 0 16px;opacity:.92;font-size:.9375rem}
.support-info ul{list-style:none;padding:0;margin:0;font-size:.9375rem}
.support-info ul li{padding:4px 0;opacity:.92}
.support-info ul li strong{font-weight:700}
.support-actions{display:flex;gap:12px;flex-wrap:wrap}
.support-actions .btn-outline{border-color:rgba(255,255,255,.6);color:#fff}
.support-actions .btn-outline:hover{background:rgba(255,255,255,.18)}

/* FAQ list (help page) */
.faq-list{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{
    background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
    padding:18px 24px;transition:var(--transition);
}
.faq-item:hover{box-shadow:var(--shadow-md);border-color:rgba(0,82,255,.25)}
.faq-question{
    font-size:1rem;font-weight:700;color:var(--text);cursor:pointer;user-select:none;
    list-style:none;line-height:1.6;margin:0;
}
.faq-answer{
    max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;
}
.faq-item.open .faq-answer{max-height:300px;padding-top:12px}
.faq-answer p{font-size:.9375rem;color:var(--text-light);line-height:1.85;margin:0}

/* Download page */
.download-intro{
    background:#f7f8fc;border:1px solid var(--border);border-radius:var(--radius-lg);
    padding:20px 24px;color:var(--text-light);line-height:1.8;margin-bottom:48px;
}
.download-intro a{color:var(--primary);text-decoration:none;font-weight:600}
.download-category{margin-bottom:48px}
.download-category h2{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 24px;letter-spacing:-.5px}
.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.download-card{
    background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
    padding:24px;transition:all .25s ease;
}
.download-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}
.download-type{
    display:inline-block;font-size:.75rem;font-weight:700;color:var(--primary);
    background:rgba(0,82,255,.08);padding:4px 10px;border-radius:20px;margin-bottom:12px;letter-spacing:1px;
}
.download-card h3{font-size:1.0625rem;font-weight:700;color:var(--text);margin:0 0 8px}
.download-card p{font-size:.875rem;color:var(--text-light);margin:0;line-height:1.6}

/* ===== Footer Cert Block ===== */
.footer-cert{
    background:#f7f8fc;border:1px solid var(--border);border-radius:var(--radius-lg);
    padding:24px;margin-bottom:32px;
}
.footer-cert-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:16px;letter-spacing:.5px}
.footer-cert-list{
    display:grid;grid-template-columns:repeat(2,1fr);gap:8px 32px;list-style:none;padding:0;margin:0;
}
.footer-cert-list li{
    display:flex;gap:16px;font-size:.875rem;
}
.cert-label{flex-shrink:0;color:var(--text-light);min-width:80px}
.cert-value{color:var(--text);font-weight:600;word-break:break-all}
.cert-value a{color:var(--primary);text-decoration:none}
.cert-value a:hover{text-decoration:underline}

/* Footer fine-tune to ensure consistent layout across pages */
.footer .footer-top{margin-top:32px}

/* ===== Responsive ===== */
@media (max-width:980px){
    .profile-grid{grid-template-columns:1fr}
    .values-grid{grid-template-columns:1fr;gap:12px}
    .help-grid{grid-template-columns:1fr;gap:12px}
    .download-grid{grid-template-columns:1fr}
    .cap-list{grid-template-columns:1fr}
    .footer-cert-list{grid-template-columns:1fr}
    .support-card{flex-direction:column;align-items:flex-start;padding:28px}
}
@media (max-width:640px){
    .page-header{padding:60px 0 40px}
    .page-header h1{font-size:1.875rem}
    .products-anchor{padding:12px}
    .products-anchor a{padding:6px 10px;font-size:.8125rem}
    .product-section-head h2{font-size:1.25rem}
    .timeline{padding-left:24px}
    .timeline-item:before{left:-31px}
}