/* /Pages/Index.cshtml.rz.scp.css */
.landing-page[b-so6xrce3af] {
    --landing-ink: #07162d;
    --landing-navy: #0d2444;
    --landing-panel: #10294d;
    --landing-text: #f6fbff;
    --landing-muted: #b7c8d9;
    --landing-teal: #66e0d1;
    --landing-gold: #ffd166;
    --landing-coral: #ff8b7b;
    --landing-paper: #f5f8fb;
    --landing-paper-strong: #ffffff;
    --landing-body: #24364a;
    --landing-line: #dbe4ec;
}

.landing-page[b-so6xrce3af] {
    width: 100%;
    margin-top: -1rem;
    overflow: hidden;
    color: var(--landing-body);
    background: var(--landing-paper);
}

.landing-wrap[b-so6xrce3af] {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.landing-hero[b-so6xrce3af] {
    position: relative;
    isolation: isolate;
    padding: clamp(72px, 9vw, 124px) 0 92px;
    overflow: hidden;
    color: var(--landing-text);
    background:
        radial-gradient(circle at 12% 8%, rgba(102, 224, 209, .11), transparent 26%),
        linear-gradient(145deg, #07162d 0%, #0b2140 60%, #0f2f52 100%);
}

.landing-hero[b-so6xrce3af]::after {
    position: absolute;
    z-index: -2;
    right: -14%;
    bottom: -54%;
    width: 780px;
    height: 780px;
    border: 1px solid rgba(102, 224, 209, .11);
    border-radius: 50%;
    box-shadow: 0 0 0 90px rgba(102, 224, 209, .025), 0 0 0 180px rgba(102, 224, 209, .018);
    content: "";
}

.landing-glow[b-so6xrce3af] {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    filter: blur(2px);
    pointer-events: none;
}

.landing-glow-one[b-so6xrce3af] {
    top: 16%;
    right: 8%;
    width: 260px;
    height: 260px;
    background: rgba(102, 224, 209, .12);
}

.landing-glow-two[b-so6xrce3af] {
    right: 38%;
    bottom: -160px;
    width: 340px;
    height: 340px;
    background: rgba(255, 209, 102, .08);
}

.hero-grid[b-so6xrce3af],
.split-layout[b-so6xrce3af] {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
    gap: clamp(50px, 7vw, 96px);
    align-items: center;
}

.hero-copy[b-so6xrce3af] {
    position: relative;
    z-index: 2;
}

.eyebrow[b-so6xrce3af] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px;
    color: var(--landing-teal);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.eyebrow > span[b-so6xrce3af] {
    width: 26px;
    height: 2px;
    background: currentColor;
}

.eyebrow-dark[b-so6xrce3af] {
    color: #168879;
}

.hero-copy h1[b-so6xrce3af] {
    max-width: 650px;
    margin: 0;
    font-size: clamp(3rem, 5.5vw, 5.35rem);
    font-weight: 750;
    letter-spacing: -.055em;
    line-height: .98;
}

.hero-lead[b-so6xrce3af] {
    max-width: 630px;
    margin: 28px 0 0;
    color: #c8d7e5;
    font-size: clamp(1.05rem, 1.5vw, 1.24rem);
    line-height: 1.7;
}

.hero-actions[b-so6xrce3af] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px;
}

.landing-button[b-so6xrce3af] {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 0 22px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.landing-button:hover[b-so6xrce3af] {
    transform: translateY(-2px);
}

.landing-button-primary[b-so6xrce3af] {
    color: #062236;
    background: var(--landing-teal);
    box-shadow: 0 12px 32px rgba(102, 224, 209, .19);
}

.landing-button-primary:hover[b-so6xrce3af] {
    color: #062236;
    background: #8aecdf;
}

.landing-button-secondary[b-so6xrce3af] {
    border-color: rgba(195, 219, 237, .28);
    color: var(--landing-text);
    background: rgba(255, 255, 255, .04);
}

.landing-button-secondary:hover[b-so6xrce3af] {
    border-color: rgba(102, 224, 209, .58);
    color: var(--landing-text);
    background: rgba(102, 224, 209, .08);
}

.hero-proof[b-so6xrce3af] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin: 28px 0 0;
    padding: 0;
    color: var(--landing-muted);
    font-size: .82rem;
    list-style: none;
}

.hero-proof li[b-so6xrce3af] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.hero-proof span[b-so6xrce3af] {
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    border-radius: 50%;
    color: var(--landing-teal);
    background: rgba(102, 224, 209, .12);
    font-size: .67rem;
}

.product-window[b-so6xrce3af] {
    overflow: hidden;
    border: 1px solid rgba(151, 204, 229, .26);
    border-radius: 20px;
    background: #07162d;
    box-shadow: 0 42px 90px rgba(0, 0, 0, .38);
}

.hero-product[b-so6xrce3af] {
    position: relative;
    transform: perspective(1200px) rotateY(-4deg) rotateX(2deg);
}

.hero-product[b-so6xrce3af]::before {
    position: absolute;
    z-index: -1;
    inset: 14% -10% -12% 22%;
    border-radius: 30px;
    background: rgba(102, 224, 209, .16);
    filter: blur(46px);
    content: "";
}

.product-window-bar[b-so6xrce3af] {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: 7px;
    border-bottom: 1px solid rgba(151, 204, 229, .15);
    padding: 0 15px;
    background: #0a1d38;
}

.product-window-bar strong[b-so6xrce3af] {
    margin-left: 8px;
    color: #f6fbff;
    font-size: .75rem;
}

.window-dot[b-so6xrce3af] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #375372;
}

