:root {
    --purple-950: #15004a;
    --purple-900: #22006b;
    --purple-700: #4d20c9;
    --purple-600: #6535e8;
    --green-600: #0aa83f;
    --green-500: #20c954;
    --green-100: #e9fff0;
    --ink: #15122b;
    --muted: #6e6985;
    --surface: #ffffff;
    --border: #e7e2f4;
    --shadow: 0 18px 48px rgba(63, 35, 132, .12);
    --radius: 18px;
    --container: 1220px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: "Manrope", system-ui, sans-serif;
    color: var(--ink);
    background: #fbfaff;
}

a { color: inherit; text-decoration: none; }

img { max-width: 100%; display: block; }

button, input, select, textarea { font: inherit; }

.container {
    width: min(calc(100% - 32px), var(--container));
    margin-inline: auto;
}

.skip-link {
    position: fixed;
    left: 16px;
    top: -100px;
    z-index: 9999;
    background: #fff;
    padding: 10px 14px;
    border-radius: 10px;
}
.skip-link:focus { top: 16px; }

.topbar {
    background: linear-gradient(90deg, var(--purple-950), var(--purple-700));
    color: #fff;
    font-size: 12px;
}
.topbar__inner {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.topbar__left,
.topbar__right {
    display: flex;
    align-items: center;
    gap: 12px;
}
.topbar a:hover { color: #baffca; }

.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(91,43,224,.08);
}
.site-header.is-scrolled { box-shadow: 0 10px 30px rgba(38,16,88,.09); }

.navbar {
    min-height: 82px;
    display: flex;
    align-items: center;
    gap: 28px;
}
.brand { flex: 0 0 auto; }
.brand img {
    width: 215px;
    height: 64px;
    object-fit: contain;
}

.main-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-left: auto;
}
.main-nav > a,
.nav-dropdown__trigger {
    border: 0;
    background: transparent;
    color: #221b42;
    font-size: 14px;
    font-weight: 700;
    padding: 30px 0;
    cursor: pointer;
    position: relative;
}
.main-nav > a::after,
.nav-dropdown__trigger::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 0;
    height: 2px;
    background: var(--green-500);
    transition: .25s ease;
}
.main-nav > a:hover::after,
.main-nav > a.active::after,
.nav-dropdown:hover .nav-dropdown__trigger::after { width: 100%; }

.nav-dropdown { position: relative; }
.nav-dropdown__menu {
    position: absolute;
    top: calc(100% - 8px);
    left: -18px;
    min-width: 220px;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: var(--shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: .2s ease;
}
.nav-dropdown:hover .nav-dropdown__menu,
.nav-dropdown.is-open .nav-dropdown__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.nav-dropdown__menu a {
    display: block;
    padding: 11px 12px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
}
.nav-dropdown__menu a:hover {
    background: #f3efff;
    color: var(--purple-700);
}

.nav-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 4px;
}

.btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 800;
    border: 1px solid transparent;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn--primary {
    color: #fff;
    background: linear-gradient(135deg, var(--green-600), var(--green-500));
    box-shadow: 0 10px 24px rgba(32,201,84,.22);
}
.btn--outline {
    color: var(--purple-700);
    border-color: #8b6df0;
    background: #fff;
}

.nav-toggle {
    display: none;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 10px;
    background: #f3efff;
    cursor: pointer;
}
.nav-toggle span {
    display: block;
    width: 22px;
    height: 2px;
    margin: 5px auto;
    background: var(--purple-700);
}

.phase-placeholder,
.inner-hero {
    min-height: 520px;
    display: grid;
    place-items: center;
    text-align: center;
    background:
        radial-gradient(circle at 20% 20%, rgba(32,201,84,.16), transparent 28%),
        radial-gradient(circle at 80% 10%, rgba(101,53,232,.22), transparent 32%),
        linear-gradient(135deg, #f7f4ff, #ffffff);
}
.phase-placeholder h1,
.inner-hero h1 {
    max-width: 850px;
    margin: 14px auto;
    font-size: clamp(38px, 6vw, 74px);
    line-height: 1.05;
    letter-spacing: -3px;
}
.phase-placeholder p,
.inner-hero p {
    max-width: 700px;
    margin: 0 auto;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.7;
}
.eyebrow {
    display: inline-block;
    color: var(--green-600);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.8px;
}
.placeholder-actions {
    margin-top: 28px;
    display: flex;
    justify-content: center;
    gap: 12px;
}

.site-footer {
    background: #16064a;
    color: #fff;
    padding-top: 54px;
}
.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.25fr;
    gap: 36px;
    padding-bottom: 40px;
}
.footer-logo {
    width: 210px;
    background: #fff;
    border-radius: 12px;
    padding: 8px;
    margin-bottom: 16px;
}
.footer-grid h3 { margin-top: 0; font-size: 16px; }
.footer-grid p,
.footer-grid a {
    display: block;
    color: rgba(255,255,255,.74);
    font-size: 14px;
    line-height: 1.8;
}
.footer-grid a:hover { color: #70f58f; }
.footer-bottom {
    min-height: 70px;
    border-top: 1px solid rgba(255,255,255,.14);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: rgba(255,255,255,.64);
    font-size: 12px;
}

.whatsapp-float {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1200;
    display: flex;
    align-items: center;
    gap: 10px;
}
.whatsapp-float__text {
    background: #fff;
    border-radius: 14px;
    box-shadow: var(--shadow);
    padding: 11px 14px;
    font-size: 13px;
    font-weight: 800;
}
.whatsapp-float__icon {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #18bf4b;
    color: #fff;
    font-size: 22px;
    box-shadow: 0 12px 30px rgba(24,191,75,.35);
}



/* =========================================================
   PHASE 1.2 — PREMIUM HOMEPAGE HERO
   ========================================================= */
.hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 690px;
    padding: 72px 0 20px;
    color: #fff;
    background:
        radial-gradient(circle at 76% 42%, rgba(47, 231, 91, .16), transparent 26%),
        radial-gradient(circle at 18% 18%, rgba(117, 76, 255, .24), transparent 32%),
        linear-gradient(122deg, #0b022c 0%, #16034e 48%, #22106c 100%);
}

.hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 180px;
    z-index: -1;
    background: linear-gradient(180deg, transparent, rgba(21, 0, 74, .68));
}

.hero__grid-overlay {
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: .16;
    background-image:
        linear-gradient(rgba(255,255,255,.11) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.11) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(90deg, transparent 0%, #000 45%, #000 100%);
}

.hero__glow {
    position: absolute;
    z-index: -1;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    filter: blur(20px);
    opacity: .24;
}
.hero__glow--one {
    right: 7%;
    top: 10%;
    background: #26d959;
}
.hero__glow--two {
    left: 33%;
    bottom: -20%;
    background: #6b39ed;
}

.hero__inner {
    display: grid;
    grid-template-columns: minmax(0, .93fr) minmax(480px, 1.07fr);
    align-items: center;
    gap: 42px;
}

.hero__content {
    position: relative;
    z-index: 3;
    padding: 22px 0 48px;
}

.hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 22px;
    padding: 8px 13px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    color: rgba(255,255,255,.84);
    background: rgba(255,255,255,.06);
    backdrop-filter: blur(12px);
    font-size: 12px;
    font-weight: 700;
}

.hero__eyebrow-dot,
.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #31e966;
    box-shadow: 0 0 0 5px rgba(49,233,102,.12);
}

.hero h1 {
    margin: 0;
    max-width: 720px;
    color: #fff;
    font-size: clamp(48px, 6vw, 82px);
    line-height: .98;
    letter-spacing: -4.3px;
    text-shadow: 0 16px 40px rgba(0,0,0,.24);
}
.hero h1 span {
    display: inline-block;
    color: #43e56e;
}

.hero__lead {
    max-width: 640px;
    margin: 24px 0 0;
    color: rgba(255,255,255,.78);
    font-size: 17px;
    line-height: 1.75;
}

.hero__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
}
.hero__chips a {
    padding: 10px 14px;
    border: 1px solid rgba(82,229,116,.35);
    border-radius: 999px;
    color: #fff;
    background: rgba(24,9,69,.56);
    font-size: 12px;
    font-weight: 700;
    transition: .22s ease;
}
.hero__chips a::before {
    content: "↗";
    margin-right: 7px;
    color: #3ee76c;
}
.hero__chips a:hover {
    transform: translateY(-2px);
    border-color: #3ee76c;
    background: rgba(62,231,108,.12);
}

.hero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 30px;
}
.btn--hero-primary {
    min-height: 50px;
    padding-inline: 22px;
    color: #fff;
    background: linear-gradient(135deg, #0ca83e, #28d85c);
    box-shadow: 0 15px 34px rgba(36,209,87,.28);
}
.btn--hero-primary span { margin-left: 12px; }
.btn--hero-secondary {
    min-height: 50px;
    padding-inline: 22px;
    color: #281165;
    background: #fff;
    box-shadow: 0 14px 30px rgba(0,0,0,.16);
}
.hero__app-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 50px;
    padding: 0 10px;
    color: rgba(255,255,255,.88);
    font-size: 14px;
    font-weight: 800;
}
.hero__play-icon {
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border-radius: 7px;
    color: #fff;
    background: linear-gradient(135deg, #33e46a, #16b7ff 45%, #ffcb3d 70%, #f44b59);
    font-size: 10px;
}

.hero__assurance {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 22px;
    color: rgba(255,255,255,.62);
    font-size: 11px;
    font-weight: 600;
}

.hero__visual {
    position: relative;
    min-height: 520px;
    perspective: 1200px;
}

.hero-chart-card {
    position: absolute;
    top: 36px;
    right: 12px;
    width: min(90%, 530px);
    min-height: 390px;
    padding: 22px 24px 18px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(31,15,87,.94), rgba(10,3,40,.86));
    box-shadow: 0 40px 90px rgba(0,0,0,.36);
    transform: rotateY(-7deg) rotateX(2deg);
}
.hero-chart-card::before {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    right: -90px;
    top: -100px;
    border-radius: 50%;
    background: rgba(43,221,91,.12);
    filter: blur(8px);
}
.hero-chart-card__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}
.hero-chart-card__top small {
    display: block;
    color: rgba(255,255,255,.54);
    font-size: 12px;
}
.hero-chart-card__top strong {
    display: block;
    margin-top: 6px;
    color: #fff;
    font-size: 27px;
}
.hero-chart-card__top > span {
    padding: 7px 10px;
    border-radius: 999px;
    color: #44ec70;
    background: rgba(68,236,112,.1);
    font-size: 12px;
    font-weight: 800;
}

.hero-chart {
    width: 100%;
    height: 235px;
    margin-top: 13px;
    overflow: visible;
}
.chart-grid line {
    stroke: rgba(255,255,255,.08);
    stroke-width: 1;
}
.chart-area { fill: url(#chartFill); }
.chart-line {
    fill: none;
    stroke: #41e86d;
    stroke-width: 6;
    stroke-linecap: round;
    filter: url(#chartGlow);
    stroke-dasharray: 900;
    stroke-dashoffset: 900;
    animation: drawHeroChart 2.2s .2s ease forwards;
}
@keyframes drawHeroChart {
    to { stroke-dashoffset: 0; }
}

.hero-chart-card__tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    color: rgba(255,255,255,.44);
    font-size: 10px;
}
.hero-chart-card__tabs strong {
    padding: 4px 8px;
    border-radius: 6px;
    color: #fff;
    background: #1bc852;
}

.hero-wallet {
    position: absolute;
    z-index: 4;
    right: 4px;
    bottom: 0;
    width: 255px;
    height: 292px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 26px 26px 74px 74px;
    background:
        linear-gradient(90deg, transparent 0 8%, rgba(255,255,255,.92) 8% 10%, transparent 10% 90%, rgba(255,255,255,.92) 90% 92%, transparent 92%),
        linear-gradient(145deg, #7d4dff, #4b20c9);
    box-shadow: 0 34px 70px rgba(0,0,0,.38);
    transform: rotate(4deg);
}
.hero-wallet::after {
    content: "";
    position: absolute;
    inset: 10px;
    border: 2px dashed rgba(255,255,255,.9);
    border-radius: 18px 18px 64px 64px;
}
.hero-wallet__cards span {
    position: absolute;
    width: 190px;
    height: 90px;
    right: 15px;
    top: -52px;
    border-radius: 20px;
    transform: rotate(-13deg);
    background: #0a9c3a;
}
.hero-wallet__cards span:last-child {
    top: -38px;
    right: -7px;
    background: #28d45b;
}
.hero-wallet__strap {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 50%;
    width: 88px;
    height: 92px;
    display: grid;
    place-items: center;
    transform: translateX(-50%);
    border-radius: 0 0 42px 42px;
    background: #8457ff;
}
.hero-wallet__strap span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #6735e8;
    background: #fff;
    font-size: 23px;
}
.hero-wallet__logo-ring {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 42px;
    width: 142px;
    height: 142px;
    transform: translateX(-50%);
    border: 5px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #20ce55;
}
.hero-wallet__coin {
    position: absolute;
    left: 50%;
    top: 13px;
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    transform: translateX(-50%);
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #ffd84e, #f0a400);
    border: 3px solid #fff0a2;
    font-weight: 900;
}
.hero-wallet__plant span {
    position: absolute;
    bottom: 17px;
    width: 52px;
    height: 70px;
    background: #22d255;
}
.hero-wallet__plant span:first-child {
    left: 31px;
    border-radius: 50px 8px 50px 8px;
    transform: rotate(-35deg);
}
.hero-wallet__plant span:nth-child(2) {
    right: 28px;
    bottom: 29px;
    width: 43px;
    height: 56px;
    border-radius: 8px 45px 8px 45px;
    transform: rotate(29deg);
}
.hero-wallet__plant i {
    position: absolute;
    left: 67px;
    bottom: 9px;
    width: 10px;
    height: 80px;
    border-radius: 999px;
    background: #22d255;
}

.hero-coins {
    position: absolute;
    right: -14px;
    bottom: 4px;
    z-index: 5;
    display: flex;
    align-items: flex-end;
}
.hero-coins span {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin-left: -24px;
    border-radius: 50%;
    border: 5px solid #ffc533;
    color: #9a5600;
    background: #f6a900;
    box-shadow: 0 8px 18px rgba(0,0,0,.24);
    font-weight: 900;
}
.hero-coins span:nth-child(2) { margin-bottom: 26px; }
.hero-coins span:nth-child(3) { margin-bottom: 7px; }

.hero-growth-arrow {
    position: absolute;
    right: -10px;
    top: 4px;
    width: 170px;
    height: 180px;
    transform: rotate(-6deg);
}
.hero-growth-arrow span {
    position: absolute;
    right: 52px;
    top: 22px;
    width: 21px;
    height: 150px;
    border-radius: 999px;
    background: linear-gradient(#4af176, #13a73e);
    transform: rotate(35deg);
    box-shadow: 0 0 28px rgba(64,233,106,.45);
}
.hero-growth-arrow span::after {
    content: "";
    position: absolute;
    top: -8px;
    left: -19px;
    border-left: 29px solid transparent;
    border-right: 29px solid transparent;
    border-bottom: 45px solid #48ed73;
}

.hero-floating-card {
    position: absolute;
    z-index: 6;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 165px;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 16px;
    color: #fff;
    background: rgba(255,255,255,.09);
    backdrop-filter: blur(14px);
    box-shadow: 0 18px 38px rgba(0,0,0,.22);
    animation: heroFloat 4.8s ease-in-out infinite;
}
.hero-floating-card--one {
    left: 6px;
    top: 124px;
}
.hero-floating-card--two {
    left: 46px;
    bottom: 54px;
    animation-delay: -2.2s;
}
.hero-floating-card__icon {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #4ce976;
    background: rgba(76,233,118,.12);
    font-size: 20px;
}
.hero-floating-card small {
    display: block;
    color: rgba(255,255,255,.56);
    font-size: 10px;
}
.hero-floating-card strong {
    display: block;
    margin-top: 2px;
    font-size: 15px;
}
@keyframes heroFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-9px); }
}

