@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap");
  :root {
      --advisorai-bg: #fbf7f2;
      --advisorai-ink: #2f2a25;
      --advisorai-muted: #6c6259;
      --advisorai-orange: #f27a21;
      --advisorai-orange-dark: #e5670e;
      --advisorai-green: #6a8f7b;
      --advisorai-cream: #fffaf5;
      --advisorai-border: #efe6dc;
      --advisorai-shadow: 0 18px 50px rgba(76, 62, 48, 0.12);
      --advisorai-card-shadow: 0 12px 30px rgba(76, 62, 48, 0.08);
  }


.advisorai-logo img {
    height: 100px;
}

  .advisorai-landing {
      font-family: "Cormorant Garamond", "Georgia", serif;
      color: var(--advisorai-ink);
      background: var(--advisorai-bg);
      position: relative;
      overflow: hidden;
  }

  .advisorai-landing::before,
.advisorai-landing::after {
    content: "";
    position: absolute;
    width: 460px;
    height: 460px;
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, rgba(242, 122, 33, 0.18), rgba(242, 122, 33, 0));
    filter: blur(2px);
    z-index: 0;
}

.advisorai-landing::before {
    top: -140px;
    right: -120px;
}

.advisorai-landing::after {
    bottom: 80px;
    left: -220px;
    background: radial-gradient(circle at 30% 30%, rgba(106, 143, 123, 0.2), rgba(106, 143, 123, 0));
}

.advisorai-container {
    width: min(1120px, 92vw);
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.advisorai-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 26px 0 18px;
    font-family: "Manrope", "Helvetica Neue", sans-serif;
}

.advisorai-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 700;
    font-size: 18px;
}

.advisorai-logo-icon {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: linear-gradient(135deg, #ff8b3d, #f06c13);
    display: grid;
    place-items: center;
    box-shadow: 0 8px 18px rgba(242, 122, 33, 0.24);
}

.advisorai-logo-icon svg {
    width: 20px;
    height: 20px;
    fill: #fff;
}

.advisorai-header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--advisorai-muted);
    font-size: 14px;
}

.advisorai-help {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.advisorai-help svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    fill: none;
}

.advisorai-header-actions a {
    text-decoration: none;
    color: inherit;
}

.advisorai-signin {
    padding: 7px 16px;
    border-radius: 999px;
    border: 1px solid var(--advisorai-border);
    background: #fff;
    color: var(--advisorai-ink);
    font-weight: 600;
}

.advisorai-hero {
    padding: 34px 0 30px;
    text-align: center;
}

.advisorai-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 18px;
    border-radius: 999px;
    background: #ffe9d7;
    color: var(--advisorai-orange);
    font-weight: 600;
    font-size: 13px;
    font-family: "Manrope", "Helvetica Neue", sans-serif;
}

.advisorai-pill span {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--advisorai-orange);
    display: inline-block;
}

.advisorai-hero h1 {
    font-size: clamp(42px, 6vw, 72px);
    margin: 22px 0 8px;
    line-height: 1.05;
    letter-spacing: -0.5px;
}

.advisorai-hero h1 .accent {
    color: var(--advisorai-orange);
}

.advisorai-hero h1 .accent-green {
    color: var(--advisorai-green);
}

.advisorai-hero p {
    font-size: 17px;
    color: var(--advisorai-muted);
    font-family: "Manrope", "Helvetica Neue", sans-serif;
    max-width: 680px;
    margin: 12px auto 32px;
}

.advisorai-form {
    background: #fff;
    border-radius: 18px;
    padding: 22px;
    box-shadow: var(--advisorai-card-shadow);
    border: 1px solid rgba(233, 224, 214, 0.5);
}

.advisorai-form-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    font-family: "Manrope", "Helvetica Neue", sans-serif;
}

.advisorai-form input,
.advisorai-form select {
    width: 100%;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid var(--advisorai-border);
    background: var(--advisorai-cream);
    font-size: 14px;
}

.advisorai-form-row {
    grid-column: span 3;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 14px;
}

.advisorai-form-row--tight {
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.advisorai-form-row--full {
    grid-template-columns: 1fr;
}

.advisorai-form-row--full .advisorai-submit {
    width: 100%;
}

.advisorai-select-with-tooltip {
    display: grid;
    gap: 8px;
}

.advisorai-select-with-help {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 10px;
}

.advisorai-help-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid var(--advisorai-border);
    color: var(--advisorai-muted);
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.advisorai-help-button:hover,
.advisorai-help-button:focus {
    color: var(--advisorai-ink);
    border-color: #d9cfc3;
}

.advisorai-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 18px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--advisorai-orange), var(--advisorai-orange-dark));
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
}

.advisorai-submit svg {
    width: 18px;
    height: 18px;
    fill: #fff;
}

.advisorai-form-error,
.advisorai-modal-error {
    font-family: "Manrope", "Helvetica Neue", sans-serif;
    font-size: 13px;
    color: #b64d2e;
    background: #fff1e6;
    border: 1px solid #f5cdb3;
    padding: 10px 12px;
    border-radius: 10px;
    margin-top: 14px;
    display: none;
}

