/* =====================================
   PLATFORM BASE
===================================== */

.platform-shell {
    width:
        min(
            calc(100% - 80px),
            1240px
        );

    margin: 0 auto;
}


.platform-section {
    padding:
        145px 0;

    background: #09070f;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.035);
}


.platform-section-heading {
    max-width: 800px;
}


.platform-section-heading h2,
.platform-split-heading h2,
.platform-coming-next h2 {
    margin: 0;

    font-size:
        clamp(
            44px,
            5vw,
            70px
        );

    line-height: 1.03;

    letter-spacing: -2.8px;

    font-weight: 500;
}


.platform-section-heading h2 span,
.platform-split-heading h2 span,
.platform-coming-next h2 span {
    display: block;

    color: #c7afe0;
}


.platform-section-heading > p:last-child {
    max-width: 700px;

    margin-top: 28px;

    color: #928997;

    font-size: 18px;

    line-height: 1.7;
}


.platform-split-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(360px, 0.65fr);

    gap: 90px;

    align-items: end;
}


.platform-split-heading > div:last-child p {
    margin: 0;

    color: #928897;

    font-size: 18px;

    line-height: 1.7;
}



/* =====================================
   PLATFORM HERO
===================================== */

.platform-hero {
    position: relative;

    overflow: hidden;

    padding:
        155px 0
        140px;

    background:
        radial-gradient(
            circle at 78% 48%,
            rgba(113, 63, 157, 0.14),
            transparent 33%
        ),
        #09070f;
}


.platform-hero-glow {
    position: absolute;

    width: 800px;
    height: 800px;

    right: -260px;
    top: 0;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(143, 76, 201, 0.12),
            transparent 69%
        );

    pointer-events: none;
}


.platform-hero-shell {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 0.86fr)
        minmax(520px, 1.14fr);

    gap: 90px;

    align-items: center;
}


.platform-hero-copy h1 {
    margin: 0;

    font-size:
        clamp(
            54px,
            6vw,
            84px
        );

    line-height: 0.99;

    letter-spacing: -3.7px;

    font-weight: 500;
}


.platform-hero-copy h1 span {
    display: block;

    color: #c6addf;
}


.platform-hero-lead {
    max-width: 650px;

    margin:
        32px 0
        0;

    color: #a097a6;

    font-size: 18px;

    line-height: 1.7;
}


.platform-hero-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 13px;

    margin-top: 38px;
}


/* =====================================
   HERO PRODUCT WINDOW
===================================== */

.hero-workspace-window {
    display: grid;

    grid-template-columns:
        145px
        1fr;

    min-height: 450px;

    overflow: hidden;

    border:
        1px solid
        rgba(255, 255, 255, 0.08);

    border-radius: 23px;

    background: #09090b;

    box-shadow:
        0 40px 100px
        rgba(0, 0, 0, 0.38);
}


.hero-workspace-sidebar {
    padding: 24px 17px;

    border-right:
        1px solid
        rgba(255, 255, 255, 0.055);
}


.hero-workspace-brand {
    display: flex;

    align-items: center;

    gap: 7px;

    margin-bottom: 48px;

    color: #927ba7;

    font-size: 10px;
}


.hero-workspace-orb,
.activity-product-orb {
    width: 16px;
    height: 16px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 34% 30%,
            #c195e4,
            #75469f 43%,
            #26152e 75%
        );

    box-shadow:
        0 0 12px
        rgba(147, 79, 200, 0.34);
}


.hero-side-label {
    margin-bottom: 12px;

    color: #56505b;

    font-size: 7px;

    letter-spacing: 1.3px;
}


.hero-side-label-space {
    margin-top: 31px;
}


.hero-side-item {
    padding:
        8px;

    margin-bottom: 3px;

    border-radius: 6px;

    color: #69636d;

    font-size: 8px;
}


.hero-side-item.active {
    color: #b89dce;

    background:
        rgba(117, 67, 158, 0.09);
}


.hero-workspace-main {
    padding: 34px;
}


.hero-workspace-main h3 {
    max-width: 350px;

    margin:
        10px 0
        30px;

    color: #eeeaf0;

    font-size: 25px;

    line-height: 1.2;
}


.hero-stat-grid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 11px;
}


.hero-stat-card {
    min-height: 125px;

    padding: 19px;

    border:
        1px solid
        rgba(255, 255, 255, 0.065);

    border-radius: 12px;

    background:
        rgba(255, 255, 255, 0.016);
}


.hero-stat-card strong {
    display: block;

    color: #eeeaf1;

    font-size: 29px;
}


.hero-stat-card span {
    display: block;

    margin-top: 8px;

    color: #a9a1ad;

    font-size: 10px;
}



/* =====================================
   PLATFORM SUBNAV
===================================== */

.platform-subnav {
    position: sticky;

    top: 0;

    z-index: 30;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.04);

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.055);

    background:
        rgba(9, 7, 15, 0.92);

    backdrop-filter:
        blur(18px);
}


.platform-subnav-inner {
    display: flex;

    gap: 30px;

    overflow-x: auto;

    scrollbar-width: none;
}


.platform-subnav-inner::-webkit-scrollbar {
    display: none;
}


.platform-subnav a {
    flex: 0 0 auto;

    padding:
        17px 0;

    color: #827889;

    font-size: 11px;
}


.platform-subnav a:hover {
    color: #c9b1df;
}



/* =====================================
   ACTIVITY PRODUCT
===================================== */

.activity-product {
    display: grid;

    grid-template-columns:
        180px
        1fr;

    margin-top: 72px;

    overflow: hidden;

    border:
        1px solid
        rgba(255, 255, 255, 0.075);

    border-radius: 24px;

    background: #09090a;

    box-shadow:
        0 35px 100px
        rgba(0, 0, 0, 0.32);
}


.activity-product-sidebar {
    padding: 26px 20px;

    border-right:
        1px solid
        rgba(255, 255, 255, 0.055);
}


.activity-product-logo {
    display: flex;

    gap: 8px;

    align-items: center;

    margin-bottom: 53px;

    color: #9b84ad;

    font-size: 11px;
}


.activity-nav-label {
    margin:
        0 0
        13px;

    color: #58515d;

    font-size: 7px;

    letter-spacing: 1.25px;
}


.activity-nav-space {
    margin-top: 34px;
}


.activity-nav {
    padding:
        9px 8px;

    margin-bottom: 3px;

    border-radius: 7px;

    color: #716a75;

    font-size: 9px;
}


.activity-nav.active {
    color: #c0a8d3;

    background:
        rgba(117, 70, 157, 0.09);
}


.activity-product-main {
    padding: 31px;
}


.activity-product-heading h3 {
    margin: 0;

    color: #ece9ef;

    font-size: 25px;
}


.activity-product-heading p {
    margin:
        6px 0
        27px;

    color: #77707d;

    font-size: 10px;
}


.activity-dashboard-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(260px, 0.65fr);

    overflow: hidden;

    border:
        1px solid
        rgba(255, 255, 255, 0.06);

    border-radius: 15px;
}


.activity-metrics {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 10px;

    padding: 20px;
}


.metric-card {
    min-height: 118px;

    padding: 16px;

    border:
        1px solid
        rgba(255, 255, 255, 0.07);

    border-radius: 11px;

    background:
        rgba(255, 255, 255, 0.016);
}


.metric-purple {
    border-color:
        rgba(143, 86, 198, 0.28);
}


.metric-blue {
    border-color:
        rgba(55, 123, 204, 0.28);
}


.metric-cyan {
    border-color:
        rgba(61, 175, 184, 0.23);
}


.metric-pink {
    border-color:
        rgba(184, 67, 170, 0.24);
}


.metric-amber {
    border-color:
        rgba(199, 132, 30, 0.26);
}


.metric-violet {
    border-color:
        rgba(143, 77, 197, 0.25);
}


.metric-card strong {
    display: block;

    color: #f0edf1;

    font-size: 27px;
}


.metric-card span {
    display: block;

    margin-top: 7px;

    color: #c1b9c5;

    font-size: 9px;

    font-weight: 600;
}


.metric-card p {
    margin:
        5px 0
        0;

    color: #665f6a;

    font-size: 8px;
}


.activity-followups {
    padding: 21px;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.055);
}


.activity-followups h4 {
    margin:
        6px 0
        7px;

    color: #d3ccd7;

    font-size: 14px;
}


.activity-followup-row {
    display: grid;

    grid-template-columns:
        7px
        1fr
        auto;

    gap: 9px;

    align-items: start;

    padding:
        15px 0;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.045);
}


.activity-dot {
    width: 5px;
    height: 5px;

    margin-top: 5px;

    border-radius: 50%;

    background: #9c66d9;
}


.activity-followup-row strong {
    display: block;

    color: #bdb6c1;

    font-size: 9px;
}


.activity-followup-row p {
    margin:
        4px 0
        0;

    color: #756b7e;

    font-size: 8px;
}


.status-pill {
    padding:
        5px 7px;

    border:
        1px solid
        rgba(53, 167, 90, 0.23);

    border-radius: 7px;

    color: #6bc988;

    font-size: 7px;

    text-transform: uppercase;
}


.activity-quick-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 12px;

    margin-top: 17px;
}


.activity-quick-grid article {
    min-height: 140px;

    padding: 19px;

    border:
        1px solid
        rgba(255, 255, 255, 0.06);

    border-radius: 13px;
}


.activity-quick-grid strong {
    display: block;

    margin-top: 8px;

    color: #ccc5cf;

    font-size: 13px;
}


.activity-quick-grid p {
    margin:
        8px 0
        0;

    color: #706976;

    font-size: 9px;

    line-height: 1.55;
}


