:root {
    --green-950: #0b3d2a;
    --green-900: #0f5136;
    --green-800: #176b45;
    --green-700: #1f7a50;
    --green-100: #e9f5ef;
    --green-50: #f4fbf7;
    --ink: #1d2b24;
    --muted: #6c7a72;
    --line: #e4ece7;
    --surface: #ffffff;
    --page: #edf5f0;
    --shadow: 0 28px 70px rgba(15, 81, 54, .16);
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
    margin: 0;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--ink);
    background:
        radial-gradient(circle at 15% 10%, rgba(31,122,80,.13), transparent 27%),
        radial-gradient(circle at 88% 82%, rgba(23,107,69,.11), transparent 24%),
        linear-gradient(145deg, #f7fbf8 0%, var(--page) 48%, #f5faf7 100%);
}

button, input { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }

.page-shell {
    min-height: 100%;
    padding: 24px;
    display: grid;
    place-items: center;
}

.chat-shell {
    position: relative;
    width: min(880px, 100%);
    height: min(900px, calc(100vh - 48px));
    min-height: 640px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: rgba(255,255,255,.97);
    border: 1px solid rgba(23,107,69,.10);
    border-radius: 28px;
    box-shadow: var(--shadow);
}

.chat-header {
    position: relative;
    padding: 20px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background:
        linear-gradient(115deg, rgba(255,255,255,.08), transparent 35%),
        linear-gradient(135deg, var(--green-900), var(--green-800));
}

.chat-header::after {
    content: "";
    position: absolute;
    right: 80px;
    top: -38px;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 50%;
}