.advisorai-form-success {
    font-family: "Manrope", "Helvetica Neue", sans-serif;
    font-size: 13px;
    color: #2f5a42;
    background: #e9f6ee;
    border: 1px solid #bfe3cb;
    padding: 10px 12px;
    border-radius: 10px;
    margin-top: 14px;
}

.advisorai-modal-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
    font-family: "Manrope", "Helvetica Neue", sans-serif;
}

.advisorai-modal-field label {
    font-size: 16px;
    color: var(--advisorai-muted);
}

.advisorai-video-card {
    margin: 26px auto 0;
    padding: 48px 0 56px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(239, 230, 220, 0.6), rgba(207, 219, 210, 0.65));
    box-shadow: var(--advisorai-shadow);
    border: 1px solid rgba(216, 206, 196, 0.6);
}

.advisorai-video-card .play {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--advisorai-orange);
    display: grid;
    place-items: center;
    margin: 0 auto 18px;
    box-shadow: 0 12px 24px rgba(242, 122, 33, 0.28);
}

.advisorai-video-card .play svg {
    width: 24px;
    height: 24px;
    fill: #fff;
    margin-left: 4px;
}

.advisorai-video-card p {
    font-family: "Manrope", "Helvetica Neue", sans-serif;
    color: var(--advisorai-muted);
}

.advisorai-section {
    padding: 70px 0 40px;
    text-align: center;
}

.advisorai-section h2 {
    font-size: clamp(32px, 4vw, 46px);
    margin-bottom: 12px;
}

.advisorai-section h2 .accent {
    color: var(--advisorai-orange);
}

.advisorai-section p {
    font-family: "Manrope", "Helvetica Neue", sans-serif;
    color: var(--advisorai-muted);
    max-width: 640px;
    margin: 0 auto;
}

.advisorai-stats {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.advisorai-stat-card {
    background: #fff;
    border-radius: 18px;
    padding: 24px 16px;
    border: 1px solid var(--advisorai-border);
    box-shadow: var(--advisorai-card-shadow);
    font-family: "Manrope", "Helvetica Neue", sans-serif;
}

.advisorai-stat-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: #ffefe0;
    color: var(--advisorai-orange);
    display: grid;
    place-items: center;
    margin: 0 auto 12px;
}

.advisorai-stat-icon svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.advisorai-stat-card h3 {
    margin: 0 0 6px;
    font-size: 28px;
    font-weight: 700;
}

.advisorai-rating {
    padding: 30px 0 10px;
    text-align: center;
}

.advisorai-stars {
    display: inline-flex;
    gap: 8px;
    margin-bottom: 12px;
}

.advisorai-stars svg {
    width: 32px;
    height: 32px;
}

.advisorai-rating p {
    font-family: "Manrope", "Helvetica Neue", sans-serif;
    color: var(--advisorai-muted);
}

.advisorai-testimonials {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 36px;
    text-align: left;
}

.advisorai-testimonial-card {
    background: #fff;
    border-radius: 18px;
    padding: 22px;
    border: 1px solid var(--advisorai-border);
    box-shadow: var(--advisorai-card-shadow);
    font-family: "Manrope", "Helvetica Neue", sans-serif;
    position: relative;
}

.advisorai-quote {
    position: absolute;
    right: 18px;
    top: 18px;
    color: #f2c4a2;
    font-size: 36px;
    font-family: "Cormorant Garamond", serif;
}

.advisorai-testimonial-card p {
    margin: 0 0 18px;
    color: var(--advisorai-muted);
}

.advisorai-person {
    display: flex;
    align-items: center;
    gap: 12px;
}

.advisorai-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #ffe9d7;
    color: var(--advisorai-orange);
    display: grid;
    place-items: center;
    font-weight: 700;
}

.advisorai-person strong {
    display: block;
    font-weight: 700;
}

.advisorai-person span {
    color: var(--advisorai-muted);
    font-size: 12px;
}

.advisorai-logos {
    margin: 40px 0 60px;
    text-align: center;
    font-family: "Manrope", "Helvetica Neue", sans-serif;
    color: #a19486;
    letter-spacing: 1px;
    font-size: 11px;
}

.advisorai-logos-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 28px;
    margin-top: 12px;
    font-size: 12px;
    color: #b2a79c;
}