.activity-search {
    margin-top: 15px;

    padding:
        10px 11px;

    border:
        1px solid
        rgba(143, 88, 187, 0.18);

    border-radius: 8px;

    color: #665d6c;

    font-size: 8px;
}



/* =====================================
   CLIENT WORKSPACE
===================================== */

.client-workspace-section {
    background:
        radial-gradient(
            circle at 88% 35%,
            rgba(104, 57, 148, 0.09),
            transparent 30%
        ),
        #0b0810;
}


.client-workspace-product {
    margin-top: 75px;
}


.client-workspace-meta {
    display: grid;

    grid-template-columns:
        1fr
        1fr
        1.5fr
        1fr;

    border:
        1px solid
        rgba(151, 91, 202, 0.18);

    border-radius: 14px;

    overflow: hidden;
}


.client-workspace-meta > div {
    padding: 18px;

    border-right:
        1px solid
        rgba(255, 255, 255, 0.055);
}


.client-workspace-meta > div:last-child {
    border-right: 0;
}


.client-workspace-meta span {
    display: block;

    margin-bottom: 7px;

    color: #69616f;

    font-size: 8px;

    letter-spacing: 1px;
}


.client-workspace-meta strong {
    color: #ded9e0;

    font-size: 12px;
}


.client-workspace-body {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        250px;

    gap: 19px;

    margin-top: 20px;
}


.client-workspace-main {
    min-width: 0;
}


.client-journey,
.assessment-product-card,
.client-workspace-sidebar {
    border:
        1px solid
        rgba(255, 255, 255, 0.065);

    border-radius: 16px;

    background:
        rgba(255, 255, 255, 0.012);
}


.client-journey {
    padding: 23px;
}


.client-journey-heading {
    display: flex;

    justify-content: space-between;

    gap: 20px;

    align-items: center;
}


.client-journey-heading strong {
    color: #d6d0d8;

    font-size: 15px;
}


.client-journey-heading span {
    color: #ae6be0;

    font-size: 9px;
}


.client-journey-track {
    display: flex;

    align-items: center;

    margin-top: 25px;

    overflow-x: auto;
}


.journey-node {
    flex: 0 0 auto;

    padding:
        9px 16px;

    border:
        1px solid
        rgba(255, 255, 255, 0.08);

    border-radius: 22px;

    color: #978e9c;

    font-size: 9px;
}


.journey-node.complete {
    border-color:
        rgba(163, 91, 220, 0.62);

    background:
        rgba(126, 57, 180, 0.62);

    color: #f4edf8;
}


.journey-line {
    flex: 0 0 40px;

    height: 1px;

    margin:
        0 9px;

    background:
        rgba(255, 255, 255, 0.11);
}


.assessment-product-card {
    margin-top: 17px;

    padding: 26px;
}


.assessment-product-card h3 {
    margin:
        8px 0
        0;

    color: #e5e0e7;

    font-size: 19px;
}


.assessment-divider {
    height: 1px;

    margin:
        22px 0;

    background:
        rgba(255, 255, 255, 0.06);
}


.assessment-product-card h4 {
    margin:
        0 0
        18px;

    color: #d6cfd9;

    font-size: 18px;
}


.assessment-summary-list {
    display: grid;

    gap: 12px;

    margin: 0;

    padding-left: 18px;

    color: #9b929f;

    font-size: 11px;

    line-height: 1.6;
}


.assessment-summary-list li::marker {
    color: #a55ad8;
}


.assessment-summary-list strong {
    color: #cdc5d1;
}


.theme-tags {
    display: flex;

    flex-wrap: wrap;

    gap: 8px;
}


.theme-tags span {
    padding:
        7px 10px;

    border:
        1px solid
        rgba(145, 83, 190, 0.14);

    border-radius: 7px;

    background:
        rgba(116, 64, 154, 0.06);

    color: #9e88ae;

    font-size: 9px;
}


.client-workspace-sidebar {
    padding: 22px;
}


.client-workspace-sidebar h3 {
    margin:
        0 0
        28px;

    color: #dfdae2;

    font-size: 17px;
}


.workspace-sidebar-label {
    display: block;

    margin-bottom: 14px;

    color: #b399ca;

    font-size: 10px;

    font-weight: 600;
}


.workspace-sidebar-item {
    display: flex;

    justify-content: space-between;

    gap: 15px;

    padding:
        16px 0;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.055);
}


.workspace-sidebar-item strong {
    display: block;

    color: #c8c1cb;

    font-size: 11px;
}


.workspace-sidebar-item span {
    display: block;

    margin-top: 5px;

    color: #756e79;

    font-size: 9px;
}


.workspace-sidebar-item b {
    align-self: center;

    color: #ae5edc;

    font-size: 9px;

    font-weight: 600;
}



/* =====================================
   CASE JOURNAL
===================================== */

.journal-product {
    display: grid;

    grid-template-columns:
        minmax(0, 0.85fr)
        minmax(0, 1.15fr);

    gap: 18px;

    margin-top: 75px;
}


.journal-input-card,
.journal-history-card {
    padding: 27px;

    border:
        1px solid
        rgba(255, 255, 255, 0.065);

    border-radius: 17px;

    background:
        rgba(255, 255, 255, 0.012);
}


.journal-input-card h3 {
    margin:
        0 0
        22px;

    color: #ddd7e0;

    font-size: 19px;
}


.journal-textarea {
    min-height: 280px;

    padding: 19px;

    border:
        1px solid
        rgba(132, 97, 211, 0.65);

    border-radius: 12px;

    background: #11111a;
}


.journal-textarea p {
    margin: 0;

    color: #9d94a4;

    font-size: 13px;

    line-height: 1.75;
}


.journal-save-button {
    margin-top: 14px;

    padding:
        11px 19px;

    border:
        1px solid
        rgba(150, 92, 202, 0.42);

    border-radius: 10px;

    background:
        transparent;

    color: #d4cadb;

    font: inherit;

    font-size: 11px;
}


.journal-history-card {
    max-height: 470px;

    overflow: hidden;
}


.journal-entry {
    padding:
        20px 0;

    border-bottom:
        1px dashed
        rgba(255, 255, 255, 0.08);
}


.journal-entry-top {
    display: flex;

    gap: 14px;

    flex-wrap: wrap;
}


.journal-entry-top strong {
    color: #81a6ff;

    font-size: 12px;
}


.journal-entry-top span {
    color: #a58add;

    font-size: 11px;
}


.journal-entry p {
    margin:
        10px 0
        0;

    color: #97909c;

    font-size: 11px;

    line-height: 1.7;
}



/* =====================================
   COMING NEXT
===================================== */

.platform-coming-next {
    padding:
        100px 0
        120px;
}



/* =====================================
   AI INTAKE ANALYSIS
===================================== */

.intake-analysis-section {
    position: relative;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 78% 45%,
            rgba(107, 60, 151, 0.11),
            transparent 32%
        ),
        #09070f;
}


.analysis-secondary-copy {
    margin-top: 18px !important;

    color: #746c79 !important;

    font-size: 17px !important;

    line-height: 1.7;

}


/* =====================================
   SESSION INDEX
===================================== */

.analysis-index-window {
    display: grid;

    grid-template-columns:
        minmax(0, 1.8fr)
        minmax(290px, 0.72fr);

    gap: 18px;

    margin-top: 76px;
}


.analysis-index-main,
.recent-intakes {
    border:
        1px solid
        rgba(255, 255, 255, 0.07);

    border-radius: 17px;

    background:
        rgba(255, 255, 255, 0.012);
}


.analysis-index-main {
    padding: 26px;
}


.analysis-index-heading {
    display: flex;

    justify-content: space-between;

    gap: 28px;

    align-items: flex-end;

    margin-bottom: 23px;
}


.analysis-index-heading h3 {
    margin:
        7px 0
        0;

    color: #ddd8e0;

    font-size: 19px;
}


.analysis-search {
    min-width: 270px;

    padding:
        12px 14px;

    border:
        1px solid
        rgba(144, 87, 192, 0.2);

    border-radius: 10px;

    color: #665e6b;

    background:
        rgba(105, 59, 142, 0.04);

    font-size: 9px;
}


.analysis-table {
    width: 100%;
}


.analysis-table-row {
    display: grid;

    grid-template-columns:
        0.75fr
        1fr
        1.1fr
        1.3fr
        0.7fr;

    align-items: center;

    min-height: 54px;

    padding:
        0 13px;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.055);

    color: #b7afb9;

    font-size: 10px;
}


.analysis-table-header {
    min-height: 43px;

    background:
        rgba(255, 255, 255, 0.028);

    color: #aaa0b5;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 0.4px;
}


.analysis-table-selected {
    background:
        rgba(96, 53, 130, 0.045);

    box-shadow:
        inset 0 -1px 0
        rgba(139, 85, 191, 0.35);
}


.analysis-key {
    color: #77a9d5;
}


.analysis-run-button {
    min-width: 58px;

    padding:
        7px 11px;

    border:
        1px solid
        rgba(147, 96, 193, 0.42);

    border-radius: 20px;

    background: transparent;

    color: #ccc4d1;

    font: inherit;

    font-size: 9px;
}


.analysis-run-button.active {
    border-color:
        rgba(182, 118, 228, 0.68);

    color: #cda5ed;

    box-shadow:
        0 0 18px
        rgba(142, 83, 190, 0.15);
}


/* =====================================
   RECENT ACTIVITY
===================================== */

.recent-intakes {
    padding: 26px;
}


.recent-intakes h3 {
    margin:
        7px 0
        20px;

    color: #ddd7df;

    font-size: 19px;
}


