:root {
    color-scheme: dark;
    --lease-bg: #07111d;
    --lease-panel: #0e1b2b;
    --lease-panel-soft: #132338;
    --lease-border: rgba(95, 211, 255, 0.18);
    --lease-border-strong: rgba(95, 211, 255, 0.32);
    --lease-text: #eef5ff;
    --lease-muted: #9db4cc;
    --lease-accent: #34c8ff;
    --lease-accent-2: #4c8dff;
    --lease-success: #38d996;
    --lease-warning: #f3b84a;
    --lease-shadow: 0 18px 48px rgba(0, 0, 0, 0.25);
    --lease-site-max: 1760px;
    --lease-readable-max: 1280px;
    --lease-matrix-min: 1660px;
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    min-height: 100%;
    background:
        radial-gradient(circle at top, rgba(52, 200, 255, 0.12), transparent 32%),
        linear-gradient(180deg, #09111c 0%, #07111d 100%);
    color: var(--lease-text);
    font-family: Inter, "Segoe UI", sans-serif;
}

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

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

code {
    font-family: Consolas, "Courier New", monospace;
}

.lease-app-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.lease-topbar,
.lease-footer {
    padding: 20px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid var(--lease-border);
    background: rgba(6, 14, 24, 0.92);
    backdrop-filter: blur(16px);
}

.lease-footer {
    border-top: 1px solid var(--lease-border);
    border-bottom: 0;
    margin-top: auto;
    font-size: 13px;
    color: var(--lease-muted);
}

.lease-brand {
    display: flex;
    align-items: center;
    gap: 14px;
}

.lease-brand img {
    width: 40px;
    height: 40px;
}

.lease-brand span {
    display: grid;
    gap: 2px;
}

.lease-brand strong {
    font-size: 16px;
}

.lease-brand em {
    font-style: normal;
    font-size: 12px;
    color: var(--lease-muted);
}

.lease-nav,
.lease-footer nav,
.lease-hero-actions,
.lease-inline-meta,
.lease-stat-grid {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.lease-nav a,
.lease-footer nav a,
.lease-link,
.lease-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--lease-border);
    background: rgba(19, 35, 56, 0.62);
    color: var(--lease-text);
    border-radius: 12px;
    padding: 11px 16px;
    font-size: 14px;
    font-weight: 600;
    transition: 160ms ease;
    cursor: pointer;
}

.lease-nav a:hover,
.lease-footer nav a:hover,
.lease-link:hover,
.lease-button:hover,
.lease-nav a.is-active {
    border-color: var(--lease-border-strong);
    background: rgba(52, 200, 255, 0.12);
}

.lease-button--primary {
    background: linear-gradient(135deg, var(--lease-accent), var(--lease-accent-2));
    color: #05101c;
    border-color: transparent;
}

.lease-button--secondary {
    background: rgba(52, 200, 255, 0.09);
}

.lease-main {
    /* PHASE1619_LEASE_SITE_WIDE_SHELL_MAX_WIDTH */
    width: min(var(--lease-site-max), calc(100% - 40px));
    margin: 0 auto;
    padding: 32px 0 56px;
}

.lease-hero,
.lease-card {
    border: 1px solid var(--lease-border);
    background: linear-gradient(180deg, rgba(15, 27, 43, 0.98), rgba(11, 21, 34, 0.96));
    box-shadow: var(--lease-shadow);
}

.lease-hero {
    border-radius: 24px;
    padding: 32px;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-start;
}

.lease-hero h1,
.lease-card h2,
.lease-card h3 {
    margin: 0;
}

.lease-hero h1 {
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.02;
}

.lease-hero p,
.lease-card p,
.lease-card li,
.lease-card span,
.lease-card em {
    color: var(--lease-muted);
}

.lease-section {
    margin-top: 28px;
}

.lease-grid {
    display: grid;
    gap: 20px;
}

.lease-grid--hero,
.lease-grid--workflow,
.lease-grid--dashboard,
.lease-grid--auth,
.lease-grid--admin {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lease-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.lease-card-grid--stats {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.lease-card-grid--admin-home {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.lease-card {
    border-radius: 22px;
    padding: 24px;
}

.lease-card--highlight {
    background: linear-gradient(180deg, rgba(20, 39, 61, 1), rgba(11, 21, 34, 0.98));
}

.lease-card--plan.compact p {
    margin-bottom: 0;
}

.lease-card--auth,
.lease-card--form {
    min-height: 100%;
}

.lease-kicker,
.lease-plan-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 12px;
    font-weight: 700;
    color: var(--lease-accent);
}

.lease-plan-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 14px;
}

.lease-price-lockup {
    text-align: right;
}

.lease-price-lockup strong {
    display: block;
    font-size: 30px;
    color: var(--lease-text);
}

.lease-inline-meta span,
.lease-stat {
    border: 1px solid var(--lease-border);
    border-radius: 14px;
    background: rgba(52, 200, 255, 0.06);
    padding: 10px 12px;
    color: var(--lease-muted);
}

.lease-stat strong {
    display: block;
    color: var(--lease-text);
    font-size: 22px;
}

.lease-section-head {
    margin-bottom: 18px;
}

.lease-section-head--split {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 18px;
}

.lease-bullets,
.lease-steps {
    margin: 18px 0 0;
    padding-left: 18px;
    display: grid;
    gap: 10px;
}

.lease-form {
    display: grid;
    gap: 16px;
}

.lease-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.lease-field {
    display: grid;
    gap: 8px;
}

.lease-field--wide {
    grid-column: span 2;
}

.lease-field--full {
    grid-column: 1 / -1;
}

.lease-field span {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--lease-accent);
}

.lease-field input,
.lease-field select,
.lease-field textarea {
    width: 100%;
    border-radius: 14px;
    border: 1px solid var(--lease-border);
    background: rgba(7, 17, 29, 0.95);
    color: var(--lease-text);
    padding: 14px 16px;
    font-size: 15px;
}

.lease-field textarea {
    resize: vertical;
    min-height: 120px;
}

.lease-field-help {
    display: block;
    margin-top: 8px;
    color: var(--lease-muted);
    font-size: 12px;
    line-height: 1.45;
}