@media (max-width: 960px) {
    .advisorai-form-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .advisorai-form-row {
        grid-column: span 2;
        grid-template-columns: 1fr;
    }

    .advisorai-form-row--tight {
        grid-template-columns: 1fr;
    }

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

    .advisorai-testimonials {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .advisorai-header {
        flex-direction: column;
        gap: 12px;
    }

    .advisorai-form-grid {
        grid-template-columns: 1fr;
    }

    .advisorai-form-row {
        grid-column: span 1;
    }

    .advisorai-form-row--tight {
        grid-template-columns: 1fr;
    }

    .advisorai-stats {
        grid-template-columns: 1fr;
    }

    .advisorai-video-card {
        padding: 36px 18px 42px;
    }
}

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap");

.aiadvisor-dashboard {
    padding: 40px 0 80px;
    color: #2f2a25;
    font-family: "Cormorant Garamond", "Georgia", serif;
}

.aiadvisor-dashboard .aiadvisor-container {
    width: min(1100px, 92vw);
    margin: 0 auto;
    text-align: center;
}

.aiadvisor-dashboard h1 {
    font-size: clamp(30px, 4vw, 44px);
    margin-bottom: 10px;
    letter-spacing: -0.4px;
}

.aiadvisor-dashboard h1 .accent {
    color: #f27a21;
}

.aiadvisor-dashboard h1 .accent-green {
    color: #5b7f6b;
}

.aiadvisor-dashboard p {
    font-family: "Manrope", "Helvetica Neue", sans-serif;
    color: #6c6259;
    margin: 0 auto 36px;
    max-width: 640px;
}

.aiadvisor-tool-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.aiadvisor-tool-grid a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.aiadvisor-tool-grid a:focus-visible {
    outline: 3px solid rgba(242, 122, 33, 0.4);
    outline-offset: 4px;
    border-radius: 22px;
}

.aiadvisor-tool-card {
    padding: 28px 28px 26px;
    border-radius: 20px;
    text-align: left;
    border: 1px solid #f0e4d9;
    box-shadow: 0 14px 28px rgba(96, 77, 56, 0.08);
    font-family: "Lora", sans-serif;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 190px;
}

/* .aiadvisor-tool-card.teal {
    background: radial-gradient(circle at 10% 10%, rgba(64, 128, 122, 0.14), rgba(64, 128, 122, 0)) , #f1f7f6;
    border-color: #dce7e3;
} */


.aiadvisor-tool-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(242, 122, 33, 0.18);
    color: #f27a21;
}

.aiadvisor-tool-card.teal .aiadvisor-tool-icon {
    background: rgba(64, 128, 122, 0.18);
    color: #3c7e78;
}

.aiadvisor-tool-icon svg {
    width: 26px;
    height: 26px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
}

.aiadvisor-tool-card h3 {
    font-family: "Cormorant Garamond", "Georgia", serif;
    font-size: 22px;
    margin: 0;
}

.aiadvisor-tool-card p {
    margin: 0;
    color: #6c6259;
}

@media (max-width: 840px) {
    .aiadvisor-tool-grid {
        grid-template-columns: 1fr;
    }
}

/*CSS For premium card offering*/

.aiadvisor-tool-card.premium { background: linear-gradient(135deg,#071028,#083242); color:#fff; border: 1px solid rgba(255,215,102,0.08); box-shadow: 0 10px 30px rgba(2,8,23,0.6); border-radius:12px; padding:22px; position:relative; overflow:hidden; transition:transform .22s ease, box-shadow .22s ease; }
.aiadvisor-tool-card.premium .badge-premium{ position:absolute; top:12px; right:12px; background: linear-gradient(90deg,#ffd86b,#ffb74d); color:#1b1b1b; font-weight:700; padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 18px rgba(255,167,51,0.12);} 
.aiadvisor-tool-card.premium:hover{ transform:translateY(-6px) scale(1.02); box-shadow:0 18px 42px rgba(2,8,23,0.8);} 
.aiadvisor-tool-card.premium .aiadvisor-tool-icon svg{ width:64px; height:64px; display:block; margin-bottom:8px;} 
.aiadvisor-tool-card.premium h3{ color:#fff; margin:6px 0 8px; }
.aiadvisor-tool-card.premium p{ margin:0 0 10px 0; color:rgba(255,255,255,0.9);} 
.aiadvisor-tool-card.premium .premium-features{ margin:8px 0 0 18px; padding:0; list-style:disc; color:rgba(255,255,255,0.92);} 
.aiadvisor-tool-card.premium .premium-image{ width:88px; height:88px; display:block; margin-bottom:8px; object-fit:cover; border-radius:10px; box-shadow:0 8px 20px rgba(3,10,25,0.6) inset, 0 6px 18px rgba(0,0,0,0.35);}


.aiadvisor-tool-card.premium li {
    font-family: 'Lora';
}

.aiadvisor-tool-card.premium .cta {
    margin-top: 12px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.06);
    color: #ffd86b;
    padding: 8px 12px;
    border-radius: 8px;
    font-weight: 700;
    border: 1px solid #ffd86b;
}

i.fa-solid.fa-trophy {
    color: #fddba7;
}

.nav-premium a{ display:flex; align-items:center; gap:10px; background:linear-gradient(90deg,#071028,#0b2433); color:#fff; padding:10px 12px; border-radius:8px; box-shadow:0 10px 30px rgba(2,8,23,0.6); border:1px solid rgba(255,215,102,0.08);} 
.nav-premium .premium-badge{ margin-left:auto; background:linear-gradient(90deg,#ffd86b,#ffb74d); color:#111; padding:4px 8px; border-radius:999px; font-weight:700; font-size:11px;}
.nav-premium .premium-trophy{ width:36px; height:36px; display:block; border-radius:6px; box-shadow:0 6px 18px rgba(0,0,0,0.5);}
.nav-premium .nav-label{ font-weight:700; color:#fff; }

/*end*/