.recent-intake-row {
    display: grid;

    grid-template-columns:
        52px
        1fr;

    gap: 15px;

    align-items: center;

    padding:
        17px 0;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.05);
}


.recent-ai-pill {
    display: grid;

    place-items: center;

    height: 30px;

    border-radius: 18px;

    background:
        rgba(99, 53, 139, 0.25);

    color: #ba92d8;

    font-size: 9px;

    font-weight: 700;
}


.recent-intake-row strong {
    display: block;

    color: #c9c2cc;

    font-size: 11px;
}


.recent-intake-row p {
    margin:
        5px 0
        0;

    color: #867693;

    font-size: 8px;
}


/* =====================================
   ANALYSIS PREVIEW
===================================== */

.analysis-preview {
    margin-top: 30px;
}


.analysis-case-bar {
    display: grid;

    grid-template-columns:
        minmax(160px, 0.7fr)
        minmax(0, 2fr)
        auto;

    gap: 26px;

    align-items: center;

    padding:
        19px 23px;

    border:
        1px solid
        rgba(133, 84, 181, 0.27);

    border-radius: 14px;

    background:
        linear-gradient(
            110deg,
            rgba(60, 37, 83, 0.25),
            rgba(42, 29, 58, 0.18)
        );
}


.analysis-case-name strong {
    display: block;

    color: #eeeaf0;

    font-size: 19px;
}


.analysis-case-name span {
    display: inline-block;

    margin-top: 8px;

    padding:
        5px 8px;

    border:
        1px solid
        rgba(157, 91, 203, 0.3);

    border-radius: 15px;

    color: #ae78d0;

    font-size: 7px;

    letter-spacing: 1px;
}


.analysis-meta {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );
}


.analysis-meta > div {
    padding:
        3px 18px;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.055);
}


.analysis-meta span {
    display: block;

    color: #6c6572;

    font-size: 7px;

    letter-spacing: 0.8px;
}


.analysis-meta strong {
    display: block;

    margin-top: 7px;

    color: #d0c9d4;

    font-size: 10px;
}


.analysis-not-linked {
    color: #caa764 !important;
}


.analysis-link-button {
    padding:
        10px 16px;

    border:
        1px solid
        rgba(163, 105, 213, 0.5);

    border-radius: 22px;

    background:
        rgba(131, 78, 190, 0.8);

    color: #f5eff8;

    font: inherit;

    font-size: 9px;
}


.analysis-tabs {
    display: flex;

    gap: 10px;

    margin:
        24px 0
        19px;
}


.analysis-tabs span {
    padding:
        8px 14px;

    border:
        1px solid
        rgba(139, 93, 179, 0.28);

    border-radius: 20px;

    color: #776e7d;

    font-size: 9px;
}


.analysis-tabs .active {
    color: #d3cad8;
}


/* =====================================
   ANALYSIS CARDS
===================================== */

.analysis-summary-card,
.analysis-insight-grid article,
.analysis-depth-note {
    border:
        1px solid
        rgba(133, 89, 177, 0.2);

    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            rgba(38, 27, 51, 0.55),
            rgba(20, 16, 28, 0.7)
        );
}


.analysis-summary-card {
    padding: 28px;
}


.analysis-summary-card h3 {
    max-width: 650px;

    margin:
        8px 0
        27px;

    color: #dfd9e2;

    font-size: 21px;
}


.analysis-summary-points {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 20px;
}


.analysis-summary-points > div {
    padding-right: 20px;

    border-right:
        1px solid
        rgba(255, 255, 255, 0.055);
}


.analysis-summary-points > div:last-child {
    padding-right: 0;

    border-right: 0;
}


.analysis-summary-points strong {
    display: block;

    margin-bottom: 8px;

    color: #c9c0ce;

    font-size: 11px;
}


.analysis-summary-points p {
    margin: 0;

    color: #857d8b;

    font-size: 10px;

    line-height: 1.65;
}


.analysis-insight-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 17px;

    margin-top: 17px;
}


.analysis-insight-grid article {
    padding: 25px;

    min-height: 230px;
}


.analysis-insight-grid h4 {
    margin:
        9px 0
        18px;

    color: #cda3ea;

    font-size: 16px;
}


.analysis-insight-grid ul {
    margin: 0;

    padding-left: 17px;

    color: #918897;

    font-size: 10px;

    line-height: 1.7;
}


.analysis-insight-grid li + li {
    margin-top: 10px;
}


/* =====================================
   DEPTH NOTE
===================================== */

.analysis-depth-note {
    display: flex;

    gap: 20px;

    align-items: flex-start;

    max-width: 800px;

    margin:
        23px auto
        0;

    padding: 23px;
}


.analysis-depth-orb {
    flex:
        0 0 35px;

    width: 35px;
    height: 35px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 30%,
            #c298e8,
            #74439d 44%,
            #24132d 76%
        );

    box-shadow:
        0 0 20px
        rgba(145, 79, 198, 0.25);
}


.analysis-depth-note strong {
    display: block;

    margin-top: 7px;

    color: #cdc4d2;

    font-size: 18px;
}


.analysis-depth-note p {
    margin:
        8px 0
        0;

    color: #817786;

    font-size: 16px;

    line-height: 1.65;
}



/* =====================================
   SIGNALS FUSION REPORTS
===================================== */

.fusion-section {
    background:
        radial-gradient(
            circle at 84% 28%,
            rgba(104, 59, 146, 0.10),
            transparent 31%
        ),
        #09070f;
}


.fusion-secondary-copy,
.progress-secondary-copy {
    margin-top: 18px !important;

    color: #746c79 !important;

    font-size: 17px !important;

    line-height: 1.7;

}


.fusion-product {
    margin-top: 76px;

    padding: 30px;

    border:
        1px solid
        rgba(145, 89, 191, 0.19);

    border-radius: 21px;

    background:
        rgba(255, 255, 255, 0.012);
}


.fusion-product-heading {
    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 30px;

    margin-bottom: 23px;
}


.fusion-product-heading h3 {
    margin:
        7px 0
        0;

    color: #e2dde4;

    font-size: 22px;
}


.fusion-generated {
    padding:
        7px 11px;

    border:
        1px solid
        rgba(113, 172, 132, 0.16);

    border-radius: 17px;

    color: #78a988;

    font-size: 8px;
}


.fusion-state-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 11px;
}


.fusion-state-grid article {
    min-height: 105px;

    padding: 18px;

    border:
        1px solid
        rgba(142, 94, 183, 0.19);

    border-radius: 12px;

    background:
        rgba(255, 255, 255, 0.012);
}


.fusion-state-grid span {
    display: block;

    color: #77707c;

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 1px;
}


.fusion-state-grid strong {
    display: block;

    margin-top: 11px;

    color: #d5cfd8;

    font-size: 15px;
}


/* =====================================
   FUSION COMPARISON
===================================== */

.fusion-comparison {
    margin-top: 22px;

    padding: 24px;

    border:
        1px solid
        rgba(255, 255, 255, 0.06);

    border-radius: 16px;
}


.fusion-comparison-heading h4 {
    margin: 0;

    color: #d7d1da;

    font-size: 16px;
}


.fusion-comparison-heading p {
    margin:
        7px 0
        0;

    color: #766f7b;

    font-size: 9px;
}


.fusion-report-columns {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 15px;

    margin-top: 22px;
}


.fusion-report-columns > article {
    padding: 20px;

    border:
        1px solid
        rgba(255, 255, 255, 0.06);

    border-radius: 13px;

    background:
        rgba(255, 255, 255, 0.01);
}


.fusion-current-report {
    border-color:
        rgba(151, 98, 193, 0.30) !important;

    background:
        rgba(88, 53, 112, 0.055) !important;
}


.fusion-report-row {
    display: flex;

    justify-content: space-between;

    gap: 20px;

    padding:
        13px 0;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.045);
}


.fusion-report-row:last-child {
    border-bottom: 0;
}


.fusion-report-row span {
    color: #756e7a;

    font-size: 9px;
}


.fusion-report-row strong {
    color: #c7c0ca;

    font-size: 9px;

    text-align: right;
}


.fusion-change-summary {
    margin-top: 15px;

    padding: 20px;

    border:
        1px solid
        rgba(145, 92, 185, 0.12);

    border-radius: 13px;

    background:
        rgba(75, 46, 97, 0.04);
}


.fusion-change-grid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 10px;

    margin-top: 15px;
}


.fusion-change-grid > div {
    padding: 14px;

    border-radius: 10px;

    background:
        rgba(255, 255, 255, 0.014);
}


.fusion-change-grid span {
    display: block;

    color: #716a76;

    font-size: 8px;
}


.fusion-change-grid strong {
    display: block;

    margin-top: 6px;

    color: #c9c2cc;

    font-size: 10px;
}


.fusion-change-grid b {
    margin:
        0 5px;

    color: #9d6fc0;

    font-weight: 400;
}


/* =====================================
   PRACTITIONER SIGNAL
===================================== */

.fusion-signal-grid {
    display: grid;

    grid-template-columns:
        1.35fr
        0.65fr;

    gap: 15px;

    margin-top: 22px;
}


.fusion-signal,
.fusion-client-message {
    padding: 23px;

    border:
        1px solid
        rgba(255, 255, 255, 0.06);

    border-radius: 14px;
}


.fusion-signal p,
.fusion-client-message p {
    margin:
        12px 0
        0;

    color: #918895;

    font-size: 11px;

    line-height: 1.72;
}