.hero__bottom-strip {
    position: relative;
    z-index: 7;
    min-height: 62px;
    display: grid;
    grid-template-columns: 1.35fr repeat(3, 1fr);
    align-items: center;
    margin-top: 16px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 18px;
    color: rgba(255,255,255,.8);
    background: rgba(10,3,41,.72);
    backdrop-filter: blur(14px);
    font-size: 12px;
    font-weight: 700;
}
.hero__bottom-strip > div {
    min-height: 62px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 22px;
    border-right: 1px solid rgba(255,255,255,.1);
}
.hero__bottom-strip > div:last-child { border-right: 0; }

.next-phase-preview {
    padding: 82px 0;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(102,54,232,.11), transparent 32%),
        #fbfaff;
}
.next-phase-preview h2 {
    margin: 12px 0;
    font-size: clamp(30px, 4vw, 48px);
    letter-spacing: -2px;
}
.next-phase-preview p {
    max-width: 650px;
    margin: 0 auto;
    color: var(--muted);
    line-height: 1.7;
}



/* =========================================================
   PHASE 1.3 — MARKET TICKER + TRUST CARDS
   ========================================================= */
.market-section {
    position: relative;
    overflow: hidden;
    padding: 82px 0 42px;
    background:
        radial-gradient(circle at 4% 15%, rgba(39, 210, 88, .10), transparent 28%),
        linear-gradient(180deg, #fbfaff, #f4f0ff);
}

.section-heading {
    max-width: 780px;
    margin: 0 auto 36px;
    text-align: center;
}
.section-heading--split {
    max-width: none;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    text-align: left;
}
.section-heading h2 {
    margin: 10px 0 0;
    font-size: clamp(32px, 4.3vw, 52px);
    line-height: 1.08;
    letter-spacing: -2.5px;
}
.section-heading p {
    max-width: 650px;
    margin: 15px auto 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.75;
}

.market-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    padding: 10px 14px;
    border: 1px solid #dcd3f4;
    border-radius: 999px;
    color: #5e5676;
    background: rgba(255,255,255,.78);
    font-size: 12px;
    font-weight: 800;
}

