/*
 * PMN Onboarding V2.1 — Goal-First Experience
 * Production path: /apps/onboard/css/style.css
 */

* { box-sizing: border-box; }

:root {
    --pmn-navy: #0d2344;
    --pmn-blue: #1767c7;
    --pmn-blue-dark: #0f4f9d;
    --pmn-sky: #eef6ff;
    --pmn-ink: #14233a;
    --pmn-muted: #66758c;
    --pmn-line: #dbe4ef;
    --pmn-soft: #f5f8fc;
    --pmn-green: #1f8a59;
}

.pmn-onboard-page {
    margin: 0;
    background: #f3f6fa;
    color: var(--pmn-ink);
    font-family: Arial, Helvetica, sans-serif;
}

.pmn-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #0a1f3d 0%, #123d73 58%, #1767c7 100%);
    color: #fff;
}

.pmn-hero::after {
    content: '';
    position: absolute;
    width: 520px;
    height: 520px;
    right: -180px;
    top: -190px;
    border-radius: 50%;
    border: 90px solid rgba(255,255,255,0.06);
}

.pmn-hero-inner {
    position: relative;
    z-index: 1;
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 28px 0 42px;
}

.pmn-brand-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.pmn-brand-mark {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    color: var(--pmn-navy);
    font-size: 0.9rem;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.pmn-hero-copy {
    max-width: 820px;
    padding: 46px 0 30px;
}

.pmn-eyebrow,
.pmn-section-kicker {
    margin: 0 0 8px;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.pmn-hero .pmn-eyebrow {
    color: #b9d8ff;
}

.pmn-hero h1 {
    margin: 0;
    max-width: 820px;
    font-size: clamp(2.55rem, 6vw, 5.6rem);
    line-height: 0.95;
    letter-spacing: -0.045em;
}

.pmn-hero-tagline {
    margin: 22px 0 0;
    font-size: clamp(1.2rem, 2.5vw, 1.8rem);
    font-weight: 800;
}

.pmn-hero-description {
    max-width: 760px;
    margin: 14px 0 0;
    color: #dbeaff;
    font-size: 1.04rem;
    line-height: 1.6;
}

.pmn-value-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.pmn-value-strip span {
    padding: 13px 14px;
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 10px;
    background: rgba(255,255,255,0.08);
    text-align: center;
    font-size: 0.9rem;
    font-weight: 800;
}

.pmn-onboard-shell {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 30px 0 46px;
}

.pmn-source-note {
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid #cfe0f6;
    border-radius: 10px;
    background: #eef6ff;
    color: #29496f;
    font-size: 0.93rem;
}

.pmn-onboard-card,
.pmn-what-next,
.pmn-member-card {
    border: 1px solid var(--pmn-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(27, 48, 78, 0.08);
}

.pmn-onboard-card {
    overflow: hidden;
}

.pmn-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid var(--pmn-line);
    background: #f8fafc;
}

.pmn-steps li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 70px;
    padding: 14px;
    color: #8490a2;
    text-align: center;
}

.pmn-steps li + li { border-left: 1px solid var(--pmn-line); }

.pmn-steps li span {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    background: #e4eaf1;
    color: #627086;
    font-size: 0.83rem;
    font-weight: 900;
}

.pmn-steps li.is-active { color: var(--pmn-navy); background: #fff; }
.pmn-steps li.is-active span { background: var(--pmn-blue); color: #fff; }
.pmn-steps li.is-complete { color: var(--pmn-green); }
.pmn-steps li.is-complete span { background: #dff4e9; color: var(--pmn-green); }

.pmn-goal-stage,
.pmn-account-stage {
    padding: 34px;
}

.pmn-section-heading {
    max-width: 760px;
    margin: 0 auto 26px;
    text-align: center;
}

.pmn-section-kicker { color: var(--pmn-blue); }

.pmn-section-heading h2,
.pmn-account-header h2 {
    margin: 0;
    color: var(--pmn-navy);
    font-size: clamp(1.75rem, 4vw, 2.7rem);
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.pmn-section-heading p:not(.pmn-section-kicker),
.pmn-account-header p:not(.pmn-section-kicker) {
    margin: 10px 0 0;
    color: var(--pmn-muted);
    line-height: 1.55;
}

.pmn-goal-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.pmn-goal-card {
    position: relative;
    display: flex;
    min-height: 188px;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
    border: 2px solid #dce4ee;
    border-radius: 16px;
    background: #fff;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.pmn-goal-card:hover {
    transform: translateY(-2px);
    border-color: #8ab4e7;
    box-shadow: 0 12px 28px rgba(28, 73, 125, 0.11);
}

.pmn-goal-card.is-selected {
    border-color: var(--pmn-blue);
    background: var(--pmn-sky);
    box-shadow: 0 0 0 4px rgba(23, 103, 199, 0.08);
}

.pmn-goal-card input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.pmn-goal-card:focus-within {
    outline: 3px solid rgba(23, 103, 199, 0.2);
    outline-offset: 2px;
}

.pmn-goal-check {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--pmn-blue);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 900;
}

.pmn-goal-card.is-selected .pmn-goal-check { display: grid; }

.pmn-goal-icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin-bottom: 18px;
    border-radius: 14px;
    background: #edf3fb;
    font-size: 1.7rem;
}

.pmn-goal-card.is-selected .pmn-goal-icon { background: #dcecff; }

.pmn-goal-title {
    color: var(--pmn-navy);
    font-size: 1.08rem;
    font-weight: 900;
}

.pmn-goal-copy {
    margin-top: 7px;
    color: var(--pmn-muted);
    font-size: 0.91rem;
    line-height: 1.45;
}

.pmn-path-preview {
    margin: 0 34px 34px;
    padding: 28px;
    border-radius: 16px;
    background: var(--pmn-navy);
    color: #fff;
}

.pmn-path-preview[hidden],
.pmn-account-stage[hidden] { display: none !important; }

.pmn-path-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.pmn-path-heading .pmn-section-kicker { color: #8fc3ff; }

.pmn-path-heading h3 {
    margin: 0;
    font-size: clamp(1.35rem, 3vw, 2rem);
    line-height: 1.15;
}

.pmn-path-heading p:not(.pmn-section-kicker) {
    max-width: 760px;
    margin: 9px 0 0;
    color: #d0def0;
    line-height: 1.5;
}

.pmn-path-badge {
    flex: 0 0 auto;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 999px;
    background: rgba(255,255,255,0.1);
    font-size: 0.82rem;
    font-weight: 900;
}

.pmn-path-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 22px;
}

.pmn-path-action {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 60px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 10px;
    background: rgba(255,255,255,0.07);
    font-size: 0.88rem;
    line-height: 1.35;
}

.pmn-path-action-check {
    display: grid;
    place-items: center;
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    border-radius: 50%;
    background: #fff;
    color: var(--pmn-blue);
    font-size: 0.75rem;
    font-weight: 900;
}

.pmn-account-stage {
    border-top: 1px solid var(--pmn-line);
    background: #fbfcfe;
}

.pmn-account-header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    max-width: 820px;
}

.pmn-step-number {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 50%;
    background: var(--pmn-blue);
    color: #fff;
    font-size: 1.15rem;
    font-weight: 900;
}

.pmn-selected-summary {
    margin: 24px 0 16px;
    padding: 11px 14px;
    border-left: 4px solid var(--pmn-blue);
    background: #eef6ff;
    color: #29496f;
    font-size: 0.93rem;
}

.pmn-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form-group label {
    display: block;
    margin-bottom: 7px;
    color: #24324a;
    font-size: 0.9rem;
    font-weight: 800;
}

input[type="text"],
input[type="email"] {
    width: 100%;
    min-height: 54px;
    padding: 12px 14px;
    margin: 0;
    border: 1px solid #c7d2df;
    border-radius: 9px;
    background: #fff;
    color: var(--pmn-ink);
    font-size: 1rem;
}

input[type="text"]:focus,
input[type="email"]:focus {
    border-color: var(--pmn-blue);
    outline: 3px solid rgba(23, 103, 199, 0.12);
}

#submit-button,
button[type="submit"] {
    display: block;
    width: min(430px, 100%);
    margin: 22px auto 0;
    padding: 15px 22px;
    border: 0;
    border-radius: 999px;
    background: var(--pmn-blue);
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    cursor: pointer;
}

#submit-button:hover,
button[type="submit"]:hover { background: var(--pmn-blue-dark); }
#submit-button:disabled,
button[type="submit"]:disabled { opacity: 0.68; cursor: wait; }

.pmn-form-status {
    min-height: 22px;
    margin-top: 16px;
    text-align: center;
    font-size: 0.92rem;
    font-weight: 800;
}

.pmn-form-status.is-error { color: #a52828; }
.pmn-form-status.is-success { color: var(--pmn-green); }

.pmn-form-note {
    margin: 10px 0 0;
    color: #748298;
    font-size: 0.84rem;
    text-align: center;
}

.pmn-what-next {
    margin-top: 22px;
    padding: 28px;
}

.pmn-next-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.pmn-next-grid > div {
    padding: 18px;
    border: 1px solid var(--pmn-line);
    border-radius: 12px;
    background: var(--pmn-soft);
}

.pmn-next-grid > div > span {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: var(--pmn-navy);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 900;
}

.pmn-next-grid strong { color: var(--pmn-navy); }
.pmn-next-grid p { margin: 7px 0 0; color: var(--pmn-muted); font-size: 0.87rem; line-height: 1.45; }

.pmn-success-backdrop {
    position: fixed;
    z-index: 9998;
    inset: 0;
    background: rgba(7, 20, 39, 0.62);
}

.pmn-success-popup {
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(650px, calc(100% - 28px));
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    padding: 32px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.35);
    text-align: center;
}

.pmn-success-icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #e2f6eb;
    color: var(--pmn-green);
    font-size: 1.55rem;
    font-weight: 900;
}

.pmn-success-popup h2 {
    margin: 0 0 10px;
    color: var(--pmn-navy);
    font-size: clamp(1.7rem, 4vw, 2.5rem);
}

.pmn-goal-confirmation { margin: 0 0 16px; color: #30425f; font-weight: 800; }

.pmn-credentials {
    padding: 16px;
    border-radius: 12px;
    background: #f2f6fb;
    color: #263750;
    line-height: 1.55;
    white-space: pre-line;
}

.pmn-popup-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

#copy-button,
#continue-button,
#close-popup,
.pmn-primary-link {
    display: inline-block;
    margin: 0;
    padding: 12px 20px;
    border: 0;
    border-radius: 999px;
    background: var(--pmn-blue);
    color: #fff;
    font-size: 0.93rem;
    font-weight: 900;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
}

#copy-button:hover,
#continue-button:hover,
.pmn-primary-link:hover { background: var(--pmn-blue-dark); color: #fff; }

#close-popup.pmn-secondary-button { background: #5d6878; }
#close-popup.pmn-secondary-button:hover { background: #485363; }

.pmn-member-shell { min-height: 100vh; display: grid; place-items: center; padding-top: 30px; padding-bottom: 30px; }
.pmn-member-card { width: min(720px, 100%); padding: 38px; text-align: center; }
.pmn-member-card .pmn-brand-mark { margin: 0 auto 14px; background: var(--pmn-navy); color: #fff; }
.pmn-member-card h1 { margin: 0 0 10px; color: var(--pmn-navy); font-size: clamp(1.8rem, 4vw, 2.8rem); }
.pmn-member-card p:not(.pmn-eyebrow) { color: var(--pmn-muted); line-height: 1.55; }
.pmn-member-card .pmn-primary-link { margin-top: 14px; }

.pmn-noscript {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 10001;
    padding: 12px;
    border-radius: 8px;
    background: #862525;
    color: #fff;
    text-align: center;
    font-weight: 800;
}

@media (max-width: 900px) {
    .pmn-value-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pmn-goal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pmn-path-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 650px) {
    .pmn-hero-inner,
    .pmn-onboard-shell { width: min(100% - 20px, 1180px); }
    .pmn-hero-inner { padding-top: 18px; padding-bottom: 28px; }
    .pmn-hero-copy { padding: 34px 0 24px; }
    .pmn-hero h1 { font-size: clamp(2.35rem, 12vw, 4.2rem); }
    .pmn-value-strip { grid-template-columns: 1fr 1fr; gap: 7px; }
    .pmn-value-strip span { padding: 10px 8px; font-size: 0.78rem; }
    .pmn-steps { grid-template-columns: 1fr; }
    .pmn-steps li { justify-content: flex-start; min-height: 48px; padding: 9px 14px; }
    .pmn-steps li + li { border-left: 0; border-top: 1px solid var(--pmn-line); }
    .pmn-goal-stage,
    .pmn-account-stage { padding: 22px 16px; }
    .pmn-goal-grid { grid-template-columns: 1fr; }
    .pmn-goal-card { min-height: 150px; }
    .pmn-path-preview { margin: 0 16px 22px; padding: 20px; }
    .pmn-path-heading { display: block; }
    .pmn-path-badge { display: inline-block; margin-top: 14px; }
    .pmn-path-actions { grid-template-columns: 1fr; }
    .pmn-contact-grid { grid-template-columns: 1fr; }
    .pmn-account-header { gap: 12px; }
    .pmn-step-number { width: 42px; height: 42px; flex-basis: 42px; }
    .pmn-what-next { padding: 22px 16px; }
    .pmn-next-grid { grid-template-columns: 1fr; }
    .pmn-success-popup { padding: 24px 18px; }
    .pmn-popup-actions { flex-direction: column; }
    #copy-button,
    #continue-button,
    #close-popup { width: 100%; }
}

/* =========================================================
   PMN ONBOARDING V2.3 — MY PMN START WORKFLOW
   ========================================================= */
.pmn-start-page{margin:0;background:#f3f7fc;color:#09254b;font-family:Arial,Helvetica,sans-serif;min-height:100vh}.pmn-start-page *{box-sizing:border-box}.pmn-start-nav{min-height:76px;padding:14px max(24px,calc((100vw - 1380px)/2));display:flex;align-items:center;justify-content:space-between;background:#061d3a;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.pmn-start-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.pmn-start-brand>span{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#1d6fd1;font-weight:900;letter-spacing:.04em}.pmn-start-brand>strong{font-size:20px}.pmn-start-nav-links{display:flex;gap:24px;align-items:center}.pmn-start-nav-links a{color:#dce9f8;text-decoration:none;font-weight:700;font-size:14px}.pmn-start-nav-links a:hover{color:#fff}.pmn-start-shell{max-width:1380px;margin:0 auto;padding:44px 24px 72px}.pmn-start-flash{margin:0 0 24px;padding:15px 18px;border-radius:12px;background:#e8f3ff;border:1px solid #b7d7fb;color:#0d4f92;font-weight:700}.pmn-start-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:34px;align-items:center;padding:46px;border-radius:26px;background:linear-gradient(120deg,#071f3f 0%,#0b3768 68%,#1559a5 100%);color:#fff;box-shadow:0 22px 52px rgba(8,38,76,.14)}.pmn-start-hero h1{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.045em;margin:9px 0 22px;color:#fff}.pmn-start-hero .pmn-section-kicker{color:#79c8ff}.pmn-start-lead{font-size:20px;line-height:1.55;color:#d9e9fb;max-width:800px;margin:0}.pmn-start-goal-pill{justify-self:end;min-width:300px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:24px;display:flex;gap:16px;align-items:center;backdrop-filter:blur(8px)}.pmn-start-goal-pill>span{font-size:42px}.pmn-start-goal-pill small{display:block;color:#a7c9ec;font-weight:800;letter-spacing:.08em;font-size:11px;margin-bottom:6px}.pmn-start-goal-pill strong{font-size:23px;color:#fff}.pmn-start-section{margin-top:28px;background:#fff;border:1px solid #d9e5f1;border-radius:24px;padding:34px;box-shadow:0 12px 32px rgba(9,37,75,.06)}.pmn-start-section-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:34px;align-items:end;margin-bottom:26px}.pmn-start-section-heading h2,.pmn-start-more h2{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:5px 0 0;color:#09254b;letter-spacing:-.025em}.pmn-start-section-heading>p{margin:0;color:#60758d;line-height:1.55;font-size:16px}.pmn-start-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pmn-start-action-card{position:relative;display:flex;flex-direction:column;min-height:270px;padding:24px;border:1px solid #d8e5f2;border-radius:19px;text-decoration:none;color:#09254b;background:#f9fbfe;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pmn-start-action-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(8,40,80,.12);border-color:#8bbce9}.pmn-start-action-card.is-primary{background:linear-gradient(145deg,#eaf4ff,#fff);border-color:#91bfea}.pmn-start-action-number{position:absolute;right:20px;top:18px;color:#a3b7cb;font-size:18px;font-weight:900}.pmn-start-action-tag{align-self:flex-start;padding:7px 10px;border-radius:999px;background:#e6f1ff;color:#0b5caf;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.pmn-start-action-card h3{font-size:24px;margin:25px 0 10px;color:#09254b}.pmn-start-action-card p{font-size:16px;line-height:1.55;color:#60758d;margin:0 0 26px}.pmn-start-action-card>strong{margin-top:auto;color:#1269c7;font-size:15px}.pmn-start-more{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:center}.pmn-start-more-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pmn-start-more-links a{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-radius:14px;background:#f3f7fc;border:1px solid #d8e5f2;color:#153c68;text-decoration:none;font-weight:800}.pmn-start-more-links a:hover{background:#e8f3ff}.pmn-start-switch{padding-bottom:38px}.pmn-start-goal-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.pmn-start-goal-form{margin:0}.pmn-start-goal-choice{width:100%;height:100%;min-height:142px;border:1px solid #d8e5f2;border-radius:16px;background:#f9fbfe;padding:18px 12px;cursor:pointer;color:#12365f;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;transition:.18s ease}.pmn-start-goal-choice:hover{border-color:#8bbce9;background:#f1f7ff;transform:translateY(-2px)}.pmn-start-goal-choice.is-selected{background:#0e63bd;color:#fff;border-color:#0e63bd;box-shadow:0 10px 22px rgba(14,99,189,.19)}.pmn-start-goal-choice>span{font-size:26px}.pmn-start-goal-choice>strong{font-size:16px;line-height:1.2}.pmn-start-goal-choice>small{margin-top:auto;color:#6b8097;font-weight:700}.pmn-start-goal-choice.is-selected>small{color:#d9eaff}.pmn-start-hero-no-goal{grid-template-columns:1fr}.pmn-section-kicker{font-weight:900;letter-spacing:.11em;font-size:12px;color:#1568c5;margin:0}.pmn-start-page button,.pmn-start-page a{-webkit-tap-highlight-color:transparent}
@media(max-width:1000px){.pmn-start-hero{grid-template-columns:1fr}.pmn-start-goal-pill{justify-self:start}.pmn-start-action-grid{grid-template-columns:1fr}.pmn-start-action-card{min-height:0}.pmn-start-section-heading,.pmn-start-more{grid-template-columns:1fr}.pmn-start-more-links{grid-template-columns:1fr}.pmn-start-goal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.pmn-start-nav{padding:12px 16px}.pmn-start-nav-links{gap:12px}.pmn-start-nav-links a:nth-child(2){display:none}.pmn-start-shell{padding:22px 14px 50px}.pmn-start-hero{padding:28px 22px;border-radius:20px}.pmn-start-hero h1{font-size:44px}.pmn-start-lead{font-size:17px}.pmn-start-goal-pill{min-width:0;width:100%;padding:18px}.pmn-start-section{padding:24px 18px;border-radius:19px}.pmn-start-goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* PMN Onboarding V2.4.2 — stronger brand separation and section contrast */
.pmn-start-page{background:linear-gradient(180deg,#edf3f9 0%,#f6f9fc 260px,#f2f6fb 100%)}
.pmn-start-nav{position:sticky;top:0;z-index:50;min-height:88px;padding:16px max(24px,calc((100vw - 1380px)/2));background:linear-gradient(135deg,#04152d 0%,#082346 60%,#0c315e 100%);box-shadow:0 10px 28px rgba(5,24,47,.18)}
.pmn-start-brand{gap:16px}
.pmn-start-brand-logo-wrap{display:flex;align-items:center;justify-content:center;min-width:130px;height:56px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 22px rgba(2,12,26,.22)}
.pmn-start-brand-logo{display:block;max-width:118px;max-height:34px;width:auto;height:auto}
.pmn-start-brand-text{display:flex;flex-direction:column;gap:4px;line-height:1.05}
.pmn-start-brand-text small{color:#98b6d7;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.pmn-start-brand-text strong{font-size:30px;letter-spacing:-.03em;color:#fff}
.pmn-start-nav-links a{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:background .18s ease,border-color .18s ease,color .18s ease}
.pmn-start-nav-links a:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18)}

.pmn-start-section{background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%);border:1px solid #d8e4ef;box-shadow:0 16px 34px rgba(7,31,61,.06)}
.pmn-today-section{background:linear-gradient(180deg,#f9fbff 0%,#ffffff 100%);border-color:#d6e4f3}
.pmn-start-switch{background:linear-gradient(180deg,#fbfdff 0%,#f6f9fd 100%);border-color:#d8e5f1}
.pmn-start-more{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}

.pmn-start-action-card{background:linear-gradient(180deg,#ffffff 0%,#f6f9fd 100%);box-shadow:0 10px 24px rgba(8,40,80,.05)}
.pmn-start-action-card:nth-child(1){background:linear-gradient(180deg,#f0f7ff 0%,#ffffff 100%);border-color:#b8d8f6}
.pmn-start-action-card:nth-child(2){background:linear-gradient(180deg,#f7f4ff 0%,#ffffff 100%);border-color:#d7ccfb}
.pmn-start-action-card:nth-child(3){background:linear-gradient(180deg,#f3fbf8 0%,#ffffff 100%);border-color:#c9eadc}
.pmn-start-action-card.is-primary{box-shadow:0 16px 30px rgba(17,94,184,.12)}
.pmn-start-more-links a{background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);box-shadow:0 8px 18px rgba(8,40,80,.04)}
.pmn-start-more-links a:nth-child(1){border-color:#bad6f6}
.pmn-start-more-links a:nth-child(2){border-color:#cbdff7}
.pmn-start-more-links a:nth-child(3){border-color:#d7e4f1}

@media(max-width:700px){
  .pmn-start-nav{min-height:76px}
  .pmn-start-brand-logo-wrap{min-width:108px;height:48px;padding:8px 12px}
  .pmn-start-brand-logo{max-width:96px;max-height:29px}
  .pmn-start-brand-text strong{font-size:24px}
}

/* PMN Onboarding V2.4.3 — Premium visual hierarchy */
/* Fix legacy direct-span brand rule from earlier onboarding CSS. */
.pmn-start-brand>span.pmn-start-brand-logo-wrap,
.pmn-start-brand>span.pmn-start-brand-text,
.pmn-start-brand>span.pmn-start-brand-divider{
  width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
  border-radius:0!important;background:none!important;display:flex!important;
  place-items:initial!important;letter-spacing:normal!important;font-weight:inherit!important;
}
.pmn-start-nav{
  min-height:92px!important;
  padding-top:14px!important;padding-bottom:14px!important;
  background:linear-gradient(135deg,#06182f 0%,#0a284d 55%,#103b70 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 12px 32px rgba(4,20,42,.22)!important;
}
.pmn-start-brand{gap:15px!important;min-width:0}
.pmn-start-brand-logo-wrap{
  flex:0 0 auto!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.5)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}
.pmn-start-brand-logo{width:142px!important;max-width:142px!important;max-height:38px!important;height:auto!important;object-fit:contain!important}
.pmn-start-brand-divider{flex:0 0 1px!important;width:1px!important;height:42px!important;background:rgba(255,255,255,.2)!important}
.pmn-start-brand-text{flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important}
.pmn-start-brand-text small{color:#9fb9d5!important;font-size:10px!important;letter-spacing:.16em!important;font-weight:900!important;text-transform:uppercase!important}
.pmn-start-brand-text strong{color:#fff!important;font-size:28px!important;line-height:1!important;letter-spacing:-.03em!important}

.pmn-start-shell{padding-top:36px!important}
.pmn-start-section{border-radius:26px!important;border-width:1px!important;box-shadow:0 18px 40px rgba(7,31,61,.07)!important}
.pmn-start-section-heading{padding-bottom:20px;border-bottom:1px solid #e4ecf4;margin-bottom:28px!important}
.pmn-start-section-heading h2,.pmn-start-more h2{letter-spacing:-.035em!important}

/* Stronger, editorial card separation inspired by the approved reference. */
.pmn-start-action-grid{gap:22px!important}
.pmn-start-action-card{border-radius:24px!important;min-height:292px!important;padding:28px!important;border-width:1px!important;box-shadow:0 12px 28px rgba(8,40,80,.06)!important}
.pmn-start-action-card:nth-child(1){background:linear-gradient(180deg,#fff8df 0%,#fffdf6 100%)!important;border-color:#f1c84e!important}
.pmn-start-action-card:nth-child(2){background:linear-gradient(180deg,#eaf6ff 0%,#f8fcff 100%)!important;border-color:#8dcaf6!important}
.pmn-start-action-card:nth-child(3){background:linear-gradient(155deg,#071a34 0%,#0a284d 100%)!important;border-color:#071a34!important;color:#fff!important;box-shadow:0 18px 36px rgba(6,25,50,.2)!important}
.pmn-start-action-card:nth-child(3) h3,.pmn-start-action-card:nth-child(3) p,.pmn-start-action-card:nth-child(3)>strong{color:#fff!important}
.pmn-start-action-card:nth-child(3) p{color:#d7e5f4!important}
.pmn-start-action-card:nth-child(3) .pmn-start-action-number{color:#7fa1c7!important}
.pmn-start-action-card:nth-child(3) .pmn-start-action-tag{background:rgba(255,255,255,.1)!important;color:#d9eaff!important}

.pmn-start-more-links{gap:16px!important}
.pmn-start-more-links a{border-radius:18px!important;min-height:84px!important;padding:22px 24px!important;font-size:18px!important;box-shadow:0 10px 24px rgba(8,40,80,.05)!important}
.pmn-start-more-links a:nth-child(1){background:linear-gradient(180deg,#edf6ff 0%,#fff 100%)!important;border-color:#aad0f5!important}
.pmn-start-more-links a:nth-child(2){background:linear-gradient(180deg,#fff7e4 0%,#fff 100%)!important;border-color:#efd58f!important}
.pmn-start-more-links a:nth-child(3){background:linear-gradient(155deg,#081c37 0%,#0d305a 100%)!important;border-color:#081c37!important;color:#fff!important;box-shadow:0 16px 32px rgba(6,25,50,.16)!important}
.pmn-start-more-links a:nth-child(3) span{color:#cce0f7!important}

@media(max-width:700px){
  .pmn-start-brand-logo{width:112px!important;max-width:112px!important;max-height:32px!important}
  .pmn-start-brand-divider{height:34px!important}
  .pmn-start-brand-text small{display:none!important}
  .pmn-start-brand-text strong{font-size:22px!important}
}

/* PMN Onboarding V2.4.4 — cleaner mobile header */
@media(max-width:700px){
  .pmn-start-nav{min-height:68px!important;padding:9px 12px!important;gap:10px!important}
  .pmn-start-brand{gap:0!important;flex:0 0 auto!important}
  .pmn-start-brand-divider,.pmn-start-brand-text{display:none!important}
  .pmn-start-brand-logo-wrap{padding:7px 9px!important;border-radius:10px!important;box-shadow:0 5px 14px rgba(0,0,0,.16)!important}
  .pmn-start-brand-logo{width:104px!important;max-width:104px!important;max-height:30px!important}
  .pmn-start-nav-links{gap:7px!important;margin-left:auto!important}
  .pmn-start-nav-links a{min-height:40px!important;padding:8px 11px!important;font-size:12px!important;line-height:1.05!important;text-align:center!important;white-space:nowrap!important}
  .pmn-start-nav-links a:nth-child(2){display:none!important}
}
@media(max-width:430px){
  .pmn-start-brand-logo{width:92px!important;max-width:92px!important}
  .pmn-start-nav-links a{padding:7px 9px!important;font-size:11px!important}
}

/* PMN Onboarding V2.4.5 — explicit mobile navigation priorities */
@media(max-width:700px){
  /* Mobile brand is logo-only. The My PMN / Personal Dashboard identity is intentionally removed. */
  .pmn-start-nav .pmn-start-brand-divider,
  .pmn-start-nav .pmn-start-brand-text{display:none!important}

  /* Keep Marketplace visible on every onboarding surface. */
  .pmn-start-nav .pmn-start-nav-links a.pmn-nav-marketplace,
  .pmn-start-nav .pmn-start-nav-links a.pmn-nav-home{display:inline-flex!important}

  /* Remove dashboard/context labels that crowd the mobile header. */
  .pmn-start-nav .pmn-start-nav-links a.pmn-nav-my-pmn,
  .pmn-start-nav .pmn-start-nav-links a.pmn-nav-studio,
  .pmn-start-nav .pmn-start-nav-links a.pmn-nav-context{display:none!important}

  .pmn-start-nav .pmn-start-nav-links{display:flex!important;gap:7px!important;margin-left:auto!important}
  .pmn-start-nav .pmn-start-nav-links a.pmn-nav-marketplace,
  .pmn-start-nav .pmn-start-nav-links a.pmn-nav-home{
    min-height:39px!important;
    padding:8px 10px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
}