.lease-field input:focus,
.lease-field select:focus,
.lease-field textarea:focus {
    outline: 0;
    border-color: var(--lease-accent);
    box-shadow: 0 0 0 3px rgba(52, 200, 255, 0.12);
}

.lease-alert {
    border-radius: 14px;
    border: 1px solid rgba(255, 108, 124, 0.3);
    background: rgba(92, 24, 34, 0.45);
    color: #ffd7db;
    padding: 14px 16px;
    margin-bottom: 18px;
}

.lease-alert--success {
    border-color: rgba(56, 217, 150, 0.3);
    background: rgba(11, 74, 52, 0.42);
    color: #d8fff0;
}

.lease-user-chip {
    min-width: 220px;
    border-radius: 18px;
    border: 1px solid rgba(56, 217, 150, 0.24);
    background: rgba(56, 217, 150, 0.12);
    padding: 16px 18px;
}

.lease-user-chip span,
.lease-user-chip strong {
    display: block;
}

.lease-user-chip strong {
    margin-top: 6px;
    color: var(--lease-success);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 12px;
}

.lease-admin-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.lease-admin-tabs a {
    border: 1px solid var(--lease-border);
    background: rgba(11, 21, 34, 0.92);
    border-radius: 999px;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 700;
    color: var(--lease-muted);
}

.lease-admin-tabs a.is-active,
.lease-admin-tabs a:hover {
    color: var(--lease-text);
    border-color: var(--lease-border-strong);
    background: rgba(52, 200, 255, 0.12);
}

.lease-stack {
    display: grid;
    gap: 14px;
}

.lease-inline-card {
    border: 1px solid var(--lease-border);
    border-radius: 18px;
    background: rgba(10, 20, 32, 0.85);
    padding: 18px;
}

.lease-inline-card--tight {
    padding: 13px 14px;
}

.lease-inline-card--tight strong,
.lease-inline-card--tight span {
    display: block;
}

.lease-inline-card--tight strong {
    color: var(--lease-text);
    margin-bottom: 5px;
}

.lease-inline-card__head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.lease-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border: 1px solid var(--lease-border);
}

.lease-pill--success {
    background: rgba(56, 217, 150, 0.16);
    border-color: rgba(56, 217, 150, 0.3);
    color: #bff9df;
}

.lease-pill--warning {
    background: rgba(243, 184, 74, 0.16);
    border-color: rgba(243, 184, 74, 0.3);
    color: #ffe1a1;
}

.lease-pill--danger {
    background: rgba(255, 96, 120, 0.16);
    border-color: rgba(255, 96, 120, 0.3);
    color: #ffd5dc;
}

.lease-pill--default {
    background: rgba(52, 200, 255, 0.08);
    color: var(--lease-muted);
}

.lease-form-actions,
.lease-table-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.top-gap {
    margin-top: 16px;
}

.lease-code {
    margin: 12px 0 0;
    padding: 16px 18px;
    border-radius: 16px;
    border: 1px solid var(--lease-border);
    background: rgba(6, 14, 24, 0.96);
    color: #bfe9ff;
    font-family: Consolas, "Courier New", monospace;
    font-size: 13px;
    line-height: 1.55;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

.lease-table-wrap {
    overflow-x: auto;
}

.lease-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px;
}

.lease-table thead th {
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--lease-accent);
    padding: 0 0 14px;
}

.lease-table tbody td {
    border-top: 1px solid var(--lease-border);
    padding: 14px 0;
    vertical-align: top;
    color: var(--lease-muted);
}

.lease-table tbody td strong,
.lease-table tbody td span {
    display: block;
}

.lease-table tbody td strong {
    color: var(--lease-text);
    margin-bottom: 4px;
}

.lease-table-card {
    padding: 0;
    overflow: hidden;
}

.lease-table-card .lease-table-wrap {
    padding: 24px;
}

.lease-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, 0.75fr);
    gap: 22px;
}

.lease-hero-product {
    min-height: 420px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        linear-gradient(135deg, rgba(52, 200, 255, 0.2), transparent 36%),
        linear-gradient(225deg, rgba(243, 184, 74, 0.14), transparent 32%),
        linear-gradient(180deg, rgba(19, 35, 56, 0.98), rgba(8, 17, 30, 0.98));
}

.lease-hero-product h2 {
    max-width: 780px;
    font-size: clamp(38px, 5vw, 72px);
    line-height: 1;
    margin: 10px 0 18px;
}

.lease-hero-product p {
    max-width: 760px;
    font-size: 18px;
    line-height: 1.6;
}

.lease-button--glow {
    box-shadow: 0 16px 34px rgba(52, 200, 255, 0.24);
}

.lease-ribbon-grid {
    margin-top: 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.lease-ribbon {
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 10px 14px;
    font-weight: 800;
    font-size: 13px;
}

.lease-ribbon--cyan {
    color: #d8f7ff;
    background: rgba(52, 200, 255, 0.14);
    border-color: rgba(52, 200, 255, 0.34);
}

.lease-ribbon--emerald {
    color: #d8fff0;
    background: rgba(56, 217, 150, 0.14);
    border-color: rgba(56, 217, 150, 0.34);
}

.lease-ribbon--amber {
    color: #fff0c7;
    background: rgba(243, 184, 74, 0.14);
    border-color: rgba(243, 184, 74, 0.34);
}

.lease-ribbon--violet {
    color: #ebe4ff;
    background: rgba(139, 116, 255, 0.16);
    border-color: rgba(139, 116, 255, 0.36);
}

.lease-security-radar {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 18%, rgba(56, 217, 150, 0.18), transparent 30%),
        linear-gradient(180deg, rgba(9, 35, 45, 0.98), rgba(9, 18, 32, 0.98));
}

.lease-security-radar::before,
.lease-security-radar::after {
    content: "";
    position: absolute;
    inset: 38px;
    border: 1px solid rgba(52, 200, 255, 0.14);
    border-radius: 999px;
    pointer-events: none;
}

.lease-security-radar::after {
    inset: 84px;
    border-color: rgba(56, 217, 150, 0.16);
}

.lease-signal-rows {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 22px;
}