.fusion-context-note {
    max-width: 1040px;

    margin:
        46px auto
        0;

    padding:
        34px 38px;

    border:
        1px solid
        rgba(151, 96, 197, 0.16);

    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            rgba(51, 31, 68, 0.22),
            rgba(22, 15, 30, 0.34)
        );

    text-align: center;

    box-shadow:
        0 24px 70px
        rgba(0, 0, 0, 0.18);
}


.fusion-context-note .micro-label {
    display: block;

    margin-bottom: 14px;

    color: #b58bd2;

    font-size: 11px;

    letter-spacing: 1.8px;
}


.fusion-context-note strong {
    display: block;

    max-width: 820px;

    margin: 0 auto;

    color: #ddd5e1;

    font-size: 24px;

    line-height: 1.4;

    font-weight: 550;
}


.fusion-context-note p {
    max-width: 820px;

    margin:
        16px auto
        0;

    color: #8f8594;

    font-size: 15px;

    line-height: 1.7;
}



/* =====================================
   CLIENT PROGRESS
===================================== */

.progress-section {
    background:
        radial-gradient(
            circle at 18% 58%,
            rgba(97, 54, 140, 0.09),
            transparent 30%
        ),
        #0b0810;
}


.progress-product {
    margin-top: 76px;

    padding: 31px;

    border:
        1px solid
        rgba(145, 91, 188, 0.18);

    border-radius: 21px;

    background:
        rgba(255, 255, 255, 0.012);
}


.progress-product-top {
    display: flex;

    justify-content: space-between;

    gap: 30px;

    align-items: center;
}


.progress-product-top h3 {
    margin:
        7px 0
        0;

    color: #dfd9e2;

    font-size: 22px;
}


.progress-status {
    padding:
        7px 11px;

    border:
        1px solid
        rgba(104, 166, 125, 0.16);

    border-radius: 17px;

    color: #7caf8d;

    font-size: 8px;
}


.progress-overview-grid {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 12px;

    margin-top: 26px;
}


.progress-overview-grid article {
    min-height: 105px;

    padding: 18px;

    border:
        1px solid
        rgba(143, 94, 183, 0.19);

    border-radius: 12px;
}


.progress-overview-grid strong {
    display: block;

    color: #eeeaf0;

    font-size: 25px;
}


.progress-overview-grid span {
    display: block;

    margin-top: 8px;

    color: #77707c;

    font-size: 9px;
}


.progress-pattern {
    margin-top: 14px;

    padding: 19px;

    border:
        1px solid
        rgba(145, 91, 188, 0.17);

    border-radius: 12px;
}


.progress-pattern strong {
    display: block;

    margin-top: 8px;

    color: #c6a4dc;

    font-size: 14px;
}


/* =====================================
   PROGRESS CHART
===================================== */

.progress-chart-card {
    margin-top: 18px;

    padding: 26px;

    border:
        1px solid
        rgba(255, 255, 255, 0.06);

    border-radius: 15px;
}


.progress-chart-heading {
    display: flex;

    justify-content: space-between;

    gap: 35px;

    align-items: flex-start;
}


.progress-chart-heading h4 {
    max-width: 620px;

    margin:
        8px 0
        0;

    color: #d3ccd7;

    font-size: 16px;

    line-height: 1.45;
}


.progress-score {
    display: flex;

    align-items: flex-end;

    gap: 8px;
}


.progress-score strong {
    color: #c695e8;

    font-size: 52px;

    line-height: 0.9;

    font-weight: 400;
}


.progress-score span {
    padding-bottom: 5px;

    color: #6d6572;

    font-size: 8px;
}


.progress-chart {
    position: relative;

    height: 320px;

    margin-top: 25px;

    overflow: hidden;
}


.progress-chart svg {
    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 270px;

    overflow: visible;
}


.progress-area {
    fill: url(#progressFill);
}


.progress-line {
    fill: none;

    stroke: #a862dd;

    stroke-width: 5;

    stroke-linecap: round;

    stroke-linejoin: round;

    vector-effect:
        non-scaling-stroke;
}


.progress-grid-line {
    position: absolute;

    left: 0;
    right: 0;

    height: 1px;

    background:
        rgba(255, 255, 255, 0.045);
}


.line-one {
    top: 65px;
}


.line-two {
    top: 145px;
}


.line-three {
    top: 225px;
}


.progress-chart-axis {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 4px;

    display: flex;

    justify-content: space-between;

    color: #5e5763;

    font-size: 8px;
}


/* =====================================
   PROGRESS FEATURE CARDS
===================================== */

.progress-mini-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 12px;

    margin-top: 18px;
}


.progress-mini-grid article {
    min-height: 150px;

    padding: 20px;

    border:
        1px solid
        rgba(255, 255, 255, 0.055);

    border-radius: 13px;
}


.progress-mini-grid strong {
    display: block;

    margin-top: 9px;

    color: #c8c0cb;

    font-size: 17px;
}


.progress-mini-grid p {
    margin:
        9px 0
        0;

    color: #746c78;

    font-size: 16px;

    line-height: 1.6;
}



/* =====================================
   SESSION WORKSPACE
===================================== */

.session-workspace-section {
    background:
        radial-gradient(
            circle at 82% 42%,
            rgba(101, 57, 143, 0.09),
            transparent 30%
        ),
        #09070f;
}


.session-secondary-copy,
.followups-secondary-copy {
    margin-top: 18px !important;

    color: #746c79 !important;

    font-size: 17px !important;

    line-height: 1.7;

}


.session-product {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        250px;

    gap: 18px;

    margin-top: 76px;
}


.session-product-main,
.session-product-sidebar {
    border:
        1px solid
        rgba(145, 89, 191, 0.18);

    border-radius: 18px;

    background:
        rgba(255, 255, 255, 0.012);
}


.session-product-main {
    padding: 28px;
}


.session-product-heading {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    padding-bottom: 20px;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.055);
}


.session-product-heading h3 {
    margin:
        7px 0
        0;

    color: #ddd8e0;

    font-size: 21px;
}


.session-status {
    padding:
        7px 11px;

    border:
        1px solid
        rgba(143, 88, 190, 0.24);

    border-radius: 18px;

    color: #a98bc0;

    font-size: 8px;
}


.session-header-row {
    display: flex;

    justify-content: space-between;

    gap: 25px;

    align-items: center;

    padding:
        22px 0;
}


.session-header-row strong {
    display: block;

    color: #d4ced7;

    font-size: 13px;
}


.session-header-row span {
    display: block;

    margin-top: 5px;

    color: #8f6bb0;

    font-size: 9px;
}


.session-complete-button {
    padding:
        10px 16px;

    border:
        1px solid
        rgba(154, 89, 201, 0.52);

    border-radius: 8px;

    background:
        rgba(108, 56, 146, 0.35);

    color: #e6dcea;

    font: inherit;

    font-size: 9px;
}


.session-tabs {
    display: flex;

    gap: 28px;

    overflow-x: auto;

    padding:
        9px 0
        0;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.055);

    scrollbar-width: none;
}


.session-tabs::-webkit-scrollbar {
    display: none;
}


.session-tabs span {
    flex: 0 0 auto;

    padding:
        10px 0
        12px;

    color: #736b78;

    font-size: 9px;
}


.session-tabs span.active {
    color: #d3cad8;

    border-bottom:
        2px solid #a65cda;
}


.session-reflection {
    padding:
        26px 0
        8px;
}


.session-reflection h4 {
    margin:
        0 0
        16px;

    color: #d8d2db;

    font-size: 15px;
}


.session-reflection-box {
    min-height: 205px;

    padding: 18px;

    border:
        1px solid
        rgba(99, 106, 143, 0.33);

    border-radius: 10px;

    background: #11111a;

    color: #89818f;

    font-size: 11px;

    line-height: 1.7;
}


.session-save-row {
    display: flex;

    justify-content: flex-end;

    margin-top: 13px;
}


.session-save-button {
    padding:
        10px 16px;

    border:
        1px solid
        rgba(143, 82, 188, 0.48);

    border-radius: 8px;

    background:
        rgba(84, 45, 113, 0.30);

    color: #ddd4e2;

    font: inherit;

    font-size: 9px;
}


.session-list {
    margin-top: 15px;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.055);
}


.session-list-row {
    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

    padding:
        17px 0;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.05);
}


.session-list-row strong {
    display: block;

    color: #c5bec8;

    font-size: 11px;
}


.session-list-row span {
    display: block;

    margin-top: 4px;

    color: #8a68a8;

    font-size: 8px;
}


.session-list-row b {
    color: #aaa2af;

    font-size: 16px;

    font-weight: 400;
}


/* =====================================
   SESSION SIDEBAR
===================================== */

.session-product-sidebar {
    padding: 23px;
}


.session-workflow-item {
    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 16px;

    padding:
        17px 0;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.05);
}


.session-workflow-item strong {
    display: block;

    color: #c7c0ca;

    font-size: 11px;
}


.session-workflow-item span {
    display: block;

    margin-top: 5px;

    color: #716a76;

    font-size: 8px;
}


.session-workflow-item b {
    color: #ae5edc;

    font-size: 9px;
}


.session-sidebar-note {
    margin-top: 28px;

    padding:
        18px;

    border:
        1px solid
        rgba(142, 86, 187, 0.12);

    border-radius: 11px;

    background:
        rgba(84, 49, 108, 0.04);
}


.session-sidebar-note p {
    margin:
        9px 0
        0;

    color: #77707d;

    font-size: 9px;

    line-height: 1.6;
}


/* =====================================
   SESSION FEATURE GRID
===================================== */

.session-feature-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 13px;

    margin-top: 18px;
}