.market-ticker {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(91,43,224,.12);
    border-radius: 22px;
    background: linear-gradient(135deg, #16064a, #281078);
    box-shadow: 0 24px 55px rgba(46, 24, 111, .18);
}
.market-ticker::before,
.market-ticker::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4;
    width: 80px;
    pointer-events: none;
}
.market-ticker::before {
    left: 0;
    background: linear-gradient(90deg, #16064a, transparent);
}
.market-ticker::after {
    right: 0;
    background: linear-gradient(-90deg, #281078, transparent);
}
.market-ticker__track {
    width: max-content;
    display: flex;
    align-items: stretch;
    animation: marketMarquee 34s linear infinite;
}
.market-ticker:hover .market-ticker__track {
    animation-play-state: paused;
}
@keyframes marketMarquee {
    from { transform: translateX(0); }
    to { transform: translateX(-33.333%); }
}
.market-item {
    min-width: 245px;
    min-height: 92px;
    display: grid;
    grid-template-columns: 44px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 18px 22px;
    color: #fff;
    border-right: 1px solid rgba(255,255,255,.10);
}
.market-item__icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: #45e86f;
    background: rgba(69,232,111,.11);
    border: 1px solid rgba(69,232,111,.18);
    font-size: 12px;
    font-weight: 900;
}
.market-item span {
    display: block;
    color: rgba(255,255,255,.56);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
}
.market-item strong {
    display: block;
    margin-top: 4px;
    font-size: 15px;
}
.market-item em {
    font-style: normal;
    font-size: 11px;
    font-weight: 900;
}
.market-up { color: #43ed6f; }
.market-down { color: #ff7474; }

.market-note {
    margin: 14px 0 0;
    color: #7a718d;
    font-size: 11px;
    text-align: center;
}

.trust-section {
    position: relative;
    overflow: hidden;
    padding: 84px 0 96px;
    background:
        radial-gradient(circle at 90% 20%, rgba(50, 218, 96, .10), transparent 28%),
        #fff;
}
.trust-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.trust-card {
    position: relative;
    overflow: hidden;
    min-height: 230px;
    padding: 25px;
    border: 1px solid #e7e1f4;
    border-radius: 22px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,245,255,.95));
    box-shadow: 0 18px 44px rgba(54, 31, 112, .08);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.trust-card::after {
    content: "";
    position: absolute;
    right: -44px;
    bottom: -44px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: rgba(101,53,232,.06);
}
.trust-card:hover {
    transform: translateY(-7px);
    border-color: rgba(81, 44, 205, .28);
    box-shadow: 0 28px 60px rgba(54, 31, 112, .14);
}
.trust-card__icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    margin-bottom: 24px;
    border-radius: 17px;
    color: #fff;
    background: linear-gradient(145deg, #6535e8, #4a1fc5);
    box-shadow: 0 13px 28px rgba(91,43,224,.23);
    font-size: 22px;
    font-weight: 900;
}
.trust-card:nth-child(even) .trust-card__icon {
    background: linear-gradient(145deg, #20ca55, #079c38);
    box-shadow: 0 13px 28px rgba(21,183,70,.22);
}
.trust-card__content {
    position: relative;
    z-index: 2;
}
.trust-card strong {
    display: block;
    color: #4e22c9;
    font-size: 29px;
    line-height: 1.05;
    letter-spacing: -1.4px;
}
.trust-card h3 {
    margin: 8px 0 10px;
    font-size: 17px;
}
.trust-card p {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.7;
}

.trust-banner {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 30px;
    padding: 32px 36px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 85% 20%, rgba(73, 236, 115, .27), transparent 25%),
        linear-gradient(120deg, #17064c, #4c22c8);
    box-shadow: 0 26px 62px rgba(51, 27, 122, .20);
}
.trust-banner::after {
    content: "↗";
    position: absolute;
    right: 280px;
    bottom: -54px;
    color: rgba(76, 238, 119, .12);
    font-size: 190px;
    font-weight: 900;
}
.trust-banner__content,
.trust-banner__actions {
    position: relative;
    z-index: 2;
}
.trust-banner__content span {
    color: #52ee7a;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.3px;
}
.trust-banner__content h3 {
    max-width: 650px;
    margin: 8px 0 0;
    font-size: clamp(24px, 3vw, 36px);
    line-height: 1.15;
    letter-spacing: -1.4px;
}
.trust-banner__actions {
    display: flex;
    align-items: center;
    gap: 11px;
    flex: 0 0 auto;
}
.trust-banner .btn--outline {
    color: #fff;
    border-color: rgba(255,255,255,.38);
    background: rgba(255,255,255,.08);
}

/* PHASE 1.4 */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.fund-explorer-section{padding:92px 0;background:radial-gradient(circle at 92% 10%,rgba(38,213,89,.11),transparent 28%),linear-gradient(180deg,#f8f5ff,#fff)}
.section-heading--split p{margin-left:0}.text-link{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:12px 16px;border:1px solid #ddd4f5;border-radius:12px;color:var(--purple-700);background:#fff;font-size:13px;font-weight:800;box-shadow:0 10px 28px rgba(58,34,115,.06)}
.fund-explorer{padding:22px;border:1px solid #e4def2;border-radius:26px;background:rgba(255,255,255,.92);box-shadow:0 28px 65px rgba(52,29,112,.11)}
.fund-search-panel{display:grid;grid-template-columns:minmax(270px,1.4fr) minmax(430px,2fr) 180px;gap:14px;align-items:center;padding:16px;border-radius:18px;background:linear-gradient(135deg,#17064d,#321181)}
.fund-search-field{min-height:50px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.1)}.fund-search-field span{color:#4fe97a;font-size:22px}.fund-search-field input{width:100%;border:0;outline:0;color:#fff;background:transparent;font-size:13px}.fund-search-field input::placeholder{color:rgba(255,255,255,.58)}
.fund-filter-row{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.fund-filter-row::-webkit-scrollbar{display:none}.fund-filter{min-height:40px;flex:0 0 auto;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:rgba(255,255,255,.76);background:rgba(255,255,255,.07);cursor:pointer;font-size:11px;font-weight:800}.fund-filter:hover,.fund-filter.is-active{color:#102016;border-color:#4ce977;background:#4ce977}
.risk-filter label{display:block;margin:0 0 5px;color:rgba(255,255,255,.56);font-size:9px;font-weight:800;text-transform:uppercase}.risk-filter select{width:100%;min-height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:9px;outline:0;color:#fff;background:#261069;font-size:11px}
.fund-results-header{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.fund-results-header strong{margin-right:5px;color:var(--purple-700);font-size:20px}
.fund-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fund-card{padding:20px;border:1px solid #e8e3f3;border-radius:19px;background:#fff;transition:.24s}.fund-card:hover{transform:translateY(-5px);border-color:rgba(91,43,224,.28);box-shadow:0 22px 42px rgba(51,28,105,.10)}.fund-card[hidden]{display:none!important}
.fund-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.fund-amc-badge{min-width:44px;height:38px;display:grid;place-items:center;padding:0 9px;border-radius:11px;color:#fff;background:linear-gradient(145deg,#6535e8,#421aaf);font-size:10px;font-weight:900}.risk-badge{padding:6px 8px;border-radius:999px;color:#865e00;background:#fff4d5;font-size:8px;font-weight:900}.risk-badge--high{color:#b52b45;background:#ffe7ec}.risk-badge--moderate{color:#08743a;background:#e4faed}
.fund-card h3{margin:18px 0 5px;font-size:16px;line-height:1.35}.fund-card>p{margin:0;color:var(--muted);font-size:10px}.fund-card__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.fund-card__metrics div{padding:11px 9px;border-radius:11px;background:#f8f6fc}.fund-card__metrics span{display:block;color:#898198;font-size:8px}.fund-card__metrics strong{display:block;margin-top:5px;font-size:12px}.fund-card__metrics .positive{color:#089e3a}
.fund-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #eee9f6;color:#817a90;font-size:9px}.fund-card__footer a{color:var(--purple-700);font-weight:900}.fund-empty{display:grid;place-items:center;min-height:150px;padding:25px;border:1px dashed #d7cfee;border-radius:16px;text-align:center}.fund-empty[hidden]{display:none}
.quick-actions-section{padding:88px 0 96px;background:radial-gradient(circle at 8% 25%,rgba(86,44,218,.09),transparent 26%),#fff}.quick-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quick-action-card{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:15px;min-height:128px;padding:20px;border:1px solid #e5dff2;border-radius:19px;background:linear-gradient(145deg,#fff,#faf8ff);box-shadow:0 16px 38px rgba(57,31,113,.07);transition:.24s}.quick-action-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px rgba(57,31,113,.12)}.quick-action-card__icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#6535e8,#4519b9);font-size:19px;font-weight:900}.quick-action-card:nth-child(even) .quick-action-card__icon{background:linear-gradient(145deg,#28d85d,#079c38)}.quick-action-card h3{margin:0;font-size:15px}.quick-action-card p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.quick-action-card i{color:var(--purple-700);font-size:19px;font-style:normal;font-weight:900}.quick-action-card--featured{color:#fff;border-color:transparent;background:radial-gradient(circle at 80% 20%,rgba(74,232,111,.24),transparent 28%),linear-gradient(135deg,#18064d,#4b20c7)}.quick-action-card--featured p{color:rgba(255,255,255,.68)}.quick-action-card--featured i{color:#4bea76}



/* =========================================================
   PHASE 1.5 — CALCULATOR SHOWCASE + INVESTMENT SOLUTIONS
   ========================================================= */
.calculator-showcase-section {
    padding: 94px 0;
    background:
        radial-gradient(circle at 8% 14%, rgba(43,214,91,.10), transparent 26%),
        linear-gradient(180deg, #ffffff, #f7f4ff);
}

.calculator-showcase-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.calculator-showcase-card {
    position: relative;
    min-height: 172px;
    display: grid;
    grid-template-columns: 50px 1fr auto;
    align-items: start;
    gap: 14px;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #e5dff2;
    border-radius: 20px;
    background: linear-gradient(145deg, #fff, #faf8ff);
    box-shadow: 0 16px 38px rgba(57,31,113,.07);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.calculator-showcase-card::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -30px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: rgba(101,53,232,.05);
}
.calculator-showcase-card:hover {
    transform: translateY(-7px);
    border-color: rgba(91,43,224,.28);
    box-shadow: 0 26px 52px rgba(57,31,113,.13);
}

.calculator-showcase-card__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(145deg, #6535e8, #4519b9);
    box-shadow: 0 12px 26px rgba(91,43,224,.20);
    font-size: 19px;
    font-weight: 900;
}
.calculator-showcase-card:nth-child(3n+2) .calculator-showcase-card__icon {
    background: linear-gradient(145deg, #28d85d, #079c38);
    box-shadow: 0 12px 26px rgba(20,185,68,.19);
}
.calculator-showcase-card:nth-child(3n) .calculator-showcase-card__icon {
    background: linear-gradient(145deg, #f4b62c, #df7b10);
    box-shadow: 0 12px 26px rgba(223,123,16,.18);
}
.calculator-showcase-card h3 {
    margin: 3px 0 8px;
    font-size: 15px;
}
.calculator-showcase-card p {
    margin: 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.6;
}
.calculator-showcase-card i {
    position: relative;
    z-index: 2;
    color: var(--purple-700);
    font-size: 19px;
    font-style: normal;
    font-weight: 900;
}

.calculator-showcase-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 28px;
    padding: 28px 32px;
    border-radius: 22px;
    color: #fff;
    background:
        radial-gradient(circle at 85% 15%, rgba(68,235,111,.26), transparent 25%),
        linear-gradient(120deg, #17064c, #4b20c7);
    box-shadow: 0 24px 55px rgba(53,29,127,.20);
}
.calculator-showcase-banner span {
    color: #4deb78;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.2px;
}
.calculator-showcase-banner h3 {
    max-width: 750px;
    margin: 8px 0 0;
    font-size: clamp(22px, 3vw, 34px);
    line-height: 1.18;
    letter-spacing: -1.2px;
}

.solutions-section {
    padding: 94px 0;
    background:
        radial-gradient(circle at 92% 18%, rgba(97,51,226,.09), transparent 28%),
        #fff;
}

.solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.solution-card {
    position: relative;
    min-height: 220px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid #e6e0f2;
    border-radius: 22px;
    background: linear-gradient(145deg, #fff, #fbf9ff);
    box-shadow: 0 17px 40px rgba(53,29,111,.07);
    transition: transform .25s ease, box-shadow .25s ease;
}
.solution-card::before {
    content: "";
    position: absolute;
    right: -42px;
    top: -42px;
    width: 135px;
    height: 135px;
    border-radius: 50%;
    background: rgba(41,210,88,.07);
}
.solution-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 27px 56px rgba(53,29,111,.13);
}
.solution-card__badge {
    position: relative;
    z-index: 2;
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border-radius: 17px;
    color: #fff;
    background: linear-gradient(145deg, #6535e8, #481dbd);
    font-size: 12px;
    font-weight: 900;
}
.solution-card:nth-child(even) .solution-card__badge {
    background: linear-gradient(145deg, #28d85d, #079c38);
}
.solution-card h3 {
    position: relative;
    z-index: 2;
    margin: 22px 0 9px;
    font-size: 18px;
}
.solution-card p {
    position: relative;
    z-index: 2;
    margin: 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.7;
}
.solution-card a {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 18px;
    color: var(--purple-700);
    font-size: 11px;
    font-weight: 900;
}

.solutions-note {
    margin-top: 22px;
    padding: 15px 18px;
    border: 1px solid #e5def3;
    border-radius: 14px;
    color: var(--muted);
    background: #faf8ff;
    font-size: 11px;
    text-align: center;
}
.solutions-note span {
    color: var(--purple-700);
    font-weight: 900;
}

.premium-cta-section {
    padding: 20px 0 96px;
    background: #fff;
}
.premium-cta {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1.4fr .9fr;
    align-items: center;
    gap: 34px;
    padding: 44px;
    border-radius: 28px;
    color: #fff;
    background:
        radial-gradient(circle at 82% 18%, rgba(78,236,119,.28), transparent 26%),
        linear-gradient(125deg, #12043f, #3c179e 60%, #5025c8);
    box-shadow: 0 30px 70px rgba(50,26,122,.24);
}
.premium-cta::after {
    content: "₹";
    position: absolute;
    right: 25%;
    bottom: -90px;
    color: rgba(255,255,255,.05);
    font-size: 260px;
    font-weight: 900;
}
.premium-cta__content,
.premium-cta__actions {
    position: relative;
    z-index: 2;
}
.premium-cta__content > span {
    color: #4dec78;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.2px;
}
.premium-cta h2 {
    margin: 10px 0 12px;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.08;
    letter-spacing: -2px;
}
.premium-cta p {
    margin: 0;
    color: rgba(255,255,255,.68);
    line-height: 1.7;
}
.premium-cta__actions {
    display: grid;
    gap: 11px;
}
.btn--light {
    color: var(--purple-700);
    background: #fff;
}
.btn--ghost {
    color: #fff;
    border-color: rgba(255,255,255,.35);
    background: rgba(255,255,255,.08);
}



/* =========================================================
   PHASE 1.6 — WHY CHOOSE US + TEAM + TESTIMONIALS
   ========================================================= */
.why-choose-section {
    padding: 94px 0;
    color: #fff;
    background:
        radial-gradient(circle at 15% 20%, rgba(76,235,118,.18), transparent 26%),
        linear-gradient(125deg, #12043f, #301078 62%, #4515a9);
}
.why-choose-section .section-heading p { color: rgba(255,255,255,.68); }

.why-choose-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.why-card {
    min-height: 200px;
    padding: 24px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 21px;
    background: rgba(255,255,255,.07);
    backdrop-filter: blur(12px);
    box-shadow: 0 18px 45px rgba(0,0,0,.12);
    transition: transform .24s ease, background .24s ease;
}
.why-card:hover {
    transform: translateY(-6px);
    background: rgba(255,255,255,.11);
}
.why-card > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #17231a;
    background: #4dec78;
    font-size: 20px;
    font-weight: 900;
}
.why-card h3 { margin: 19px 0 9px; font-size: 17px; }
.why-card p {
    margin: 0;
    color: rgba(255,255,255,.65);
    font-size: 12px;
    line-height: 1.65;
}

.trust-metrics-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin-top: 25px;
}
.trust-metrics-grid div {
    padding: 18px 10px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    text-align: center;
}
.trust-metrics-grid strong {
    display: block;
    color: #4dec78;
    font-size: 20px;
}
.trust-metrics-grid span {
    display: block;
    margin-top: 5px;
    color: rgba(255,255,255,.58);
    font-size: 9px;
}

.team-section {
    padding: 96px 0;
    background:
        radial-gradient(circle at 90% 18%, rgba(41,211,89,.10), transparent 25%),
        #fff;
}
.team-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.team-card {
    overflow: hidden;
    border: 1px solid #e5def1;
    border-radius: 23px;
    background: linear-gradient(145deg,#fff,#faf8ff);
    box-shadow: 0 18px 42px rgba(56,31,111,.08);
    transition: transform .24s ease, box-shadow .24s ease;
}
.team-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 28px 58px rgba(56,31,111,.13);
}
.team-card__photo {
    position: relative;
    min-height: 200px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 70% 25%, rgba(76,236,119,.26), transparent 23%),
        linear-gradient(135deg,#19064e,#5526d0);
}
.team-card__photo::before {
    content: "";
    position: absolute;
    width: 145px;
    height: 145px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.08);
}
.team-card__photo span {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 54px;
    font-weight: 900;
    letter-spacing: -3px;
}
.team-card__body { padding: 22px; }
.team-card h3 { margin: 0 0 5px; font-size: 18px; }
.team-card__role {
    color: var(--purple-700);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}
.team-card p {
    margin: 13px 0 17px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.65;
}
.team-card__links { display: flex; gap: 8px; }
.team-card__links a {
    width: 33px;
    height: 33px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: var(--purple-700);
    font-size: 11px;
    font-weight: 900;
}

.testimonials-section {
    padding: 94px 0;
    background:
        radial-gradient(circle at 10% 20%, rgba(91,43,224,.08), transparent 28%),
        linear-gradient(180deg,#f8f5ff,#fff);
}
.testimonial-slider { overflow: hidden; }
.testimonial-track {
    display: flex;
    gap: 18px;
    transition: transform .45s ease;
}
.testimonial-card {
    flex: 0 0 calc((100% - 36px)/3);
    min-height: 250px;
    padding: 24px;
    border: 1px solid #e5dff2;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(56,31,111,.08);
}
.testimonial-card__stars {
    color: #f2b629;
    font-size: 15px;
    letter-spacing: 2px;
}
.testimonial-card blockquote {
    margin: 19px 0 25px;
    color: #332c44;
    font-size: 14px;
    line-height: 1.8;
}
.testimonial-card__footer {
    display: flex;
    align-items: center;
    gap: 12px;
}
.testimonial-card__avatar {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg,#6535e8,#421aaf);
    font-size: 12px;
    font-weight: 900;
}
.testimonial-card__footer strong {
    display: block;
    font-size: 13px;
}
.testimonial-card__footer span {
    display: block;
    margin-top: 3px;
    color: var(--muted);
    font-size: 9px;
}
.testimonial-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 24px;
}
.testimonial-controls button {
    width: 38px;
    height: 38px;
    border: 1px solid #ddd5ef;
    border-radius: 50%;
    color: var(--purple-700);
    background: #fff;
    cursor: pointer;
    font-weight: 900;
}
.testimonial-dots { display: flex; gap: 7px; }
.testimonial-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    background: #d5ccec;
}
.testimonial-dots button.is-active {
    width: 22px;
    border-radius: 999px;
    background: var(--purple-700);
}

.certifications-section {
    padding: 90px 0;
    background: #fff;
}
.certification-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
}
.certification-grid article {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 13px;
    align-items: center;
    padding: 19px;
    border: 1px solid #e6e0f2;
    border-radius: 18px;
    background: #fbfaff;
}
.certification-grid article > span {
    grid-row: 1 / 3;
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(145deg,#28d85d,#079c38);
    font-size: 10px;
    font-weight: 900;
}
.certification-grid strong { font-size: 13px; }
.certification-grid small { color: var(--muted); font-size: 9px; }

.team-cta-section {
    padding: 15px 0 96px;
    background: #fff;
}
.team-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 38px 42px;
    border-radius: 27px;
    color: #fff;
    background:
        radial-gradient(circle at 84% 20%, rgba(74,235,115,.28), transparent 26%),
        linear-gradient(125deg,#130443,#4a1fc1);
    box-shadow: 0 28px 65px rgba(49,26,119,.22);
}
.team-cta > div:first-child > span {
    color: #4dec78;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.2px;
}
.team-cta h2 {
    margin: 9px 0 8px;
    font-size: clamp(28px,4vw,43px);
    letter-spacing: -1.8px;
}
.team-cta p { margin: 0; color: rgba(255,255,255,.65); }
.team-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}



/* =========================================================
   PHASE 1.7 — AMC MARQUEE + LEARNING CENTER + FAQ
   ========================================================= */
.amc-partners-section {
    padding: 94px 0 74px;
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 12%, rgba(44,216,93,.10), transparent 25%),
        linear-gradient(180deg,#fff,#f8f5ff);
}
.amc-marquee {
    position: relative;
    width: 100%;
    margin-top: 12px;
    overflow: hidden;
}
.amc-marquee::before,
.amc-marquee::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    width: 100px;
    pointer-events: none;
}
.amc-marquee::before {
    left: 0;
    background: linear-gradient(90deg,#faf8ff,transparent);
}
.amc-marquee::after {
    right: 0;
    background: linear-gradient(270deg,#faf8ff,transparent);
}
.amc-marquee__track {
    display: flex;
    width: max-content;
    gap: 15px;
    padding: 12px 0;
    animation: amcScroll 42s linear infinite;
}
.amc-marquee:hover .amc-marquee__track { animation-play-state: paused; }
@keyframes amcScroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.amc-logo-card {
    min-width: 210px;
    min-height: 82px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px;
    border: 1px solid #e4def1;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 14px 35px rgba(55,30,108,.07);
}
.amc-logo-card > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg,#6535e8,#441ab3);
    font-size: 11px;
    font-weight: 900;
}
.amc-logo-card:nth-child(3n+2) > span {
    background: linear-gradient(145deg,#2bd85f,#078f35);
}
.amc-logo-card:nth-child(3n) > span {
    background: linear-gradient(145deg,#f0b32b,#dd7d11);
}
.amc-logo-card strong {
    color: #2d263b;
    font-size: 12px;
    line-height: 1.35;
}
.amc-disclaimer {
    margin-top: 20px;
    padding: 13px 16px;
    border: 1px solid #e2dced;
    border-radius: 13px;
    color: var(--muted);
    background: rgba(255,255,255,.75);
    font-size: 10px;
    text-align: center;
}

.learning-section {
    padding: 94px 0;
    background: #fff;
}
.blog-preview-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
}
.blog-preview-card {
    overflow: hidden;
    border: 1px solid #e5dff1;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(54,30,110,.08);
    transition: transform .24s ease, box-shadow .24s ease;
}
.blog-preview-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 28px 58px rgba(54,30,110,.13);
}
.blog-preview-card__visual {
    position: relative;
    min-height: 175px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 78% 25%,rgba(77,237,120,.28),transparent 25%),
        linear-gradient(135deg,#160449,#5224cb);
}
.blog-preview-card__visual::after {
    content: "₹";
    position: absolute;
    right: 12px;
    bottom: -30px;
    color: rgba(255,255,255,.09);
    font-size: 150px;
    font-weight: 900;
}
.blog-preview-card__visual span {
    position: relative;
    z-index: 2;
    padding: 7px 10px;
    border-radius: 999px;
    color: #18251b;
    background: #4dec78;
    font-size: 9px;
    font-weight: 900;
}
.blog-preview-card__visual strong {
    position: relative;
    z-index: 2;
    font-size: 36px;
}
.blog-preview-card__body { padding: 22px; }
.blog-preview-card__meta {
    color: var(--purple-700);
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
}
.blog-preview-card h3 {
    margin: 10px 0 9px;
    font-size: 18px;
    line-height: 1.35;
}
.blog-preview-card p {
    margin: 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.65;
}
.blog-preview-card a {
    display: inline-flex;
    gap: 7px;
    margin-top: 17px;
    color: var(--purple-700);
    font-size: 11px;
    font-weight: 900;
}

.learning-topics {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px;
    margin-top: 26px;
}
.learning-topics a {
    min-height: 70px;
    display: grid;
    grid-template-columns: 37px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border: 1px solid #e5def1;
    border-radius: 15px;
    background: #faf8ff;
}
.learning-topics a > span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: var(--purple-700);
    font-size: 9px;
    font-weight: 900;
}
.learning-topics strong { font-size: 12px; }
.learning-topics i {
    color: var(--purple-700);
    font-style: normal;
    font-weight: 900;
}

.faq-section {
    padding: 96px 0;
    color: #fff;
    background:
        radial-gradient(circle at 12% 15%,rgba(76,235,118,.17),transparent 25%),
        linear-gradient(125deg,#11033e,#32107c 62%,#4417a6);
}
.faq-layout {
    display: grid;
    grid-template-columns: .85fr 1.4fr;
    gap: 55px;
    align-items: start;
}
.faq-intro {
    position: sticky;
    top: 125px;
}
.faq-intro h2 {
    margin: 11px 0 16px;
    font-size: clamp(34px,5vw,56px);
    line-height: 1.08;
    letter-spacing: -2px;
}
.faq-intro p {
    margin: 0 0 25px;
    color: rgba(255,255,255,.66);
    line-height: 1.75;
}
.faq-list { display: grid; gap: 11px; }
.faq-item {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 17px;
    background: rgba(255,255,255,.07);
}
.faq-question {
    width: 100%;
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 20px;
    border: 0;
    color: #fff;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-size: 13px;
    font-weight: 800;
}
.faq-question i {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: #19231b;
    background: #4dec78;
    font-size: 18px;
    font-style: normal;
    transition: transform .25s ease;
}
.faq-item.is-open .faq-question i { transform: rotate(45deg); }
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .32s ease;
}
.faq-answer p {
    margin: 0;
    padding: 0 20px 20px;
    color: rgba(255,255,255,.65);
    font-size: 11px;
    line-height: 1.75;
}

.newsletter-section {
    padding: 82px 0 96px;
    background: #fff;
}
.newsletter-card {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    align-items: center;
    gap: 38px;
    padding: 38px 42px;
    border: 1px solid #e4def1;
    border-radius: 26px;
    background:
        radial-gradient(circle at 85% 20%,rgba(43,215,91,.13),transparent 25%),
        linear-gradient(145deg,#faf8ff,#fff);
    box-shadow: 0 24px 58px rgba(54,30,110,.10);
}
.newsletter-card > div > span {
    color: var(--purple-700);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.1px;
}
.newsletter-card h2 {
    margin: 10px 0 10px;
    font-size: clamp(28px,4vw,42px);
    line-height: 1.12;
    letter-spacing: -1.5px;
}
.newsletter-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}
.newsletter-form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 9px;
}
.newsletter-form input {
    min-height: 50px;
    padding: 0 15px;
    border: 1px solid #ddd6eb;
    border-radius: 12px;
    outline: 0;
    background: #fff;
}
.newsletter-form small {
    grid-column: 1/-1;
    color: var(--muted);
    font-size: 9px;
}



/* =========================================================
   PHASE 1.8 — APP SHOWCASE + CONTACT + FINAL POLISH
   ========================================================= */
.app-showcase-section {
    padding: 100px 0;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 15% 15%, rgba(71,236,115,.18), transparent 25%),
        radial-gradient(circle at 88% 75%, rgba(118,71,235,.30), transparent 30%),
        linear-gradient(125deg,#100338,#2f0d78 60%,#4818b2);
}
.app-showcase {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 65px;
}
.app-showcase__content h2 {
    margin: 13px 0 16px;
    max-width: 680px;
    font-size: clamp(40px,6vw,66px);
    line-height: 1.03;
    letter-spacing: -3px;
}
.app-showcase__content > p {
    max-width: 610px;
    margin: 0;
    color: rgba(255,255,255,.67);
    font-size: 15px;
    line-height: 1.75;
}
.app-feature-list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 13px;
    margin: 31px 0;
}
.app-feature-list > div {
    display: grid;
    grid-template-columns: 35px 1fr;
    gap: 10px;
    padding: 15px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 15px;
    background: rgba(255,255,255,.07);
}
.app-feature-list > div > span {
    grid-row: 1/3;
    width: 33px;
    height: 33px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #17231a;
    background: #4dec78;
    font-weight: 900;
}
.app-feature-list strong { font-size: 12px; }
.app-feature-list small {
    color: rgba(255,255,255,.56);
    font-size: 9px;
}
.app-showcase__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
}
.btn--outline {
    color: var(--purple-700);
    border: 1px solid #d9d0ee;
    background: #fff;
}
.app-showcase__visual {
    position: relative;
    min-height: 560px;
}
.phone-mockup {
    position: absolute;
    width: 245px;
    height: 490px;
    padding: 12px;
    border: 7px solid #120d1f;
    border-radius: 42px;
    background: #0f0c17;
    box-shadow: 0 35px 80px rgba(0,0,0,.35);
}
.phone-mockup--front {
    z-index: 2;
    left: 44%;
    top: 15px;
    transform: translateX(-50%) rotate(-4deg);
}
.phone-mockup--back {
    right: 1%;
    top: 66px;
    opacity: .78;
    transform: rotate(8deg);
}
.phone-mockup__notch {
    position: absolute;
    z-index: 4;
    top: 13px;
    left: 50%;
    width: 90px;
    height: 20px;
    border-radius: 0 0 13px 13px;
    background: #120d1f;
    transform: translateX(-50%);
}
.phone-mockup__screen {
    height: 100%;
    padding: 34px 18px 18px;
    overflow: hidden;
    border-radius: 29px;
    color: #2f2940;
    background:
        radial-gradient(circle at 80% 10%,rgba(44,218,93,.18),transparent 20%),
        linear-gradient(180deg,#fff,#f5f1ff);
}
.phone-brand {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    margin-bottom: 42px;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(145deg,#6535e8,#4319b0);
    font-size: 12px;
    font-weight: 900;
}
.phone-mockup__screen > small { color: #7c748c; }
.phone-mockup__screen h3 {
    margin: 7px 0 26px;
    font-size: 25px;
    line-height: 1.15;
    letter-spacing: -1px;
}
.phone-card {
    padding: 18px;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg,#1a074f,#5626d1);
}
.phone-card span,
.phone-card small { display: block; opacity: .7; font-size: 9px; }
.phone-card strong { display: block; margin: 8px 0; font-size: 25px; }
.phone-menu {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 7px;
    margin-top: 20px;
}
.phone-menu span {
    padding: 13px 4px;
    border-radius: 11px;
    color: #5d5270;
    background: #eee9f8;
    font-size: 8px;
    font-weight: 800;
    text-align: center;
}
.mini-chart {
    height: 140px;
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-top: 40px;
}
.mini-chart i {
    flex: 1;
    border-radius: 7px 7px 0 0;
    background: linear-gradient(180deg,#4dec78,#0c9d3a);
}
.app-rating-card {
    position: absolute;
    z-index: 4;
    left: 2%;
    bottom: 58px;
    min-width: 165px;
    padding: 17px 20px;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 17px;
    background: rgba(255,255,255,.12);
    backdrop-filter: blur(12px);
    box-shadow: 0 20px 45px rgba(0,0,0,.22);
}
.app-rating-card strong { display: block; color: #4dec78; font-size: 25px; }
.app-rating-card span { color: rgba(255,255,255,.68); font-size: 9px; }

.contact-experience-section {
    padding: 100px 0;
    background:
        radial-gradient(circle at 88% 10%,rgba(85,43,222,.09),transparent 24%),
        #fff;
}
.contact-experience-grid {
    display: grid;
    grid-template-columns: .88fr 1.12fr;
    gap: 24px;
}
.contact-details-panel {
    display: grid;
    gap: 12px;
    align-content: start;
    padding: 24px;
    border: 1px solid #e4deef;
    border-radius: 24px;
    background: linear-gradient(145deg,#fff,#faf8ff);
    box-shadow: 0 22px 54px rgba(52,29,106,.09);
}
.contact-detail-card {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 13px;
    align-items: center;
    padding: 15px;
    border: 1px solid #e8e2f2;
    border-radius: 16px;
    background: #fff;
}
.contact-detail-card > span {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg,#6535e8,#4319b2);
    font-weight: 900;
}
.contact-detail-card:nth-child(even) > span {
    background: linear-gradient(145deg,#2ad95e,#078f34);
}
.contact-detail-card small {
    display: block;
    margin-bottom: 3px;
    color: var(--muted);
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}
.contact-detail-card a,
.contact-detail-card p {
    margin: 0;
    color: #312940;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.55;
}
.contact-quick-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 4px;
}
.map-preview-card {
    position: relative;
    min-height: 520px;
    overflow: hidden;
    border: 1px solid #ded8ea;
    border-radius: 24px;
    background: #e8e4ee;
    box-shadow: 0 22px 54px rgba(52,29,106,.10);
}
.map-grid {
    position: absolute;
    inset: 0;
    opacity: .55;
    background-image:
        linear-gradient(rgba(255,255,255,.85) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.85) 1px,transparent 1px);
    background-size: 42px 42px;
}
.map-road {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 0 2px rgba(205,198,216,.65);
}
.map-road--one {
    width: 140%;
    height: 37px;
    left: -20%;
    top: 44%;
    transform: rotate(-14deg);
}
.map-road--two {
    width: 38px;
    height: 140%;
    left: 58%;
    top: -20%;
    transform: rotate(18deg);
}
.map-pin {
    position: absolute;
    z-index: 3;
    left: 53%;
    top: 38%;
    width: 78px;
    height: 78px;
    display: grid;
    place-items: center;
    border: 7px solid #fff;
    border-radius: 50% 50% 50% 8px;
    color: #fff;
    background: linear-gradient(145deg,#6535e8,#4319b2);
    box-shadow: 0 18px 40px rgba(56,27,136,.30);
    transform: rotate(-45deg);
}
.map-pin span { transform: rotate(45deg); font-size: 12px; font-weight: 900; }
.map-info {
    position: absolute;
    z-index: 4;
    left: 24px;
    right: 24px;
    bottom: 24px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 18px;
    background: rgba(255,255,255,.90);
    backdrop-filter: blur(10px);
    box-shadow: 0 20px 45px rgba(55,33,95,.15);
}
.map-info small { color: var(--purple-700); font-size: 9px; font-weight: 900; }
.map-info strong { display: block; margin: 6px 0; font-size: 18px; }
.map-info p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.map-info a { display: inline-block; margin-top: 12px; color: var(--purple-700); font-size: 10px; font-weight: 900; }

.homepage-final-cta {
    padding: 15px 0 96px;
    background: #fff;
}
.homepage-final-cta__inner {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    align-items: center;
    gap: 35px;
    padding: 44px;
    border-radius: 28px;
    color: #fff;
    background:
        radial-gradient(circle at 85% 18%,rgba(75,235,116,.26),transparent 26%),
        linear-gradient(125deg,#100338,#471ab3);
    box-shadow: 0 30px 70px rgba(52,26,125,.24);
}
.homepage-final-cta__inner > div:first-child > span {
    color: #4dec78;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.2px;
}
.homepage-final-cta h2 {
    margin: 10px 0;
    font-size: clamp(31px,4vw,48px);
    line-height: 1.08;
    letter-spacing: -2px;
}
.homepage-final-cta p { margin: 0; color: rgba(255,255,255,.66); }
.homepage-final-cta__actions {
    display: grid;
    gap: 10px;
}
.homepage-complete-section {
    padding: 78px 0;
    text-align: center;
    background: linear-gradient(180deg,#f8f5ff,#fff);
}
.homepage-complete-section h2 {
    margin: 10px 0;
    font-size: clamp(30px,5vw,48px);
    letter-spacing: -2px;
}
.homepage-complete-section p {
    max-width: 850px;
    margin: 0 auto;
    color: var(--muted);
    line-height: 1.75;
}



/* =========================================================
   PHASE 2.1 — ABOUT, SERVICES & CONTACT PAGES
   ========================================================= */
.inner-hero {
    padding: 110px 0 92px;
    color: #fff;
    background:
        radial-gradient(circle at 12% 18%,rgba(76,235,118,.18),transparent 26%),
        radial-gradient(circle at 88% 72%,rgba(105,61,226,.28),transparent 27%),
        linear-gradient(125deg,#100338,#2f0e76 60%,#4819b1);
}
.inner-hero--compact { text-align:center; }
.inner-hero--compact p { margin-left:auto; margin-right:auto; }
.inner-hero__grid {
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:60px;
    align-items:center;
}
.inner-hero h1 {
    max-width:780px;
    margin:14px 0 18px;
    font-size:clamp(44px,6vw,72px);
    line-height:1.02;
    letter-spacing:-3px;
}
.inner-hero p {
    max-width:680px;
    margin:0;
    color:rgba(255,255,255,.68);
    font-size:15px;
    line-height:1.8;
}
.inner-hero__actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:30px; }
.inner-hero__visual { display:flex; justify-content:center; }
.about-visual-card {
    width:100%;
    max-width:470px;
    padding:35px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:28px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(14px);
    box-shadow:0 35px 80px rgba(0,0,0,.22);
}
.about-visual-card > span {
    display:inline-block;
    padding:8px 12px;
    border-radius:999px;
    color:#18231a;
    background:#4dec78;
    font-size:10px;
    font-weight:900;
}
.about-visual-card > strong {
    display:block;
    margin:30px 0;
    font-size:39px;
    line-height:1.08;
    letter-spacing:-2px;
}
.about-visual-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.about-visual-stats div {
    padding:15px 9px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    background:rgba(255,255,255,.06);
    text-align:center;
}
.about-visual-stats b { display:block; color:#4dec78; font-size:17px; }
.about-visual-stats small { display:block; margin-top:5px; color:rgba(255,255,255,.58); font-size:8px; }

.content-section { padding:96px 0; background:#fff; }
.two-column-story {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:65px;
    align-items:start;
}
.two-column-story h2 {
    margin:10px 0 0;
    font-size:clamp(35px,5vw,56px);
    line-height:1.08;
    letter-spacing:-2px;
}
.two-column-story p {
    margin:0 0 18px;
    color:var(--muted);
    font-size:14px;
    line-height:1.85;
}

.values-section {
    padding:96px 0;
    background:linear-gradient(180deg,#f8f5ff,#fff);
}
.values-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:17px;
}
.values-grid article {
    min-height:205px;
    padding:24px;
    border:1px solid #e5def1;
    border-radius:21px;
    background:#fff;
    box-shadow:0 18px 44px rgba(53,29,109,.07);
}
.values-grid article > span {
    width:43px;height:43px;display:grid;place-items:center;border-radius:13px;
    color:#fff;background:linear-gradient(145deg,#6535e8,#4319b1);
    font-size:10px;font-weight:900;
}
.values-grid h3 { margin:20px 0 9px; font-size:17px; }
.values-grid p { margin:0; color:var(--muted); font-size:11px; line-height:1.7; }

.mission-section { padding:20px 0 96px; background:#fff; }
.mission-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.mission-grid article {
    min-height:280px;padding:35px;border-radius:24px;color:#fff;
    background:linear-gradient(135deg,#130440,#4b1dc0);
    box-shadow:0 25px 60px rgba(54,29,126,.18);
}
.mission-grid article:nth-child(2) { background:linear-gradient(135deg,#0b4b24,#17a74b); }
.mission-grid span { color:#4dec78;font-size:10px;font-weight:900;letter-spacing:1px; }
.mission-grid article:nth-child(2) span { color:#d9ffe4; }
.mission-grid h3 { margin:18px 0 13px;font-size:29px;line-height:1.2; }
.mission-grid p { margin:0;color:rgba(255,255,255,.67);line-height:1.75; }

.timeline-section { padding:96px 0; background:#f8f5ff; }
.journey-timeline {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}
.journey-timeline > div {
    position:relative;
    min-height:205px;
    padding:22px;
    border:1px solid #e3dced;
    border-radius:19px;
    background:#fff;
}
.journey-timeline span { color:var(--purple-700);font-size:32px;font-weight:900;opacity:.2; }
.journey-timeline strong { display:block;margin:18px 0 9px;font-size:16px; }
.journey-timeline p { margin:0;color:var(--muted);font-size:11px;line-height:1.65; }

.page-cta { padding:18px 0 96px;background:#fff; }
.page-cta__inner {
    display:flex;align-items:center;justify-content:space-between;gap:30px;
    padding:40px;border-radius:27px;color:#fff;
    background:radial-gradient(circle at 85% 18%,rgba(75,235,116,.27),transparent 25%),linear-gradient(125deg,#100338,#471ab3);
}
.page-cta__inner > div:first-child span { color:#4dec78;font-size:10px;font-weight:900;letter-spacing:1px; }
.page-cta__inner h2 { margin:9px 0 0;font-size:clamp(29px,4vw,45px);letter-spacing:-1.8px; }
.page-cta__inner > div:last-child { display:flex;flex-wrap:wrap;gap:10px; }

.services-hero-panel {
    display:grid;grid-template-columns:repeat(2,1fr);gap:12px;
}
.services-hero-panel div {
    min-height:145px;padding:22px;border:1px solid rgba(255,255,255,.14);
    border-radius:20px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);
}
.services-hero-panel span {
    width:45px;height:45px;display:grid;place-items:center;border-radius:13px;
    color:#17231a;background:#4dec78;font-size:10px;font-weight:900;
}
.services-hero-panel strong { display:block;margin-top:20px;font-size:14px; }

.service-detail-grid {
    display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.service-detail-grid article {
    min-height:250px;padding:25px;border:1px solid #e4deef;border-radius:22px;
    background:linear-gradient(145deg,#fff,#faf8ff);
    box-shadow:0 18px 45px rgba(53,29,109,.08);
}
.service-detail-grid article > span {
    width:54px;height:54px;display:grid;place-items:center;border-radius:16px;
    color:#fff;background:linear-gradient(145deg,#6535e8,#4319b1);font-size:10px;font-weight:900;
}
.service-detail-grid article:nth-child(even) > span { background:linear-gradient(145deg,#2ad95f,#078f35); }
.service-detail-grid h3 { margin:21px 0 9px;font-size:18px; }
.service-detail-grid p { margin:0;color:var(--muted);font-size:11px;line-height:1.7; }
.service-detail-grid a { display:inline-block;margin-top:18px;color:var(--purple-700);font-size:10px;font-weight:900; }

.process-section { padding:96px 0;background:linear-gradient(180deg,#f8f5ff,#fff); }
.process-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:15px; }
.process-grid article { padding:24px;border:1px solid #e3dced;border-radius:19px;background:#fff; }
.process-grid span {
    width:43px;height:43px;display:grid;place-items:center;border-radius:50%;
    color:#fff;background:var(--purple-700);font-weight:900;
}
.process-grid h3 { margin:18px 0 8px;font-size:16px; }
.process-grid p { margin:0;color:var(--muted);font-size:11px;line-height:1.65; }

.service-disclaimer-section { padding:15px 0 85px;background:#fff; }
.service-disclaimer {
    padding:20px;border:1px solid #e3dced;border-radius:16px;background:#faf8ff;text-align:center;
}
.service-disclaimer strong { color:var(--purple-700); }
.service-disclaimer p { margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.65; }

.contact-page-section { padding:96px 0;background:#fff; }
.contact-page-grid { display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start; }
.contact-page-info h2,.contact-form-card h2 { margin:10px 0;font-size:clamp(30px,4vw,45px);letter-spacing:-1.5px; }
.contact-page-info > p { color:var(--muted); }
.contact-page-cards { display:grid;gap:11px;margin:25px 0; }
.contact-page-cards article {
    display:grid;grid-template-columns:49px 1fr;gap:13px;align-items:center;
    padding:15px;border:1px solid #e5dff0;border-radius:16px;background:#faf8ff;
}
.contact-page-cards article > span {
    width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
    color:#fff;background:var(--purple-700);font-weight:900;
}
.contact-page-cards small { display:block;margin-bottom:4px;color:var(--muted);font-size:9px;text-transform:uppercase; }
.contact-page-cards a,.contact-page-cards p { margin:0;color:#30283f;font-size:11px;font-weight:700;line-height:1.55; }
.contact-whatsapp { width:100%; }

.contact-form-card {
    padding:30px;border:1px solid #e3ddec;border-radius:24px;
    background:linear-gradient(145deg,#fff,#faf8ff);
    box-shadow:0 24px 58px rgba(53,29,109,.10);
}
.contact-form { display:grid;gap:15px;margin-top:24px; }
.form-row { display:grid;grid-template-columns:repeat(2,1fr);gap:13px; }
.contact-form label { display:grid;gap:7px;color:#3a3149;font-size:10px;font-weight:800; }
.contact-form input,.contact-form select,.contact-form textarea {
    width:100%;padding:14px;border:1px solid #ddd6e9;border-radius:12px;
    outline:0;background:#fff;font:inherit;font-weight:400;
}
.consent-check { display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start; }
.consent-check input { width:auto;margin-top:2px; }
.form-note { color:var(--muted);font-size:9px; }

.office-map-section { padding:96px 0;background:#f8f5ff; }
.office-map-card {
    overflow:hidden;border:1px solid #ddd7e8;border-radius:24px;background:#fff;
    box-shadow:0 22px 54px rgba(52,29,106,.09);
}
.office-map-card__canvas { position:relative;min-height:390px;overflow:hidden;background:#e8e4ee; }
.office-map-card__info { padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px; }
.office-map-card__info strong { font-size:13px; }
.office-map-card__info p { margin:5px 0 0;color:var(--muted);font-size:10px; }

/* PHASE 2.2 */
.fund-hero-dashboard,.calculator-hero-panel__screen{padding:28px;border:1px solid rgba(255,255,255,.15);border-radius:26px;background:rgba(255,255,255,.08);backdrop-filter:blur(14px);box-shadow:0 35px 80px rgba(0,0,0,.22)}
.fund-hero-dashboard__top span{color:#4dec78;font-size:10px;font-weight:900}.fund-hero-dashboard__top strong{display:block;margin-top:8px;font-size:21px}.fund-hero-dashboard__chart{height:190px;display:flex;align-items:flex-end;gap:12px;margin:30px 0}.fund-hero-dashboard__chart i{flex:1;border-radius:10px 10px 2px 2px;background:linear-gradient(180deg,#4dec78,#0b9d3b)}.fund-hero-dashboard__chips{display:flex;gap:8px;flex-wrap:wrap}.fund-hero-dashboard__chips span{padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;font-size:9px}
.fund-category-section,.riskometer-section{padding:96px 0;background:#fff}.fund-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.fund-category-grid article,.calculator-hub-card{padding:24px;border:1px solid #e4deef;border-radius:21px;background:#fff;box-shadow:0 18px 44px rgba(53,29,109,.07)}.fund-category-grid article>span,.calculator-hub-card>span{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#6535e8,#4319b1);font-size:10px;font-weight:900}.fund-category-grid h3,.calculator-hub-card h3{margin:20px 0 9px}.fund-category-grid p,.calculator-hub-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}
.fund-explorer-page,.calculator-hub-section{padding:96px 0;background:linear-gradient(180deg,#f8f5ff,#fff)}.fund-search-toolbar,.calculator-filter-bar{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:12px;padding:16px;border:1px solid #e1daed;border-radius:19px;background:#fff}.fund-search-box,.calculator-filter-bar label{display:flex;align-items:center;gap:9px}.fund-search-toolbar input,.fund-search-toolbar select,.calculator-filter-bar input{width:100%;min-height:46px;padding:0 13px;border:1px solid #ddd6e9;border-radius:11px}.fund-result-summary{display:flex;justify-content:space-between;margin:18px 0}.fund-table-wrap{overflow-x:auto;border:1px solid #e1daec;border-radius:20px;background:#fff}.fund-data-table{width:100%;min-width:980px;border-collapse:collapse}.fund-data-table th,.fund-data-table td{padding:15px;text-align:left}.fund-data-table th{background:#f8f5ff;font-size:9px}.fund-data-table td{border-top:1px solid #eee9f4;font-size:11px}.fund-data-table td strong,.fund-data-table td small{display:block}.fund-data-table td small{color:var(--muted);font-size:8px}.risk-pill{padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900}.risk-pill--high{background:#ffe8e8;color:#a52b2b}.risk-pill--medium{background:#fff2cf;color:#8a5a03}.risk-pill--low{background:#dff8e8;color:#087f38}.positive{color:#0b9e3c;font-weight:800}.fund-empty-state{padding:35px;text-align:center;color:var(--muted)}
.riskometer-layout,.calculator-coming-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:42px;border-radius:27px;color:#fff;background:linear-gradient(125deg,#100338,#471ab3)}.riskometer-bar{height:22px;margin:16px 0;border-radius:999px;background:linear-gradient(90deg,#2bd75e,#f1c532,#f08a25,#dc3e3e)}.riskometer-scale{display:flex;justify-content:space-between;font-size:8px}.riskometer-card{padding:25px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.08)}
.calculator-hero-panel{display:flex;justify-content:center}.calculator-hero-panel__screen{width:100%;max-width:430px}.calculator-hero-panel__screen>strong{display:block;margin:10px 0 24px;font-size:36px}.calculator-hero-panel__line{height:12px;border-radius:999px;background:rgba(255,255,255,.13)}.calculator-hero-panel__line i{display:block;width:66%;height:100%;border-radius:inherit;background:#4dec78}.calculator-hero-result{margin:27px 0;padding:20px;border-radius:17px;color:#31283f;background:#fff}.calculator-hero-result b{display:block;margin-top:7px;font-size:27px;color:var(--purple-700)}
.calculator-filter-bar{grid-template-columns:.7fr 1.3fr}.calculator-filter-buttons{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.calculator-filter-buttons button{padding:9px 12px;border:1px solid #ded7e9;border-radius:999px;background:#fff;font-size:9px}.calculator-filter-buttons button.is-active{color:#fff;background:var(--purple-700)}.calculator-hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.calculator-hub-card{min-height:245px}.calculator-hub-card small{display:block;margin-top:17px;color:var(--purple-700);font-size:8px;font-weight:900}.calculator-hub-card a{display:inline-block;margin-top:17px;color:var(--purple-700);font-size:9px;font-weight:900}.calculator-coming-section{padding:20px 0 90px}.calculator-coming-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.calculator-coming-list span{padding:13px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.07);font-size:9px}



/* =========================================================
   PHASE 2.3 — KNOWLEDGE CENTER + FAQ PAGE
   ========================================================= */
.knowledge-hero__visual { position:relative;min-height:430px; }
.knowledge-book {
    position:absolute;width:300px;min-height:190px;padding:28px;border:1px solid rgba(255,255,255,.16);
    border-radius:24px;color:#fff;background:rgba(255,255,255,.09);backdrop-filter:blur(14px);
    box-shadow:0 28px 60px rgba(0,0,0,.24);
}
.knowledge-book span { color:#4dec78;font-size:9px;font-weight:900;letter-spacing:1px; }
.knowledge-book strong { display:block;margin-top:20px;font-size:25px;line-height:1.2; }
.knowledge-book small { display:block;margin-top:15px;color:rgba(255,255,255,.58);font-size:9px; }
.knowledge-book--back { right:0;top:15px;transform:rotate(8deg);opacity:.62; }
.knowledge-book--middle { left:50px;top:105px;transform:rotate(-7deg);opacity:.78; }
.knowledge-book--front { z-index:3;right:55px;bottom:5px;background:linear-gradient(145deg,rgba(91,43,224,.95),rgba(31,8,90,.95)); }

.knowledge-topics-section { padding:95px 0;background:#fff; }
.knowledge-topic-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:15px; }
.knowledge-topic-grid a {
    display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:center;padding:20px;
    border:1px solid #e3ddec;border-radius:19px;background:linear-gradient(145deg,#fff,#faf8ff);
    box-shadow:0 17px 40px rgba(53,29,109,.06);
}
.knowledge-topic-grid a > span {
    grid-row:1/3;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;
    color:#fff;background:linear-gradient(145deg,#6535e8,#4319b1);font-size:9px;font-weight:900;
}
.knowledge-topic-grid a:nth-child(even) > span { background:linear-gradient(145deg,#2ad95f,#078f35); }
.knowledge-topic-grid strong { font-size:13px; }
.knowledge-topic-grid small { color:var(--muted);font-size:9px; }

.article-library-section { padding:96px 0;background:linear-gradient(180deg,#f8f5ff,#fff); }
.article-search {
    min-width:280px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #ddd6e9;
    border-radius:12px;background:#fff;
}
.article-search input { width:100%;min-height:46px;border:0;outline:0;background:transparent; }
.article-filter-buttons { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px; }
.article-filter-buttons button {
    padding:9px 13px;border:1px solid #ded7e9;border-radius:999px;background:#fff;color:#62586f;
    cursor:pointer;font-size:9px;font-weight:800;
}
.article-filter-buttons button.is-active { color:#fff;border-color:var(--purple-700);background:var(--purple-700); }
.article-result-count { margin:0 0 16px;font-size:11px; }
.article-library-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:17px; }
.knowledge-article-card {
    overflow:hidden;border:1px solid #e3ddec;border-radius:21px;background:#fff;
    box-shadow:0 18px 44px rgba(53,29,109,.08);transition:transform .23s ease,box-shadow .23s ease;
}
.knowledge-article-card:hover { transform:translateY(-6px);box-shadow:0 27px 55px rgba(53,29,109,.12); }
.knowledge-article-card--featured { grid-column:span 2;display:grid;grid-template-columns:.9fr 1.1fr; }
.knowledge-article-card__visual {
    min-height:175px;display:flex;align-items:flex-start;justify-content:space-between;padding:21px;color:#fff;
    background:radial-gradient(circle at 82% 18%,rgba(76,235,118,.25),transparent 25%),linear-gradient(135deg,#160449,#5525ce);
}
.knowledge-article-card__visual span {
    padding:7px 10px;border-radius:999px;color:#17231a;background:#4dec78;font-size:8px;font-weight:900;
}
.knowledge-article-card__visual strong { align-self:flex-end;font-size:42px;opacity:.88; }
.knowledge-article-card__body { padding:22px; }
.knowledge-article-card__body small { color:var(--purple-700);font-size:8px;font-weight:900;text-transform:uppercase; }
.knowledge-article-card__body h3 { margin:10px 0;font-size:17px;line-height:1.35; }
.knowledge-article-card--featured h3 { font-size:23px; }
.knowledge-article-card__body p { margin:0;color:var(--muted);font-size:10px;line-height:1.7; }
.knowledge-article-card__body a { display:inline-block;margin-top:17px;color:var(--purple-700);font-size:9px;font-weight:900; }
.article-notice { margin-top:24px;padding:19px;border:1px solid #e0d9eb;border-radius:15px;background:#faf8ff;text-align:center; }
.article-notice strong { color:var(--purple-700); }
.article-notice p { margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.65; }

.download-center-section { padding:96px 0;background:#fff; }
.download-resource-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px; }
.download-resource-grid article {
    display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:20px;
    border:1px solid #e3ddec;border-radius:18px;background:#faf8ff;
}
.download-resource-grid article > span {
    width:50px;height:50px;display:grid;place-items:center;border-radius:14px;color:#fff;
    background:var(--purple-700);font-size:9px;font-weight:900;
}
.download-resource-grid small { display:block;color:var(--muted);font-size:8px;text-transform:uppercase; }
.download-resource-grid strong { display:block;margin-top:4px;font-size:12px; }
.download-resource-grid button {
    padding:8px 10px;border:0;border-radius:999px;color:#80758d;background:#ece7f4;font-size:8px;font-weight:800;
}

.learning-path-section { padding:15px 0 95px;background:#fff; }
.learning-path-card {
    display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center;padding:40px;border-radius:26px;color:#fff;
    background:radial-gradient(circle at 85% 18%,rgba(75,235,116,.25),transparent 24%),linear-gradient(125deg,#100338,#471ab3);
}
.learning-path-card > div:first-child > span { color:#4dec78;font-size:9px;font-weight:900; }
.learning-path-card h2 { margin:9px 0;font-size:clamp(29px,4vw,43px);letter-spacing:-1.5px; }
.learning-path-card p { margin:0;color:rgba(255,255,255,.65); }
.learning-path-steps { display:grid;gap:9px; }
.learning-path-steps span {
    display:grid;grid-template-columns:35px 1fr;align-items:center;gap:10px;padding:11px;
    border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.07);
    color:rgba(255,255,255,.77);font-size:10px;font-weight:800;
}
.learning-path-steps b {
    width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#17231a;background:#4dec78;
}

.faq-page-hero { padding-bottom:105px; }
.faq-hero-search {
    max-width:650px;display:flex;align-items:center;gap:10px;margin:32px auto 0;padding:0 17px;
    border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(255,255,255,.10);backdrop-filter:blur(12px);
}
.faq-hero-search span { color:#4dec78;font-size:20px; }
.faq-hero-search input { width:100%;min-height:55px;border:0;outline:0;color:#fff;background:transparent; }
.faq-hero-search input::placeholder { color:rgba(255,255,255,.55); }

.faq-page-section { padding:96px 0;background:linear-gradient(180deg,#f8f5ff,#fff); }
.faq-page-layout { display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start; }
.faq-category-panel { position:sticky;top:115px; }
.faq-category-buttons { display:grid;gap:7px;margin:18px 0; }
.faq-category-buttons button {
    padding:12px 14px;border:1px solid #ded7e9;border-radius:12px;background:#fff;color:#5d5369;
    cursor:pointer;text-align:left;font-size:10px;font-weight:800;
}
.faq-category-buttons button.is-active { color:#fff;border-color:var(--purple-700);background:var(--purple-700); }
.faq-support-card { padding:22px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#150445,#4c1dc0); }
.faq-support-card > span { color:#4dec78;font-size:8px;font-weight:900; }
.faq-support-card strong { display:block;margin:10px 0 17px;font-size:17px;line-height:1.4; }
.faq-page-summary { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;font-size:11px; }
.faq-page-summary button { border:0;color:var(--purple-700);background:transparent;cursor:pointer;font-size:9px;font-weight:900; }
.faq-page-list { display:grid;gap:10px; }
.faq-page-item { overflow:hidden;border:1px solid #e1daeb;border-radius:16px;background:#fff; }
.faq-page-question {
    width:100%;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 19px;
    border:0;background:transparent;cursor:pointer;text-align:left;color:#332b41;font-weight:800;
}
.faq-page-question small { display:block;margin-bottom:4px;color:var(--purple-700);font-size:8px;text-transform:uppercase; }
.faq-page-question i {
    width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;
    background:var(--purple-700);font-size:18px;font-style:normal;transition:transform .24s ease;
}
.faq-page-item.is-open .faq-page-question i { transform:rotate(45deg); }
.faq-page-answer { max-height:0;overflow:hidden;transition:max-height .3s ease; }
.faq-page-answer p { margin:0;padding:0 19px 19px;color:var(--muted);font-size:11px;line-height:1.75; }

.faq-contact-strip { padding:20px 0 95px;background:#fff; }
.faq-contact-strip__inner {
    display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px;border-radius:24px;color:#fff;
    background:radial-gradient(circle at 85% 18%,rgba(75,235,116,.25),transparent 24%),linear-gradient(125deg,#100338,#471ab3);
}
.faq-contact-strip__inner > div:first-child span { color:#4dec78;font-size:9px;font-weight:900; }
.faq-contact-strip h2 { margin:8px 0;font-size:34px;letter-spacing:-1.3px; }
.faq-contact-strip p { margin:0;color:rgba(255,255,255,.65); }
.faq-contact-strip__inner > div:last-child { display:flex;flex-wrap:wrap;gap:9px; }



/* =========================================================
   PHASE 3.1 — INTERACTIVE CALCULATOR ENGINE FOUNDATION
   ========================================================= */
.calculator-page-hero {
    padding:56px 0 78px;color:#fff;
    background:radial-gradient(circle at 12% 18%,rgba(76,235,118,.18),transparent 26%),
               radial-gradient(circle at 88% 72%,rgba(105,61,226,.28),transparent 27%),
               linear-gradient(125deg,#100338,#2f0e76 60%,#4819b1);
}
.calculator-breadcrumb { display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:40px;font-size:10px; }
.calculator-breadcrumb a { color:rgba(255,255,255,.66); }
.calculator-breadcrumb span { color:#4dec78; }
.calculator-breadcrumb strong { color:#fff; }
.calculator-page-hero__grid { display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center; }
.calculator-page-hero h1 { margin:12px 0 15px;font-size:clamp(44px,6vw,70px);line-height:1.02;letter-spacing:-3px; }
.calculator-page-hero p { max-width:690px;margin:0;color:rgba(255,255,255,.68);font-size:15px;line-height:1.75; }
.calculator-page-hero__badge {
    padding:27px;border:1px solid rgba(255,255,255,.15);border-radius:23px;background:rgba(255,255,255,.08);
    backdrop-filter:blur(13px);box-shadow:0 30px 70px rgba(0,0,0,.22);
}
.calculator-page-hero__badge > span {
    width:60px;height:60px;display:grid;place-items:center;border-radius:17px;color:#17231a;background:#4dec78;
    font-size:11px;font-weight:900;
}
.calculator-page-hero__badge strong { display:block;margin:22px 0 7px;font-size:20px; }
.calculator-page-hero__badge small { color:rgba(255,255,255,.58);font-size:9px; }

.calculator-workspace-section { padding:92px 0;background:linear-gradient(180deg,#f8f5ff,#fff); }
.calculator-workspace {
    display:grid;grid-template-columns:.88fr 1.12fr;gap:22px;align-items:stretch;
}
.calculator-input-panel,.calculator-result-panel {
    padding:30px;border:1px solid #e2dbea;border-radius:25px;box-shadow:0 24px 58px rgba(53,29,109,.10);
}
.calculator-input-panel { background:#fff; }
.calculator-result-panel {
    color:#fff;background:radial-gradient(circle at 88% 15%,rgba(75,235,116,.22),transparent 25%),
    linear-gradient(135deg,#12033f,#4317aa);
}
.calculator-panel-heading > span { color:var(--purple-700);font-size:9px;font-weight:900;letter-spacing:1px; }
.calculator-panel-heading h2 { margin:8px 0 28px;font-size:27px;letter-spacing:-1px; }
.calculator-panel-heading--light > span { color:#4dec78; }
.calculator-panel-heading--light h2 { color:#fff; }

.calculator-field { padding:18px 0;border-top:1px solid #eee9f4; }
.calculator-field:first-of-type { border-top:0; }
.calculator-field__label { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px; }
.calculator-field__label label { color:#3a3149;font-size:11px;font-weight:800; }
.calculator-field__label output {
    padding:8px 11px;border-radius:10px;color:var(--purple-700);background:#f2edfb;font-size:11px;font-weight:900;
}
.calculator-field input[type="range"] {
    width:100%;height:7px;border-radius:999px;appearance:none;background:linear-gradient(90deg,#6d3bea,#35dc6d);
    cursor:pointer;
}
.calculator-field input[type="range"]::-webkit-slider-thumb {
    width:21px;height:21px;border:4px solid #fff;border-radius:50%;appearance:none;background:#5b2bd6;
    box-shadow:0 4px 13px rgba(55,25,130,.28);
}
.calculator-field__bounds { display:flex;justify-content:space-between;margin-top:9px;color:#8a8095;font-size:8px; }
.calculator-quick-presets { display:flex;flex-wrap:wrap;gap:7px;margin-top:20px; }
.calculator-quick-presets > span { width:100%;margin-bottom:3px;color:#756b82;font-size:9px;font-weight:800; }
.calculator-quick-presets button {
    padding:8px 10px;border:1px solid #ded7e9;border-radius:999px;color:#62586f;background:#faf8ff;
    cursor:pointer;font-size:8px;font-weight:800;
}

.calculator-primary-result {
    padding:23px;border:1px solid rgba(255,255,255,.13);border-radius:19px;background:rgba(255,255,255,.08);
}
.calculator-primary-result small { display:block;color:rgba(255,255,255,.58);font-size:9px;text-transform:uppercase; }
.calculator-primary-result strong { display:block;margin:9px 0 6px;color:#4dec78;font-size:clamp(34px,5vw,52px);letter-spacing:-2px; }
.calculator-primary-result span { color:rgba(255,255,255,.55);font-size:9px; }
.calculator-result-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0; }
.calculator-result-stats article {
    padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.06);
}
.calculator-result-stats small { display:block;color:rgba(255,255,255,.52);font-size:8px; }
.calculator-result-stats strong { display:block;margin-top:6px;color:#fff;font-size:13px; }

.calculator-chart-card {
    padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(255,255,255,.06);
}
.calculator-chart-card__heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px; }
.calculator-chart-card__heading strong { font-size:12px; }
.calculator-chart-card__heading small { color:rgba(255,255,255,.48);font-size:8px; }
.calculator-donut-wrap { display:grid;grid-template-columns:160px 1fr;gap:25px;align-items:center; }
.calculator-donut {
    width:160px;height:160px;display:grid;place-items:center;border-radius:50%;
    background:conic-gradient(#6d3bea 0 52%,#35dc6d 52% 100%);
}
.calculator-donut > div {
    width:104px;height:104px;display:grid;place-items:center;align-content:center;border-radius:50%;background:#22105f;text-align:center;
}
.calculator-donut strong { display:block;font-size:18px; }
.calculator-donut small { display:block;margin-top:4px;color:rgba(255,255,255,.52);font-size:7px; }
.calculator-chart-legend { display:grid;gap:13px; }
.calculator-chart-legend span { display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;color:rgba(255,255,255,.66);font-size:9px; }
.calculator-chart-legend i { width:9px;height:9px;border-radius:50%; }
.legend-invested { background:#6d3bea; }
.legend-gain { background:#35dc6d; }
.calculator-chart-legend b { color:#fff; }

.calculator-growth-bars { height:190px;display:flex;align-items:flex-end;gap:7px;padding-top:12px; }
.growth-bar-item { flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px; }
.growth-bar-item i {
    width:100%;max-width:28px;min-height:8px;border-radius:6px 6px 2px 2px;
    background:linear-gradient(180deg,#4dec78,#0d9c3c);
}
.growth-bar-item span { color:rgba(255,255,255,.52);font-size:7px; }

.calculator-actions { display:flex;flex-wrap:wrap;gap:9px;margin-top:15px; }
.calculator-result-panel .btn--ghost { color:#fff;border:1px solid rgba(255,255,255,.16);background:transparent; }
.calculator-result-panel .btn--light { color:#3a2d51;background:#fff; }

.calculator-explanation-section { padding:10px 0 92px;background:#fff; }
.calculator-info-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }
.calculator-info-grid article {
    padding:23px;border:1px solid #e3ddec;border-radius:19px;background:#faf8ff;
}
.calculator-info-grid span {
    width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:var(--purple-700);
    font-size:9px;font-weight:900;
}
.calculator-info-grid h3 { margin:17px 0 8px;font-size:16px; }
.calculator-info-grid p { margin:0;color:var(--muted);font-size:10px;line-height:1.7; }



/* PHASE 3.2 — STEP-UP SIP, SWP & STP */
.calculator-dual-bars {
    height:190px;
    display:flex;
    align-items:flex-end;
    gap:10px;
    padding-top:12px;
}
.dual-bar-group {
    flex:1;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:center;
    gap:6px;
}
.dual-bar-group > div {
    width:100%;
    height:100%;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:3px;
}
.dual-bar-group i {
    width:42%;
    max-width:18px;
    min-height:4px;
    border-radius:5px 5px 2px 2px;
}
.dual-bar-source { background:linear-gradient(180deg,#8b68ef,#5530cc); }
.dual-bar-destination { background:linear-gradient(180deg,#4dec78,#0b9d3b); }
.dual-bar-group span { color:rgba(255,255,255,.52);font-size:7px; }



/* PHASE 3.3 — GOAL, RETIREMENT & INFLATION */
.goal-progress-card { padding:8px 0 18px; }
.goal-progress-track {
    height:13px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12);
}
.goal-progress-track i {
    display:block;width:0;height:100%;border-radius:inherit;
    background:linear-gradient(90deg,#4dec78,#a3ffba);transition:width .25s ease;
}
.goal-progress-labels {
    display:flex;justify-content:space-between;gap:15px;margin-top:9px;
    color:rgba(255,255,255,.58);font-size:8px;
}
.goal-progress-labels strong { color:#fff; }

.retirement-metric-grid {
    display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;
}
.retirement-metric-grid article {
    padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:12px;
    background:rgba(255,255,255,.05);
}
.retirement-metric-grid span {
    display:block;color:rgba(255,255,255,.50);font-size:7px;text-transform:uppercase;
}
.retirement-metric-grid strong { display:block;margin-top:6px;color:#fff;font-size:11px; }



/* PHASE 3.4 — CHILD EDUCATION, MARRIAGE & WEALTH CREATION */
.calculator-page-hero__badge span {
    overflow:hidden;
    text-align:center;
    line-height:1.15;
}



/* PHASE 3.5 — EMI, HOME LOAN & CAR LOAN */
.calculator-result-panel .calculator-dual-bars {
    margin-top:16px;
    height:150px;
}



/* PHASE 3.6 — PERSONAL LOAN, EDUCATION LOAN & ELIGIBILITY */
.calculator-toggle-row {
    display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(91,55,180,.12);
    border-radius:14px;background:rgba(111,66,193,.04);cursor:pointer;
}
.calculator-toggle-row input { margin-top:4px;accent-color:#6d3bea; }
.calculator-toggle-row span { display:grid;gap:4px; }
.calculator-toggle-row strong { color:#2a1856;font-size:11px; }
.calculator-toggle-row small { color:#746b86;font-size:8px;line-height:1.5; }

.eligibility-meter { margin:12px 0 18px; }
.eligibility-meter__track {
    height:14px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.12);
}
.eligibility-meter__track i {
    display:block;height:100%;width:0;border-radius:inherit;
    background:linear-gradient(90deg,#35dc6d,#f4c752);transition:width .25s ease;
}
.eligibility-meter__labels {
    display:flex;justify-content:space-between;gap:12px;margin-top:8px;
    color:rgba(255,255,255,.58);font-size:8px;
}
.eligibility-meter__labels strong { color:#fff; }



/* PHASE 3.7 — FD, RD & PPF */
.calculator-select {
    width:100%;padding:12px 14px;border:1px solid rgba(91,55,180,.16);
    border-radius:12px;background:#fff;color:#2a1856;font:inherit;
}



/* PHASE 3.8 — TAX, HRA & GRATUITY */
.calculator-note-card {
    padding:14px;border:1px solid rgba(91,55,180,.12);border-radius:14px;
    background:rgba(111,66,193,.04);
}
.calculator-note-card strong { display:block;color:#2a1856;font-size:11px;margin-bottom:4px; }
.calculator-note-card p { margin:0;color:#746b86;font-size:8px;line-height:1.55; }

.tax-comparison-bars { display:grid;gap:12px;margin:10px 0 18px; }
.tax-comparison-bars article { display:grid;grid-template-columns:80px 1fr auto;gap:10px;align-items:center; }
.tax-comparison-bars span,.tax-comparison-bars strong { font-size:8px;color:#fff; }
.tax-comparison-bars article > div { height:12px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden; }
.tax-comparison-bars i { display:block;height:100%;width:0;border-radius:inherit;transition:width .25s ease; }
.tax-comparison-bars article:first-child i { background:#8f6bf3; }
.tax-comparison-bars article:last-child i { background:#35dc6d; }

.hra-test-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 16px; }
.hra-test-grid article { padding:12px;border-radius:12px;background:rgba(255,255,255,.08); }
.hra-test-grid span { display:block;color:rgba(255,255,255,.55);font-size:8px;margin-bottom:4px; }
.hra-test-grid strong { color:#fff;font-size:11px; }

.gratuity-visual { display:flex;align-items:center;gap:16px;padding:18px;border-radius:16px;background:rgba(255,255,255,.08); }
.gratuity-visual__icon {
    width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
    background:linear-gradient(135deg,#6d3bea,#35dc6d);color:#fff;font-size:22px;font-weight:800;
}
.gratuity-visual span,.gratuity-visual small { display:block;color:rgba(255,255,255,.58);font-size:8px; }
.gratuity-visual strong { display:block;color:#fff;font-size:17px;margin:4px 0; }

@media (max-width: 640px) {
    .hra-test-grid { grid-template-columns:1fr; }
    .tax-comparison-bars article { grid-template-columns:68px 1fr; }
    .tax-comparison-bars strong { grid-column:2; }
}



/* PHASE 3.9 — GST, CAGR & XIRR */
.gst-breakup-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin:12px 0 16px;
}
.gst-breakup-grid article {
    padding:13px;
    border-radius:12px;
    background:rgba(255,255,255,.08);
}
.gst-breakup-grid span {
    display:block;
    color:rgba(255,255,255,.55);
    font-size:8px;
    margin-bottom:5px;
}
.gst-breakup-grid strong {
    color:#fff;
    font-size:12px;
}

.xirr-instructions {
    padding:12px 14px;
    border-radius:12px;
    background:rgba(111,66,193,.06);
    color:#746b86;
    font-size:9px;
    line-height:1.5;
}
.xirr-rows {
    display:grid;
    gap:10px;
    margin-top:14px;
}
.xirr-row {
    display:grid;
    grid-template-columns:1fr 1fr 34px;
    gap:9px;
    align-items:end;
    padding:11px;
    border:1px solid rgba(91,55,180,.12);
    border-radius:13px;
    background:#fff;
}
.xirr-row label {
    display:grid;
    gap:5px;
}
.xirr-row label span {
    color:#746b86;
    font-size:8px;
}
.xirr-row input {
    width:100%;
    min-width:0;
    padding:10px;
    border:1px solid rgba(91,55,180,.16);
    border-radius:10px;
    color:#2a1856;
    font:inherit;
}
.xirr-remove {
    width:34px;
    height:34px;
    border:0;
    border-radius:10px;
    background:rgba(231,76,60,.1);
    color:#c0392b;
    font-size:18px;
    cursor:pointer;
}
.xirr-row-actions {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:14px;
}
.btn--ghost-dark {
    border:1px solid rgba(91,55,180,.16);
    background:transparent;
    color:#5b37b4;
}
.xirr-timeline {
    min-height:150px;
    display:flex;
    align-items:flex-end;
    gap:8px;
    overflow-x:auto;
    padding:12px 2px 4px;
}
.xirr-timeline-item {
    min-width:34px;
    display:grid;
    gap:6px;
    text-align:center;
}
.xirr-timeline-item > div {
    height:105px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
}
.xirr-timeline-item i {
    display:block;
    width:18px;
    min-height:8px;
    border-radius:7px 7px 3px 3px;
}
.xirr-timeline-item.is-negative i { background:#8f6bf3; }
.xirr-timeline-item.is-positive i { background:#35dc6d; }
.xirr-timeline-item span {
    color:rgba(255,255,255,.55);
    font-size:7px;
}
.xirr-empty {
    color:rgba(255,255,255,.55);
    font-size:9px;
}
@media (max-width:640px) {
    .gst-breakup-grid { grid-template-columns:1fr; }
    .xirr-row { grid-template-columns:1fr; }
    .xirr-remove { width:100%; }
}



/* PHASE 3.10 — INFLATION, RULE OF 72 & NET WORTH */
.rule-comparison-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin:12px 0;
}
.rule-comparison-grid article {
    padding:14px;
    border-radius:12px;
    background:rgba(255,255,255,.08);
}
.rule-comparison-grid span {
    display:block;
    color:rgba(255,255,255,.55);
    font-size:8px;
    margin-bottom:5px;
}
.rule-comparison-grid strong {
    color:#fff;
    font-size:12px;
}

.networth-section {
    padding:48px 0;
    background:#f8f7fc;
}
.networth-layout {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}
.networth-form-card {
    padding:22px;
    border:1px solid rgba(91,55,180,.1);
    border-radius:20px;
    background:#fff;
    box-shadow:0 14px 35px rgba(70,45,140,.08);
}
.networth-input-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.networth-input-grid label {
    display:grid;
    gap:6px;
}
.networth-input-grid span {
    color:#746b86;
    font-size:9px;
}
.networth-input-grid input {
    width:100%;
    padding:11px 12px;
    border:1px solid rgba(91,55,180,.14);
    border-radius:11px;
    color:#2a1856;
    background:#fff;
    font:inherit;
}
.networth-result-card {
    margin-top:20px;
    padding:24px;
    border-radius:22px;
    color:#fff;
    background:linear-gradient(135deg,#2f185f,#5632a8);
    box-shadow:0 18px 45px rgba(49,25,99,.25);
}
.networth-primary {
    margin:12px 0 18px;
}
.networth-primary small,
.networth-primary span {
    display:block;
    color:rgba(255,255,255,.62);
    font-size:9px;
}
.networth-primary strong {
    display:block;
    color:#fff;
    font-size:34px;
    line-height:1.1;
    margin:5px 0;
}
.networth-chart-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-top:16px;
}
.networth-category-bars {
    display:grid;
    gap:11px;
}
.networth-category-bars article {
    display:grid;
    grid-template-columns:1fr auto;
    gap:6px 10px;
}
.networth-category-bars article > div:first-child {
    grid-column:1 / -1;
    display:flex;
    justify-content:space-between;
    gap:10px;
}
.networth-category-bars span,
.networth-category-bars strong,
.networth-category-bars small {
    font-size:8px;
    color:#fff;
}
.networth-category-bars small {
    color:rgba(255,255,255,.55);
}
.networth-bar-track {
    height:9px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    overflow:hidden;
}
.networth-bar-track i {
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#8f6bf3,#35dc6d);
}
.networth-empty {
    color:rgba(255,255,255,.55);
    font-size:9px;
}
@media (max-width:900px) {
    .networth-layout,
    .networth-chart-grid {
        grid-template-columns:1fr;
    }
}
@media (max-width:640px) {
    .rule-comparison-grid,
    .networth-input-grid {
        grid-template-columns:1fr;
    }
}



/* PHASE 3.11 — BILINGUAL ADVANCED FINANCIAL PLANNING */
.calculator-language-switch {
    display:flex;
    justify-content:flex-end;
    gap:6px;
    margin-bottom:10px;
}
.calculator-language-switch button {
    border:1px solid rgba(91,55,180,.18);
    border-radius:999px;
    background:#fff;
    color:#4b2b90;
    padding:7px 12px;
    font-weight:700;
    cursor:pointer;
}
.calculator-language-switch button[aria-pressed="true"] {
    background:#4b2b90;
    color:#fff;
}
.calculator-two-column-fields {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px;
}
.calculator-simple-field {
    display:grid;
    gap:6px;
}
.calculator-simple-field span {
    color:#756b87;
    font-size:9px;
}
.calculator-simple-field input,
.calculator-simple-field select {
    width:100%;
    border:1px solid rgba(91,55,180,.14);
    border-radius:11px;
    background:#fff;
    padding:11px 12px;
    color:#2d1b52;
    font:inherit;
}
.financial-progress-track {
    height:13px;
    border-radius:999px;
    overflow:hidden;
    background:rgba(255,255,255,.12);
}
.financial-progress-track i {
    display:block;
    width:0;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#8f6bf3,#35dc6d);
    transition:width .35s ease;
}
.financial-timeline-bars {
    height:145px;
    display:flex;
    align-items:flex-end;
    gap:8px;
    margin-top:16px;
}
.financial-timeline-item {
    flex:1;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:center;
    gap:6px;
}
.financial-timeline-pair {
    width:100%;
    height:118px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:3px;
}
.financial-timeline-pair i {
    width:35%;
    min-height:5px;
    border-radius:5px 5px 2px 2px;
}
.timeline-corpus { background:#38d86b; }
.timeline-target { background:#9c7af1; }
.financial-timeline-item span {
    color:rgba(255,255,255,.58);
    font-size:7px;
}
html[lang="hi"] body {
    font-family:Arial, "Noto Sans Devanagari", sans-serif;
}
@media (max-width:640px) {
    .calculator-two-column-fields { grid-template-columns:1fr; }
    .financial-timeline-bars { gap:4px; }
}

/* Phase 3.12 — Mutual Fund Research Module */
.mf-research-hero{background:radial-gradient(circle at 85% 25%,rgba(69,234,113,.18),transparent 28%),linear-gradient(135deg,#190650,#361183)}
.mf-source-note{margin-top:18px;color:rgba(255,255,255,.62);font-size:10px;font-weight:700}.mf-dashboard-card{padding:26px;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:rgba(255,255,255,.09);box-shadow:0 32px 75px rgba(0,0,0,.2);backdrop-filter:blur(14px)}.mf-dashboard-card__head span,.mf-dashboard-card__head strong{display:block}.mf-dashboard-card__head span{color:#53ed7d;font-size:10px;font-weight:900}.mf-dashboard-card__head strong{margin-top:7px;font-size:22px}.mf-dashboard-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.mf-dashboard-metrics div{padding:14px;border-radius:14px;background:rgba(255,255,255,.08)}.mf-dashboard-metrics small,.mf-dashboard-metrics strong{display:block}.mf-dashboard-metrics small{color:rgba(255,255,255,.6);font-size:9px}.mf-dashboard-metrics strong{margin-top:6px;font-size:15px}.mf-dashboard-bars{height:112px;display:flex;align-items:flex-end;gap:10px}.mf-dashboard-bars i{height:var(--h);flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#55ef80,#13a843)}
.mf-insight-strip{padding:24px 0;border-bottom:1px solid #e8e2f1;background:#fff}.mf-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mf-insight-grid article{display:flex;align-items:center;gap:13px}.mf-insight-grid article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#fff;background:#5b2be0;font-size:10px;font-weight:900}.mf-insight-grid strong,.mf-insight-grid small{display:block}.mf-insight-grid strong{font-size:12px}.mf-insight-grid small{margin-top:4px;color:var(--muted);font-size:9px}
.mf-explorer,.mf-detail-content,.mf-compare-content{padding:92px 0;background:linear-gradient(180deg,#f8f5ff,#fff)}.mf-toolbar{display:grid;grid-template-columns:1.4fr repeat(3,.75fr);gap:10px;padding:15px;border:1px solid #e1daec;border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(54,29,110,.07)}.mf-toolbar input,.mf-toolbar select,.mf-compare-picker select{width:100%;min-height:47px;padding:0 12px;border:1px solid #ddd6e8;border-radius:11px;background:#fff}.mf-search{display:flex;align-items:center;gap:8px}.mf-search input{border:0;outline:0}.mf-result-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.mf-link-button{border:0;color:#5b2be0;background:transparent;cursor:pointer;font-weight:800}.mf-research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mf-research-card{padding:21px;border:1px solid #e4deef;border-radius:20px;background:#fff;box-shadow:0 15px 38px rgba(52,28,106,.06);transition:.22s}.mf-research-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(52,28,106,.1)}.mf-research-card[hidden]{display:none}.mf-card-top,.mf-card-meta,.mf-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.mf-amc-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#6635e8,#4318b1);font-size:10px;font-weight:900}.mf-compare-check{cursor:pointer}.mf-compare-check input{accent-color:#5b2be0}.mf-compare-check span{font-size:9px;font-weight:800}.mf-card-category{margin:18px 0 6px;color:#159c45;font-size:9px;font-weight:900;text-transform:uppercase}.mf-research-card h3{margin:0 0 6px;font-size:16px;line-height:1.42}.mf-research-card>small{color:var(--muted);font-size:9px}.mf-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:19px 0}.mf-card-stats div{padding:11px 8px;border-radius:11px;background:#f8f6fc}.mf-card-stats span,.mf-card-stats strong{display:block}.mf-card-stats span{color:#8d849a;font-size:8px}.mf-card-stats strong{margin-top:5px;color:#169e45;font-size:12px}.mf-card-meta{padding-bottom:15px;border-bottom:1px solid #eee9f4;color:var(--muted);font-size:8px}.mf-risk{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900}.mf-risk--very-high{color:#ae2741;background:#ffe6eb}.mf-risk--moderately-high{color:#936000;background:#fff1cc}.mf-risk--moderate,.mf-risk--low-moderate{color:#08783a;background:#e2f9ea}.mf-card-actions{padding-top:15px;font-size:9px}.mf-card-actions a{color:#5b2be0;font-weight:900}.mf-research-empty,.mf-compare-empty{padding:52px;border:1px dashed #d8d0e8;border-radius:18px;text-align:center}.mf-research-empty p,.mf-compare-empty p{color:var(--muted)}
.mf-compare-tray{position:fixed;z-index:60;left:50%;bottom:22px;transform:translateX(-50%);width:min(850px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 17px;border:1px solid rgba(255,255,255,.15);border-radius:18px;color:#fff;background:#21105a;box-shadow:0 24px 65px rgba(18,6,50,.35)}.mf-compare-tray[hidden]{display:none}.mf-compare-tray small{display:block;margin-top:3px;color:rgba(255,255,255,.65);font-size:8px}.mf-compare-tray>div:last-child{display:flex;align-items:center;gap:10px}.mf-compare-tray button{border:0;color:#fff;background:transparent;cursor:pointer}
.mf-back{display:inline-block;margin-bottom:22px;color:#5def83;font-weight:800}.mf-detail-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.mf-detail-title h1{margin-bottom:10px}.mf-detail-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:18px}.mf-detail-kpis article,.mf-panel{padding:21px;border:1px solid #e2dcec;border-radius:19px;background:#fff;box-shadow:0 15px 38px rgba(53,29,109,.06)}.mf-detail-kpis span,.mf-detail-kpis strong,.mf-detail-kpis small{display:block}.mf-detail-kpis span{color:var(--muted);font-size:9px}.mf-detail-kpis strong{margin:8px 0;font-size:20px}.mf-detail-kpis small{color:#9b94a5;font-size:8px}.mf-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.mf-panel h2{margin-top:0;font-size:18px}.mf-performance-list>div,.mf-facts>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #eee9f4;font-size:10px}.mf-performance-list>div:last-child,.mf-facts>div:last-child{border-bottom:0}.mf-allocation>div{margin:16px 0}.mf-allocation>div>div{display:flex;justify-content:space-between;font-size:10px}.mf-allocation i{display:block;height:9px;margin-top:7px;overflow:hidden;border-radius:999px;background:#eee9f5}.mf-allocation b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b2be0,#31d85f)}.mf-facts{margin:0}.mf-facts dt{color:var(--muted)}.mf-facts dd{margin:0;font-weight:800}.mf-panel--accent{color:#fff;background:linear-gradient(145deg,#250969,#4b20bd)}.mf-panel--accent p{color:rgba(255,255,255,.72);line-height:1.7}.mf-panel--accent .btn{margin:8px 8px 0 0}
.mf-compare-picker{padding:20px;border:1px solid #e1daec;border-radius:20px;background:#fff}.mf-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.mf-picker-grid label span{display:block;margin-bottom:7px;font-size:9px;font-weight:800}.mf-compare-table-wrap{margin-top:20px;overflow-x:auto;border:1px solid #e1daec;border-radius:20px;background:#fff}.mf-compare-table{width:100%;min-width:780px;border-collapse:collapse}.mf-compare-table th,.mf-compare-table td{padding:15px;border-bottom:1px solid #eee9f4;text-align:left;font-size:10px}.mf-compare-table thead th{vertical-align:top;background:#f7f4fc}.mf-compare-table thead a,.mf-compare-table thead small{display:block}.mf-compare-table thead a{color:#33137f;font-size:12px}.mf-compare-table thead small{margin-top:5px;color:var(--muted);font-size:8px}.mf-compare-empty{margin-top:20px;background:#fff}
@media(max-width:1000px){.mf-toolbar{grid-template-columns:repeat(2,1fr)}.mf-research-grid{grid-template-columns:repeat(2,1fr)}.mf-detail-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.mf-insight-grid,.mf-research-grid,.mf-detail-grid,.mf-picker-grid{grid-template-columns:1fr}.mf-toolbar{grid-template-columns:1fr}.mf-detail-kpis{grid-template-columns:repeat(2,1fr)}.mf-detail-title{align-items:flex-start;flex-direction:column}.mf-compare-tray{align-items:flex-start;flex-direction:column}.mf-compare-tray>div:last-child{width:100%;justify-content:space-between}}

/* Phase 3.14 — KYC, Investment Journey & Goal Center */
.journey-main{background:#fff;color:#1a2030}.journey-hero{padding:86px 0;background:radial-gradient(circle at 85% 20%,rgba(45,187,114,.2),transparent 28%),linear-gradient(135deg,#24105f,#5b2be0);color:#fff}.journey-hero--investment{background:radial-gradient(circle at 80% 20%,rgba(91,43,224,.28),transparent 30%),linear-gradient(135deg,#082b2b,#11644b)}.journey-hero--goals{background:radial-gradient(circle at 82% 18%,rgba(45,187,114,.24),transparent 30%),linear-gradient(135deg,#271064,#3d248f)}.journey-hero__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center}.journey-kicker{display:block;font-size:12px;letter-spacing:.16em;font-weight:800;color:#70e6aa;margin-bottom:14px}.journey-hero h1,.journey-page-head h1{font-size:clamp(36px,5vw,64px);line-height:1.08;margin:0 0 18px;max-width:850px}.journey-hero p{font-size:18px;line-height:1.75;color:#e8e2ff;max-width:730px}.journey-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.journey-hero .btn--outline{border-color:rgba(255,255,255,.5);color:#fff}.journey-trust-card{padding:28px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:22px;backdrop-filter:blur(10px)}.journey-trust-card strong{font-size:20px}.journey-trust-card ul{padding-left:20px;display:grid;gap:12px;color:#eee9ff;line-height:1.5}.journey-section{padding:78px 0}.journey-section--soft{background:#f6f7fb}.section-heading{max-width:760px;margin-bottom:34px}.section-heading>span,.vault-card>div>span{font-size:11px;letter-spacing:.16em;font-weight:800;color:#5b2be0}.section-heading h2,.vault-card h2,.journey-disclosure h2{font-size:clamp(28px,4vw,42px);margin:8px 0 10px}.section-heading p,.vault-card p,.journey-disclosure p{color:#6d7485;line-height:1.7}.kyc-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.kyc-check-grid article{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:start;padding:22px;border:1px solid #e6e9f0;border-radius:17px;box-shadow:0 8px 25px rgba(25,30,48,.04)}.kyc-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e7f8ef;color:#15985a;font-weight:800}.kyc-check-grid h3{margin:0 0 5px}.kyc-check-grid p{margin:0;color:#6d7485;line-height:1.55;font-size:14px}.kyc-check-grid em{font-style:normal;font-size:10px;font-weight:800;color:#5b2be0;background:#eee9ff;padding:6px 8px;border-radius:999px}.journey-process{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.journey-process article{padding:28px;background:#fff;border:1px solid #e6e9f0;border-radius:18px}.journey-process b{color:#5b2be0;font-size:28px}.journey-process h3{font-size:22px;margin:16px 0 8px}.journey-process p{margin:0;color:#6d7485;line-height:1.6}.vault-card{padding:35px;border-radius:24px;background:linear-gradient(135deg,#f0ecff,#eafaf2);display:flex;justify-content:space-between;align-items:center;gap:30px}.vault-card>div{max-width:760px}.journey-page-head{padding:66px 0 44px;background:linear-gradient(180deg,#f1edff,#fff)}.journey-page-head p{color:#6d7485;line-height:1.7;max-width:760px}.journey-back{display:block;margin-bottom:20px;color:#5b2be0;text-decoration:none;font-weight:800}.document-guide-grid,.investment-card-grid,.goal-center-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.document-guide-grid article,.investment-card-grid a,.goal-center-grid a{padding:25px;border:1px solid #e6e9f0;border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(25,30,48,.04)}.document-guide-grid h2,.goal-center-grid h2{margin:0 0 8px;font-size:21px}.document-guide-grid p,.investment-card-grid p,.goal-center-grid p{color:#6d7485;line-height:1.6}.journey-warning{margin:24px 0;padding:18px;border-radius:14px;background:#fff7e7;border:1px solid #f3d999;color:#75520a;line-height:1.6}.investment-card-grid a,.goal-center-grid a{text-decoration:none;color:#1a2030;transition:transform .2s ease,box-shadow .2s ease}.investment-card-grid a:hover,.goal-center-grid a:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(25,30,48,.1)}.investment-card-grid>a>span,.goal-center-grid>a>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eee9ff;color:#5b2be0;font-size:23px;font-weight:800}.investment-card-grid h3{font-size:20px;margin:18px 0 7px}.investment-card-grid b,.goal-center-grid b{color:#5b2be0;font-size:13px}.journey-disclosure{max-width:900px;padding-left:22px;border-left:5px solid #2dbb72}.journey-detail-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:32px;align-items:start}.journey-step-list{display:grid;gap:15px}.journey-step-list article{display:grid;grid-template-columns:55px 1fr;gap:16px;padding:22px;border:1px solid #e6e9f0;border-radius:16px}.journey-step-list b{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eee9ff;color:#5b2be0}.journey-step-list h3{margin:2px 0 5px}.journey-step-list p{margin:0;color:#6d7485}.journey-side-card{position:sticky;top:100px;padding:26px;border-radius:20px;background:linear-gradient(135deg,#24105f,#5b2be0);color:#fff;display:grid;gap:15px}.journey-side-card h2{margin:0}.journey-side-card p,.journey-side-card small{color:#e8e2ff;line-height:1.6}.journey-side-card>a:not(.btn){color:#fff;font-weight:800}.goal-center-grid a{display:block}.goal-center-grid h2{margin-top:18px}
@media(max-width:900px){.journey-hero__grid,.journey-detail-grid{grid-template-columns:1fr}.journey-trust-card{max-width:600px}.document-guide-grid,.investment-card-grid,.goal-center-grid{grid-template-columns:repeat(2,1fr)}.journey-side-card{position:static}.vault-card{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.journey-hero{padding:60px 0}.journey-section{padding:55px 0}.kyc-check-grid,.journey-process,.document-guide-grid,.investment-card-grid,.goal-center-grid{grid-template-columns:1fr}.kyc-check-grid article{grid-template-columns:42px 1fr}.kyc-check-grid em{grid-column:2;width:max-content}.journey-actions{display:grid}.journey-actions .btn{text-align:center}.journey-page-head h1{font-size:38px}.vault-card{padding:25px}}
/* Phase 3.17 error pages */
.error-page{padding:clamp(5rem,10vw,9rem) 0;background:linear-gradient(135deg,#f7f3ff,#f2fff8);min-height:65vh;display:grid;align-items:center}.error-card{text-align:center;max-width:760px}.error-code{display:inline-block;font-size:clamp(4rem,12vw,8rem);line-height:1;font-weight:900;color:rgba(89,57,193,.14);letter-spacing:-.08em}.error-card h1{margin:.25rem 0 1rem}.error-card p{max-width:580px;margin:0 auto 1.5rem;color:#667085}.error-card .hero-actions{justify-content:center}

/* Pocket Money Grow v1.0 production additions */
.form-alert{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-weight:700}.form-alert--success{background:#eaf8ef;color:#176b36}.form-alert--error{background:#fff0f0;color:#a32929}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.legal-section{padding:64px 0}.legal-card{max-width:900px;background:#fff;border:1px solid rgba(45,31,90,.1);border-radius:24px;padding:clamp(24px,4vw,48px);box-shadow:0 18px 50px rgba(45,31,90,.08)}.legal-card h2{margin-top:28px}.legal-card p{line-height:1.8}