.lease-signal-rows--compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lease-signal-rows div {
    border: 1px solid var(--lease-border);
    border-radius: 18px;
    padding: 18px;
    background: rgba(7, 17, 29, 0.72);
}

.lease-signal-rows strong {
    display: block;
    color: var(--lease-text);
    font-size: 34px;
    line-height: 1;
}

.lease-signal-rows span {
    display: block;
    margin-top: 8px;
    color: var(--lease-muted);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.lease-radar-list {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
    margin-top: 22px;
}

.lease-radar-list span {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(52, 200, 255, 0.08);
    border-radius: 14px;
    padding: 12px 14px;
    color: var(--lease-text);
    font-weight: 800;
}

.lease-metric-card {
    border-top-width: 4px;
}

.lease-metric-card--blue {
    border-top-color: #34c8ff;
}

.lease-metric-card--green {
    border-top-color: #38d996;
}

.lease-metric-card--gold {
    border-top-color: #f3b84a;
}

.lease-metric-card--rose {
    border-top-color: #ff6680;
}

.lease-split-showcase {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
    gap: 22px;
}

.lease-product-spotlight {
    background:
        linear-gradient(135deg, rgba(56, 217, 150, 0.18), transparent 34%),
        linear-gradient(225deg, rgba(76, 141, 255, 0.18), transparent 36%),
        linear-gradient(180deg, rgba(15, 27, 43, 0.98), rgba(9, 18, 32, 0.98));
}

.lease-product-spotlight p strong {
    color: #d8fff0;
    font-size: 1.08em;
}

.lease-price-lanes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
}

.lease-price-lanes div {
    border: 1px solid var(--lease-border);
    border-radius: 18px;
    padding: 18px;
    background: rgba(7, 17, 29, 0.74);
}

.lease-price-lanes strong {
    display: block;
    color: var(--lease-success);
    font-size: 26px;
}

.lease-price-lanes span {
    display: block;
    margin-top: 8px;
    color: var(--lease-muted);
}

.lease-proof-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 12px;
}

.lease-proof-list li {
    border: 1px solid var(--lease-border);
    border-radius: 16px;
    background: rgba(52, 200, 255, 0.06);
    padding: 14px 16px;
    color: var(--lease-text);
    font-weight: 650;
    line-height: 1.45;
}

.lease-product-wall {
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}

.lease-group-selector {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 18px;
}

.lease-group-card {
    display: grid;
    gap: 12px;
    min-height: 210px;
    border-top: 4px solid rgba(52, 200, 255, 0.55);
    background:
        radial-gradient(circle at top right, rgba(52, 200, 255, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(15, 27, 43, 0.98), rgba(8, 17, 30, 0.98));
}

.lease-group-card.is-active,
.lease-group-card:hover {
    border-color: rgba(56, 217, 150, 0.5);
    border-top-color: var(--lease-success);
    transform: translateY(-2px);
    box-shadow: 0 20px 52px rgba(52, 200, 255, 0.12);
}

.lease-group-card strong {
    color: var(--lease-text);
    font-size: 22px;
}

.lease-group-card p {
    margin: 0;
    line-height: 1.55;
}

.lease-group-count {
    justify-self: start;
    border: 1px solid rgba(56, 217, 150, 0.34);
    border-radius: 999px;
    background: rgba(56, 217, 150, 0.1);
    color: #c9ffe8;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.lease-empty-state {
    border-top: 4px solid var(--lease-warning);
    background:
        radial-gradient(circle at top left, rgba(243, 184, 74, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(18, 27, 42, 0.98), rgba(8, 17, 30, 0.98));
}

.lease-product-card {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-top: 4px solid rgba(52, 200, 255, 0.52);
}

.lease-product-card--security {
    border-top-color: #38d996;
    background:
        linear-gradient(135deg, rgba(56, 217, 150, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(15, 31, 47, 0.98), rgba(9, 18, 32, 0.98));
}

.lease-import-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.lease-flow-step {
    border: 1px solid var(--lease-border);
    border-radius: 22px;
    padding: 22px;
    background: rgba(15, 27, 43, 0.96);
    box-shadow: var(--lease-shadow);
}

.lease-flow-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--lease-accent), var(--lease-success));
    color: #06111e;
    font-weight: 900;
}

.lease-flow-step strong {
    display: block;
    margin-top: 16px;
    font-size: 18px;
}

.lease-flow-step p {
    color: var(--lease-muted);
    line-height: 1.55;
}

.lease-pricing-band {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr 0.85fr;
    gap: 18px;
}

.lease-pricing-summary h2 {
    font-size: clamp(28px, 3vw, 44px);
    line-height: 1.08;
}

.lease-pricing-summary {
    border-top: 4px solid var(--lease-success);
}

.lease-pricing-summary--warm {
    border-top-color: var(--lease-warning);
}

.lease-pricing-summary--cool {
    border-top-color: var(--lease-accent);
}

.lease-billing-toggle-shell {
    margin-top: -14px;
}

.lease-billing-toggle-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.55fr);
    gap: 18px;
    align-items: center;
    border-color: rgba(52, 200, 255, 0.3);
    background:
        radial-gradient(circle at top right, rgba(56, 217, 150, 0.16), transparent 34%),
        linear-gradient(135deg, rgba(11, 28, 45, 0.98), rgba(8, 16, 30, 0.98));
}

.lease-billing-toggle-card h2 {
    margin-bottom: 8px;
}

.lease-billing-toggle {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 8px;
    border: 1px solid rgba(134, 160, 190, 0.2);
    border-radius: 18px;
    background: rgba(4, 12, 24, 0.68);
}