.online-pill[b-so6xrce3af] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    color: var(--landing-teal);
    font-size: .62rem;
    font-weight: 800;
    text-transform: uppercase;
}

.online-pill i[b-so6xrce3af],
.tutor-top small i[b-so6xrce3af] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 8px currentColor;
}

.learn-preview[b-so6xrce3af] {
    position: relative;
    min-height: 590px;
    padding: 24px;
    background:
        radial-gradient(circle at 50% 38%, rgba(37, 114, 142, .24), transparent 30%),
        linear-gradient(rgba(5, 19, 43, .55), rgba(5, 19, 43, .92)),
        repeating-linear-gradient(35deg, rgba(102, 224, 209, .025) 0 1px, transparent 1px 16px);
}

.preview-stats[b-so6xrce3af] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}

.preview-stats div[b-so6xrce3af] {
    display: grid;
    gap: 3px;
    border: 1px solid rgba(144, 217, 240, .2);
    border-radius: 10px;
    padding: 11px 13px;
    background: rgba(16, 41, 77, .88);
}

.preview-stats small[b-so6xrce3af],
.preview-heading small[b-so6xrce3af],
.path-node small[b-so6xrce3af],
.preview-next small[b-so6xrce3af] {
    color: var(--landing-muted);
    font-size: .65rem;
}

.preview-stats strong[b-so6xrce3af] {
    color: var(--landing-text);
    font-size: 1.05rem;
}

.preview-heading[b-so6xrce3af] {
    display: grid;
    gap: 5px;
    margin: 28px auto 10px;
    text-align: center;
}