.brand-wrap { display: flex; align-items: center; gap: 13px; min-width: 0; z-index: 1; }
.brand-mark {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.20);
    backdrop-filter: blur(8px);
}
.brand-mark svg { width: 32px; height: 32px; fill: #fff; }
.brand-mark .leaf-line { fill: none; stroke: var(--green-900); stroke-width: 2.5; stroke-linecap: round; }
.brand-copy { min-width: 0; }
.title-row { display: flex; align-items: center; gap: 7px; }
.chat-header h1 { margin: 0; font-size: 19px; line-height: 1.2; letter-spacing: -.2px; }
.verified {
    width: 18px; height: 18px; display: inline-grid; place-items: center;
    border-radius: 50%; color: var(--green-900); background: #dff6e9; font-size: 11px; font-weight: 900;
}
.status-row { margin-top: 5px; display: flex; align-items: center; gap: 7px; color: rgba(255,255,255,.80); font-size: 12px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: #8ff0b6; box-shadow: 0 0 0 4px rgba(143,240,182,.12); }
.status-separator { opacity: .5; }
.icon-btn {
    z-index: 1;
    width: 42px; height: 42px; display: grid; place-items: center;
    border: 1px solid rgba(255,255,255,.2); border-radius: 13px;
    color: #fff; background: rgba(255,255,255,.10); cursor: pointer;
    transition: .2s ease;
}
.icon-btn:hover { background: rgba(255,255,255,.18); transform: translateY(-1px); }
.icon-btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.chat-intro {
    padding: 14px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(90deg, #fbfefc, #f6fbf8);
}
.chat-intro > div { display: flex; flex-direction: column; gap: 2px; }
.eyebrow { color: var(--green-700); font-size: 10px; font-weight: 800; letter-spacing: 1.2px; }
.chat-intro strong { font-size: 14px; }
.secure-badge {
    flex: 0 0 auto;
    padding: 6px 9px;
    border: 1px solid #d9e9df;
    border-radius: 999px;
    background: #fff;
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
}

.messages {
    flex: 1;
    overflow-y: auto;
    padding: 26px 24px 16px;
    scroll-behavior: smooth;
    background:
        linear-gradient(rgba(247,251,248,.91), rgba(247,251,248,.91)),
        radial-gradient(circle at 1px 1px, rgba(23,107,69,.14) 1px, transparent 1px);
    background-size: auto, 22px 22px;
}
.messages::-webkit-scrollbar { width: 8px; }
.messages::-webkit-scrollbar-thumb { background: #d8e5dc; border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; }

.message {
    display: flex;
    align-items: flex-end;
    gap: 9px;
    margin-bottom: 16px;
    animation: messageIn .23s ease-out both;
}
.message.bot { justify-content: flex-start; }
.message.user { justify-content: flex-end; }
.bot-avatar {
    width: 30px; height: 30px; flex: 0 0 30px;
    display: grid; place-items: center;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--green-900), var(--green-700));
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 5px 14px rgba(15,81,54,.18);
}
.message-stack { max-width: min(78%, 650px); display: flex; flex-direction: column; gap: 5px; }
.user .message-stack { align-items: flex-end; }
.bubble {
    padding: 13px 15px;
    border-radius: 18px;
    white-space: pre-wrap;
    line-height: 1.55;
    font-size: 14px;
    word-break: break-word;
}
.bot .bubble {
    color: #23372c;
    background: #fff;
    border: 1px solid #dfeae3;
    border-bottom-left-radius: 5px;
    box-shadow: 0 5px 16px rgba(21,67,45,.05);
}
.user .bubble {
    color: #fff;
    background: linear-gradient(135deg, var(--green-800), var(--green-900));
    border-bottom-right-radius: 5px;
    box-shadow: 0 7px 18px rgba(23,107,69,.16);
}
.message-meta { padding: 0 4px; color: #94a19a; font-size: 10px; }

.typing .bubble { padding: 13px 16px; display: flex; gap: 5px; align-items: center; }
.typing-dot { width: 6px; height: 6px; border-radius: 50%; background: #90a399; animation: typing 1s infinite ease-in-out; }
.typing-dot:nth-child(2) { animation-delay: .15s; }
.typing-dot:nth-child(3) { animation-delay: .3s; }

.quick-replies {
    display: flex;
    gap: 8px;
    padding: 0 20px;
    overflow-x: auto;
    background: #fff;
    scrollbar-width: none;
}
.quick-replies:not(:empty) { padding-top: 10px; }
.quick-replies::-webkit-scrollbar { display: none; }
.quick-chip {
    flex: 0 0 auto;
    padding: 8px 12px;
    border: 1px solid #cfe1d6;
    border-radius: 999px;
    color: var(--green-900);
    background: var(--green-50);
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
    transition: .18s ease;
}
.quick-chip:hover { transform: translateY(-1px); background: var(--green-100); border-color: #b8d7c5; }

.composer-wrap {
    padding: 12px 16px 11px;
    border-top: 1px solid var(--line);
    background: #fff;
}
.composer {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 7px 7px 15px;
    border: 1px solid #d4e1d8;
    border-radius: 17px;
    background: #fbfdfc;
    transition: .2s ease;
}
.composer:focus-within { border-color: #90bea3; box-shadow: 0 0 0 4px rgba(23,107,69,.08); background: #fff; }
.composer input {
    flex: 1;
    min-width: 0;
    height: 38px;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: var(--ink);
    font-size: 14px;
}
.composer input::placeholder { color: #98a59e; }
.send-btn {
    width: 42px; height: 42px; flex: 0 0 42px;
    display: grid; place-items: center;
    border: 0; border-radius: 13px;
    color: #fff;
    background: linear-gradient(135deg, var(--green-700), var(--green-900));
    cursor: pointer;
    box-shadow: 0 7px 17px rgba(23,107,69,.22);
    transition: .2s ease;
}
.send-btn:hover { transform: translateY(-1px); }
.send-btn:disabled { opacity: .55; cursor: default; transform: none; box-shadow: none; }
.send-btn svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.composer-note { margin: 8px 0 0; text-align: center; color: #9aa69f; font-size: 10px; }

@keyframes messageIn { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@keyframes typing { 0%, 60%, 100% { transform: translateY(0); opacity: .45; } 30% { transform: translateY(-3px); opacity: 1; } }

@media (max-width: 640px) {
    .page-shell { padding: 0; display: block; }
    .chat-shell { width: 100%; height: 100dvh; min-height: 100dvh; border: 0; border-radius: 0; box-shadow: none; }
    .chat-header { padding: 16px; }
    .brand-mark { width: 42px; height: 42px; flex-basis: 42px; border-radius: 13px; }
    .brand-mark svg { width: 28px; height: 28px; }
    .chat-header h1 { font-size: 17px; }
    .status-row { font-size: 11px; }
    .chat-intro { padding: 11px 16px; }
    .secure-badge { display: none; }
    .messages { padding: 18px 14px 12px; }
    .message-stack { max-width: 85%; }
    .bubble { font-size: 13.5px; padding: 12px 13px; }
    .quick-replies { padding-left: 14px; padding-right: 14px; }
    .composer-wrap { padding: 10px 12px 9px; }
}

/* Structured Product / Package tables */
.table-stack {
    width: min(92%, 760px);
    max-width: 760px;
}

.table-intro-bubble {
    align-self: flex-start;
    width: fit-content;
}

.chat-table-card {
    overflow: hidden;
    border: 1px solid #d9e6de;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(15, 81, 54, .08);
}

.chat-table-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 15px;
    background: linear-gradient(135deg, #f2faf5, #e8f4ed);
    border-bottom: 1px solid #dce9e1;
}

.chat-table-title {
    color: var(--green-900);
    font-size: 14px;
    font-weight: 800;
}

.chat-table-count {
    padding: 4px 8px;
    border-radius: 999px;
    background: #fff;
    color: #617168;
    border: 1px solid #d7e5dc;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.chat-table-scroll {
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #c8d9ce transparent;
}

.chat-data-table {
    width: 100%;
    min-width: 610px;
    border-collapse: collapse;
    font-size: 12.5px;
}

.chat-data-table th {
    padding: 10px 12px;
    text-align: left;
    color: #617168;
    background: #fbfdfc;
    border-bottom: 1px solid #e7eee9;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .35px;
    text-transform: uppercase;
    white-space: nowrap;
}

.chat-data-table td {
    padding: 11px 12px;
    color: #2b3b32;
    border-bottom: 1px solid #edf2ef;
    vertical-align: middle;
    white-space: nowrap;
}

.chat-data-table td:nth-child(2) {
    min-width: 170px;
    max-width: 250px;
    white-space: normal;
    font-weight: 700;
    color: #21352a;
}

.chat-data-table tbody tr:last-child td {
    border-bottom: 0;
}

.selectable-table-row {
    cursor: pointer;
    transition: background .15s ease, transform .15s ease;
    outline: none;
}

.selectable-table-row:hover,
.selectable-table-row:focus {
    background: #f3faf6;
}

.table-index-badge {
    width: 26px;
    height: 26px;
    display: inline-grid;
    place-items: center;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, var(--green-700), var(--green-900));
    font-size: 11px;
    font-weight: 800;
    box-shadow: 0 4px 10px rgba(23,107,69,.16);
}

.chat-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 11px 12px 12px;
    padding: 10px 11px;
    border-radius: 11px;
    font-size: 11.5px;
    line-height: 1.45;
}

.danger-note {
    color: #a61b1b;
    background: #fff2f2;
    border: 1px solid #f3caca;
}

.note-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #d92d20;
    font-size: 12px;
    font-weight: 900;
}

.chat-note > div {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.chat-note strong {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .35px;
}

.chat-note span:not(.note-icon) {
    color: #b42318;
}

@media (max-width: 640px) {
    .table-stack {
        width: calc(100vw - 58px);
        max-width: none;
    }

    .chat-table-card {
        border-radius: 14px;
    }

    .chat-data-table {
        min-width: 580px;
        font-size: 12px;
    }

    .chat-table-header {
        padding: 11px 12px;
    }
}

/* Rich product / package detail cards */
.detail-stack {
    width: min(92%, 760px);
    max-width: 760px;
}

.detail-eyebrow {
    width: fit-content;
    padding: 6px 10px;
    border: 1px solid #d9e6de;
    border-radius: 999px;
    background: #fff;
    color: var(--green-800);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .55px;
    text-transform: uppercase;
}

.detail-card {
    overflow: hidden;
    border: 1px solid #d9e6de;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(15,81,54,.09);
}

.detail-hero {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px;
    background: linear-gradient(135deg, #f7fcf9, #edf7f1);
    border-bottom: 1px solid #e0ebe4;
}

.detail-image-wrap {
    width: 92px;
    height: 92px;
    flex: 0 0 92px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid #dce8e0;
    border-radius: 17px;
    background: #fff;
}

.detail-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 7px;
}

.detail-package-icon {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(135deg, #d7a928, #997014);
    box-shadow: 0 9px 22px rgba(153,112,20,.22);
    font-size: 28px;
}

.detail-hero-copy { min-width: 0; }
.detail-type-badge {
    display: inline-flex;
    margin-bottom: 7px;
    padding: 4px 7px;
    border-radius: 6px;
    background: #dff1e6;
    color: var(--green-800);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .7px;
}
.detail-hero-copy h3 {
    margin: 0;
    color: #1f3328;
    font-size: 19px;
    line-height: 1.25;
}
.detail-hero-copy p {
    margin: 6px 0 0;
    color: #728078;
    font-size: 12px;
}

.detail-highlights {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    padding: 14px;
    background: #fff;
    border-bottom: 1px solid #e8efea;
}
.detail-highlight {
    min-width: 0;
    padding: 11px 10px;
    border: 1px solid #e0e9e3;
    border-radius: 13px;
    background: #fafcfb;
}
.detail-highlight span {
    display: block;
    margin-bottom: 4px;
    color: #829087;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .45px;
    text-transform: uppercase;
}
.detail-highlight strong {
    display: block;
    overflow: hidden;
    color: #25372d;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.detail-highlight.tone-primary {
    border-color: #bcd9c8;
    background: #edf8f1;
}
.detail-highlight.tone-primary strong { color: var(--green-800); }
.detail-highlight.tone-success {
    border-color: #d3eadb;
    background: #f5fbf7;
}
.detail-highlight.tone-success strong { color: #237a4e; }
.detail-highlight.tone-muted strong { color: #66746c; }

.detail-section {
    padding: 15px 16px;
    border-bottom: 1px solid #edf2ef;
}
.detail-section:last-child { border-bottom: 0; }
.detail-section h4 {
    margin: 0 0 11px;
    color: #32463a;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .4px;
    text-transform: uppercase;
}
.detail-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}
.detail-info-cell {
    min-width: 0;
    padding: 10px;
    border-radius: 11px;
    background: #f8faf9;
    border: 1px solid #e7eeea;
}
.detail-info-cell span {
    display: block;
    margin-bottom: 3px;
    color: #89958e;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}
.detail-info-cell strong {
    display: block;
    color: #2d4035;
    font-size: 12px;
    overflow-wrap: anywhere;
}
.detail-description p {
    margin: 0;
    color: #5f6e65;
    font-size: 12.5px;
    line-height: 1.65;
    white-space: pre-wrap;
}

/* Every listing uses the same full-width table treatment. */
.chat-data-table th:first-child,
.chat-data-table td:first-child { width: 48px; text-align: center; }
.chat-data-table tbody tr:nth-child(even) { background: #fcfefc; }
.chat-data-table tbody tr:hover { box-shadow: inset 3px 0 0 var(--green-700); }

@media (max-width: 640px) {
    .detail-stack { width: calc(100vw - 58px); max-width: none; }
    .detail-card { border-radius: 15px; }
    .detail-hero { align-items: flex-start; padding: 14px; gap: 12px; }
    .detail-image-wrap { width: 72px; height: 72px; flex-basis: 72px; border-radius: 14px; }
    .detail-package-icon { width: 58px; height: 58px; flex-basis: 58px; border-radius: 16px; font-size: 22px; }
    .detail-hero-copy h3 { font-size: 16px; }
    .detail-highlights { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 11px; }
    .detail-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .detail-section { padding: 13px; }
}


/* Enhanced welcome experience */
.welcome-strip {
    position: relative;
    overflow: hidden;
    min-height: 174px;
    padding: 24px 26px;
    display: grid;
    grid-template-columns: 1fr 170px;
    align-items: center;
    gap: 18px;
    color: #fff;
    background:
        linear-gradient(125deg, rgba(255,255,255,.07), transparent 38%),
        linear-gradient(135deg, #0b3d2a 0%, #176b45 52%, #2c8a5d 100%);
    border-bottom: 1px solid rgba(15,81,54,.12);
}
.welcome-strip::before {
    content: "";
    position: absolute;
    inset: auto -70px -110px auto;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: rgba(255,255,255,.06);
}
.welcome-copy { position: relative; z-index: 2; max-width: 610px; }
.welcome-kicker {
    display: inline-block;
    margin-bottom: 7px;
    color: #bff0d2;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.35px;
}
.welcome-copy h2 {
    margin: 0;
    max-width: 540px;
    font-size: clamp(20px, 3vw, 28px);
    line-height: 1.18;
    letter-spacing: -.55px;
}
.welcome-copy p {
    max-width: 560px;
    margin: 8px 0 14px;
    color: rgba(255,255,255,.78);
    font-size: 12.5px;
    line-height: 1.55;
}
.welcome-pills { display: flex; flex-wrap: wrap; gap: 7px; }
.welcome-pills span {
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    backdrop-filter: blur(8px);
    font-size: 10.5px;
    font-weight: 750;
}
.welcome-visual {
    position: relative;
    width: 148px;
    height: 120px;
    justify-self: end;
}
.welcome-orbit {
    position: absolute;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 50%;
}
.orbit-one { inset: 8px 5px 4px 12px; }
.orbit-two { inset: 24px 23px 19px 29px; }
.welcome-leaf {
    position: absolute;
    inset: 26px 31px 20px 35px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.19);
    border-radius: 26px;
    background: rgba(255,255,255,.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 16px 32px rgba(4,35,22,.15);
    backdrop-filter: blur(8px);
    transform: rotate(-5deg);
}
.welcome-leaf svg { width: 54px; height: 54px; fill: #fff; }
.welcome-leaf-line { fill: none; stroke: #0f5136; stroke-width: 3; stroke-linecap: round; }

.conversation-welcome {
    width: min(680px, 92%);
    margin: 0 auto 22px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    border: 1px solid #d8e9df;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(241,249,244,.96));
    box-shadow: 0 10px 28px rgba(15,81,54,.07);
}
.conversation-welcome-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, var(--green-900), var(--green-700));
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(15,81,54,.18);
}
.conversation-welcome-copy { min-width: 0; }
.conversation-welcome-label {
    display: block;
    margin-bottom: 2px;
    color: var(--green-700);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.1px;
}
.conversation-welcome-copy strong {
    display: block;
    font-size: 13px;
    color: var(--green-950);
}
.conversation-welcome-copy p {
    margin: 3px 0 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.45;
}

@media (max-width: 640px) {
    .welcome-strip {
        min-height: auto;
        grid-template-columns: 1fr;
        padding: 20px 18px;
    }
    .welcome-visual { display: none; }
    .welcome-copy p { font-size: 12px; }
    .conversation-welcome { width: 100%; align-items: flex-start; }
}

/* ===== About page + floating chatbot ===== */
body.about-page { min-height: 100%; background: #f8fbf9; color: #1d2b24; }
.site-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.site-header { position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,.9); backdrop-filter: blur(16px); border-bottom: 1px solid #e7eee9; }
.site-nav { height: 76px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.site-brand { display:flex; align-items:center; gap:12px; color:#173b29; text-decoration:none; }
.site-logo { width:44px; height:44px; border-radius:14px; display:grid; place-items:center; color:#fff; font-weight:900; background:linear-gradient(135deg,#0f5136,#24855a); box-shadow:0 8px 20px rgba(15,81,54,.2); }
.site-brand strong { display:block; font-size:16px; }
.site-brand small { display:block; margin-top:2px; color:#7d8d84; font-size:10px; letter-spacing:.3px; }
.site-links { display:flex; align-items:center; gap:24px; }
.site-links a { color:#506158; text-decoration:none; font-size:13px; font-weight:700; }
.nav-chat-btn { border:0; border-radius:12px; padding:11px 16px; color:#fff; background:linear-gradient(135deg,#176b45,#0f5136); font-weight:800; cursor:pointer; }
.about-hero { overflow:hidden; padding:80px 0 74px; background:radial-gradient(circle at 82% 30%,rgba(46,153,101,.15),transparent 28%),linear-gradient(135deg,#f9fcfa,#edf7f1); }
.hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:64px; align-items:center; }
.hero-kicker,.section-heading>span,.mode-kicker { color:#248056; font-size:11px; font-weight:900; letter-spacing:1.8px; }
.hero-copy h1 { max-width:700px; margin:13px 0 18px; font-size:clamp(40px,6vw,72px); line-height:1.02; letter-spacing:-2.7px; color:#153425; }
.hero-copy h1 em { display:block; color:#1f7a50; font-style:normal; }
.hero-copy>p { max-width:650px; margin:0; color:#607168; font-size:17px; line-height:1.8; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.primary-action,.secondary-action { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px; border-radius:14px; font-weight:800; font-size:13px; text-decoration:none; cursor:pointer; }
.primary-action { color:#fff; background:linear-gradient(135deg,#176b45,#0f5136); box-shadow:0 12px 28px rgba(23,107,69,.18); }
.secondary-action { border:1px solid #cfe0d5; color:#176b45; background:#fff; }
.hero-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:40px; }
.hero-stats div { padding:16px; border:1px solid #dde9e1; border-radius:16px; background:rgba(255,255,255,.78); }
.hero-stats strong { display:block; color:#175f40; font-size:22px; }
.hero-stats span { display:block; margin-top:4px; color:#7b8a82; font-size:10px; }
.hero-art { position:relative; min-height:480px; display:grid; place-items:center; }
.hero-glow { position:absolute; width:390px; height:390px; border-radius:50%; background:radial-gradient(circle,#c7ead6 0%,rgba(199,234,214,.18) 63%,transparent 64%); }
.hero-leaf-card { position:relative; z-index:2; width:300px; height:360px; display:grid; place-items:center; border-radius:52px 16px 52px 16px; background:linear-gradient(145deg,#1b7b50,#0c4a31); box-shadow:0 40px 80px rgba(15,81,54,.24); transform:rotate(4deg); }
.hero-leaf-card svg { width:190px; fill:#d9f4e4; transform:rotate(-4deg); }
.hero-leaf-card .hero-leaf-line { fill:none; stroke:#3a9669; stroke-width:4; stroke-linecap:round; }
.floating-tag { position:absolute; z-index:3; padding:10px 14px; border:1px solid #dbe9e0; border-radius:999px; background:rgba(255,255,255,.92); color:#365a47; font-size:11px; font-weight:800; box-shadow:0 10px 24px rgba(42,86,62,.1); }
.tag-one{top:70px;left:8px}.tag-two{right:0;top:190px}.tag-three{bottom:65px;left:30px}
.about-section { padding:88px 0; background:#fff; }
.section-heading { max-width:800px; margin-bottom:36px; }
.section-heading h2 { margin:10px 0 12px; font-size:clamp(30px,4vw,48px); line-height:1.12; letter-spacing:-1.4px; color:#173b29; }
.section-heading p { margin:0; color:#74847b; line-height:1.7; }
.about-content-grid { display:grid; grid-template-columns:1.45fr .55fr; gap:26px; align-items:start; }
.about-story-card,.about-highlight-card,.about-long-copy { border:1px solid #e0eae4; border-radius:24px; background:#fff; }
.about-story-card { padding:30px; box-shadow:0 16px 40px rgba(20,69,45,.06); }
.about-story-card h3,.about-highlight-card h3 { margin:0 0 16px; color:#18432f; font-size:22px; }
.about-story-card p,.about-long-copy p,.about-highlight-card p { color:#617168; line-height:1.85; font-size:14px; }
.about-highlight-card { position:sticky; top:104px; padding:28px; background:linear-gradient(145deg,#153f2c,#0f5d3c); color:#fff; border:0; }
.about-highlight-card h3,.about-highlight-card p { color:#fff; }.about-highlight-card p{opacity:.82}.highlight-icon{font-size:30px}.purpose-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.purpose-pills span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:11px;font-weight:800}
.about-long-copy { margin-top:26px; padding:30px; background:#fbfdfc; }
.about-long-copy blockquote { margin:24px 0; padding:22px 24px; border-left:4px solid #248056; border-radius:0 16px 16px 0; background:#edf8f2; color:#28513c; font-size:16px; line-height:1.75; font-weight:650; }
.about-long-copy .closing-line { color:#176b45; font-size:18px; font-weight:850; }
.values-section { padding:60px 0 100px; background:#f3f8f5; }.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.values-grid article{padding:24px;border:1px solid #dfe9e3;border-radius:20px;background:#fff}.values-grid article>span{color:#91aa9c;font-size:11px;font-weight:900}.values-grid h3{margin:13px 0 8px;color:#19452f}.values-grid p{margin:0;color:#75857c;font-size:13px;line-height:1.7}
.floating-chat-btn { position:fixed; right:28px; bottom:28px; z-index:60; height:58px; padding:0 20px 0 14px; display:flex; align-items:center; gap:10px; border:0; border-radius:999px; color:#fff; background:linear-gradient(135deg,#1f7a50,#0c4a31); box-shadow:0 18px 38px rgba(15,81,54,.32); font-weight:850; cursor:pointer; }
.floating-chat-btn svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }.chat-pulse{position:absolute;left:9px;top:8px;width:10px;height:10px;border-radius:50%;background:#87f0ad;box-shadow:0 0 0 0 rgba(135,240,173,.5);animation:chatPulse 1.8s infinite}
.chat-backdrop { position:fixed; inset:0; z-index:69; background:rgba(10,30,20,.28); backdrop-filter:blur(2px); opacity:0; pointer-events:none; transition:.25s; }.chat-backdrop.is-open{opacity:1;pointer-events:auto}
.floating-chat-panel { position:fixed; right:24px; bottom:24px; z-index:70; width:min(520px,calc(100vw - 32px)); height:min(760px,calc(100vh - 48px)); display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(23,107,69,.12); border-radius:24px; background:#fff; box-shadow:0 32px 80px rgba(8,48,29,.28); transform:translateY(28px) scale(.96); transform-origin:bottom right; opacity:0; pointer-events:none; transition:.25s ease; }.floating-chat-panel.is-open{transform:none;opacity:1;pointer-events:auto}
.floating-chat-panel .chat-header { flex:0 0 auto; }.chat-header-actions{display:flex;align-items:center;gap:7px}.chat-header-actions .icon-btn{font-size:23px;line-height:1}
.mode-selector { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:30px; text-align:center; background:radial-gradient(circle at 50% 12%,#e5f5ec,transparent 36%),#fbfdfc; }.mode-icon{width:68px;height:68px;display:grid;place-items:center;margin-bottom:18px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#176b45,#0f5136);font-size:21px;font-weight:900;box-shadow:0 15px 34px rgba(23,107,69,.2)}.mode-selector h2{margin:8px 0 8px;color:#173b29;font-size:25px}.mode-selector>p{max-width:390px;margin:0;color:#7a8981;font-size:13px;line-height:1.65}.mode-options{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.mode-card{padding:20px 14px;border:1px solid #dce8e1;border-radius:18px;background:#fff;cursor:pointer;transition:.2s}.mode-card:hover{transform:translateY(-3px);border-color:#9cc9ae;box-shadow:0 10px 28px rgba(23,107,69,.1)}.mode-card-icon{width:44px;height:44px;display:grid;place-items:center;margin:0 auto 12px;border-radius:13px;background:#ecf7f1;font-size:21px}.mode-card strong,.mode-card small{display:block}.mode-card strong{color:#204b35;font-size:14px}.mode-card small{margin-top:5px;color:#8a9790;font-size:10px;line-height:1.4}.voice-mode-card{background:linear-gradient(145deg,#fff,#f1faf5)}.voice-support-note{min-height:18px;margin-top:13px!important;color:#a4652d!important;font-size:10px!important}.chat-conversation{display:flex;min-height:0;flex:1;flex-direction:column}.chat-conversation.is-hidden{display:none}.floating-chat-panel .messages{padding:20px 16px 12px}.floating-chat-panel .message-stack{max-width:88%}.floating-chat-panel .table-stack{width:94%;max-width:94%}.floating-chat-panel .welcome-strip{display:none}
.mic-btn{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid #cfe0d5;border-radius:13px;color:#176b45;background:#f2faf5;cursor:pointer;transition:.2s}.mic-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.mic-btn.is-hidden{display:none}.mic-btn.is-listening{color:#fff;background:#d93636;border-color:#d93636;animation:micPulse 1s infinite}.voice-status{min-height:17px;margin:6px 2px 0;color:#75857c;font-size:10px;text-align:center}.voice-status.active{color:#c12d2d;font-weight:800}
@keyframes chatPulse{70%{box-shadow:0 0 0 12px rgba(135,240,173,0)}100%{box-shadow:0 0 0 0 rgba(135,240,173,0)}}@keyframes micPulse{50%{box-shadow:0 0 0 5px rgba(217,54,54,.12)}}
@media(max-width:900px){.hero-grid,.about-content-grid{grid-template-columns:1fr}.hero-art{min-height:380px}.about-highlight-card{position:static}.values-grid{grid-template-columns:1fr 1fr}.site-links a{display:none}}
@media(max-width:640px){.site-container{width:min(100% - 28px,1180px)}.site-nav{height:66px}.about-hero{padding:52px 0}.hero-copy h1{font-size:42px;letter-spacing:-1.8px}.hero-copy>p{font-size:14px}.hero-stats{grid-template-columns:1fr}.hero-art{min-height:330px}.hero-leaf-card{width:220px;height:270px}.hero-leaf-card svg{width:145px}.floating-tag{font-size:9px}.values-grid{grid-template-columns:1fr}.floating-chat-btn{right:16px;bottom:16px;width:58px;padding:0;justify-content:center}.floating-chat-btn>span:last-child{display:none}.floating-chat-panel{right:0;bottom:0;width:100vw;height:100dvh;max-height:none;border-radius:0}.chat-backdrop{display:none}.mode-selector{padding:22px}.mode-options{grid-template-columns:1fr}.floating-chat-panel .messages{padding:16px 12px 10px}.floating-chat-panel .message-stack{max-width:91%}}

/* One-time communication mode */
.chat-conversation.voice-session .composer {
    border-color: rgba(23, 107, 69, .30);
}

.chat-conversation.voice-session .mic-btn {
    box-shadow: 0 0 0 4px rgba(23, 107, 69, .10);
}

.chat-conversation.text-session .voice-status:empty {
    display: none;
}

/* One-time mode selector + Hello LifeOne wake word */
.mode-selector.is-hidden { display: none !important; }
.floating-chat-launcher{position:fixed;right:24px;bottom:24px;z-index:65;display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.floating-chat-launcher .floating-chat-btn{position:relative;right:auto;bottom:auto}
.wake-word-btn{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(23,107,69,.18);border-radius:999px;background:rgba(255,255,255,.96);color:#315d49;font-size:10px;font-weight:800;box-shadow:0 8px 22px rgba(8,48,29,.12);cursor:pointer;backdrop-filter:blur(8px);transition:.2s}
.wake-word-btn:hover{transform:translateY(-1px);border-color:#8fc4a4}.wake-word-btn.is-active{color:#176b45;border-color:#9dceb0;background:#f2fbf6}.wake-word-btn.is-error{color:#9e4f31;border-color:#e5b6a5;background:#fff7f3}.wake-dot{width:7px;height:7px;border-radius:50%;background:#a4b4ab}.wake-word-btn.is-active .wake-dot{background:#24a764;box-shadow:0 0 0 4px rgba(36,167,100,.12);animation:wakePulse 1.8s infinite}.wake-word-btn.is-error .wake-dot{background:#d86a43}
@keyframes wakePulse{0%,100%{box-shadow:0 0 0 3px rgba(36,167,100,.11)}50%{box-shadow:0 0 0 7px rgba(36,167,100,.04)}}
@media(max-width:640px){.floating-chat-launcher{right:16px;bottom:16px}.wake-word-btn{font-size:9px;padding:7px 9px}.floating-chat-launcher .floating-chat-btn{right:auto;bottom:auto}}


/* Final chat viewport fixes: scrollable conversation + deterministic mode switching */
.floating-chat-panel { min-height: 0; }
.chat-conversation { min-height: 0 !important; overflow: hidden !important; }
.chat-conversation.is-hidden, .chat-conversation[hidden] { display: none !important; }
.mode-selector.is-hidden, .mode-selector[hidden] { display: none !important; }
.floating-chat-panel .messages {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}
.floating-chat-panel .quick-replies,
.floating-chat-panel .composer-wrap { flex: 0 0 auto; }
.chat-table-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (max-width: 640px) {
    .floating-chat-panel .messages { max-height: none; }
}


/* ==========================================================
   HARD VIEW SWITCH
   Prevent mode selector and conversation from showing together.
   ========================================================== */
.floating-chat-panel.conversation-active #modeSelector {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.floating-chat-panel.conversation-active #chatConversation {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
}

.floating-chat-panel:not(.conversation-active) #chatConversation {
    display: none !important;
}

.floating-chat-panel:not(.conversation-active) #modeSelector {
    display: flex !important;
}


/* ===== Repurchase payout interactive cards ===== */
.payout-stack{max-width:min(780px,100%);width:100%}.payout-intro-bubble{margin-bottom:10px}.payout-list-shell{background:#fff;border:1px solid #e3eee8;border-radius:20px;box-shadow:0 12px 32px rgba(25,93,61,.08);overflow:hidden}.payout-list-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(135deg,#f5fbf7,#eef8f2);border-bottom:1px solid #e4eee8}.payout-list-header h3{margin:0;color:#183d2d;font-size:17px}.payout-list-header p{margin:4px 0 0;color:#718078;font-size:12px}.payout-record-count{white-space:nowrap;background:#176a47;color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.payout-card-list{padding:14px;display:grid;gap:12px}.payout-card{border:1px solid #e0ebe5;border-radius:16px;background:#fff;overflow:hidden;transition:.2s ease}.payout-card:hover{border-color:#acd0bb;box-shadow:0 7px 20px rgba(28,101,66,.08)}.payout-card-toggle{width:100%;border:0;background:#fff;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left}.payout-card-heading{display:flex;align-items:center;gap:11px;min-width:0}.payout-card-heading>div{display:flex;flex-direction:column;min-width:0}.payout-card-heading strong{color:#203c30;font-size:14px}.payout-card-heading span:not(.payout-index){margin-top:3px;color:#7b8981;font-size:11px}.payout-index{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#edf7f1;color:#217149;font-size:11px;font-weight:900;flex:0 0 auto}.payout-card-status-wrap{display:flex;align-items:center;gap:10px}.payout-status{padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.payout-status.tone-success{background:#e8f7ee;color:#1f7a48}.payout-status.tone-warning{background:#fff4df;color:#9a6511}.payout-chevron{font-size:20px;color:#6d8075;transition:transform .2s ease}.payout-card.is-open .payout-chevron{transform:rotate(180deg)}.payout-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 16px 14px}.payout-highlight{border:1px solid #e6eee9;background:#fafcfb;border-radius:12px;padding:10px}.payout-highlight span{display:block;color:#7b8780;font-size:10px;margin-bottom:3px}.payout-highlight strong{display:block;color:#213c31;font-size:13px}.payout-highlight.tone-primary{background:#f1f8f4}.payout-highlight.tone-success{background:#eef9f2}.payout-card-body{display:none;border-top:1px solid #edf2ef;background:#fbfdfc;padding:14px 16px 16px}.payout-card.is-open .payout-card-body{display:block}.payout-section+.payout-section{margin-top:14px}.payout-section h4{margin:0 0 9px;color:#28523f;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.payout-breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payout-breakdown-item{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:10px;background:#fff;border:1px solid #e7efea}.payout-breakdown-item span{color:#6f7d75;font-size:11px}.payout-breakdown-item strong{color:#203d30;font-size:11px;text-align:right}.info-note{margin:0 14px 14px;background:#f4f8ff!important;border-color:#cfdcf1!important;color:#49617f!important}.info-note .note-icon{background:#e3edff!important;color:#315d94!important}.chat-note.info-note strong{color:#315d94!important}@media(max-width:700px){.payout-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.payout-breakdown-grid{grid-template-columns:1fr}.payout-card-toggle{align-items:flex-start}.payout-card-status-wrap{flex-direction:column;gap:4px}.payout-list-header{align-items:flex-start}.payout-record-count{margin-top:1px}}

/* ==========================================================
   Associate Dashboard - Premium interactive presentation
   ========================================================== */
.dashboard-stack{width:min(900px,96%);max-width:min(900px,96%)!important}
.associate-dashboard-card{position:relative;overflow:hidden;border:1px solid #dfece5;border-radius:24px;background:linear-gradient(180deg,#fff 0%,#fbfefc 100%);box-shadow:0 18px 44px rgba(20,84,53,.10)}
.associate-dashboard-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#176b45,#35a56d,#8bcf69)}
.associate-dashboard-hero{padding:22px;background:radial-gradient(circle at 92% 6%,rgba(90,191,126,.15),transparent 32%),linear-gradient(135deg,#f7fcf9,#edf8f2);border-bottom:1px solid #e0ece5}
.dashboard-profile{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.dashboard-profile-icon{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#176b45,#2f9663);color:#fff;font-size:20px;font-weight:900;box-shadow:0 10px 24px rgba(23,107,69,.22);overflow:hidden;border:3px solid rgba(255,255,255,.9)}
.dashboard-profile-icon img{width:100%;height:100%;object-fit:cover}
.dashboard-profile>div:last-child span{display:block;margin-bottom:3px;color:#2c8b5a;font-size:10px;font-weight:900;letter-spacing:.12em}
.dashboard-profile h3{margin:0;color:#173d2d;font-size:20px;letter-spacing:-.3px}
.dashboard-profile p{margin:4px 0 0;color:#74847b;font-size:12px}
.dashboard-profile p:after{content:"  •  Verified member";color:#2b8b59;font-weight:700}
.dashboard-primary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dashboard-primary-tile{position:relative;overflow:hidden;min-height:88px;padding:14px;border:1px solid #e1ece6;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(31,88,58,.05)}
.dashboard-primary-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#a9beb2}
.dashboard-primary-tile.tone-primary:before{background:#176b45}.dashboard-primary-tile.tone-success:before{background:#2fa367}.dashboard-primary-tile.tone-warning:before{background:#d99b2f}
.dashboard-primary-tile span{display:block;color:#7b8981;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.dashboard-primary-tile strong{display:block;margin-top:8px;color:#1d3f30;font-size:19px;line-height:1.1}
.dashboard-primary-tile.tone-primary{background:linear-gradient(145deg,#f4fbf7,#fff)}
.dashboard-section-grid{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#fbfdfc}
.dashboard-section-card{overflow:hidden;border:1px solid #e0ebe5;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(24,80,51,.045);transition:.22s ease}
.dashboard-section-card:hover{transform:translateY(-2px);border-color:#b8d9c6;box-shadow:0 12px 26px rgba(24,80,51,.08)}
.dashboard-section-head{display:flex;align-items:center;gap:9px;padding:13px 14px;background:linear-gradient(135deg,#f5fbf7,#fbfefc);border-bottom:1px solid #e8f0eb}
.dashboard-section-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e8f6ee;color:#1f7b4d;font-weight:900;font-size:14px}
.dashboard-section-head strong{color:#234735;font-size:12px;letter-spacing:.01em}
.dashboard-kv-list{padding:6px 12px 10px}
.dashboard-kv-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px dashed #e8efeb}
.dashboard-kv-row:last-child{border-bottom:0}
.dashboard-kv-row span{color:#718078;font-size:11px}.dashboard-kv-row strong{color:#213f31;font-size:11px;text-align:right}
.dashboard-kv-row.tone-primary strong{color:#176b45;font-size:13px}
.dashboard-section-card:nth-child(1){grid-column:span 2}.dashboard-section-card:nth-child(2){grid-column:span 2}
.dashboard-section-card:nth-child(1) .dashboard-kv-list,.dashboard-section-card:nth-child(2) .dashboard-kv-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
.dashboard-news{margin:0 16px 16px;border:1px solid #e0ebe5;border-radius:18px;background:#fff;overflow:hidden}
.dashboard-news-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:linear-gradient(135deg,#173f2f,#23764d);color:#fff}
.dashboard-news-head strong{font-size:13px}.dashboard-news-head span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.8}
.dashboard-news article{position:relative;padding:12px 15px 12px 32px;border-bottom:1px solid #edf2ef}.dashboard-news article:last-child{border-bottom:0}
.dashboard-news article:before{content:"";position:absolute;left:15px;top:18px;width:7px;height:7px;border-radius:50%;background:#38a66d;box-shadow:0 0 0 4px #eaf7f0}
.dashboard-news article strong{display:block;color:#274637;font-size:11px}.dashboard-news article p{margin:4px 0;color:#6f7d75;font-size:10px;line-height:1.55}.dashboard-news article span{color:#9aa59f;font-size:9px}
.dashboard-message .chat-note{margin-top:10px}
@media(max-width:760px){.dashboard-stack{width:96%;max-width:96%!important}.dashboard-primary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-section-grid{grid-template-columns:1fr}.dashboard-section-card,.dashboard-section-card:nth-child(1),.dashboard-section-card:nth-child(2){grid-column:auto}.dashboard-section-card:nth-child(1) .dashboard-kv-list,.dashboard-section-card:nth-child(2) .dashboard-kv-list{display:block}.associate-dashboard-hero{padding:16px}.dashboard-profile-icon{width:54px;height:54px;flex-basis:54px}.dashboard-profile h3{font-size:17px}}
@media(max-width:430px){.dashboard-primary-grid{grid-template-columns:1fr 1fr}.dashboard-primary-tile{min-height:78px;padding:12px}.dashboard-primary-tile strong{font-size:16px}}

/* =========================================================
   Associate Dashboard - LifeOne reference design
   ========================================================= */
.dashboard-reference-style{border-radius:20px!important;background:#fff!important;border:1px solid #dfe9e2!important;box-shadow:0 14px 38px rgba(32,94,62,.12)!important;overflow:hidden!important}
.dashboard-intro-bubble{margin-bottom:8px}
.dashboard-ref-header{position:relative;min-height:92px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:linear-gradient(110deg,#efffe4 0%,#f8fff2 56%,#d9f5cc 100%);border-bottom:1px solid #dcebd7}
.dashboard-ref-profile{position:relative;z-index:2;display:flex;align-items:center;gap:13px}
.dashboard-ref-avatar{width:62px;height:62px;flex:0 0 62px;border-radius:50%;display:grid;place-items:center;background:#fff;border:4px solid rgba(255,255,255,.94);box-shadow:0 4px 12px rgba(30,107,67,.17);overflow:hidden;color:#08734b;font-size:27px}
.dashboard-ref-avatar img{width:100%;height:100%;object-fit:cover}
.dashboard-ref-profile h3{margin:0;color:#0b3e2d;font-size:21px;font-weight:850;letter-spacing:-.35px}
.dashboard-ref-profile p{margin:4px 0 0;color:#526b5c;font-size:12px;font-weight:600}
.dashboard-ref-decor{position:absolute;right:5px;top:3px;width:160px;height:86px;pointer-events:none;opacity:.96}
.dashboard-ref-decor .leaf{position:absolute;font-size:42px;filter:saturate(.9)}
.dashboard-ref-decor .leaf-a{right:72px;top:3px;transform:rotate(-15deg)}
.dashboard-ref-decor .leaf-b{right:4px;bottom:-3px;transform:rotate(18deg);font-size:32px}
.dashboard-ref-decor .stone{position:absolute;right:42px;top:12px;color:#1f2924;font-size:62px;text-shadow:8px 13px 0 #323b36,16px 24px 0 #151b18;transform:scaleX(1.25)}
.dashboard-ref-decor .flower{position:absolute;right:4px;top:36px;color:#fff;font-size:34px;text-shadow:0 1px 3px rgba(0,0,0,.12)}
.dashboard-wallet-banner{position:relative;margin:10px 10px 8px;padding:11px 16px;min-height:67px;display:flex;align-items:center;gap:15px;overflow:hidden;border-radius:13px;background:linear-gradient(100deg,#d9ffc8,#f0ffe4 65%,#dff8d6);border:1px solid #d8efce}
.dashboard-wallet-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#107c4f,#27a665);color:#fff;font-size:24px;font-weight:900;box-shadow:0 8px 15px rgba(24,118,72,.22)}
.dashboard-wallet-copy{display:flex;flex-direction:column;min-width:0}
.dashboard-wallet-copy span{color:#486454;font-size:12px;font-weight:700}
.dashboard-wallet-copy strong{margin-top:2px;color:#075c3d;font-size:22px;line-height:1.1;letter-spacing:.2px}
.dashboard-wallet-leaf{position:absolute;right:10px;bottom:-12px;font-size:58px;opacity:.22;transform:rotate(-14deg)}
.dashboard-ref-stats{padding:0 10px 10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dashboard-ref-stat{position:relative;min-height:82px;padding:11px 10px 9px;border-radius:12px;border:1px solid rgba(0,0,0,.035);overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:0 6px 14px rgba(41,76,59,.035)}
.dashboard-ref-stat:nth-child(5){grid-column:1/span 1}
.dashboard-ref-stat-icon{height:24px;display:flex;align-items:center;margin-bottom:1px;font-size:23px;font-weight:900;line-height:1}
.dashboard-ref-stat strong{color:#111;font-size:18px;line-height:1;font-weight:900}
.dashboard-ref-stat span{margin-top:3px;color:#4a5f52;font-size:10px;font-weight:600}
.dashboard-ref-stat.tone-blue{background:linear-gradient(135deg,#d9f2ff,#eaf9ff)}.dashboard-ref-stat.tone-blue .dashboard-ref-stat-icon{color:#158bd2}
.dashboard-ref-stat.tone-green{background:linear-gradient(135deg,#dbfff0,#ebfff7)}.dashboard-ref-stat.tone-green .dashboard-ref-stat-icon{color:#12b86d}
.dashboard-ref-stat.tone-orange{background:linear-gradient(135deg,#fff0da,#fff9ed)}.dashboard-ref-stat.tone-orange .dashboard-ref-stat-icon{color:#ff7d14}
.dashboard-ref-stat.tone-red{background:linear-gradient(135deg,#ffe1e4,#fff0f2)}.dashboard-ref-stat.tone-red .dashboard-ref-stat-icon{color:#e82f43}
.dashboard-ref-stat.tone-bronze{background:linear-gradient(135deg,#ffead5,#fff6eb)}.dashboard-ref-stat.tone-bronze .dashboard-ref-stat-icon{color:#b96b24}
.dashboard-ref-business{margin:0 10px 10px;border:1px solid #e0e7e2;border-radius:13px;background:#fff;box-shadow:0 5px 13px rgba(34,80,54,.035);overflow:hidden}
.dashboard-ref-section-title{display:flex;align-items:center;gap:8px;padding:10px 12px;color:#153c2d;font-size:13px;border-bottom:1px solid #edf1ee;background:#fff}
.dashboard-ref-section-title .trend-icon{color:#16a05f;font-size:22px;font-weight:900}
.dashboard-ref-business-grid{display:grid;grid-template-columns:1fr 1fr;padding:7px 11px 5px}
.dashboard-ref-business-col{padding:0 10px}.dashboard-ref-business-col.left{border-right:1px solid #dfe6e1;padding-left:0}.dashboard-ref-business-col.right{padding-right:0}
.dashboard-ref-business-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 0}
.dashboard-ref-business-row span{color:#616e67;font-size:10.5px}.dashboard-ref-business-row strong{color:#08734b;font-size:11.5px;font-weight:900;text-align:right}
.dashboard-ref-total-business{margin:0 11px 10px;padding:9px 11px;display:flex;justify-content:space-between;align-items:center;border-radius:9px;background:#f1faf4;color:#426052;font-size:11px}.dashboard-ref-total-business strong{color:#08734b;font-size:14px}
.dashboard-ref-more-grid{padding:0 10px 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.dashboard-ref-more-card{border:1px solid #e1e9e4;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 5px 13px rgba(34,80,54,.03)}
.dashboard-ref-more-head{padding:9px 11px;display:flex;gap:7px;align-items:center;background:linear-gradient(135deg,#f7fcf8,#eff9f2);border-bottom:1px solid #e7eee9;color:#214b38;font-size:11px}.dashboard-ref-more-head span{color:#138552;font-size:15px;font-weight:900}
.dashboard-ref-more-list{padding:5px 10px}.dashboard-ref-more-row{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed #e9efeb}.dashboard-ref-more-row:last-child{border-bottom:0}.dashboard-ref-more-row span{color:#6e7c74;font-size:9.5px}.dashboard-ref-more-row strong{color:#173f2f;font-size:10px;text-align:right}
.dashboard-ref-news{margin:0 10px 10px;border:1px solid #e1e8e4;border-radius:12px;overflow:hidden;background:#fff}.dashboard-ref-news article{padding:9px 12px;border-bottom:1px solid #eef2ef}.dashboard-ref-news article:last-child{border-bottom:0}.dashboard-ref-news article strong{display:block;color:#234a37;font-size:10.5px}.dashboard-ref-news article p{margin:3px 0;color:#6b7971;font-size:9.5px;line-height:1.45}.dashboard-ref-news article span{color:#98a39d;font-size:8.5px}
@media(max-width:760px){.dashboard-ref-decor{opacity:.55;right:-18px}.dashboard-ref-profile h3{font-size:18px}.dashboard-ref-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-ref-stat:nth-child(5){grid-column:auto}.dashboard-ref-more-grid{grid-template-columns:1fr}.dashboard-ref-business-grid{grid-template-columns:1fr}.dashboard-ref-business-col.left{border-right:0;border-bottom:1px solid #e5ebe7;padding-right:0}.dashboard-ref-business-col.right{padding-left:0}.dashboard-wallet-copy strong{font-size:19px}}
@media(max-width:430px){.dashboard-ref-header{padding:12px}.dashboard-ref-avatar{width:54px;height:54px;flex-basis:54px}.dashboard-ref-decor{display:none}.dashboard-wallet-banner{margin:8px}.dashboard-ref-stats{padding:0 8px 8px;gap:7px}.dashboard-ref-business,.dashboard-ref-news{margin-left:8px;margin-right:8px}.dashboard-ref-more-grid{padding-left:8px;padding-right:8px}.dashboard-ref-stat{min-height:76px}.dashboard-ref-stat strong{font-size:16px}}


/* =========================================================
   Associate Profile - premium chat card
   ========================================================= */
.profile-stack{width:min(720px,96%);max-width:96%!important}.profile-intro-bubble{margin-bottom:8px}.associate-profile-card{overflow:hidden;border-radius:20px;background:#fff;border:1px solid #dfe9e2;box-shadow:0 14px 38px rgba(32,94,62,.12)}
.associate-profile-header{position:relative;padding:18px;display:flex;align-items:center;gap:14px;background:linear-gradient(110deg,#efffe4 0%,#f8fff2 58%,#d9f5cc 100%);border-bottom:1px solid #dcebd7}
.profile-avatar-large{width:64px;height:64px;flex:0 0 64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0c7a4b,#31aa69);border:4px solid #fff;color:#fff;font-weight:900;font-size:20px;box-shadow:0 5px 15px rgba(20,100,61,.2)}
.profile-head-copy{min-width:0;flex:1}.profile-kicker{display:block;color:#168354;font-size:9px;letter-spacing:.13em;font-weight:900}.profile-head-copy h3{margin:3px 0 0;color:#123e2c;font-size:20px;line-height:1.15}.profile-login{margin-top:3px;color:#667b70;font-size:11px;font-weight:700}
.profile-status{align-self:flex-start;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.profile-status.active{background:#dff8e9;color:#087647}.profile-status.inactive{background:#ffe7e7;color:#c63b3b}
.profile-wallet-banner{margin:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;border-radius:13px;background:linear-gradient(100deg,#d9ffc8,#f1ffe9 72%,#dff8d6);border:1px solid #d8efce}.profile-wallet-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#117a4d;color:#fff;font-size:22px;font-weight:900}.profile-wallet-banner span{display:block;color:#537063;font-size:10px;font-weight:700}.profile-wallet-banner strong{display:block;margin-top:2px;color:#075d3d;font-size:21px}
.profile-info-grid{padding:0 10px 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-info-item{min-width:0;padding:10px;border-radius:11px;background:#f8fbf9;border:1px solid #e7eee9;display:flex;gap:8px;align-items:center}.profile-info-icon{width:28px;height:28px;flex:0 0 28px;border-radius:8px;display:grid;place-items:center;background:#e6f7ed;color:#137c4e;font-weight:900}.profile-info-item small,.profile-address small{display:block;color:#849188;font-size:8.5px}.profile-info-item strong,.profile-address strong{display:block;margin-top:2px;color:#274638;font-size:10px;overflow-wrap:anywhere}
.profile-address{margin:0 10px 10px;padding:11px 12px;border-radius:11px;background:#fbfdfb;border:1px solid #e5ede8;display:flex;align-items:flex-start;gap:10px}.profile-address>span{color:#168354;font-size:18px}.profile-address>div{min-width:0}
.profile-network-grid{padding:0 10px 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-network-card{padding:11px;border-radius:11px;background:linear-gradient(135deg,#f7fcf8,#eff9f2);border:1px solid #e2ece6}.profile-network-card span{display:block;color:#74847b;font-size:8.5px}.profile-network-card strong{display:block;margin-top:3px;color:#17432f;font-size:11px}.profile-network-card small{display:block;margin-top:2px;color:#168354;font-size:9px;font-weight:800}
.profile-business-section{margin:0 10px 10px;border:1px solid #e0e8e3;border-radius:12px;overflow:hidden;background:#fff}.profile-section-title{padding:9px 11px;display:flex;align-items:center;gap:7px;background:#f4faf6;border-bottom:1px solid #e6eee9;color:#1d4a36;font-size:11px}.profile-section-title>span{color:#14915a;font-size:16px;font-weight:900}.profile-business-grid{padding:5px 11px;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.profile-business-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-bottom:1px dashed #e8eee9}.profile-business-item span{color:#6d7b73;font-size:9.5px}.profile-business-item strong{color:#17432f;font-size:10px;text-align:right}.profile-business-item.tone-primary strong{color:#08734b;font-size:11px}
@media(max-width:600px){.profile-info-grid{grid-template-columns:1fr 1fr}.profile-network-grid,.profile-business-grid{grid-template-columns:1fr}.associate-profile-header{padding:14px}.profile-avatar-large{width:54px;height:54px;flex-basis:54px}.profile-head-copy h3{font-size:17px}.profile-wallet-banner strong{font-size:18px}}

/* =========================================================
   Associate Profile V2 - premium wellness identity card
   ========================================================= */
.profile-v2{border-radius:24px;border:1px solid #dbe9df;box-shadow:0 20px 55px rgba(28,92,58,.14);background:#fff}
.profile-v2-hero{position:relative;overflow:hidden;padding:18px 20px 22px;background:linear-gradient(125deg,#eaffdf 0%,#f6fff0 48%,#d5f4c6 100%);border-bottom:1px solid #d8ead4}
.profile-v2-pattern{position:absolute;right:-38px;top:-50px;width:180px;height:180px;border-radius:50%;border:28px solid rgba(36,136,79,.06);box-shadow:0 0 0 20px rgba(36,136,79,.04),0 0 0 42px rgba(36,136,79,.025)}
.profile-v2-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.profile-v2-brand{display:flex;align-items:center;gap:7px;color:#2c7452;font-size:9px;font-weight:900;letter-spacing:.13em}.profile-v2-brand b{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#11784a;color:#fff;font-size:10px;letter-spacing:0;box-shadow:0 5px 14px rgba(17,120,74,.22)}
.profile-v2 .profile-status{display:flex;align-items:center;gap:5px;padding:6px 10px;background:#fff;border:1px solid rgba(30,122,74,.15);box-shadow:0 4px 12px rgba(26,90,56,.08)}.profile-v2 .profile-status i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px currentColor;opacity:.75}.profile-v2 .profile-status.active{color:#07804a;background:#effff6}.profile-v2 .profile-status.inactive{color:#bd3939;background:#fff3f3}
.profile-v2-identity{position:relative;z-index:2;display:flex;align-items:center;gap:15px}.profile-v2-avatar{width:72px;height:72px;flex:0 0 72px;border:5px solid rgba(255,255,255,.95);font-size:23px;box-shadow:0 8px 24px rgba(18,112,68,.22)}.profile-v2 .profile-head-copy h3{font-size:22px;letter-spacing:-.35px}.profile-v2-idrow{margin-top:7px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-v2-idpill{padding:4px 8px;border-radius:7px;background:rgba(255,255,255,.8);border:1px solid rgba(26,117,70,.12);color:#315f49;font-size:9px;font-weight:850}.profile-v2-verified{color:#168253;font-size:9px;font-weight:800}
.profile-v2-wallet{position:relative;overflow:hidden;margin:12px 12px 14px;padding:15px 16px;border-radius:16px;background:linear-gradient(115deg,#0c7548 0%,#16915a 58%,#39ad6f 100%);border:0;color:#fff;box-shadow:0 12px 24px rgba(18,118,72,.18)}.profile-v2-wallet .profile-wallet-icon{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(4px)}.profile-v2-wallet-copy{position:relative;z-index:2;min-width:0}.profile-v2-wallet-copy span{color:rgba(255,255,255,.8);font-size:10px}.profile-v2-wallet-copy strong{color:#fff;font-size:24px;letter-spacing:-.5px}.profile-v2-wallet-copy small{display:block;margin-top:3px;color:rgba(255,255,255,.65);font-size:8.5px}.profile-v2-wallet-deco{position:absolute;right:16px;top:-12px;color:rgba(255,255,255,.09);font-size:88px;font-weight:900;line-height:1}
.profile-v2-label{margin:4px 12px 9px;display:flex;align-items:end;justify-content:space-between;gap:10px}.profile-v2-label span{color:#153f2d;font-size:11px;font-weight:900}.profile-v2-label small{color:#91a099;font-size:8.5px;text-align:right}
.profile-v2-info-grid{gap:9px;padding:0 12px 12px}.profile-v2-info{padding:11px 10px;border-radius:13px;background:linear-gradient(145deg,#fbfdfb,#f4faf6);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.profile-v2-info:hover{transform:translateY(-1px);border-color:#cfe3d5;box-shadow:0 6px 14px rgba(32,94,62,.07)}.profile-v2-info .profile-info-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px}.profile-v2-info.mail .profile-info-icon{background:#eef3ff;color:#536bb2}.profile-v2-info.gender .profile-info-icon{background:#fff0f6;color:#a94e76}.profile-v2-info.city .profile-info-icon,.profile-v2-info.state .profile-info-icon{background:#fff7e7;color:#9a6a22}.profile-v2-info.pin .profile-info-icon{background:#f2efff;color:#6958aa}.profile-v2-info small{font-size:8px;text-transform:uppercase;letter-spacing:.04em}.profile-v2-info strong{font-size:10.5px;color:#1f4332}
.profile-v2-address{margin:0 12px 14px;padding:12px 13px;border-radius:13px;background:linear-gradient(135deg,#f9fcfa,#f3f9f5);border:1px solid #e1ebe5}.profile-v2-address-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:#e7f6ec;color:#168354!important;font-size:17px!important}.profile-v2-address small{text-transform:uppercase;letter-spacing:.04em}.profile-v2-address strong{font-size:10.5px;line-height:1.45}
.profile-v2-network{padding:0 12px 14px;gap:10px}.profile-v2-network .profile-network-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#fff;border:1px solid #e2ece6;box-shadow:0 5px 14px rgba(31,86,57,.05)}.profile-v2-network .profile-network-card.sponsor{background:linear-gradient(135deg,#f1fbf5,#fbfffc)}.profile-v2-network .profile-network-card.parent{background:linear-gradient(135deg,#f6f5ff,#fcfbff)}.profile-network-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:#147c4d;color:#fff;font-size:11px;font-weight:900;box-shadow:0 5px 12px rgba(20,124,77,.16)}.profile-network-card.parent .profile-network-icon{background:#6b64a6;box-shadow:0 5px 12px rgba(107,100,166,.16)}.profile-v2-network .profile-network-card span{font-size:8px;text-transform:uppercase;letter-spacing:.04em}.profile-v2-network .profile-network-card strong{font-size:11.5px}.profile-v2-network .profile-network-card small{font-size:9px}
.profile-v2-business-section{margin:0 12px 12px;border-radius:15px;border:1px solid #dde9e1;box-shadow:0 5px 14px rgba(32,82,56,.04)}.profile-v2-section-title{padding:11px 12px;background:linear-gradient(135deg,#f1faf4,#f9fdfa);gap:9px}.profile-v2-section-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#177e50;color:#fff;font-size:16px!important;box-shadow:0 5px 12px rgba(23,126,80,.16)}.profile-v2-section-title>div:last-child strong{display:block;font-size:11px}.profile-v2-section-title>div:last-child small{display:block;margin-top:2px;color:#8a9990;font-size:8.5px;font-weight:500}.profile-v2-business-grid{padding:8px;gap:8px;column-gap:8px}.profile-v2-business-item{position:relative;justify-content:flex-start;gap:9px;padding:10px;border:1px solid #e9efeb;border-radius:11px;background:#fbfdfc}.profile-v2-business-item:hover{background:#f7fbf8;border-color:#d8e7dd}.profile-v2-business-index{width:27px;height:27px;flex:0 0 27px;border-radius:8px;display:grid;place-items:center;background:#edf6f1;color:#4e8068;font-size:8px;font-weight:900}.profile-v2-business-copy{min-width:0;flex:1}.profile-v2-business-copy span{display:block;font-size:8.5px}.profile-v2-business-copy strong{display:block;margin-top:2px;text-align:left;font-size:11px}.profile-v2-business-item.tone-primary{background:linear-gradient(135deg,#e8fbef,#f6fff9);border-color:#cfe9d8}.profile-v2-business-item.tone-primary .profile-v2-business-index{background:#138150;color:#fff}.profile-v2-business-item.tone-primary strong{font-size:12px;color:#087447}
.profile-v2-footer{margin-top:2px;padding:11px 14px;background:#f7faf8;border-top:1px solid #e8eee9;display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-v2-footer span{color:#285f45;font-size:9px;font-weight:850}.profile-v2-footer small{color:#94a098;font-size:8px;text-align:right}
@media(max-width:600px){.profile-v2-hero{padding:15px}.profile-v2-topline{margin-bottom:14px}.profile-v2-brand{font-size:8px}.profile-v2-avatar{width:58px;height:58px;flex-basis:58px;font-size:18px}.profile-v2 .profile-head-copy h3{font-size:18px}.profile-v2-idrow{gap:5px}.profile-v2-wallet-copy strong{font-size:20px}.profile-v2-info-grid{grid-template-columns:1fr 1fr}.profile-v2-network{grid-template-columns:1fr}.profile-v2-business-grid{grid-template-columns:1fr}.profile-v2-label{align-items:flex-start;flex-direction:column;gap:2px}.profile-v2-label small{text-align:left}.profile-v2-footer{align-items:flex-start;flex-direction:column}.profile-v2-footer small{text-align:left}}