.lease-billing-choice {
    min-height: 76px;
    border: 1px solid rgba(134, 160, 190, 0.24);
    border-radius: 14px;
    padding: 14px;
    cursor: pointer;
    color: var(--lease-text);
    text-align: left;
    background: rgba(12, 24, 42, 0.88);
    transition: border-color 160ms ease, background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.lease-billing-choice:hover {
    transform: translateY(-1px);
    border-color: rgba(52, 200, 255, 0.55);
}

.lease-billing-choice.is-active {
    border-color: rgba(56, 217, 150, 0.72);
    background: linear-gradient(135deg, rgba(56, 217, 150, 0.2), rgba(52, 200, 255, 0.14));
    box-shadow: 0 0 0 1px rgba(56, 217, 150, 0.16), 0 18px 42px rgba(56, 217, 150, 0.1);
}

.lease-billing-choice strong,
.lease-billing-choice span {
    display: block;
}

.lease-billing-choice strong {
    font-size: 18px;
}

.lease-billing-choice span {
    margin-top: 5px;
    color: var(--lease-muted);
    font-size: 13px;
    line-height: 1.35;
}

.lease-tier-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.lease-tier-card {
    min-height: 520px;
    display: flex;
    flex-direction: column;
    border-top-width: 4px;
}

.lease-tier-card .lease-button {
    margin-top: auto;
}

.lease-tier-card.is-featured {
    transform: translateY(-10px);
    border-color: rgba(56, 217, 150, 0.55);
    box-shadow: 0 24px 70px rgba(56, 217, 150, 0.12);
}

.lease-tier-card.is-annual-view,
.lease-product-card.is-annual-view {
    border-color: rgba(243, 184, 74, 0.42);
    box-shadow: 0 22px 62px rgba(243, 184, 74, 0.08);
}

.lease-tier-card--cyan {
    border-top-color: #34c8ff;
}

.lease-tier-card--violet {
    border-top-color: #8b74ff;
}

.lease-tier-card--emerald {
    border-top-color: #38d996;
}

.lease-tier-card--amber {
    border-top-color: #f3b84a;
}

.lease-tier-price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 18px 0 8px;
}

.lease-tier-price strong {
    font-size: 48px;
    line-height: 1;
    color: var(--lease-text);
}

.lease-tier-price span {
    color: var(--lease-muted);
    font-weight: 800;
}

.lease-savings-pill--compact {
    align-self: flex-start;
    margin: 0 0 14px;
}

.lease-price-lockup--left {
    text-align: left;
    margin: 14px 0;
}

.lease-upload-proof {
    border-top: 4px solid var(--lease-accent);
}

.lease-storefront-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.8fr);
    gap: 22px;
}

.lease-storefront-copy {
    min-height: 440px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        linear-gradient(135deg, rgba(52, 200, 255, 0.18), transparent 36%),
        linear-gradient(225deg, rgba(255, 102, 128, 0.14), transparent 32%),
        linear-gradient(180deg, rgba(16, 31, 48, 0.98), rgba(8, 17, 30, 0.98));
}

.lease-storefront-copy h2 {
    max-width: 820px;
    font-size: clamp(38px, 5vw, 76px);
    line-height: 1;
    margin: 12px 0 18px;
}

.lease-storefront-copy p {
    max-width: 780px;
    font-size: 18px;
    line-height: 1.62;
}