.preview-heading span[b-so6xrce3af] {
    color: var(--landing-teal);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.preview-heading strong[b-so6xrce3af] {
    color: var(--landing-text);
    font-size: 1.25rem;
}

.learning-path-preview[b-so6xrce3af] {
    position: relative;
    display: grid;
    gap: 16px;
    max-width: 370px;
    margin: 24px auto;
}

.learning-path-preview .path-line[b-so6xrce3af] {
    position: absolute;
    top: 28px;
    bottom: 28px;
    left: 27px;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(var(--landing-teal), var(--landing-gold), #335678);
}

.path-node[b-so6xrce3af] {
    position: relative;
    display: flex;
    min-height: 72px;
    align-items: center;
    gap: 13px;
    border: 1px solid rgba(144, 217, 240, .22);
    border-radius: 13px;
    padding: 9px 14px 9px 9px;
    color: var(--landing-text);
    background: rgba(13, 41, 76, .92);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .25);
}

.path-node:nth-of-type(3)[b-so6xrce3af] {
    transform: translateX(36px);
}

.path-node:nth-of-type(4)[b-so6xrce3af] {
    transform: translateX(8px);
}

.path-node > b[b-so6xrce3af] {
    position: relative;
    display: grid;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 2px solid #6a9abd;
    border-radius: 50%;
    color: #dceaf5;
    background: linear-gradient(145deg, #294f7f, #102849);
}

.path-node > span[b-so6xrce3af] {
    display: grid;
    gap: 3px;
}

.path-node-done > b[b-so6xrce3af] {
    border-color: #cafff4;
    color: #062336;
    background: linear-gradient(145deg, #84efd5, #3ebda9);
}

.path-node-current[b-so6xrce3af] {
    border-color: rgba(255, 209, 102, .8);
    box-shadow: 0 0 0 3px rgba(255, 209, 102, .12), 0 10px 24px rgba(0, 0, 0, .25);
}

.path-node-current > b[b-so6xrce3af] {
    border-color: #fff1b8;
    color: #46300a;
    background: linear-gradient(145deg, #ffe89d, var(--landing-gold));
}

.preview-next[b-so6xrce3af] {
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid rgba(255, 209, 102, .4);
    border-radius: 12px;
    padding: 11px 16px;
    background: rgba(16, 41, 77, .95);
}

.preview-next > span[b-so6xrce3af] {
    display: grid;
    gap: 3px;
}

.preview-next > strong[b-so6xrce3af],
.preview-next > b[b-so6xrce3af] {
    color: var(--landing-gold);
}

.feature-strip[b-so6xrce3af] {
    border-bottom: 1px solid #d7e2eb;
    background: #fff;
}

.feature-strip-grid[b-so6xrce3af] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    min-height: 78px;
    align-items: center;
}

.feature-strip span[b-so6xrce3af] {
    position: relative;
    color: #526478;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-align: center;
    text-transform: uppercase;
}

.feature-strip span + span[b-so6xrce3af]::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 20px;
    background: #dde6ed;
    transform: translateY(-50%);
    content: "";
}

.landing-section[b-so6xrce3af] {
    padding: clamp(78px, 9vw, 128px) 0;
}

.section-heading[b-so6xrce3af] {
    max-width: 550px;
}

.section-heading-centered[b-so6xrce3af] {
    max-width: 790px;
    margin: 0 auto 54px;
    text-align: center;
}

.section-heading-centered .eyebrow[b-so6xrce3af] {
    justify-content: center;
}

.section-heading h2[b-so6xrce3af],
.final-card h2[b-so6xrce3af] {
    margin: 0;
    color: #10233a;
    font-size: clamp(2.2rem, 4vw, 3.65rem);
    font-weight: 750;
    letter-spacing: -.045em;
    line-height: 1.05;
}

.section-heading > p:last-child[b-so6xrce3af] {
    margin: 22px 0 0;
    color: #627387;
    font-size: 1.03rem;
    line-height: 1.75;
}

.product-story[b-so6xrce3af] {
    background: var(--landing-paper);
}

.capability-grid[b-so6xrce3af] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.capability-card[b-so6xrce3af] {
    min-height: 280px;
    border: 1px solid var(--landing-line);
    border-radius: 18px;
    padding: 28px;
    background: var(--landing-paper-strong);
    box-shadow: 0 16px 45px rgba(25, 52, 80, .05);
}

.capability-card h3[b-so6xrce3af] {
    margin: 22px 0 10px;
    color: #132b45;
    font-size: 1.13rem;
}

.capability-card p[b-so6xrce3af] {
    margin: 0;
    color: #66788a;
    line-height: 1.65;
}

.capability-featured[b-so6xrce3af] {
    color: var(--landing-text);
    background: linear-gradient(145deg, #0d294d, #12375c);
}

.capability-featured h3[b-so6xrce3af],
.capability-featured p[b-so6xrce3af] {
    color: inherit;
}

.capability-featured p[b-so6xrce3af] {
    color: #bed0df;
}

.capability-icon[b-so6xrce3af] {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border: 1px solid #c9e8e4;
    border-radius: 14px;
    color: #147b6e;
    background: #e7f8f5;
    font-size: .75rem;
    font-weight: 900;
}

.capability-featured .capability-icon[b-so6xrce3af] {
    border-color: rgba(102, 224, 209, .26);
    color: var(--landing-teal);
    background: rgba(102, 224, 209, .11);
}

.mini-levels[b-so6xrce3af] {
    display: flex;
    gap: 6px;
    margin-top: 24px;
}

.mini-levels span[b-so6xrce3af] {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border: 1px solid rgba(183, 209, 228, .2);
    border-radius: 8px;
    color: #9eb4c8;
    font-size: .6rem;
    font-weight: 900;
}

.mini-levels span.active[b-so6xrce3af] {
    border-color: var(--landing-teal);
    color: #062336;
    background: var(--landing-teal);
}

.progress-section[b-so6xrce3af] {
    background: #fff;
}

.progress-section .split-layout[b-so6xrce3af] {
    grid-template-columns: minmax(340px, .72fr) minmax(560px, 1.28fr);
}

.check-list[b-so6xrce3af] {
    display: grid;
    gap: 18px;
    margin: 34px 0 0;
    padding: 0;
    list-style: none;
}

.check-list li[b-so6xrce3af] {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 12px;
    align-items: start;
}

.check-list li > span[b-so6xrce3af] {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 9px;
    color: #0f786c;
    background: #e3f7f3;
    font-size: .8rem;
    font-weight: 900;
}

.check-list div[b-so6xrce3af] {
    display: grid;
    gap: 4px;
}

.check-list strong[b-so6xrce3af] {
    color: #19334f;
    font-size: .92rem;
}

.check-list small[b-so6xrce3af] {
    color: #748496;
    line-height: 1.5;
}

.dashboard-preview[b-so6xrce3af] {
    border: 1px solid #d7e3ec;
    border-radius: 22px;
    padding: 24px;
    background: #f7fafc;
    box-shadow: 0 30px 80px rgba(23, 51, 79, .13);
}

.dashboard-head[b-so6xrce3af],
.chart-title[b-so6xrce3af],
.tutor-top[b-so6xrce3af] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.dashboard-head > span:first-child[b-so6xrce3af] {
    display: grid;
    gap: 2px;
}

.dashboard-head small[b-so6xrce3af],
.metric-preview-grid span[b-so6xrce3af],
.metric-preview-grid small[b-so6xrce3af],
.card-label[b-so6xrce3af] {
    color: #7b8b9c;
    font-size: .68rem;
}

.dashboard-head strong[b-so6xrce3af] {
    color: #18314d;
    font-size: 1.15rem;
}

.week-pill[b-so6xrce3af] {
    border: 1px solid #d9e4ec;
    border-radius: 999px;
    padding: 7px 11px;
    color: #5d7184;
    background: #fff;
    font-size: .65rem;
    font-weight: 700;
}

.metric-preview-grid[b-so6xrce3af] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 19px 0 10px;
}

.metric-preview-grid article[b-so6xrce3af],
.chart-card[b-so6xrce3af],
.dashboard-bottom > article[b-so6xrce3af] {
    border: 1px solid #e0e8ef;
    border-radius: 13px;
    background: #fff;
}

.metric-preview-grid article[b-so6xrce3af] {
    display: grid;
    gap: 3px;
    padding: 14px;
}

.metric-preview-grid strong[b-so6xrce3af] {
    color: #142e49;
    font-size: 1.55rem;
}

.metric-preview-grid small.positive[b-so6xrce3af] {
    color: #168879;
}

.chart-card[b-so6xrce3af] {
    padding: 16px 18px 13px;
}

.chart-title[b-so6xrce3af] {
    color: #18314d;
    font-size: .78rem;
}

.chart-title span[b-so6xrce3af] {
    color: #738597;
    font-size: .66rem;
}

.bar-chart[b-so6xrce3af] {
    display: flex;
    height: 120px;
    align-items: end;
    justify-content: space-between;
    gap: 10px;
    margin-top: 16px;
    border-bottom: 1px solid #e2eaf0;
}

.bar-chart i[b-so6xrce3af] {
    display: block;
    flex: 1;
    border-radius: 5px 5px 0 0;
    background: linear-gradient(180deg, var(--landing-teal), #36a697);
}

.bar-chart i:nth-child(6)[b-so6xrce3af] {
    background: linear-gradient(180deg, var(--landing-gold), #e7a735);
}

.chart-days[b-so6xrce3af] {
    display: flex;
    justify-content: space-between;
    padding-top: 7px;
    color: #8797a7;
    font-size: .6rem;
}

.chart-days span[b-so6xrce3af] {
    flex: 1;
    text-align: center;
}

.dashboard-bottom[b-so6xrce3af] {
    display: grid;
    grid-template-columns: 1.45fr .75fr;
    gap: 10px;
    margin-top: 10px;
}

.dashboard-bottom > article[b-so6xrce3af] {
    padding: 15px;
}

.level-progress-row[b-so6xrce3af] {
    display: grid;
    grid-template-columns: 23px 1fr 32px;
    gap: 8px;
    align-items: center;
    margin-top: 10px;
    color: #36516c;
    font-size: .62rem;
}

.level-progress-row i[b-so6xrce3af] {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #e4ebf0;
}

.level-progress-row i b[b-so6xrce3af] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--landing-teal);
}

.mistake-card[b-so6xrce3af] {
    display: grid;
    align-content: start;
    gap: 6px;
}

.mistake-card > strong[b-so6xrce3af] {
    margin-top: 8px;
    color: #19334f;
    font-size: .8rem;
}

.mistake-card > small[b-so6xrce3af] {
    color: #8a6570;
    font-size: .63rem;
}

.review-link[b-so6xrce3af] {
    margin-top: auto;
    color: #118274;
    font-size: .64rem;
    font-weight: 800;
}

.widget-section[b-so6xrce3af] {
    background:
        radial-gradient(circle at 83% 42%, rgba(102, 224, 209, .13), transparent 28%),
        linear-gradient(160deg, #eef7f7 0%, #f7fafc 52%, #edf4f8 100%);
}

.widget-layout[b-so6xrce3af] {
    display: grid;
    grid-template-columns: minmax(340px, .74fr) minmax(600px, 1.26fr);
    gap: clamp(50px, 8vw, 110px);
    align-items: center;
}

.widget-copy[b-so6xrce3af] {
    max-width: 530px;
}

.widget-benefits[b-so6xrce3af] {
    display: grid;
    gap: 14px;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
}

.widget-benefits li[b-so6xrce3af] {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    align-items: center;
}

.widget-benefits li > span[b-so6xrce3af] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid #c7e8e3;
    border-radius: 12px;
    color: #127c70;
    background: rgba(255, 255, 255, .8);
    font-size: .7rem;
    font-weight: 900;
}

.widget-benefits div[b-so6xrce3af] {
    display: grid;
    gap: 3px;
}

.widget-benefits strong[b-so6xrce3af] {
    color: #19334f;
    font-size: .9rem;
}

.widget-benefits small[b-so6xrce3af] {
    color: #708295;
    line-height: 1.45;
}

.android-showcase[b-so6xrce3af] {
    display: grid;
    grid-template-columns: minmax(310px, 1fr) minmax(220px, .7fr);
    gap: 22px;
    align-items: center;
}

.android-phone[b-so6xrce3af] {
    position: relative;
    min-height: 590px;
    overflow: hidden;
    border: 7px solid #172639;
    border-radius: 42px;
    padding: 16px 17px 22px;
    color: #fff;
    background:
        radial-gradient(circle at 72% 18%, rgba(102, 224, 209, .52), transparent 23%),
        radial-gradient(circle at 22% 78%, rgba(255, 209, 102, .25), transparent 25%),
        linear-gradient(155deg, #193a58, #0a1932 72%);
    box-shadow: 0 35px 75px rgba(22, 45, 69, .27), inset 0 0 0 2px rgba(255, 255, 255, .08);
}

.android-phone[b-so6xrce3af]::before {
    position: absolute;
    top: 8px;
    left: 50%;
    width: 72px;
    height: 20px;
    border-radius: 999px;
    background: #101b28;
    transform: translateX(-50%);
    content: "";
}

.android-status[b-so6xrce3af] {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 1px 7px 0;
    font-size: .6rem;
    font-weight: 750;
}

.android-date[b-so6xrce3af] {
    display: grid;
    gap: 2px;
    margin: 56px 5px 28px;
    text-align: center;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .32);
}

.android-date strong[b-so6xrce3af] {
    font-size: .72rem;
    font-weight: 600;
}

.android-date span[b-so6xrce3af] {
    font-size: 2.65rem;
    font-weight: 250;
    letter-spacing: -.05em;
}

.android-widget[b-so6xrce3af] {
    display: grid;
    align-content: start;
    overflow: hidden;
    border: 1px solid rgba(157, 211, 233, .24);
    color: #fff;
    background: #061a33;
    box-shadow: 0 18px 35px rgba(0, 0, 0, .26);
}

.android-widget-large[b-so6xrce3af] {
    min-height: 176px;
    border-radius: 22px;
    padding: 18px;
}

.widget-summary-line[b-so6xrce3af],
.widget-summary-line > span[b-so6xrce3af],
.widget-action-line[b-so6xrce3af] {
    display: flex;
    align-items: center;
}

.widget-summary-line[b-so6xrce3af] {
    justify-content: space-between;
}

.widget-summary-line > span[b-so6xrce3af] {
    gap: 10px;
}

.widget-summary-line strong[b-so6xrce3af] {
    font-size: 1.55rem;
    line-height: 1;
}

.widget-summary-line b[b-so6xrce3af] {
    color: #26e6d1;
    font-size: 1rem;
}

.widget-summary-line em[b-so6xrce3af] {
    color: var(--landing-gold);
    font-size: .78rem;
    font-style: normal;
}

.widget-topic[b-so6xrce3af] {
    margin-top: 12px;
    font-size: .92rem;
}

.android-widget > small[b-so6xrce3af] {
    margin-top: 5px;
    color: #c7e1f0;
    font-size: .64rem;
}

.widget-action-line[b-so6xrce3af] {
    gap: 12px;
    justify-content: space-between;
    margin-top: 14px;
}

.widget-action-line > span[b-so6xrce3af] {
    display: grid;
    min-width: 102px;
    min-height: 34px;
    place-items: center;
    border-radius: 999px;
    color: #062236;
    background: #26e6d1;
    font-size: .68rem;
    font-weight: 900;
}

.widget-action-line small[b-so6xrce3af] {
    color: #c7e1f0;
    font-size: .55rem;
}

.android-app-row[b-so6xrce3af] {
    position: absolute;
    right: 17px;
    bottom: 42px;
    left: 17px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.android-app-row > span[b-so6xrce3af] {
    display: grid;
    justify-items: center;
    gap: 5px;
}

.android-app-row i[b-so6xrce3af] {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(150, 208, 222, .78));
    box-shadow: 0 5px 12px rgba(0, 0, 0, .2);
}

.android-app-row > span:nth-child(3) i[b-so6xrce3af] {
    background: linear-gradient(145deg, var(--landing-teal), #1d9b8c);
}

.android-app-row small[b-so6xrce3af] {
    color: rgba(255, 255, 255, .84);
    font-size: .48rem;
    text-shadow: 0 1px 4px #000;
}

.android-home-pill[b-so6xrce3af] {
    position: absolute;
    bottom: 12px;
    left: 50%;
    width: 82px;
    height: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .82);
    transform: translateX(-50%);
}

.widget-size-stack[b-so6xrce3af] {
    display: grid;
    gap: 24px;
}

.widget-size-stack > div[b-so6xrce3af] {
    display: grid;
    gap: 8px;
}

.widget-size-label[b-so6xrce3af] {
    color: #557086;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.android-widget-compact[b-so6xrce3af],
.android-widget-medium[b-so6xrce3af] {
    border-radius: 16px;
    padding: 13px;
}

.android-widget-compact[b-so6xrce3af] {
    min-height: 128px;
}

.android-widget-medium[b-so6xrce3af] {
    min-height: 168px;
}

.android-widget-compact .widget-summary-line strong[b-so6xrce3af],
.android-widget-medium .widget-summary-line strong[b-so6xrce3af] {
    font-size: 1.1rem;
}

.android-widget-compact .widget-summary-line b[b-so6xrce3af],
.android-widget-medium .widget-summary-line b[b-so6xrce3af] {
    font-size: .75rem;
}

.android-widget-compact .widget-summary-line em[b-so6xrce3af],
.android-widget-medium .widget-summary-line em[b-so6xrce3af] {
    font-size: .62rem;
}

.android-widget-compact .widget-topic[b-so6xrce3af],
.android-widget-medium .widget-topic[b-so6xrce3af] {
    margin-top: 9px;
    font-size: .7rem;
}

.android-widget-compact .widget-action-line[b-so6xrce3af],
.android-widget-medium .widget-action-line[b-so6xrce3af] {
    margin-top: 9px;
}

.android-widget-compact .widget-action-line > span[b-so6xrce3af],
.android-widget-medium .widget-action-line > span[b-so6xrce3af] {
    min-width: 80px;
    min-height: 27px;
    font-size: .58rem;
}

.tutor-section[b-so6xrce3af] {
    color: var(--landing-text);
    background:
        radial-gradient(circle at 12% 45%, rgba(102, 224, 209, .09), transparent 30%),
        linear-gradient(145deg, #07162d, #0d294d);
}

.tutor-layout[b-so6xrce3af] {
    grid-template-columns: minmax(520px, 1.12fr) minmax(340px, .88fr);
}

.tutor-copy[b-so6xrce3af] {
    order: 2;
}

.tutor-copy h2[b-so6xrce3af] {
    color: var(--landing-text);
}

.tutor-copy > p:last-of-type[b-so6xrce3af] {
    color: #b9cddd;
}

.tutor-preview[b-so6xrce3af] {
    order: 1;
    border: 1px solid rgba(144, 217, 240, .24);
    border-radius: 20px;
    padding: 20px;
    background: rgba(9, 30, 58, .88);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .28);
}

.tutor-top[b-so6xrce3af] {
    border-bottom: 1px solid rgba(144, 217, 240, .16);
    padding-bottom: 16px;
}

.tutor-top > span:nth-child(2)[b-so6xrce3af] {
    display: grid;
    flex: 1;
    gap: 2px;
}

.tutor-top small[b-so6xrce3af] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--landing-teal);
    font-size: .62rem;
}

.ai-avatar[b-so6xrce3af] {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(102, 224, 209, .4);
    border-radius: 11px;
    color: var(--landing-teal);
    background: rgba(102, 224, 209, .11);
    font-size: .68rem;
    font-weight: 900;
}

.ai-avatar-small[b-so6xrce3af] {
    flex-basis: 27px;
    width: 27px;
    height: 27px;
    border-radius: 8px;
    font-size: .55rem;
}

.level-badge[b-so6xrce3af] {
    border: 1px solid rgba(255, 209, 102, .35);
    border-radius: 999px;
    padding: 6px 9px;
    color: var(--landing-gold);
    font-size: .63rem;
    font-weight: 800;
}

.chat-message[b-so6xrce3af] {
    width: fit-content;
    max-width: 84%;
    margin-top: 18px;
    border-radius: 14px;
    padding: 13px 15px;
    font-size: .78rem;
    line-height: 1.55;
}

.chat-message-user[b-so6xrce3af] {
    margin-left: auto;
    border-bottom-right-radius: 4px;
    color: #122c47;
    background: var(--landing-teal);
}

.chat-message-ai[b-so6xrce3af] {
    display: flex;
    gap: 10px;
    border: 1px solid rgba(144, 217, 240, .18);
    border-bottom-left-radius: 4px;
    color: #dce8f2;
    background: #10294d;
}

.chat-message-ai p[b-so6xrce3af] {
    margin: 0 0 8px;
}

.chat-message-ai em[b-so6xrce3af] {
    color: var(--landing-gold);
}

.chat-message-ai b[b-so6xrce3af] {
    color: #fff;
    font-weight: 650;
}

.chat-action[b-so6xrce3af] {
    display: inline-block;
    margin-top: 4px;
    color: var(--landing-teal);
    font-weight: 800;
}

.chat-input[b-so6xrce3af] {
    display: flex;
    min-height: 45px;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    border: 1px solid rgba(144, 217, 240, .2);
    border-radius: 11px;
    padding: 7px 8px 7px 13px;
    color: #839db2;
    background: #081b35;
    font-size: .7rem;
}

.chat-input b[b-so6xrce3af] {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 8px;
    color: #062236;
    background: var(--landing-teal);
}

.prompt-list[b-so6xrce3af] {
    display: grid;
    gap: 9px;
    margin-top: 30px;
}

.prompt-list span[b-so6xrce3af] {
    border: 1px solid rgba(144, 217, 240, .2);
    border-radius: 10px;
    padding: 11px 13px;
    color: #c5d5e2;
    background: rgba(255, 255, 255, .035);
    font-size: .76rem;
}

.how-section[b-so6xrce3af] {
    background: #fff;
}

.steps-grid[b-so6xrce3af] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: landing-step;
}

