/* =========================================================
   ADVISORY COMPLETE WEBSITE DESIGN
   ========================================================= */

:root {
    --adv-navy:#102a43;
    --adv-blue:#174ea6;
    --adv-blue2:#2463c5;
    --adv-orange:#f28c28;
    --adv-purple:#673ab7;
    --adv-green:#16803c;

    --adv-text:#17202a;
    --adv-muted:#64748b;

    --adv-bg:#f5f8fc;
    --adv-card:#ffffff;
    --adv-border:#e2e8f0;

    --adv-radius:18px;

    --adv-shadow:
        0 12px 35px rgba(16,42,67,.08);
}


/* =========================================================
   REMOVE TWENTY TWENTY-FIVE
   ========================================================= */

body.advisory-website {
    margin:0 !important;
    padding:0 !important;

    background:
        var(--adv-bg) !important;

    color:var(--adv-text);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif !important;
}


/* WordPress theme */

body.advisory-website header,
body.advisory-website footer,
body.advisory-website aside,
body.advisory-website .wp-site-blocks > header,
body.advisory-website .wp-site-blocks > footer,
body.advisory-website .site-header,
body.advisory-website .site-footer,
body.advisory-website .widget-area,
body.advisory-website .sidebar,
body.advisory-website .wp-block-post-title,
body.advisory-website .entry-header,
body.advisory-website .page-header {
    box-sizing:border-box;
}


/* Hide Twenty Twenty-Five site header/footer */

body.advisory-website > header,
body.advisory-website > footer,
body.advisory-website .wp-site-blocks > header,
body.advisory-website .wp-site-blocks > footer,
body.advisory-website .wp-block-template-part {
    display:none !important;
}


/* Main theme container */

body.advisory-website main,
body.advisory-website .wp-site-blocks,
body.advisory-website .site-content,
body.advisory-website .content-area,
body.advisory-website .site-main {
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.advisory-site-header {
    position:sticky;
    top:0;
    z-index:9999;

    background:
        rgba(255,255,255,.96);

    border-bottom:
        1px solid
        var(--adv-border);

    box-shadow:
        0 4px 18px
        rgba(16,42,67,.05);
}

.advisory-header-inner {
    max-width:1200px;
    min-height:74px;

    margin:auto;

    padding:
        0 20px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}

.advisory-brand {
    display:flex;
    align-items:center;
    gap:11px;

    color:var(--adv-navy) !important;

    text-decoration:none !important;

    min-width:205px;
}

.advisory-brand-mark {
    width:43px;
    height:43px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            var(--adv-blue),
            var(--adv-navy)
        );

    color:#fff;

    font-weight:900;
    font-size:21px;
}

.advisory-brand-text {
    display:flex;
    flex-direction:column;
}

.advisory-brand-text strong {
    font-size:17px;
    letter-spacing:1px;
}