.lease-plugin-command-card {
    background:
        radial-gradient(circle at top right, rgba(56, 217, 150, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(9, 35, 45, 0.98), rgba(9, 18, 32, 0.98));
}

.lease-plugin-benefits {
    display: grid;
    gap: 14px;
    margin-top: 22px;
}

.lease-plugin-benefits div {
    border: 1px solid var(--lease-border);
    border-radius: 18px;
    background: rgba(7, 17, 29, 0.76);
    padding: 18px;
}

.lease-plugin-benefits strong {
    display: block;
    color: var(--lease-text);
    font-size: 22px;
}

.lease-plugin-benefits span {
    display: block;
    margin-top: 6px;
    color: var(--lease-muted);
    line-height: 1.45;
}

.lease-public-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.lease-public-stat {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top: 4px solid rgba(52, 200, 255, 0.7);
}

.lease-public-stat strong {
    display: block;
    font-size: 48px;
    line-height: 1;
    color: var(--lease-text);
}

.lease-public-stat span {
    display: block;
    margin-top: 10px;
    color: var(--lease-muted);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.lease-outcome-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.lease-outcome-card {
    min-height: 220px;
    border-top-width: 4px;
}

.lease-outcome-card p {
    color: var(--lease-text);
    font-weight: 650;
    line-height: 1.55;
}

.lease-outcome-card--emerald {
    border-top-color: #38d996;
}

.lease-outcome-card--cyan {
    border-top-color: #34c8ff;
}

.lease-outcome-card--violet {
    border-top-color: #8b74ff;
}

.lease-outcome-card--amber {
    border-top-color: #f3b84a;
}

.lease-proof-list--compact {
    gap: 8px;
    margin: 14px 0;
}

.lease-proof-list--compact li {
    padding: 10px 12px;
    font-size: 13px;
}

.lease-system-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.lease-system-stat {
    min-height: 150px;
    border-top-width: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lease-system-stat strong {
    display: block;
    color: var(--lease-text);
    font-size: 46px;
    line-height: 1;
}

.lease-system-stat span {
    display: block;
    margin-top: 10px;
    color: var(--lease-muted);
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.lease-system-stat--cyan {
    border-top-color: #34c8ff;
}

.lease-system-stat--emerald {
    border-top-color: #38d996;
}

.lease-system-stat--violet {
    border-top-color: #8b74ff;
}

.lease-system-stat--amber {
    border-top-color: #f3b84a;
}

.lease-feature-map {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.lease-feature-map--admin {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lease-feature-card {
    min-height: 270px;
    display: flex;
    flex-direction: column;
    border-top: 4px solid rgba(52, 200, 255, 0.55);
}

.lease-feature-card--upload,
.lease-feature-card--delivery,
.lease-feature-card--developer-sdk {
    border-top-color: #38d996;
}

.lease-feature-card--license-protection,
.lease-feature-card--audit {
    border-top-color: #f3b84a;
}

.lease-feature-card--billing,
.lease-feature-card--support {
    border-top-color: #8b74ff;
}

.lease-feature-card__head {
    display: grid;
    gap: 8px;
    margin-bottom: 14px;
}

.lease-feature-card__head strong {
    color: var(--lease-text);
    font-size: 22px;
}

.lease-feature-card p {
    line-height: 1.58;
}

.lease-feature-proof {
    margin-top: auto;
    border: 1px solid var(--lease-border);
    border-radius: 16px;
    background: rgba(52, 200, 255, 0.06);
    padding: 14px;
}

.lease-feature-proof span,
.lease-feature-proof strong {
    display: block;
}

.lease-feature-proof span {
    color: var(--lease-accent);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 850;
}

.lease-feature-proof strong {
    margin-top: 4px;
    color: var(--lease-text);
}

.lease-code-grid {
    display: grid;
    gap: 12px;
    margin-top: 18px;
}

.lease-code-grid code {
    display: block;
    border: 1px solid var(--lease-border);
    border-radius: 14px;
    background: rgba(7, 17, 29, 0.88);
    color: #c8efff;
    padding: 13px 14px;
    white-space: normal;
    word-break: break-word;
    line-height: 1.55;
}

.lease-feature-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.lease-flow-step--compact {
    min-height: 260px;
}

.lease-capability-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lease-capability-list span {
    border: 1px solid var(--lease-border);
    border-radius: 999px;
    background: rgba(52, 200, 255, 0.08);
    color: #d7f5ff;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 850;
}

.lease-capability-list--large span {
    font-size: 14px;
    padding: 10px 13px;
}

.lease-table--feature-matrix tbody td {
    padding: 18px 10px;
}

.lease-table--feature-matrix thead th {
    padding: 0 10px 14px;
}

.lease-table--feature-matrix tbody td:first-child,
.lease-table--feature-matrix thead th:first-child {
    padding-left: 0;
}

.lease-table--feature-matrix tbody td:last-child,
.lease-table--feature-matrix thead th:last-child {
    padding-right: 0;
}

.lease-button {
    margin: 3px;
}

.lease-button--danger {
    background: rgba(255, 96, 120, 0.14);
    border-color: rgba(255, 96, 120, 0.32);
    color: #ffd7df;
}

.lease-button--danger:hover {
    background: rgba(255, 96, 120, 0.24);
}

.lease-form-actions,
.lease-table-actions,
.lease-command-strip {
    gap: 14px;
    row-gap: 12px;
}

.lease-command-strip {
    display: flex;
    flex-wrap: wrap;
    padding: 14px;
    border: 1px solid var(--lease-border);
    border-radius: 18px;
    background: rgba(7, 17, 29, 0.58);
}

.lease-legal-footer {
    align-items: flex-start;
    display: grid;
    grid-template-columns: minmax(260px, 0.9fr) minmax(320px, 1.1fr);
    gap: 24px;
}

.lease-footer-three {
    grid-template-columns: minmax(240px, 0.8fr) minmax(360px, 1fr) minmax(320px, 1fr);
}

.lease-footer-brand {
    display: grid;
    gap: 10px;
}

.lease-footer-brand p {
    margin: 0;
    color: var(--lease-muted);
    line-height: 1.55;
    max-width: 760px;
}

.lease-footer-navs {
    display: grid;
    gap: 12px;
    justify-items: center;
    align-self: center;
}

.lease-footer-links,
.lease-footer-legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 18px;
}

.lease-footer-copy {
    justify-self: end;
    max-width: 560px;
    color: var(--lease-muted);
    line-height: 1.58;
}

.lease-footer-copy p {
    margin: 0;
}

.lease-footer .lease-footer-links a,
.lease-footer .lease-footer-legal a {
    border: 0;
    background: transparent;
    border-radius: 0;
    padding: 0;
    color: #bfe9ff;
    font-size: 13px;
    font-weight: 750;
}

.lease-footer .lease-footer-legal a {
    color: var(--lease-muted);
}

.lease-footer .lease-footer-links a:hover,
.lease-footer .lease-footer-legal a:hover {
    color: var(--lease-text);
    background: transparent;
}

.lease-savings-preview,
.lease-savings-pill {
    border: 1px solid rgba(243, 184, 74, 0.3);
    border-radius: 16px;
    background: rgba(243, 184, 74, 0.1);
    color: #ffe6a7;
    padding: 12px 14px;
    font-weight: 850;
    line-height: 1.45;
}

.lease-savings-preview.is-saving,
.lease-savings-pill.is-saving {
    border-color: rgba(56, 217, 150, 0.36);
    background: rgba(56, 217, 150, 0.12);
    color: #caffea;
}

.lease-profit-preview,
.lease-profit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 10px;
}

.lease-profit-preview div,
.lease-profit-grid div {
    border: 1px solid rgba(56, 217, 150, 0.28);
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(56, 217, 150, 0.1), rgba(52, 200, 255, 0.07)),
        rgba(6, 16, 28, 0.9);
    padding: 14px;
}

.lease-profit-preview strong,
.lease-profit-preview span,
.lease-profit-grid strong,
.lease-profit-grid span {
    display: block;
}

.lease-profit-preview strong,
.lease-profit-grid strong {
    color: #b8ffdf;
    font-size: 15px;
    margin-bottom: 8px;
}

.lease-profit-preview span,
.lease-profit-grid span {
    color: var(--lease-muted);
    font-size: 12px;
    line-height: 1.45;
    font-weight: 800;
}

.lease-small-note {
    color: var(--lease-muted);
    font-size: 12px;
    line-height: 1.5;
}

.lease-product-wall {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* PHASE1620_LEASE_FORTRESS_WIDE_COMPARISON_MATRIX */
.lease-wide-matrix-section {
    width: 100%;
}

.lease-comparison-wrap {
    border: 1px solid var(--lease-border);
    border-radius: 22px;
    background: rgba(9, 18, 32, 0.92);
    padding: 24px;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-color: rgba(95, 211, 255, 0.58) rgba(7, 17, 29, 0.92);
}

.lease-comparison-table tbody td {
    padding: 20px 16px;
}

.lease-comparison-table thead th {
    padding: 0 16px 16px;
}

.lease-fortress-comparison-table {
    min-width: var(--lease-matrix-min);
    table-layout: fixed;
}

.lease-fortress-comparison-table td {
    vertical-align: top;
    line-height: 1.55;
    white-space: normal;
    overflow-wrap: anywhere;
}

.lease-fortress-comparison-table .is-mv-feature-cell,
.lease-fortress-comparison-table .is-mv-product-head {
    background:
        linear-gradient(135deg, rgba(56, 217, 150, 0.14), rgba(52, 200, 255, 0.08)),
        rgba(8, 22, 34, 0.94);
    border-top: 1px solid rgba(56, 217, 150, 0.42);
    border-bottom: 1px solid rgba(56, 217, 150, 0.24);
}

.lease-fortress-comparison-table .is-mv-product-head,
.lease-fortress-comparison-table .is-mv-feature-cell .lease-feature-rating {
    color: #7cf7c4;
}

.lease-fortress-comparison-table th,
.lease-fortress-comparison-table td {
    min-width: 220px;
    width: 220px;
}

.lease-fortress-comparison-table th:first-child,
.lease-fortress-comparison-table td:first-child {
    /* PHASE1621_LEASE_COMPARISON_NO_CUT_OFF_TABLE_COLUMNS */
    min-width: 340px;
    width: 340px;
    position: sticky;
    left: 0;
    z-index: 2;
    background:
        linear-gradient(180deg, rgba(11, 23, 38, 0.98), rgba(7, 17, 29, 0.98));
    box-shadow: 16px 0 26px rgba(0, 0, 0, 0.18);
}

.lease-fortress-comparison-table thead th:first-child {
    z-index: 4;
}

.lease-feature-check-cell strong,
.lease-feature-check-cell span,
.lease-fortress-comparison-table td em {
    display: block;
}

.lease-feature-check-cell strong {
    color: var(--lease-text);
    font-size: 16px;
    margin-bottom: 7px;
}

.lease-feature-check-cell span,
.lease-fortress-comparison-table td em {
    color: var(--lease-muted);
    font-style: normal;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.lease-feature-rating {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid var(--lease-border);
    padding: 7px 10px;
    margin-bottom: 9px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.lease-feature-rating--yes {
    background: rgba(56, 217, 150, 0.14);
    border-color: rgba(56, 217, 150, 0.36);
    color: #c9ffe8;
}

.lease-feature-rating--partial {
    background: rgba(243, 184, 74, 0.13);
    border-color: rgba(243, 184, 74, 0.32);
    color: #ffe5a8;
}

.lease-feature-rating--no {
    background: rgba(255, 96, 120, 0.13);
    border-color: rgba(255, 96, 120, 0.32);
    color: #ffd6de;
}

.lease-comparison-note {
    margin: 14px 0 0;
    max-width: 980px;
}

/* PHASE1629_LEASE_PLUGIN_DETAIL_PAGES */
/* PHASE1630_LEASE_FORTRESS_COMPARISON_MOVED_TO_PLUGIN_PAGE */
.lease-plugin-detail-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.55fr);
    gap: 24px;
    align-items: stretch;
}

.lease-plugin-detail-copy,
.lease-plugin-price-card {
    min-height: 100%;
}

.lease-plugin-detail-copy h2 {
    font-size: clamp(34px, 4vw, 70px);
    line-height: 0.96;
    margin: 8px 0 18px;
}

.lease-plugin-detail-copy p {
    max-width: 900px;
    font-size: 18px;
    line-height: 1.65;
    color: var(--lease-muted);
}

.lease-plugin-badges,
.lease-plugin-price-row,
.lease-plugin-setup-grid {
    display: grid;
    gap: 12px;
}

.lease-plugin-badges {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 24px;
}

.lease-plugin-badges span,
.lease-plugin-setup-grid div,
.lease-plugin-price-row div {
    border: 1px solid var(--lease-border);
    border-radius: 18px;
    background: rgba(5, 13, 24, 0.72);
    padding: 14px;
}

.lease-plugin-badges span {
    color: var(--lease-text);
    font-weight: 900;
}

.lease-plugin-price-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lease-plugin-price-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 18px 0;
}

.lease-plugin-price-row strong {
    display: block;
    font-size: 32px;
    line-height: 1;
    color: var(--lease-text);
}

.lease-plugin-price-row span,
.lease-plugin-setup-grid span {
    display: block;
    color: var(--lease-muted);
    margin-top: 6px;
    line-height: 1.45;
}

.lease-plugin-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 24px;
}

.lease-plugin-setup-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 18px;
}

.lease-plugin-setup-grid strong {
    display: block;
    color: var(--lease-text);
    font-size: 15px;
}

.lease-plugin-fit-band {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 24px;
}

.lease-plugin-comparison-section {
    width: 100%;
}

.lease-plugin-outcome-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lease-checkout-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
    gap: 22px;
}