.steps-grid li[b-so6xrce3af] {
    position: relative;
    min-height: 210px;
    border-top: 1px solid #cfdce6;
    padding: 28px 38px 0 0;
}

.steps-grid li + li[b-so6xrce3af] {
    padding-left: 38px;
}

.steps-grid li + li[b-so6xrce3af]::before {
    position: absolute;
    top: -5px;
    left: 0;
    width: 9px;
    height: 9px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: var(--landing-teal);
    box-shadow: 0 0 0 1px var(--landing-teal);
    content: "";
}

.step-number[b-so6xrce3af] {
    color: #17897b;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.steps-grid h3[b-so6xrce3af] {
    margin: 20px 0 10px;
    color: #17304b;
    font-size: 1.15rem;
}

.steps-grid p[b-so6xrce3af] {
    margin: 0;
    color: #6d7f91;
    line-height: 1.65;
}

.final-section[b-so6xrce3af] {
    padding-top: 0;
    background: #fff;
}

.final-card[b-so6xrce3af] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 40px;
    align-items: center;
    border-radius: 24px;
    padding: clamp(34px, 6vw, 70px);
    color: var(--landing-text);
    background:
        radial-gradient(circle at 82% 10%, rgba(102, 224, 209, .13), transparent 29%),
        linear-gradient(145deg, #07162d, #10345a);
}