.session-feature-grid article {
    min-height: 150px;

    padding: 21px;

    border:
        1px solid
        rgba(255, 255, 255, 0.055);

    border-radius: 13px;
}


.session-feature-grid strong {
    display: block;

    margin-top: 9px;

    color: #c9c1cc;

    font-size: 17px;
}


.session-feature-grid p {
    margin:
        9px 0
        0;

    color: #736b78;

    font-size: 16px;

    line-height: 1.6;
}



/* =====================================
   FOLLOW UPS
===================================== */

.followups-section {
    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(96, 52, 139, 0.09),
            transparent 30%
        ),
        #0b0810;
}


.followups-product {
    margin-top: 76px;

    padding: 30px;

    border:
        1px solid
        rgba(145, 89, 191, 0.18);

    border-radius: 20px;

    background:
        rgba(255, 255, 255, 0.012);
}


.followups-product-heading {
    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 30px;

    margin-bottom: 22px;
}


.followups-product-heading h3 {
    margin:
        7px 0
        0;

    color: #ddd8e0;

    font-size: 22px;
}


.followups-count {
    padding:
        7px 11px;

    border:
        1px solid
        rgba(105, 165, 124, 0.17);

    border-radius: 18px;

    color: #77a986;

    font-size: 8px;
}


.followup-record {
    display: grid;

    grid-template-columns:
        80px
        minmax(200px, 1.2fr)
        minmax(180px, 1fr)
        100px
        90px;

    gap: 20px;

    align-items: center;

    min-height: 68px;

    padding:
        0 20px;

    margin-top: 10px;

    border:
        1px solid
        rgba(255, 255, 255, 0.065);

    border-radius: 11px;

    background:
        rgba(255, 255, 255, 0.008);
}


.followup-mode {
    color: #b27cd3;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 0.5px;
}


.followup-record strong {
    color: #cdc6d0;

    font-size: 11px;
}


.followup-date,
.followup-channel {
    color: #817986;

    font-size: 9px;
}


.followup-active {
    justify-self: end;

    padding:
        6px 9px;

    border:
        1px solid
        rgba(60, 166, 94, 0.34);

    border-radius: 7px;

    color: #72c48a;

    background:
        rgba(53, 126, 75, 0.09);

    font-size: 7px;

    text-transform: uppercase;
}


/* =====================================
   FOLLOW UP FEATURES
===================================== */

.followup-trigger-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 13px;

    margin-top: 18px;
}


.followup-trigger-grid article {
    min-height: 160px;

    padding: 22px;

    border:
        1px solid
        rgba(255, 255, 255, 0.055);

    border-radius: 13px;
}


.followup-trigger-grid strong {
    display: block;

    margin-top: 9px;

    color: #c9c1cc;

    font-size: 17px;
}


.followup-trigger-grid p {
    margin:
        10px 0
        0;

    color: #736b78;

    font-size: 16px;

    line-height: 1.6;
}


.followup-callout {
    max-width: 900px;

    margin:
        42px auto
        0;

    padding:
        30px 34px;

    border:
        1px solid
        rgba(148, 91, 194, 0.16);

    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            rgba(47, 30, 63, 0.18),
            rgba(24, 17, 31, 0.30)
        );

    text-align: center;
}


.followup-callout strong {
    display: block;

    margin:
        10px auto
        0;

    max-width: 720px;

    color: #d4ccd9;

    font-size: 21px;

    line-height: 1.45;
}


.followup-callout p {
    max-width: 680px;

    margin:
        13px auto
        0;

    color: #817785;

    font-size: 16px;

    line-height: 1.65;
}



/* =====================================
   CREATE AND PREPARE
===================================== */

.create-section {
    background:
        radial-gradient(
            circle at 84% 42%,
            rgba(105, 58, 150, 0.10),
            transparent 31%
        ),
        #09070f;
}


.create-secondary-copy {
    margin-top: 18px !important;

    color: #746c79 !important;

    font-size: 17px !important;

    line-height: 1.7;

}


.create-workspace {
    margin-top: 76px;

    overflow: hidden;

    border:
        1px solid
        rgba(148, 91, 193, 0.18);

    border-radius: 21px;

    background:
        rgba(255, 255, 255, 0.012);
}


.create-workspace-top {
    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 30px;

    padding:
        25px 28px;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.055);
}


.create-workspace-top h3 {
    margin:
        7px 0
        0;

    color: #e1dce4;

    font-size: 22px;
}


.create-workspace-top p {
    margin:
        6px 0
        0;

    color: #746c79;

    font-size: 10px;
}


.create-linked-status {
    padding:
        7px 11px;

    border:
        1px solid
        rgba(113, 169, 130, 0.18);

    border-radius: 18px;

    color: #79aa89;

    font-size: 8px;
}


/* =====================================
   CREATE WORKSPACE BODY
===================================== */

.create-workspace-body {
    display: grid;

    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(290px, 0.55fr);
}


.create-content-main {
    padding: 28px;

    border-right:
        1px solid
        rgba(255, 255, 255, 0.055);
}


.linked-content-heading {
    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 25px;

    margin-bottom: 23px;
}


.linked-content-heading h4 {
    margin:
        7px 0
        0;

    color: #d4ced7;

    font-size: 17px;
}


.create-content-button {
    padding:
        9px 14px;

    border:
        1px solid
        rgba(153, 91, 200, 0.42);

    border-radius: 9px;

    background:
        rgba(93, 48, 126, 0.22);

    color: #d5cadc;

    font: inherit;

    font-size: 9px;
}


/* =====================================
   LINKED CONTENT
===================================== */

.linked-content-list {
    display: grid;

    gap: 10px;
}


.linked-content-item {
    display: grid;

    grid-template-columns:
        42px
        1fr
        auto;

    gap: 15px;

    align-items: center;

    min-height: 78px;

    padding:
        13px 16px;

    border:
        1px solid
        rgba(255, 255, 255, 0.055);

    border-radius: 11px;

    background:
        rgba(255, 255, 255, 0.01);
}


.linked-content-icon {
    display: grid;

    place-items: center;

    width: 38px;
    height: 38px;

    border:
        1px solid
        rgba(151, 89, 200, 0.22);

    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            rgba(113, 61, 151, 0.20),
            rgba(63, 36, 83, 0.12)
        );

    color: #ba8ed7;

    font-size: 11px;

    font-weight: 600;
}


.linked-content-info > span {
    display: block;

    color: #866e97;

    font-size: 7px;

    letter-spacing: 1.1px;
}


.linked-content-info strong {
    display: block;

    margin-top: 5px;

    color: #cbc4ce;

    font-size: 11px;
}


.linked-content-info p {
    margin:
        5px 0
        0;

    color: #6e6773;

    font-size: 8px;
}


.linked-content-state {
    padding:
        5px 8px;

    border:
        1px solid
        rgba(89, 167, 113, 0.18);

    border-radius: 14px;

    color: #76a986;

    font-size: 7px;
}


/* =====================================
   CREATION TOOLS PANEL
===================================== */

.create-tools-panel {
    padding: 28px;
}


.create-tool {
    display: grid;

    grid-template-columns:
        35px
        1fr;

    gap: 13px;

    padding:
        18px 0;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.05);
}


.create-tool-number {
    display: grid;

    place-items: center;

    width: 32px;
    height: 32px;

    border:
        1px solid
        rgba(141, 85, 186, 0.15);

    border-radius: 9px;

    color: #826994;

    font-size: 8px;
}


.create-tool.active .create-tool-number {
    border-color:
        rgba(164, 98, 210, 0.40);

    background:
        rgba(106, 59, 142, 0.18);

    color: #bd8cdc;
}


.create-tool strong {
    display: block;

    color: #c7c0ca;

    font-size: 11px;
}


.create-tool p {
    margin:
        6px 0
        0;

    color: #716a76;

    font-size: 8px;

    line-height: 1.55;
}


/* =====================================
   CREATE FEATURE GRID
===================================== */

.create-feature-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 13px;

    margin-top: 18px;
}


.create-feature-grid article {
    min-height: 165px;

    padding: 22px;

    border:
        1px solid
        rgba(255, 255, 255, 0.055);

    border-radius: 13px;
}


.create-feature-grid strong {
    display: block;

    margin-top: 9px;

    color: #c9c1cc;

    font-size: 17px;
}


.create-feature-grid p {
    margin:
        10px 0
        0;

    color: #736b78;

    font-size: 16px;

    line-height: 1.65;
}


/* =====================================
   CREATE CALLOUT
===================================== */

.create-callout {
    display: flex;

    gap: 22px;

    align-items: flex-start;

    max-width: 900px;

    margin:
        42px auto
        0;

    padding:
        30px 34px;

    border:
        1px solid
        rgba(149, 92, 195, 0.17);

    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            rgba(48, 30, 64, 0.20),
            rgba(23, 16, 31, 0.34)
        );
}


.create-callout-orb {
    flex:
        0 0 45px;

    width: 45px;
    height: 45px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 34% 30%,
            #c396e8,
            #74439d 44%,
            #24132d 76%
        );

    box-shadow:
        0 0 22px
        rgba(145, 79, 198, 0.24);
}


.create-callout strong {
    display: block;

    margin-top: 9px;

    color: #d4ccd9;

    font-size: 21px;

    line-height: 1.45;
}


.create-callout p {
    margin:
        12px 0
        0;

    color: #817785;

    font-size: 16px;

    line-height: 1.7;
}



/* =====================================
   COMMUNITY HUB
===================================== */

.community-section {
    background:
        radial-gradient(
            circle at 16% 30%,
            rgba(99, 55, 143, 0.09),
            transparent 30%
        ),
        #09070f;
}