.lease-checkout-summary {
    border-top: 4px solid var(--lease-success);
}

.lease-upsell-grid,
.lease-help-grid,
.lease-admin-users-grid,
.lease-license-ledger-grid,
.lease-release-ledger,
.lease-dashboard-command-grid {
    display: grid;
    gap: 18px;
}

.lease-upsell-grid,
.lease-help-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lease-admin-users-grid,
.lease-license-ledger-grid,
.lease-release-ledger {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lease-dashboard-command-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lease-upsell-card {
    border-top: 4px solid var(--lease-warning);
}

.lease-checkbox-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    color: var(--lease-text);
    font-weight: 800;
}

.lease-checkbox-row input {
    width: 18px;
    height: 18px;
}

.lease-admin-color-band {
    position: relative;
    overflow: hidden;
    border-top-width: 4px;
}

.lease-admin-color-band--cyan {
    border-top-color: #34c8ff;
}

.lease-admin-color-band--emerald {
    border-top-color: #38d996;
}

.lease-admin-color-band--violet {
    border-top-color: #8b74ff;
}

.lease-admin-color-band--amber {
    border-top-color: #f3b84a;
}

.lease-license-card,
.lease-release-card,
.lease-help-card,
.lease-admin-user-card {
    border: 1px solid var(--lease-border);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(15, 27, 43, 0.98), rgba(8, 17, 30, 0.98));
    padding: 22px;
    box-shadow: var(--lease-shadow);
}

.lease-license-card--success {
    border-color: rgba(56, 217, 150, 0.36);
}

.lease-license-card--warning {
    border-color: rgba(243, 184, 74, 0.36);
}

.lease-license-card--danger {
    border-color: rgba(255, 96, 120, 0.38);
}