.final-card h2[b-so6xrce3af] {
    max-width: 700px;
    color: var(--landing-text);
}

.final-card > div > p:last-child[b-so6xrce3af] {
    max-width: 640px;
    margin: 18px 0 0;
    color: #bed0df;
}

.final-actions[b-so6xrce3af] {
    display: grid;
    gap: 13px;
    justify-items: center;
}

.landing-button-gold[b-so6xrce3af] {
    min-width: 190px;
    color: #382709;
    background: var(--landing-gold);
    box-shadow: 0 12px 30px rgba(255, 209, 102, .16);
}

.landing-button-gold:hover[b-so6xrce3af] {
    color: #382709;
    background: #ffe18b;
}

.text-link[b-so6xrce3af] {
    color: #c8d9e6;
    font-size: .76rem;
    font-weight: 700;
    text-decoration: none;
}

.text-link:hover[b-so6xrce3af] {
    color: var(--landing-teal);
}

.landing-button:focus-visible[b-so6xrce3af],
.text-link:focus-visible[b-so6xrce3af] {
    outline: 3px solid var(--landing-gold);
    outline-offset: 4px;
}

@media (max-width: 1050px) {
    .hero-grid[b-so6xrce3af],
    .split-layout[b-so6xrce3af],
    .progress-section .split-layout[b-so6xrce3af],
    .tutor-layout[b-so6xrce3af],
    .widget-layout[b-so6xrce3af] {
        grid-template-columns: 1fr;
    }

    .hero-copy[b-so6xrce3af] {
        max-width: 760px;
    }

    .hero-product[b-so6xrce3af],
    .dashboard-preview[b-so6xrce3af],
    .tutor-preview[b-so6xrce3af] {
        width: min(100%, 720px);
        margin-inline: auto;
    }

    .hero-product[b-so6xrce3af] {
        transform: none;
    }

    .progress-section .section-heading[b-so6xrce3af] {
        max-width: 760px;
    }

    .widget-copy[b-so6xrce3af] {
        max-width: 760px;
    }

    .android-showcase[b-so6xrce3af] {
        width: min(100%, 720px);
        margin-inline: auto;
    }

    .tutor-copy[b-so6xrce3af] {
        order: 1;
        max-width: 720px;
    }

    .tutor-preview[b-so6xrce3af] {
        order: 2;
    }

    .feature-strip-grid[b-so6xrce3af] {
        grid-template-columns: repeat(3, 1fr);
        padding-block: 12px;
    }

    .feature-strip span[b-so6xrce3af] {
        padding-block: 8px;
    }

    .feature-strip span:nth-child(4)[b-so6xrce3af]::before {
        display: none;
    }

    .capability-grid[b-so6xrce3af] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .landing-wrap[b-so6xrce3af] {
        width: min(100% - 28px, 1180px);
    }

    .landing-hero[b-so6xrce3af] {
        padding-top: 58px;
        padding-bottom: 68px;
    }

    .hero-grid[b-so6xrce3af] {
        gap: 48px;
    }

    .hero-copy h1[b-so6xrce3af] {
        font-size: clamp(2.65rem, 13vw, 4rem);
    }

    .hero-actions[b-so6xrce3af],
    .hero-actions .landing-button[b-so6xrce3af] {
        width: 100%;
    }

    .hero-proof[b-so6xrce3af] {
        display: grid;
    }

    .learn-preview[b-so6xrce3af] {
        min-height: 540px;
        padding: 14px;
    }

    .preview-stats div[b-so6xrce3af] {
        padding: 9px;
    }

    .preview-stats small[b-so6xrce3af] {
        font-size: .55rem;
    }

    .preview-stats strong[b-so6xrce3af] {
        font-size: .86rem;
    }

    .path-node:nth-of-type(n)[b-so6xrce3af] {
        transform: none;
    }

    .feature-strip-grid[b-so6xrce3af] {
        grid-template-columns: repeat(2, 1fr);
    }

    .feature-strip span:nth-child(odd)[b-so6xrce3af]::before {
        display: none;
    }

    .feature-strip span:nth-child(4)[b-so6xrce3af]::before {
        display: block;
    }

    .section-heading-centered[b-so6xrce3af] {
        margin-bottom: 38px;
    }

    .capability-grid[b-so6xrce3af],
    .steps-grid[b-so6xrce3af],
    .final-card[b-so6xrce3af] {
        grid-template-columns: 1fr;
    }

    .capability-card[b-so6xrce3af] {
        min-height: auto;
    }

    .metric-preview-grid[b-so6xrce3af] {
        grid-template-columns: 1fr;
    }

    .dashboard-bottom[b-so6xrce3af] {
        grid-template-columns: 1fr;
    }

    .dashboard-preview[b-so6xrce3af],
    .tutor-preview[b-so6xrce3af] {
        padding: 14px;
        border-radius: 16px;
    }

    .android-showcase[b-so6xrce3af] {
        grid-template-columns: 1fr;
        max-width: 390px;
    }

    .widget-size-stack[b-so6xrce3af] {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .android-widget-compact[b-so6xrce3af],
    .android-widget-medium[b-so6xrce3af] {
        min-height: 145px;
    }

    .android-widget-compact .widget-summary-line[b-so6xrce3af],
    .android-widget-medium .widget-summary-line[b-so6xrce3af] {
        align-items: start;
    }

    .android-widget-compact .widget-summary-line > span[b-so6xrce3af],
    .android-widget-medium .widget-summary-line > span[b-so6xrce3af] {
        display: grid;
        gap: 2px;
    }

    .android-widget-compact .widget-action-line > span[b-so6xrce3af],
    .android-widget-medium .widget-action-line > span[b-so6xrce3af] {
        min-width: 100%;
    }

    .android-phone[b-so6xrce3af] {
        min-height: 560px;
    }

    .bar-chart[b-so6xrce3af] {
        height: 90px;
        gap: 6px;
    }

    .chat-message[b-so6xrce3af] {
        max-width: 94%;
    }

    .steps-grid li[b-so6xrce3af],
    .steps-grid li + li[b-so6xrce3af] {
        min-height: auto;
        border-top: 0;
        border-left: 1px solid #cfdce6;
        padding: 0 0 36px 28px;
    }

    .steps-grid li + li[b-so6xrce3af]::before {
        top: 3px;
        left: -5px;
    }

    .final-card[b-so6xrce3af] {
        gap: 28px;
    }

    .final-actions[b-so6xrce3af],
    .final-actions .landing-button[b-so6xrce3af] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .landing-button[b-so6xrce3af] {
        transition: none;
    }
}
/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-4cjoxv82r3] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-4cjoxv82r3] {
  color: #0077cc;
}

.btn-primary[b-4cjoxv82r3] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-4cjoxv82r3], .nav-pills .show > .nav-link[b-4cjoxv82r3] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-4cjoxv82r3] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-4cjoxv82r3] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-4cjoxv82r3] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-4cjoxv82r3] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-4cjoxv82r3] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}