.advisory-brand-text small {
    color:var(--adv-muted);
    font-size:9px;
    letter-spacing:.3px;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.advisory-main-nav {
    display:flex;
    align-items:center;
    gap:25px;
}

.advisory-main-nav a {
    color:#334155 !important;

    font-size:14px;
    font-weight:600;

    text-decoration:none !important;
}

.advisory-main-nav a:hover {
    color:var(--adv-blue) !important;
}

.advisory-header-actions {
    display:flex;
    align-items:center;
    gap:9px;
}

.advisory-header-login,
.advisory-header-dashboard {
    padding:10px 16px;

    border-radius:10px;

    color:var(--adv-navy) !important;

    border:
        1px solid
        var(--adv-border);
}

.advisory-header-join {
    padding:11px 17px;

    border-radius:10px;

    background:var(--adv-navy);

    color:#fff !important;

    font-weight:700;
}

.advisory-header-account {
    color:#64748b !important;
    font-size:13px;
}

.advisory-mobile-toggle {
    display:none;

    border:0;
    background:none;

    font-size:25px;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.advisory-container {
    max-width:1200px;
    margin:auto;

    padding-left:20px;
    padding-right:20px;
}


/* =========================================================
   HERO
   ========================================================= */

.advisory-hero {
    padding:
        75px 0 70px;

    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(36,99,197,.14),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #f9fbff,
            #edf4fb
        );
}

.advisory-hero-grid {
    display:grid;

    grid-template-columns:
        1.25fr .75fr;

    gap:60px;

    align-items:center;
}

.advisory-eyebrow {
    display:inline-block;

    color:var(--adv-blue);

    font-size:11px;
    font-weight:800;

    letter-spacing:1.6px;

    margin-bottom:12px;
}

.advisory-hero h1 {
    margin:0;

    max-width:750px;

    color:var(--adv-navy);

    font-size:
        clamp(40px,5vw,68px);

    line-height:1.02;

    letter-spacing:-2px;
}

.advisory-hero h1 span {
    display:block;
    color:var(--adv-blue);
}

.advisory-hero h1 strong {
    display:block;
    color:var(--adv-orange);
}

.advisory-hero-lead {
    margin-top:24px;

    max-width:650px;

    font-size:21px;

    color:#334155;

    font-weight:600;
}

.advisory-hero-content > p:not(.advisory-hero-lead) {
    max-width:650px;

    color:var(--adv-muted);

    font-size:16px;
}

.advisory-hero-actions {
    display:flex;
    flex-wrap:wrap;

    gap:12px;

    margin-top:28px;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.advisory-primary-btn,
.advisory-secondary-btn {
    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:48px;

    padding:
        11px 20px;

    border-radius:11px;

    text-decoration:none !important;

    font-weight:700;

    box-sizing:border-box;
}

.advisory-primary-btn {
    background:
        linear-gradient(
            135deg,
            var(--adv-blue),
            var(--adv-navy)
        );

    color:#fff !important;

    box-shadow:
        0 8px 20px
        rgba(23,78,166,.20);
}

.advisory-secondary-btn {
    background:#fff;

    color:var(--adv-navy) !important;

    border:
        1px solid
        var(--adv-border);
}


/* =========================================================
   HERO PANEL
   ========================================================= */

.advisory-hero-panel {
    padding:38px;

    border-radius:24px;

    background:#fff;

    border:
        1px solid
        var(--adv-border);

    box-shadow:
        0 20px 50px
        rgba(16,42,67,.12);

    text-align:center;
}

.advisory-hero-panel-top {
    display:inline-block;

    padding:8px 20px;

    border-radius:30px;

    background:var(--adv-blue);

    color:#fff;

    font-size:12px;
    font-weight:800;
}

.advisory-vision-icon {
    margin:28px auto 15px;

    width:75px;
    height:75px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#eef4ff;

    color:var(--adv-blue);

    font-size:35px;
}

.advisory-hero-panel h3 {
    font-size:26px;

    color:var(--adv-navy);
}

.advisory-hero-panel p {
    color:var(--adv-muted);
}


/* =========================================================
   SECTIONS
   ========================================================= */

.advisory-home-section {
    padding:
        80px 0;
}

.advisory-section-title {
    max-width:760px;

    margin:
        0 auto 45px;

    text-align:center;
}

.advisory-section-title > span {
    color:var(--adv-blue);

    font-size:11px;
    font-weight:800;

    letter-spacing:1.5px;
}

.advisory-section-title h2 {
    margin:
        10px 0;

    color:var(--adv-navy);

    font-size:
        clamp(30px,4vw,44px);

    line-height:1.15;
}

.advisory-section-title p {
    color:var(--adv-muted);

    font-size:16px;
}


/* =========================================================
   FEATURES
   ========================================================= */

.advisory-feature-grid {
    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:18px;
}

.advisory-feature-card {
    padding:26px;

    background:#fff;

    border:
        1px solid
        var(--adv-border);

    border-radius:18px;

    box-shadow:
        var(--adv-shadow);
}

.advisory-feature-icon {
    width:40px;
    height:40px;

    border-radius:10px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#edf4ff;

    color:var(--adv-blue);

    font-weight:900;
}

.advisory-feature-card h3 {
    color:var(--adv-navy);

    font-size:19px;
}

.advisory-feature-card p {
    color:var(--adv-muted);

    font-size:14px;
}


/* =========================================================
   MISSION
   ========================================================= */

.advisory-mission-section {
    padding:70px 0;

    background:
        linear-gradient(
            135deg,
            var(--adv-navy),
            #174e8c
        );
}

.advisory-mission-card {
    max-width:800px;

    margin:auto;

    text-align:center;

    color:#fff;
}

.advisory-mission-card .advisory-eyebrow {
    color:#9fc4ff;
}

.advisory-mission-card h2 {
    color:#fff;

    font-size:
        clamp(30px,4vw,45px);
}

.advisory-mission-card p {
    color:#d9e7f8;

    font-size:17px;
}


/* =========================================================
   WHO WE SERVE
   ========================================================= */

.advisory-audience-grid {
    display:grid;

    grid-template-columns:
        repeat(5,1fr);

    gap:12px;
}

.advisory-audience-grid > div {
    padding:22px 16px;

    min-height:140px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    text-align:center;

    background:#fff;

    border:
        1px solid
        var(--adv-border);

    border-radius:16px;
}

.advisory-audience-grid strong {
    color:var(--adv-navy);

    font-size:16px;
}

.advisory-audience-grid span {
    margin-top:8px;

    color:var(--adv-muted);

    font-size:12px;
}


/* =========================================================
   STATS
   ========================================================= */

.advisory-stats-section {
    padding:75px 0;

    background:
        linear-gradient(
            135deg,
            #0e3260,
            #102a43
        );
}

.advisory-section-title.light h2 {
    color:#fff;
}

.advisory-section-title.light > span {
    color:#9fc4ff;
}

.advisory-highlight-grid {
    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:15px;
}

.advisory-highlight-grid > div {
    padding:30px 20px;

    text-align:center;

    border:
        1px solid
        rgba(255,255,255,.18);

    border-radius:17px;

    background:
        rgba(255,255,255,.07);
}

.advisory-highlight-grid strong {
    display:block;

    color:#fff;

    font-size:38px;
}

.advisory-highlight-grid span {
    color:#cdddf0;

    font-size:13px;
}


/* =========================================================
   PROCESS
   ========================================================= */

.advisory-process-grid {
    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:18px;
}

.advisory-process-card {
    padding:25px;

    background:#fff;

    border:
        1px solid
        var(--adv-border);

    border-radius:18px;

    position:relative;

    box-shadow:
        0 8px 25px
        rgba(16,42,67,.05);
}

.advisory-process-card > span {
    display:flex;

    align-items:center;
    justify-content:center;

    width:43px;
    height:43px;

    border-radius:50%;

    background:var(--adv-blue);

    color:#fff;

    font-weight:900;
}

.advisory-process-card h3 {
    color:var(--adv-navy);
}

.advisory-process-card p {
    color:var(--adv-muted);

    font-size:14px;
}


/* =========================================================
   SERVICE CATEGORIES
   ========================================================= */

.advisory-service-section {
    background:#eef4fa;
}

.advisory-category-grid {
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:15px;
}

.advisory-category-card {
    min-height:130px;

    padding:22px;

    display:flex;
    flex-direction:column;

    justify-content:space-between;

    background:#fff;

    border:
        1px solid
        var(--adv-border);

    border-radius:16px;

    text-decoration:none !important;

    box-shadow:
        0 6px 20px
        rgba(16,42,67,.05);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.advisory-category-card:hover {
    transform:translateY(-3px);

    box-shadow:
        0 12px 30px
        rgba(16,42,67,.10);
}

.advisory-category-card > span {
    color:var(--adv-blue);

    font-weight:900;

    font-size:12px;
}

.advisory-category-card strong {
    color:var(--adv-navy);

    font-size:17px;
}

.advisory-category-card small {
    color:var(--adv-muted);
}

.advisory-center-action {
    text-align:center;

    margin-top:35px;
}


/* =========================================================
   NETWORK
   ========================================================= */

.advisory-network-section {
    padding:80px 0;

    background:
        linear-gradient(
            135deg,
            #102a43,
            #153e67
        );
}

.advisory-network-grid {
    display:grid;

    grid-template-columns:
        .9fr 1.1fr;

    gap:70px;

    align-items:start;
}

.advisory-network-grid h2 {
    color:#fff;

    font-size:
        clamp(32px,4vw,48px);
}

.advisory-network-grid p {
    color:#d4e1ef;

    font-size:16px;
}

.advisory-network-points {
    display:grid;

    grid-template-columns:
        repeat(2,1fr);

    gap:12px;
}

.advisory-network-points > div {
    padding:20px;

    border-radius:14px;

    background:
        rgba(255,255,255,.08);

    border:
        1px solid
        rgba(255,255,255,.14);
}

.advisory-network-points strong {
    display:block;

    color:#fff;

    font-size:16px;
}

.advisory-network-points span {
    display:block;

    margin-top:5px;

    color:#cbdced;

    font-size:13px;
}


/* =========================================================
   COMMISSION
   ========================================================= */

.advisory-commission-card {
    padding:28px;

    background:#fff;

    border:
        1px solid
        var(--adv-border);

    border-radius:20px;

    box-shadow:
        var(--adv-shadow);
}

.advisory-commission-flow {
    display:flex;

    align-items:center;
    justify-content:center;

    gap:12px;

    flex-wrap:wrap;

    margin-bottom:30px;
}

.advisory-commission-flow span {
    padding:13px 18px;

    border-radius:10px;

    background:#edf4ff;

    color:var(--adv-navy);

    font-weight:800;

    text-align:center;
}

.advisory-commission-flow small {
    display:block;

    color:var(--adv-muted);

    font-size:9px;
}

.advisory-commission-table {
    display:grid;

    grid-template-columns:
        repeat(5,1fr);

    gap:10px;
}

.advisory-commission-table > div {
    padding:17px;

    border:
        1px solid
        var(--adv-border);

    border-radius:12px;

    background:#f8fafc;
}

.advisory-commission-table strong {
    display:block;

    color:var(--adv-navy);
}

.advisory-commission-table b {
    display:block;

    margin-top:8px;

    color:var(--adv-blue);

    font-size:24px;
}

.advisory-commission-table span {
    color:var(--adv-muted);

    font-size:11px;
}


/* =========================================================
   FAQ
   ========================================================= */

.advisory-faq-grid {
    max-width:900px;

    margin:auto;

    display:grid;

    grid-template-columns:
        repeat(2,1fr);

    gap:12px;
}

.advisory-faq-grid details {
    padding:18px 20px;

    background:#fff;

    border:
        1px solid
        var(--adv-border);

    border-radius:13px;
}

.advisory-faq-grid summary {
    color:var(--adv-navy);

    font-weight:700;

    cursor:pointer;
}

.advisory-faq-grid p {
    color:var(--adv-muted);

    font-size:14px;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.advisory-final-cta {
    padding:80px 0;

    text-align:center;

    background:
        linear-gradient(
            135deg,
            #edf4ff,
            #fff
        );
}

.advisory-final-cta > div > span {
    color:var(--adv-blue);

    font-weight:900;

    letter-spacing:2px;
}

.advisory-final-cta h2 {
    color:var(--adv-navy);

    font-size:
        clamp(30px,4vw,48px);
}

.advisory-final-cta p {
    max-width:650px;

    margin:
        0 auto 25px;

    color:var(--adv-muted);
}

.advisory-final-cta .advisory-secondary-btn {
    margin-left:8px;
}


/* =========================================================
   INNER PAGE
   ========================================================= */

.advisory-page-content {
    min-height:70vh;

    padding:
        50px 20px 70px;
}


/* =========================================================
   FOOTER
   ========================================================= */

.advisory-site-footer {
    background:#0c2035;

    color:#c8d5e3;

    padding:
        55px 20px 20px;
}

.advisory-footer-inner {
    max-width:1200px;

    margin:auto;

    display:grid;

    grid-template-columns:
        1.5fr 1fr 1fr 1fr;

    gap:50px;
}

.advisory-footer-logo {
    color:#fff;

    font-size:20px;

    font-weight:900;

    letter-spacing:1px;
}

.advisory-footer-brand p {
    max-width:330px;

    color:#9fb2c6;

    font-size:13px;
}

.advisory-footer-column {
    display:flex;
    flex-direction:column;

    gap:10px;
}

.advisory-footer-column h4 {
    margin:
        0 0 7px;

    color:#fff;

    font-size:14px;
}

.advisory-footer-column a {
    color:#aebed0 !important;

    font-size:13px;

    text-decoration:none !important;
}

.advisory-footer-column a:hover {
    color:#fff !important;
}

.advisory-footer-bottom {
    max-width:1200px;

    margin:
        40px auto 0;

    padding-top:20px;

    border-top:
        1px solid
        rgba(255,255,255,.10);

    display:flex;
    justify-content:space-between;

    color:#8295aa;

    font-size:11px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:900px) {

    .advisory-main-nav,
    .advisory-header-actions {
        display:none;
    }

    .advisory-mobile-toggle {
        display:block;
    }

    .advisory-hero-grid,
    .advisory-network-grid {
        grid-template-columns:1fr;
    }

    .advisory-feature-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

    .advisory-audience-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

    .advisory-highlight-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

    .advisory-process-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

    .advisory-category-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

    .advisory-commission-table {
        grid-template-columns:
            repeat(2,1fr);
    }

    .advisory-footer-inner {
        grid-template-columns:
            repeat(2,1fr);
    }
}


@media (max-width:600px) {

    .advisory-header-inner {
        min-height:65px;
    }

    .advisory-brand {
        min-width:auto;
    }

    .advisory-brand-text small {
        display:none;
    }

    .advisory-hero {
        padding:50px 0;
    }

    .advisory-hero h1 {
        font-size:42px;
        letter-spacing:-1.5px;
    }

    .advisory-hero-lead {
        font-size:18px;
    }

    .advisory-hero-panel {
        padding:25px;
    }

    .advisory-home-section {
        padding:55px 0;
    }

    .advisory-feature-grid,
    .advisory-audience-grid,
    .advisory-highlight-grid,
    .advisory-process-grid,
    .advisory-category-grid,
    .advisory-network-points,
    .advisory-faq-grid,
    .advisory-commission-table {
        grid-template-columns:1fr;
    }

    .advisory-commission-flow {
        flex-direction:column;
    }

    .advisory-commission-flow b {
        transform:rotate(90deg);
    }

    .advisory-footer-inner {
        grid-template-columns:1fr;
        gap:30px;
    }

    .advisory-footer-bottom {
        flex-direction:column;
        gap:7px;
    }

    .advisory-final-cta .advisory-secondary-btn {
        margin:
            10px 0 0;
    }
}