.lease-license-key-row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    border: 1px solid var(--lease-border);
    border-radius: 16px;
    padding: 12px 14px;
    background: rgba(52, 200, 255, 0.06);
    margin: 14px 0;
}

.lease-license-key-row strong {
    color: var(--lease-text);
    font-family: Consolas, "Courier New", monospace;
}

.lease-license-counts,
.lease-release-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 14px 0;
}

.lease-license-counts div,
.lease-release-meta div {
    border: 1px solid var(--lease-border);
    border-radius: 16px;
    background: rgba(52, 200, 255, 0.06);
    padding: 13px;
}

.lease-license-counts strong,
.lease-release-meta strong {
    display: block;
    color: var(--lease-text);
    font-size: 24px;
}

.lease-license-counts span,
.lease-release-meta span {
    display: block;
    color: var(--lease-muted);
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* PHASE1636_LEASE_CUSTOMER_LEDGER_CARD_REDESIGN */
/* PHASE1637_LEASE_ENTITLEMENT_LEDGER_READABILITY_REDESIGN */
.lease-ledger-board {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 22px;
    align-items: start;
}

.lease-admin-ledger-card {
    display: grid;
    gap: 18px;
}

.lease-ledger-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    border-bottom: 1px solid var(--lease-border);
    padding-bottom: 18px;
}

.lease-ledger-head p {
    margin: 8px 0 0;
    color: var(--lease-muted);
    line-height: 1.55;
}

.lease-customer-ledger-list,
.lease-entitlement-ledger-list {
    display: grid;
    gap: 14px;
}

.lease-ledger-row,
.lease-entitlement-ledger-row {
    display: grid;
    gap: 14px;
    border: 1px solid rgba(52, 200, 255, 0.18);
    border-radius: 20px;
    padding: 18px;
    background:
        radial-gradient(circle at top right, rgba(52, 200, 255, 0.12), transparent 34%),
        rgba(6, 16, 29, 0.76);
}

.lease-ledger-row.is-selected {
    border-color: rgba(56, 217, 150, 0.48);
    box-shadow: 0 0 0 1px rgba(56, 217, 150, 0.14), 0 18px 50px rgba(56, 217, 150, 0.08);
}

.lease-ledger-main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: center;
}

.lease-ledger-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(52, 200, 255, 0.32), rgba(56, 217, 150, 0.22));
    border: 1px solid rgba(52, 200, 255, 0.38);
    color: #e9fbff;
    font-size: 22px;
    font-weight: 950;
}

.lease-ledger-main strong,
.lease-entitlement-title strong {
    display: block;
    color: var(--lease-text);
    font-size: 20px;
    line-height: 1.2;
}

.lease-ledger-main span,
.lease-ledger-main em,
.lease-entitlement-title em {
    display: block;
    color: var(--lease-muted);
    font-style: normal;
    margin-top: 4px;
    line-height: 1.35;
}

.lease-ledger-status-strip,
.lease-ledger-meta-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.lease-ledger-status-strip > span,
.lease-ledger-meta-grid > div,
.lease-ledger-domain-strip {
    border: 1px solid rgba(52, 200, 255, 0.16);
    border-radius: 16px;
    background: rgba(4, 12, 22, 0.6);
    padding: 12px;
}

.lease-ledger-status-strip small,
.lease-ledger-meta-grid span,
.lease-ledger-domain-strip span {
    display: block;
    color: var(--lease-accent);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lease-ledger-status-strip strong,
.lease-ledger-meta-grid strong,
.lease-ledger-domain-strip strong {
    display: block;
    color: var(--lease-text);
    margin-top: 6px;
    line-height: 1.35;
}

.lease-ledger-package-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lease-ledger-package-strip span {
    border: 1px solid rgba(56, 217, 150, 0.24);
    border-radius: 999px;
    background: rgba(56, 217, 150, 0.1);
    color: #c8ffe6;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 850;
}

.lease-ledger-review {
    display: flex;
    justify-content: flex-start;
}

.lease-ledger-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    border-top: 1px solid rgba(52, 200, 255, 0.14);
    padding-top: 14px;
}

.lease-inline-form {
    display: inline-flex;
    margin: 0;
}

.lease-entitlement-title {
    display: grid;
    gap: 5px;
}

.lease-entitlement-ledger-row p {
    margin: 0;
    color: var(--lease-muted);
    line-height: 1.55;
}

.lease-customer-sales-panel {
    align-items: stretch;
}

.lease-customer-journey {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.lease-journey-card {
    border: 1px solid rgba(52, 200, 255, 0.22);
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(52, 200, 255, 0.14), transparent 42%),
        rgba(6, 16, 29, 0.74);
    padding: 18px;
}

.lease-journey-card span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 74px;
    border-radius: 999px;
    background: rgba(56, 217, 150, 0.14);
    border: 1px solid rgba(56, 217, 150, 0.32);
    color: #c9ffe8;
    padding: 7px 11px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.lease-journey-card strong {
    display: block;
    color: var(--lease-text);
    margin-top: 12px;
    font-size: 18px;
}

.lease-journey-card p {
    margin: 9px 0 0;
    color: var(--lease-muted);
    line-height: 1.55;
}

.lease-subscription-includes {
    border-top: 4px solid var(--lease-warning);
}

.lease-security-cockpit {
    border: 1px solid rgba(52, 200, 255, 0.18);
    border-radius: 28px;
    padding: 24px;
    background:
        radial-gradient(circle at top left, rgba(56, 217, 150, 0.14), transparent 32%),
        linear-gradient(135deg, rgba(8, 31, 42, 0.94), rgba(8, 14, 27, 0.96));
    box-shadow: var(--lease-shadow);
}

.lease-security-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 18px;
}

.lease-security-panel {
    border-top: 4px solid rgba(52, 200, 255, 0.58);
}

.lease-security-panel:nth-child(2) {
    border-top-color: var(--lease-success);
}