.community-secondary-copy {
    margin-top: 18px !important;

    color: #746c79 !important;

    font-size: 17px !important;

    line-height: 1.7;

}



/* =====================================
   COMMUNITY BOARD
===================================== */

.community-board,
.events-board {
    margin-top: 72px;

    padding:
        28px;

    border:
        1px solid
        rgba(145, 89, 191, 0.17);

    border-radius: 20px;

    background:
        rgba(255, 255, 255, 0.012);

    overflow: hidden;
}


.community-board-heading,
.events-board-heading {
    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    gap: 30px;
}


.community-board-heading h3,
.events-board-heading h3 {
    margin:
        8px 0
        0;

    color: #ddd7e0;

    font-size: 22px;
}


.community-board-heading p,
.events-board-heading p {
    max-width: 650px;

    margin:
        8px 0
        0;

    color: #77707c;

    font-size: 10px;

    line-height: 1.6;
}


.community-slider-controls {
    display: flex;

    gap: 8px;
}


.community-slider-controls button {
    display: grid;

    place-items: center;

    width: 38px;
    height: 38px;

    border:
        1px solid
        rgba(153, 91, 200, 0.36);

    border-radius: 9px;

    background: transparent;

    color: #d8d1dc;

    font: inherit;

    cursor: pointer;
}



/* =====================================
   ANNOUNCEMENT TICKER
===================================== */

.community-ticker {
    margin-top: 28px;

    overflow: hidden;
}


.community-ticker-track {
    display: flex;

    gap: 14px;

    width: max-content;
}


.community-announcement {
    display: flex;

    flex-direction: column;

    width: 285px;
    min-height: 255px;

    padding: 20px;

    border:
        1px solid
        rgba(146, 89, 191, 0.20);

    border-radius: 14px;

    background:
        rgba(255, 255, 255, 0.009);
}


.announcement-type {
    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1.1px;
}


.announcement-type.referral {
    color: #ba8dd7;
}


.announcement-type.invite {
    color: #c28dbd;
}


.announcement-type.mentorship {
    color: #65beb5;
}


.announcement-type.practice {
    color: #829bd1;
}


.community-announcement h4 {
    margin:
        14px 0
        0;

    color: #d5cfd8;

    font-size: 15px;
}


.community-announcement p {
    margin:
        12px 0
        0;

    color: #817986;

    font-size: 10px;

    line-height: 1.6;
}


.announcement-focus {
    display: block;

    margin-top: 12px;

    color: #9877ae;

    font-size: 8px;
}


.community-announcement button {
    width: 100%;

    margin-top: auto;

    padding:
        9px 12px;

    border:
        1px solid
        rgba(145, 86, 191, 0.42);

    border-radius: 18px;

    background: transparent;

    color: #d9d2dc;

    font: inherit;

    font-size: 9px;
}



/* =====================================
   COMMUNITY CONTACT FLOW
===================================== */

.community-contact-flow {
    display: grid;

    grid-template-columns:
        1fr
        auto
        1fr
        auto
        1fr;

    gap: 20px;

    align-items: center;

    margin-top: 30px;

    padding:
        24px;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.05);
}


.community-contact-step span {
    color: #9a70b5;

    font-size: 8px;
}


.community-contact-step strong {
    display: block;

    margin-top: 7px;

    color: #c8c1cb;

    font-size: 12px;
}


.community-contact-step p {
    margin:
        7px 0
        0;

    color: #716a76;

    font-size: 8px;

    line-height: 1.55;
}


.community-contact-arrow {
    color: #694d79;

    font-size: 17px;
}



/* =====================================
   EVENTS BOARD
===================================== */

.events-board {
    margin-top: 24px;
}


.events-slider {
    margin-top: 28px;

    overflow: hidden;
}


.events-slider-track {
    display: flex;

    gap: 16px;

    width: max-content;
}


.event-card {
    width: 315px;

    overflow: hidden;

    border:
        1px solid
        rgba(145, 89, 191, 0.22);

    border-radius: 16px;

    background: #0c0b13;
}


.event-visual {
    display: flex;

    align-items: flex-end;

    height: 145px;

    padding: 18px;

    background:
        linear-gradient(
            135deg,
            #25162f,
            #10111a
        );
}


.event-visual-conference {
    background:
        radial-gradient(
            circle at 70% 25%,
            rgba(135, 74, 181, 0.45),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #211329,
            #0c0c13
        );
}


.event-visual-mentorship {
    background:
        radial-gradient(
            circle at 32% 40%,
            rgba(69, 145, 128, 0.28),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            #131d1c,
            #0a0c10
        );
}


.event-visual-education {
    background:
        radial-gradient(
            circle at 62% 32%,
            rgba(77, 101, 160, 0.30),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #121728,
            #090a10
        );
}


.event-visual-partner {
    background:
        radial-gradient(
            circle at 62% 30%,
            rgba(133, 75, 176, 0.32),
            transparent 37%
        ),
        linear-gradient(
            135deg,
            #20142a,
            #0c0a10
        );
}


.event-visual span {
    color:
        rgba(255, 255, 255, 0.72);

    font-size: 9px;

    letter-spacing: 2px;
}


.event-card-body {
    min-height: 230px;

    padding: 22px;
}


.event-type {
    color: #a87bca;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 1.1px;
}


.event-card h4 {
    margin:
        11px 0
        0;

    color: #ded8e1;

    font-size: 17px;
}


.event-card p {
    margin:
        12px 0
        0;

    color: #817a86;

    font-size: 10px;

    line-height: 1.65;
}


.event-card button {
    margin-top: 22px;

    padding:
        9px 17px;

    border:
        1px solid
        rgba(145, 89, 191, 0.38);

    border-radius: 18px;

    background: transparent;

    color: #d8d0dc;

    font: inherit;

    font-size: 9px;
}



/* =====================================
   COMMUNITY PRINCIPLE
===================================== */

.community-principle {
    display: grid;

    grid-template-columns:
        0.8fr
        1.2fr;

    gap: 45px;

    align-items: center;

    max-width: 970px;

    margin:
        40px auto
        0;

    padding:
        28px 32px;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.055);

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.055);
}


.community-principle strong {
    display: block;

    margin-top: 9px;

    color: #d1cad5;

    font-size: 19px;

    line-height: 1.45;
}


.community-principle p {
    margin: 0;

    color: #7e7683;

    font-size: 16px;

    line-height: 1.7;
}



/* =====================================
   COMMUNITY PULSE
===================================== */

.community-pulse-feature {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(300px, 0.72fr);

    gap: 42px;

    align-items: center;

    margin-top: 26px;

    padding:
        34px 38px;

    border:
        1px solid
        rgba(145, 89, 191, 0.16);

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            rgba(42, 26, 57, 0.17),
            rgba(18, 14, 24, 0.28)
        );
}


.community-pulse-copy h3 {
    margin:
        10px 0
        0;

    color: #d9d2dc;

    font-size: 23px;

    line-height: 1.35;
}


.community-pulse-copy p {
    max-width: 620px;

    margin:
        15px 0
        0;

    color: #807784;

    font-size: 16px;

    line-height: 1.7;
}


/* PREVIEW */

.community-pulse-preview {
    padding:
        20px;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.055);
}


.community-pulse-label {
    display: block;

    margin-bottom: 14px;

    color: #86808c;

    font-size: 9px;

    letter-spacing: 1.4px;
}


.community-pulse-card {
    padding:
        20px;

    border:
        1px solid
        rgba(150, 88, 198, 0.30);

    border-radius: 15px;

    background:
        radial-gradient(
            circle at 18% 15%,
            rgba(115, 52, 165, 0.30),
            transparent 43%
        ),
        rgba(24, 14, 31, 0.82);
}


.community-pulse-type {
    display: block;

    color: #b58ad0;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.3px;
}


.community-pulse-card strong {
    display: block;

    margin-top: 15px;

    color: #e1dae4;

    font-size: 16px;
}


.community-pulse-card p {
    margin:
        10px 0
        0;

    color: #918796;

    font-size: 10px;

    line-height: 1.55;
}


.community-pulse-link {
    display: block;

    margin-top: 22px;

    color: #bd72e8;

    font-size: 10px;

    font-weight: 600;
}


/* RESPONSIVE */



/* =====================================
   ELAH ECOSYSTEM
===================================== */

.ecosystem-section {
    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(103, 57, 147, 0.10),
            transparent 34%
        ),
        #09070f;
}


.ecosystem-secondary-copy {
    margin-top: 18px !important;

    color: #8d8491 !important;

    font-size: 17px !important;

    line-height: 1.65 !important;
}



/* =====================================
   ECOSYSTEM WORKSPACE
===================================== */

.ecosystem-workspace {
    display: grid;

    grid-template-columns:
        220px
        minmax(0, 1fr)
        220px;

    gap: 18px;

    align-items: center;

    margin-top: 74px;
}


.ecosystem-provider-column {
    display: grid;

    gap: 14px;
}


.ecosystem-provider {
    display: grid;

    grid-template-columns:
        38px
        1fr;

    gap: 13px;

    align-items: center;

    min-height: 105px;

    padding: 16px;

    border:
        1px solid
        rgba(145, 89, 191, 0.16);

    border-radius: 13px;

    background:
        rgba(255, 255, 255, 0.01);
}


.ecosystem-provider-icon {
    display: grid;

    place-items: center;

    width: 36px;
    height: 36px;

    border:
        1px solid
        rgba(150, 89, 198, 0.24);

    border-radius: 10px;

    background:
        rgba(87, 48, 118, 0.17);

    color: #b286cf;

    font-size: 10px;
}