.lease-security-matrix {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.lease-security-matrix div {
    border: 1px solid var(--lease-border);
    border-radius: 18px;
    background: rgba(5, 14, 26, 0.76);
    padding: 16px;
}

.lease-security-matrix span {
    display: block;
    color: var(--lease-muted);
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.lease-security-matrix strong {
    display: block;
    margin-top: 7px;
    color: var(--lease-text);
    font-size: 18px;
}

.lease-security-command {
    display: grid;
    gap: 14px;
}

.lease-check-row {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--lease-border);
    border-radius: 16px;
    background: rgba(52, 200, 255, 0.06);
    padding: 13px 14px;
    color: var(--lease-text);
    font-weight: 850;
    line-height: 1.35;
}

.lease-check-row input {
    width: 18px;
    height: 18px;
    accent-color: var(--lease-accent);
}

.lease-form-grid--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.lease-security-output {
    display: block;
    min-height: 42px;
    border: 1px solid rgba(52, 200, 255, 0.2);
    border-radius: 16px;
    background: rgba(6, 16, 29, 0.78);
    color: var(--lease-muted);
    padding: 12px 14px;
    font-weight: 800;
    line-height: 1.45;
}

.lease-security-output:empty {
    display: none;
}

.lease-security-output.is-ok {
    color: #c9ffe8;
    border-color: rgba(56, 217, 150, 0.36);
    background: rgba(56, 217, 150, 0.1);
}

.lease-security-output.is-warn {
    color: #fff0c7;
    border-color: rgba(243, 184, 74, 0.42);
    background: rgba(243, 184, 74, 0.1);
}

/* PHASE1641_LEASE_CUSTOMER_SELF_SERVICE_REQUEST_CENTER */
.lease-self-service-center {
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);
    align-items: start;
}

.lease-self-service-card {
    border-top: 4px solid var(--lease-accent);
}

.lease-self-service-card:nth-child(2) {
    border-top-color: var(--lease-success);
}

.lease-request-ledger {
    display: grid;
    gap: 12px;
    margin-top: 18px;
}

.lease-request-row {
    border: 1px solid rgba(52, 200, 255, 0.18);
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(52, 200, 255, 0.12), transparent 40%),
        rgba(5, 14, 26, 0.78);
    padding: 16px;
}

.lease-request-row strong,
.lease-request-row span,
.lease-request-row em {
    display: block;
}

.lease-request-row strong {
    color: var(--lease-text);
    font-size: 16px;
}

.lease-request-row span,
.lease-request-row em {
    color: var(--lease-muted);
    font-style: normal;
    line-height: 1.45;
    margin-top: 5px;
}

.lease-request-row__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.lease-request-row__meta span {
    display: inline-flex;
    border: 1px solid rgba(56, 217, 150, 0.22);
    border-radius: 999px;
    background: rgba(56, 217, 150, 0.08);
    color: #c8ffe6;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 850;
}

/* PHASE1646_LEASE_ADMIN_SERVICE_DESK_REQUEST_REVIEW */
.lease-service-desk-board {
    border-top: 4px solid var(--lease-accent);
}

.lease-service-desk-board .lease-request-row {
    background:
        radial-gradient(circle at top right, rgba(56, 217, 150, 0.11), transparent 38%),
        linear-gradient(180deg, rgba(10, 23, 38, 0.96), rgba(5, 14, 26, 0.92));
}

.lease-service-desk-board .lease-form {
    border-top: 1px solid rgba(52, 200, 255, 0.16);
    padding-top: 14px;
}

.lease-launch-proof-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.lease-launch-proof-grid .lease-card {
    min-height: 160px;
}

@media (max-width: 960px) {
    .lease-main {
        /* PHASE1622_LEASE_WIDE_MATRIX_READABILITY_QA */
        width: min(100% - 24px, var(--lease-site-max));
    }

    .lease-hero,
    .lease-hero-grid,
    .lease-storefront-hero,
    .lease-checkout-grid,
    .lease-public-stats,
    .lease-system-stat-grid,
    .lease-outcome-grid,
    .lease-split-showcase,
    .lease-import-flow,
    .lease-feature-map,
    .lease-feature-map--admin,
    .lease-feature-flow,
    .lease-pricing-band,
    .lease-billing-toggle-card,
    .lease-tier-grid,
    .lease-grid--hero,
    .lease-grid--workflow,
    .lease-grid--dashboard,
    .lease-grid--auth,
    .lease-grid--admin,
    .lease-card-grid,
    .lease-card-grid--stats,
    .lease-topbar,
    .lease-footer,
    .lease-legal-footer,
    .lease-footer-three,
    .lease-product-wall,
    .lease-group-selector,
    .lease-profit-preview,
    .lease-profit-grid,
    .lease-customer-journey,
    .lease-security-grid,
    .lease-security-matrix,
    .lease-self-service-center,
    .lease-ledger-board,
    .lease-ledger-head,
    .lease-ledger-status-strip,
    .lease-ledger-meta-grid,
    .lease-plugin-detail-hero,
    .lease-plugin-detail-layout,
    .lease-plugin-fit-band,
    .lease-plugin-outcome-grid,
    .lease-plugin-badges,
    .lease-plugin-setup-grid,
    .lease-form-grid--compact,
    .lease-launch-proof-grid,
    .lease-upsell-grid,
    .lease-help-grid,
    .lease-admin-users-grid,
    .lease-license-ledger-grid,
    .lease-release-ledger,
    .lease-dashboard-command-grid {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .lease-footer-navs,
    .lease-footer-links,
    .lease-footer-legal,
    .lease-footer-copy {
        justify-items: start;
        justify-content: flex-start;
        justify-self: start;
    }

    .lease-section-head--split {
        flex-direction: column;
        align-items: stretch;
    }

    .lease-price-lanes,
    .lease-signal-rows,
    .lease-signal-rows--compact {
        grid-template-columns: 1fr;
    }

    .lease-billing-toggle {
        grid-template-columns: 1fr;
    }

    .lease-tier-card.is-featured {
        transform: none;
    }

    .lease-plan-head {
        flex-direction: column;
    }

    .lease-price-lockup {
        text-align: left;
    }

    .lease-form-grid {
        grid-template-columns: 1fr;
    }

    .lease-field--wide,
    .lease-field--full {
        grid-column: auto;
    }

    .lease-security-cockpit {
        padding: 18px;
        border-radius: 22px;
    }
}