.ecosystem-provider span {
    display: block;

    color: #7d668c;

    font-size: 7px;

    letter-spacing: 1px;
}


.ecosystem-provider strong {
    display: block;

    margin-top: 5px;

    color: #c9c2cc;

    font-size: 10px;
}


.ecosystem-provider p {
    margin:
        5px 0
        0;

    color: #6f6874;

    font-size: 8px;

    line-height: 1.45;
}



/* =====================================
   ECOSYSTEM ACTIVITY DECK
===================================== */

.ecosystem-deck {
    padding: 26px;

    border:
        1px solid
        rgba(145, 89, 191, 0.20);

    border-radius: 18px;

    background:
        rgba(255, 255, 255, 0.012);

    box-shadow:
        0 24px 70px
        rgba(0, 0, 0, 0.20);
}


.ecosystem-deck-top {
    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 25px;

    padding-bottom: 19px;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.05);
}


.ecosystem-deck-top h3 {
    margin:
        7px 0
        0;

    color: #ddd7e0;

    font-size: 19px;
}


.ecosystem-live {
    padding:
        6px 10px;

    border:
        1px solid
        rgba(107, 165, 125, 0.16);

    border-radius: 16px;

    color: #78a587;

    font-size: 7px;
}


.ecosystem-deck-grid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 10px;

    margin-top: 18px;
}


.ecosystem-deck-grid article {
    min-height: 115px;

    padding: 16px;

    border:
        1px solid
        rgba(255, 255, 255, 0.05);

    border-radius: 11px;

    background:
        rgba(255, 255, 255, 0.008);
}


.ecosystem-deck-grid span {
    color: #8a6b9a;

    font-size: 7px;

    letter-spacing: 1px;
}


.ecosystem-deck-grid strong {
    display: block;

    margin-top: 9px;

    color: #cbc4ce;

    font-size: 11px;
}


.ecosystem-deck-grid p {
    margin:
        7px 0
        0;

    color: #706974;

    font-size: 8px;

    line-height: 1.55;
}


.ecosystem-deck-footer {
    margin-top: 18px;

    padding:
        17px;

    border:
        1px solid
        rgba(145, 89, 191, 0.11);

    border-radius: 10px;
}


.ecosystem-deck-footer p {
    margin:
        7px 0
        0;

    color: #746d79;

    font-size: 9px;

    line-height: 1.55;
}



/* =====================================
   ECOSYSTEM PRINCIPLES
===================================== */

.ecosystem-principles {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 12px;

    margin-top: 22px;
}


.ecosystem-principles article {
    min-height: 190px;

    padding: 21px;

    border:
        1px solid
        rgba(255, 255, 255, 0.05);

    border-radius: 13px;
}


.ecosystem-principles strong {
    display: block;

    margin-top: 11px;

    color: #c9c2cc;

    font-size: 17px;

    line-height: 1.4;
}


.ecosystem-principles p {
    margin:
        12px 0
        0;

    color: #817985;

    font-size: 16px;

    line-height: 1.65;
}



/* =====================================
   ECOSYSTEM CALLOUT
===================================== */

.ecosystem-callout {
    max-width: 940px;

    margin:
        42px auto
        0;

    padding:
        34px;

    border:
        1px solid
        rgba(149, 91, 194, 0.17);

    border-radius: 17px;

    background:
        linear-gradient(
            135deg,
            rgba(47, 28, 64, 0.19),
            rgba(22, 15, 30, 0.28)
        );

    text-align: center;
}


.ecosystem-callout h3 {
    margin:
        12px auto
        0;

    max-width: 780px;

    color: #d7d0da;

    font-size: 27px;

    line-height: 1.35;
}


.ecosystem-callout p {
    max-width: 720px;

    margin:
        15px auto
        0;

    color: #8d8491;

    font-size: 17px;

    line-height: 1.65;
}



/* =====================================
   PRIVACY AND CONTROL
===================================== */

.platform-trust-section {
    background:
        radial-gradient(
            circle at 75% 30%,
            rgba(98, 52, 142, 0.08),
            transparent 34%
        ),
        #0b0810;
}


.platform-trust-heading {
    max-width: 850px;
}


.platform-trust-heading h2 {
    margin:
        15px 0
        0;

    color: #f4f1f5;

    font-size:
        clamp(
            44px,
            5vw,
            76px
        );

    line-height: 1.03;

    letter-spacing: -0.045em;
}


.platform-trust-heading h2 span {
    color: #c7a9dd;
}


.platform-trust-heading > p:last-child {
    max-width: 730px;

    margin:
        24px 0
        0;

    color: #948a98;

    font-size: 18px;

    line-height: 1.7;
}


.platform-trust-grid {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 14px;

    margin-top: 58px;
}


.platform-trust-grid article {
    min-height: 220px;

    padding: 28px;

    border:
        1px solid
        rgba(145, 89, 191, 0.15);

    border-radius: 15px;

    background:
        rgba(255, 255, 255, 0.009);
}


.platform-trust-grid strong {
    display: block;

    margin-top: 12px;

    color: #d0c9d3;

    font-size: 19px;

    line-height: 1.4;
}


.platform-trust-grid p {
    margin:
        13px 0
        0;

    color: #877e8b;

    font-size: 16px;

    line-height: 1.7;
}


.platform-scope-note {
    max-width: 980px;

    margin:
        36px auto
        0;

    padding:
        28px 30px;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.05);

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.05);

    text-align: center;
}


.platform-scope-note p {
    max-width: 900px;

    margin:
        12px auto
        0;

    color: #817884;

    font-size: 16px;

    line-height: 1.7;
}



/* =====================================
   FINAL CTA
===================================== */

.platform-final-cta {
    position: relative;

    overflow: hidden;

    background:
        radial-gradient(
            ellipse at 50% 100%,
            rgba(112, 55, 162, 0.34),
            transparent 52%
        ),
        #09060e;
}


.platform-final-inner {
    position: relative;

    max-width: 1050px;

    margin: 0 auto;

    text-align: center;
}


.platform-final-inner h2 {
    margin:
        16px 0
        0;

    color: #f5f2f6;

    font-size:
        clamp(
            54px,
            7vw,
            100px
        );

    line-height: 0.98;

    letter-spacing: -0.055em;
}


.platform-final-inner h2 span {
    display: block;

    color: #c4a3da;
}


.platform-final-copy {
    max-width: 760px;

    margin:
        30px auto
        0;

    color: #948a98;

    font-size: 18px;

    line-height: 1.7;
}


.platform-final-actions {
    display: flex;

    justify-content: center;

    gap: 12px;

    margin-top: 34px;
}


.platform-final-primary,
.platform-final-secondary {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 150px;

    min-height: 48px;

    padding:
        0 22px;

    border-radius: 9px;

    text-decoration: none;

    font-size: 13px;

    font-weight: 600;
}


.platform-final-primary {
    background:
        linear-gradient(
            135deg,
            #8651c6,
            #a961dd
        );

    color: white;
}


.platform-final-secondary {
    border:
        1px solid
        rgba(153, 91, 200, 0.42);

    color: #eee8f1;

    background:
        rgba(40, 23, 51, 0.24);
}


.platform-final-options {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 12px;

    margin-top: 62px;

    text-align: left;
}


.platform-final-options article {
    min-height: 150px;

    padding: 23px;

    border:
        1px solid
        rgba(145, 89, 191, 0.15);

    border-radius: 13px;

    background:
        rgba(255, 255, 255, 0.009);
}


.platform-final-options strong {
    display: block;

    margin-top: 10px;

    color: #d1cad4;

    font-size: 17px;
}


.platform-final-options p {
    margin:
        9px 0
        0;

    color: #817985;

    font-size: 16px;

    line-height: 1.6;
}


/* =====================================
   RESPONSIVE
===================================== */


@media (max-width: 1100px) {


    .platform-hero-shell {
        grid-template-columns: 1fr;

        gap: 70px;
    }


    .platform-hero-copy {
        max-width: 820px;
    }


    .platform-hero-visual {
        max-width: 820px;

        width: 100%;
    }


    .platform-split-heading {
        grid-template-columns: 1fr;

        gap: 32px;
    }


    .activity-product {
        grid-template-columns: 1fr;
    }


    .activity-product-sidebar {
        display: none;
    }


    .client-workspace-body {
        grid-template-columns: 1fr;
    }


    .client-workspace-sidebar {
        display: grid;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap:
            0 25px;
    }


    .client-workspace-sidebar h3,
    .workspace-sidebar-label {
        grid-column:
            1 / -1;
    }
}


@media (max-width: 1050px) {


    .ecosystem-workspace {
        grid-template-columns:
            1fr;
    }


    .ecosystem-provider-column {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }
}


@media (max-width: 1000px) {


    .analysis-index-window {
        grid-template-columns: 1fr;
    }


    .recent-intakes {
        display: grid;

        grid-template-columns:
            repeat(
                3,
                1fr
            );

        gap:
            0 20px;
    }


    .recent-intakes > .micro-label,
    .recent-intakes > h3 {
        grid-column:
            1 / -1;
    }


    .analysis-case-bar {
        grid-template-columns:
            1fr;
    }


    .analysis-meta > div:first-child {
        border-left: 0;

        padding-left: 0;
    }


    .analysis-link-button {
        width: fit-content;
    }
}


@media (max-width: 960px) {


    .session-product {
        grid-template-columns: 1fr;
    }


    .session-product-sidebar {
        display: grid;

        grid-template-columns:
            1fr 1fr;

        gap:
            0 24px;
    }


    .session-product-sidebar > .micro-label,
    .session-sidebar-note {
        grid-column:
            1 / -1;
    }


    .followup-record {
        grid-template-columns:
            70px
            1.2fr
            1fr
            80px;
    }


    .followup-channel {
        display: none;
    }


    .create-workspace-body {
        grid-template-columns: 1fr;
    }


    .create-content-main {
        border-right: 0;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.055);
    }


    .create-tools-panel {
        display: grid;

        grid-template-columns:
            1fr 1fr;

        gap:
            0 24px;
    }


    .create-tools-panel > .micro-label {
        grid-column:
            1 / -1;
    }
}


@media (max-width: 900px) {


    .fusion-state-grid {
        grid-template-columns:
            1fr 1fr;
    }


    .fusion-report-columns {
        grid-template-columns: 1fr;
    }


    .progress-overview-grid {
        grid-template-columns:
            1fr 1fr;
    }
}


@media (max-width: 850px) {


    .ecosystem-principles {
        grid-template-columns:
            1fr 1fr;
    }


    .platform-trust-grid {
        grid-template-columns:
            1fr;
    }
}


@media (max-width: 820px) {


    .platform-shell {
        width:
            calc(100% - 40px);
    }


    .platform-section {
        padding:
            110px 0;
    }


    .activity-dashboard-grid {
        grid-template-columns: 1fr;
    }


    .activity-followups {
        border-left: 0;

        border-top:
            1px solid
            rgba(255, 255, 255, 0.055);
    }


    .activity-metrics {
        grid-template-columns:
            1fr 1fr;
    }


    .activity-quick-grid {
        grid-template-columns: 1fr;
    }


    .client-workspace-meta {
        grid-template-columns:
            1fr 1fr;
    }


    .client-workspace-meta > div:nth-child(2) {
        border-right: 0;
    }


    .journal-product {
        grid-template-columns: 1fr;
    }


    .community-contact-flow {
        grid-template-columns: 1fr;
    }


    .community-contact-arrow {
        transform: rotate(90deg);

        justify-self: center;
    }
}


@media (max-width: 780px) {


    .community-pulse-feature {
        grid-template-columns: 1fr;

        gap: 26px;

        padding:
            28px;
    }


    .community-pulse-preview {
        padding:
            22px 0
            0;

        border-left: 0;

        border-top:
            1px solid
            rgba(255, 255, 255, 0.055);
    }
}


@media (max-width: 760px) {


    .analysis-index-heading {
        flex-direction: column;

        align-items: stretch;
    }


    .analysis-search {
        min-width: 0;

        width: 100%;
    }


    .analysis-table {
        overflow-x: auto;
    }


    .analysis-table-row {
        min-width: 700px;
    }


    .recent-intakes {
        grid-template-columns: 1fr;
    }


    .analysis-summary-points,
    .analysis-insight-grid {
        grid-template-columns: 1fr;
    }


    .analysis-summary-points > div {
        padding:
            0 0
            17px;

        border-right: 0;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.055);
    }


    .analysis-summary-points > div:last-child {
        padding-bottom: 0;

        border-bottom: 0;
    }
}


@media (max-width: 720px) {


    .fusion-context-note {
        margin-top: 34px;

        padding:
            28px 24px;

        text-align: left;
    }


    .fusion-context-note strong {
        font-size: 21px;

        line-height: 1.45;
    }


    .fusion-context-note p {
        font-size: 14px;
    }


    .fusion-product,
    .progress-product {
        padding: 22px;
    }


    .fusion-signal-grid {
        grid-template-columns: 1fr;
    }


    .fusion-context-note {
        text-align: left;
    }


    .progress-chart-heading {
        flex-direction: column;
    }


    .progress-mini-grid {
        grid-template-columns: 1fr;
    }


    .session-product-main,
    .session-product-sidebar,
    .followups-product {
        padding: 22px;
    }


    .session-feature-grid,
    .followup-trigger-grid {
        grid-template-columns: 1fr;
    }


    .followup-callout {
        text-align: left;
    }


    .create-workspace-top,
    .linked-content-heading {
        align-items: flex-start;

        flex-direction: column;
    }


    .create-content-main,
    .create-tools-panel {
        padding: 22px;
    }


    .create-feature-grid {
        grid-template-columns: 1fr;
    }


    .create-callout {
        margin-top: 30px;

        padding:
            26px 23px;
    }


    .community-board,
    .events-board {
        padding: 22px;
    }


    .community-board-heading,
    .events-board-heading {
        align-items: flex-start;

        flex-direction: column;
    }


    .community-principle {
        grid-template-columns: 1fr;

        gap: 18px;

        padding:
            26px 0;
    }


    .ecosystem-provider-column {
        grid-template-columns:
            1fr;
    }


    .ecosystem-principles {
        grid-template-columns:
            1fr;
    }


    .platform-final-options {
        grid-template-columns:
            1fr;
    }
}


@media (max-width: 580px) {


    .session-product-heading,
    .session-header-row,
    .followups-product-heading {
        align-items: flex-start;

        flex-direction: column;
    }


    .session-save-row {
        justify-content: stretch;
    }


    .session-save-button {
        width: 100%;
    }


    .session-product-sidebar {
        grid-template-columns: 1fr;
    }


    .session-product-sidebar > .micro-label,
    .session-sidebar-note {
        grid-column: auto;
    }


    .followup-record {
        grid-template-columns:
            1fr;

        gap: 7px;

        padding:
            16px;

        min-height: auto;
    }


    .followup-active {
        justify-self: start;
    }


    .followup-callout {
        padding:
            26px 22px;
    }


    .followup-callout strong {
        font-size: 18px;
    }
}


@media (max-width: 560px) {


    .platform-shell {
        width:
            calc(100% - 28px);
    }


    .platform-hero {
        padding:
            115px 0
            100px;
    }


    .platform-hero-copy h1 {
        font-size: 50px;

        letter-spacing: -2.5px;
    }


    .platform-hero-actions {
        display: grid;

        grid-template-columns: 1fr;
    }


    .platform-hero-actions .button {
        width: 100%;
    }


    .hero-workspace-window {
        grid-template-columns: 1fr;
    }


    .hero-workspace-sidebar {
        display: none;
    }


    .hero-workspace-main {
        padding: 23px;
    }


    .hero-stat-grid {
        grid-template-columns: 1fr;
    }


    .platform-section-heading h2,
    .platform-split-heading h2,
    .platform-coming-next h2 {
        font-size: 42px;

        letter-spacing: -2px;
    }


    .activity-product-main {
        padding: 18px;
    }


    .activity-metrics {
        grid-template-columns: 1fr;
    }


    .client-workspace-meta {
        grid-template-columns: 1fr;
    }


    .client-workspace-meta > div {
        border-right: 0;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.055);
    }


    .client-workspace-meta > div:last-child {
        border-bottom: 0;
    }


    .client-workspace-sidebar {
        grid-template-columns: 1fr;
    }


    .client-workspace-sidebar h3,
    .workspace-sidebar-label {
        grid-column: auto;
    }


    .journal-input-card,
    .journal-history-card {
        padding: 22px;
    }


    .journal-textarea {
        min-height: 230px;
    }


    .analysis-index-main,
    .recent-intakes {
        padding: 21px;
    }


    .analysis-meta {
        grid-template-columns: 1fr;
    }


    .analysis-meta > div {
        padding:
            11px 0;

        border-left: 0;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.05);
    }


    .analysis-meta > div:last-child {
        border-bottom: 0;
    }


    .analysis-summary-card,
    .analysis-insight-grid article {
        padding: 22px;
    }


    .analysis-depth-note {
        margin-top: 18px;
    }


    .fusion-state-grid,
    .progress-overview-grid,
    .fusion-change-grid {
        grid-template-columns: 1fr;
    }


    .fusion-product-heading,
    .progress-product-top {
        align-items: flex-start;

        flex-direction: column;
    }


    .fusion-comparison {
        padding: 18px;
    }


    .fusion-report-row {
        flex-direction: column;

        gap: 5px;
    }


    .fusion-report-row strong {
        text-align: left;
    }


    .progress-score strong {
        font-size: 46px;
    }


    .progress-chart {
        height: 270px;
    }


    .progress-chart svg {
        height: 225px;
    }


    .line-one {
        top: 55px;
    }


    .line-two {
        top: 115px;
    }


    .line-three {
        top: 185px;
    }


    .create-tools-panel {
        grid-template-columns: 1fr;
    }


    .create-tools-panel > .micro-label {
        grid-column: auto;
    }


    .linked-content-item {
        grid-template-columns:
            42px
            1fr;
    }


    .linked-content-state {
        grid-column: 2;

        justify-self: start;
    }


    .create-callout {
        flex-direction: column;
    }


    .create-callout strong {
        font-size: 18px;
    }


    .community-announcement {
        width: 250px;
    }


    .event-card {
        width: 270px;
    }


    .event-card-body {
        min-height: 215px;
    }


    .community-pulse-feature {
        padding:
            24px 20px;
    }


    .community-pulse-copy h3 {
        font-size: 20px;
    }


    .ecosystem-deck {
        padding: 21px;
    }


    .ecosystem-deck-top {
        align-items: flex-start;

        flex-direction: column;
    }


    .ecosystem-deck-grid {
        grid-template-columns:
            1fr;
    }


    .ecosystem-callout {
        padding:
            28px 22px;
    }


    .ecosystem-callout h3 {
        font-size: 23px;
    }


    .platform-final-actions {
        flex-direction: column;
    }


    .platform-final-primary,
    .platform-final-secondary {
        width: 100%;
    }


    .platform-trust-grid article {
        padding:
            24px 21px;
    }
}