.sae-landing {
    --landing-ink: #142343;
    --landing-muted: #61728f;
    --landing-blue: #1267e8;
    --landing-cyan: #00abc8;
    --landing-line: #dce7f4;
    --landing-soft: #f3f8fc;
    background: var(--landing-soft);
    color: var(--landing-ink);
    font-size: 16px;
    line-height: 1.55;
    min-height: 100vh;
}

.sae-landing * { box-sizing: border-box; }
.sae-landing a { color: inherit; text-decoration: none; }
.sae-landing a:focus-visible { outline: 3px solid #41b8e7; outline-offset: 3px; }
.landing-wrap { margin: 0 auto; max-width: 1240px; padding-left: 28px; padding-right: 28px; width: 100%; }
.landing-header { background: rgb(255 255 255 / 96%); border-bottom: 1px solid var(--landing-line); position: relative; z-index: 5; }
.landing-header__inner { align-items: center; display: grid; gap: 20px; grid-template-columns: auto 1fr auto; min-height: 76px; }
.landing-brand { align-items: center; display: inline-flex; flex: 0 0 auto; gap: 10px; min-width: 0; }
.landing-brand img { display: block; height: 38px; object-fit: contain; width: 38px; }
.landing-brand strong, .landing-brand small { display: block; line-height: 1.25; }
.landing-brand strong { color: var(--landing-ink); font-size: .9rem; font-weight: 800; }
.landing-brand small { color: var(--landing-muted); font-size: .68rem; margin-top: 3px; white-space: nowrap; }
.landing-nav { align-items: center; display: flex; gap: 26px; justify-content: center; }
.landing-nav a, .landing-footer nav a { color: #50617c; font-size: .85rem; font-weight: 600; white-space: nowrap; }
.landing-nav a:hover, .landing-footer nav a:hover { color: var(--landing-blue); }
.landing-button { align-items: center; border: 1px solid transparent; border-radius: 7px; cursor: pointer; display: inline-flex; font-size: .9rem; font-weight: 700; gap: 9px; justify-content: center; line-height: 1.25; min-height: 46px; padding: 11px 17px; text-align: center; transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease; }
.landing-button i { font-size: 1rem; }
.landing-button--primary { background: var(--landing-blue); box-shadow: 0 6px 15px rgb(18 103 232 / 16%); color: #fff !important; }
.landing-button--primary:hover { background: #0c55c8; box-shadow: 0 8px 18px rgb(18 103 232 / 23%); transform: translateY(-1px); }
.landing-button--outline { background: #fff; border-color: #a9c8f6; color: #125ac4 !important; }
.landing-button--outline:hover { background: #eef5ff; border-color: var(--landing-blue); }
.landing-header__login { min-height: 40px; padding: 9px 15px; }

.landing-hero { background: #f3f8fc; border-bottom: 1px solid var(--landing-line); overflow: hidden; }
.landing-hero__grid { align-items: center; display: grid; gap: 34px; grid-template-columns: minmax(0, .91fr) minmax(0, 1.09fr); min-height: 590px; padding-bottom: 54px; padding-top: 48px; }
.landing-hero__copy { max-width: 590px; position: relative; z-index: 1; }
.landing-eyebrow { align-items: center; color: #5a6d8b; display: flex; font-size: .72rem; font-weight: 800; gap: 8px; line-height: 1.35; margin: 0 0 11px; text-transform: uppercase; }
.landing-eyebrow > span { background: var(--landing-cyan); border-radius: 50%; height: 7px; width: 7px; }
.landing-hero h1 { color: var(--landing-ink); font-size: 3.05rem; font-weight: 800; line-height: 1.08; margin: 0; max-width: 620px; }
.landing-lead { color: #5a6c86; font-size: 1.03rem; line-height: 1.7; margin: 18px 0 0; max-width: 580px; }
.landing-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.landing-actions .landing-button { min-height: 46px; }
.landing-assurances { align-items: center; color: #586b87; display: flex; flex-wrap: wrap; gap: 12px 20px; list-style: none; margin: 21px 0 0; padding: 0; }
.landing-assurances li { align-items: center; display: inline-flex; font-size: .75rem; gap: 7px; white-space: nowrap; }
.landing-assurances i { color: var(--landing-blue); font-size: .95rem; }
.landing-hero__visual { min-height: 455px; position: relative; }
.landing-visual-label { align-items: center; background: #fff; border: 1px solid var(--landing-line); border-radius: 6px; color: #61728f; display: inline-flex; font-size: .7rem; font-weight: 700; gap: 7px; left: 13%; padding: 6px 10px; position: absolute; top: 1px; z-index: 2; }
.landing-visual-label i { color: var(--landing-blue); }
.landing-laptop { left: 2%; position: absolute; top: 52px; width: 91%; }
.landing-laptop__screen { aspect-ratio: 1.58; background: #fff; border: 7px solid #19253b; border-radius: 12px 12px 7px 7px; box-shadow: 0 18px 35px rgb(22 38 67 / 19%); overflow: hidden; padding: 0; }
.landing-laptop__base { background: linear-gradient(#b8c3d2, #7d899a 48%, #d8e0e8); border-radius: 0 0 12px 12px; height: 12px; margin: 0 -5%; position: relative; width: 110%; }
.landing-laptop__base::after { background: #8f9bac; border-radius: 0 0 8px 8px; content: ""; height: 4px; left: 42%; position: absolute; top: 0; width: 16%; }
.mock-topbar { align-items: center; background: #fff; border-bottom: 1px solid #e1e8f1; display: flex; height: 34px; justify-content: space-between; padding: 0 12px; }
.mock-brand { color: #172b50; font-size: .53rem; font-weight: 800; white-space: nowrap; }
.mock-brand i, .phone-header b { color: var(--landing-blue); font-size: .76rem; margin-right: 3px; }
.mock-search { background: #f5f8fc; border: 1px solid #e5ebf3; border-radius: 4px; color: #8491a5; font-size: .44rem; padding: 4px 8px; width: 46%; }
.mock-user { align-items: center; color: #667690; display: flex; font-size: .65rem; gap: 10px; }
.mock-app { display: grid; grid-template-columns: 18% 1fr; height: calc(100% - 34px); }
.mock-sidebar { background: #0e2446; color: #d7e4f7; display: flex; flex-direction: column; font-size: .47rem; gap: 8px; padding: 12px 7px; }
.mock-sidebar b { color: #fff; font-size: .49rem; margin: 0 0 6px 3px; }
.mock-sidebar span { align-items: center; border-radius: 3px; display: flex; gap: 5px; padding: 5px 4px; white-space: nowrap; }
.mock-sidebar span.is-current { background: #244473; color: #fff; }
.mock-dashboard { background: #f3f7fc; min-width: 0; overflow: hidden; padding: 13px 14px; }
.mock-welcome { display: flex; flex-direction: column; gap: 3px; }
.mock-welcome > span, .preview-label { color: #6d7e9a; font-size: .43rem; font-weight: 700; letter-spacing: .3px; }
.mock-welcome strong { color: #18294a; font-size: .84rem; line-height: 1.2; }
.mock-welcome small { color: #8491a5; font-size: .47rem; }
.mock-kpis { display: grid; gap: 7px; grid-template-columns: repeat(3, 1fr); margin-top: 11px; }
.mock-kpis > div { background: #fff; border: 1px solid #e5ebf3; border-radius: 4px; display: flex; flex-direction: column; gap: 3px; min-width: 0; padding: 8px; }
.mock-kpis small { color: #71819b; font-size: .42rem; }
.mock-kpis b { color: #1d3153; font-size: .52rem; }
.mock-kpis span { color: #73839c; font-size: .4rem; }
.mock-table { background: #fff; border: 1px solid #e5ebf3; border-radius: 5px; margin-top: 9px; padding: 7px 9px; }
.mock-table__head { color: #7787a0; display: flex; font-size: .4rem; font-weight: 800; justify-content: space-between; margin-bottom: 3px; }
.mock-table > div:not(.mock-table__head) { align-items: center; border-top: 1px solid #edf1f6; display: flex; gap: 6px; min-height: 31px; }
.mock-avatar { align-items: center; background: #e3efff; border-radius: 50%; color: #1765d5; display: inline-flex; flex: 0 0 auto; font-size: .56rem; font-style: normal; font-weight: 800; height: 22px; justify-content: center; width: 22px; }
.mock-avatar--teal { background: #ddf6ef; color: #137b69; }
.mock-avatar--gold { background: #fff1d9; color: #a76b17; }
.mock-table > div > span { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.mock-table b { color: #263957; font-size: .45rem; }
.mock-table small { color: #7d8ca3; font-size: .39rem; }
.mock-table em { background: #e7f7f0; border-radius: 4px; color: #188052; font-size: .38rem; font-style: normal; padding: 3px 5px; white-space: nowrap; }
.landing-phone { background: #101b2d; border: 4px solid #172235; border-radius: 24px; bottom: 13px; box-shadow: 0 15px 28px rgb(13 29 55 / 23%); height: 310px; overflow: hidden; padding: 5px; position: absolute; right: 0; width: 157px; z-index: 2; }
.landing-phone__screen { background: #f5f8fc; border-radius: 17px; height: 100%; overflow: hidden; padding: 14px 9px 8px; position: relative; }
.landing-phone__notch { background: #142033; border-radius: 10px; height: 8px; left: calc(50% - 25px); position: absolute; top: 5px; width: 50px; z-index: 3; }
.phone-header { align-items: center; border-bottom: 1px solid #e1e8f1; color: #1a2d4c; display: flex; font-size: .46rem; justify-content: space-between; padding: 2px 0 7px; }
.phone-kicker { color: #8290a5; font-size: .38rem; font-weight: 800; margin: 11px 0 2px; }
.landing-phone h2 { color: #1c3154; font-size: .76rem; margin: 0; }
.phone-stat-grid { display: grid; gap: 5px; grid-template-columns: 1fr 1fr; margin-top: 7px; }
.phone-stat-grid > div { background: #fff; border: 1px solid #e1e8f1; border-radius: 4px; display: flex; flex-direction: column; gap: 2px; padding: 6px; }
.phone-stat-grid i { color: var(--landing-blue); font-size: .63rem; }
.phone-stat-grid span { color: #74839b; font-size: .37rem; }
.phone-stat-grid b { color: #314564; font-size: .4rem; }
.phone-row { align-items: center; background: #fff; border: 1px solid #e3eaf3; border-radius: 4px; display: flex; gap: 5px; margin-top: 4px; padding: 4px; }
.phone-row span { display: flex; flex-direction: column; min-width: 0; }
.phone-row b { color: #2b3c5a; font-size: .38rem; }
.phone-row small { color: #7788a0; font-size: .33rem; }
.phone-tabs { background: #fff; border-top: 1px solid #e2e9f2; bottom: 0; color: #1765d5; display: flex; justify-content: space-around; left: 0; padding: 7px 0 4px; position: absolute; right: 0; }
.phone-tabs i { font-size: .62rem; }
.landing-visual-caption { align-items: center; background: #fff; border: 1px solid var(--landing-line); border-radius: 5px; bottom: 4px; color: #586b87; display: flex; font-size: .68rem; gap: 7px; padding: 7px 10px; position: absolute; right: 8%; }
.landing-visual-caption span { background: var(--landing-cyan); border-radius: 50%; height: 7px; width: 7px; }

.landing-benefits { background: #fff; border-bottom: 1px solid var(--landing-line); padding: 22px 0; }
.landing-benefits__grid { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.landing-benefit { align-items: flex-start; background: #fff; border: 1px solid var(--landing-line); border-radius: 7px; display: flex; gap: 12px; min-height: 118px; padding: 17px 15px; }
.landing-icon { align-items: center; border-radius: 8px; display: inline-flex; flex: 0 0 auto; height: 38px; justify-content: center; width: 38px; }
.landing-icon i { font-size: 1.04rem; }
.landing-icon--blue { background: #e5efff; color: #1768e8; }
.landing-icon--teal { background: #def5f0; color: #128777; }
.landing-icon--violet { background: #efe9ff; color: #704ad7; }
.landing-icon--green { background: #e3f6e9; color: #2d8a57; }
.landing-icon--orange { background: #fff0df; color: #cf741c; }
.landing-icon--red { background: #ffe8e6; color: #cf524c; }
.landing-benefit h2 { color: var(--landing-ink); font-size: .95rem; line-height: 1.3; margin: 1px 0 5px; }
.landing-benefit p { color: var(--landing-muted); font-size: .77rem; line-height: 1.5; margin: 0; }

.landing-section, .landing-plans, .landing-trust { padding: 68px 0; }
.landing-section-heading { margin: 0 0 24px; max-width: 750px; }
.landing-section-heading .landing-eyebrow { color: var(--landing-blue); margin-bottom: 8px; }
.landing-section-heading h2 { color: var(--landing-ink); font-size: 2.15rem; font-weight: 800; line-height: 1.15; margin: 0; }
.landing-section-heading > p:last-child { color: var(--landing-muted); font-size: .94rem; line-height: 1.65; margin: 10px 0 0; max-width: 720px; }
.landing-module-grid { display: grid; gap: 10px; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.landing-module { align-items: center; background: #fff; border: 1px solid var(--landing-line); border-radius: 7px; display: flex; gap: 11px; min-height: 80px; padding: 12px; }
.landing-module .landing-icon { height: 36px; width: 36px; }
.landing-module h3 { color: #213452; font-size: .81rem; line-height: 1.25; margin: 0; }
.landing-module p { color: #71819a; font-size: .67rem; line-height: 1.35; margin: 4px 0 0; }

.landing-journey { background: #eaf3fc; border-bottom: 1px solid #dce9f7; border-top: 1px solid #dce9f7; padding: 62px 0 56px; }
.landing-journey .landing-section-heading { margin-bottom: 30px; }
.landing-journey__steps { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.landing-journey__steps li { align-items: center; display: flex; flex-direction: column; min-width: 0; position: relative; text-align: center; }
.landing-journey__steps li:not(:last-child)::after { color: #8ca4c3; content: "→"; font-size: 1.3rem; font-weight: 600; position: absolute; right: -11px; top: 10px; }
.landing-journey__steps .landing-icon { border: 1px solid rgb(255 255 255 / 85%); border-radius: 50%; height: 50px; margin-bottom: 9px; width: 50px; }
.landing-journey__steps .landing-icon i { font-size: 1.2rem; }
.landing-journey__steps b { color: #233654; font-size: .76rem; line-height: 1.3; }
.landing-journey__steps small { color: #6d7f99; font-size: .67rem; margin-top: 3px; }

.landing-system { background: #f8fbfe; }
.landing-system-grid { display: grid; gap: 15px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.landing-system-card { background: #fff; border: 1px solid var(--landing-line); border-radius: 8px; min-width: 0; overflow: hidden; }
.system-preview { background: #f3f7fc; border-bottom: 1px solid var(--landing-line); min-height: 220px; overflow: hidden; padding: 12px; }
.system-preview__bar { align-items: center; background: #fff; border: 1px solid #e1e8f1; border-radius: 5px 5px 0 0; color: #243b60; display: flex; font-size: .55rem; gap: 5px; height: 28px; padding: 0 9px; }
.system-preview__bar span { font-size: .5rem; font-weight: 800; margin-right: auto; }
.system-preview__bar i { background: #dbe4f0; border-radius: 50%; height: 5px; width: 5px; }
.system-preview__body { background: #fff; border: 1px solid #e1e8f1; border-top: 0; display: grid; grid-template-columns: 34px 1fr; min-height: 168px; }
.system-preview__body > aside { align-items: center; background: #102648; display: flex; flex-direction: column; gap: 13px; padding: 13px 0; }
.system-preview__body > aside i { background: #8da2c2; border-radius: 2px; height: 6px; opacity: .75; width: 11px; }
.system-preview__content { min-width: 0; padding: 11px 12px; }
.system-preview__content > b { color: #203655; display: block; font-size: .77rem; margin: 3px 0 8px; }
.preview-label { display: block; font-size: .42rem; }
.preview-row { align-items: center; border-top: 1px solid #eef2f7; display: flex; gap: 7px; min-height: 38px; }
.preview-row > span { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.preview-row b { color: #304461; font-size: .55rem; }
.preview-row small { color: #8390a5; font-size: .45rem; }
.preview-row em, .schedule-assignment em { background: #e4f5ec; border-radius: 4px; color: #16784a; font-size: .43rem; font-style: normal; padding: 3px 6px; white-space: nowrap; }
.schedule-date { align-items: center; background: #f2f7fd; border: 1px solid #e6edf6; border-radius: 5px; color: #536683; display: flex; font-size: .52rem; gap: 7px; margin: 4px 0 7px; padding: 7px; }
.schedule-date i { color: var(--landing-blue); }
.schedule-date strong { color: #263d5e; font-size: .53rem; margin-left: auto; }
.schedule-assignment { align-items: center; border-top: 1px solid #eef2f7; display: flex; justify-content: space-between; min-height: 34px; }
.schedule-assignment > span { align-items: center; color: #304461; display: inline-flex; font-size: .53rem; gap: 6px; }
.schedule-assignment .mock-avatar { height: 19px; width: 19px; }
.schedule-assignment .status-wait { background: #fff4dc; color: #976814; }
.finance-summary { background: #f4f8fc; border: 1px solid #e7edf5; border-radius: 5px; display: flex; flex-direction: column; gap: 3px; padding: 7px 9px; }
.finance-summary small { color: #7b8ba3; font-size: .45rem; }
.finance-summary strong { color: #1f385d; font-size: .73rem; }
.finance-summary span { color: #168052; font-size: .47rem; }
.finance-chart { align-items: end; border-bottom: 1px solid #dce5f0; display: flex; gap: 6px; height: 67px; justify-content: center; margin: 7px 4px 0; padding: 0 5px; }
.finance-chart i { background: #2d7ce8; border-radius: 3px 3px 0 0; height: var(--bar); width: 10%; }
.finance-chart i:nth-child(even) { background: #36b9b2; }
.finance-legend { color: #7889a1; display: flex; font-size: .42rem; gap: 11px; margin-top: 6px; }
.landing-system-card__copy { padding: 15px 17px 18px; }
.landing-system-card__copy > span { color: var(--landing-blue); font-size: .64rem; font-weight: 800; text-transform: uppercase; }
.landing-system-card__copy h3 { color: #1d3150; font-size: 1rem; line-height: 1.35; margin: 5px 0; }
.landing-system-card__copy p { color: var(--landing-muted); font-size: .78rem; line-height: 1.55; margin: 0; }

.landing-plans { background: #edf4fb; border-bottom: 1px solid var(--landing-line); border-top: 1px solid var(--landing-line); }
.landing-plans .landing-section-heading { max-width: 820px; }
.landing-plan-grid { align-items: stretch; display: grid; gap: 13px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.landing-plan { background: #fff; border: 1px solid var(--landing-line); border-radius: 8px; display: flex; flex-direction: column; min-width: 0; padding: 19px 17px 17px; position: relative; }
.landing-plan.is-featured { border: 2px solid var(--landing-blue); box-shadow: 0 10px 25px rgb(18 103 232 / 12%); padding: 18px 16px 16px; }
.landing-plan__badge { background: var(--landing-blue); border-radius: 0 7px 0 7px; color: #fff; font-size: .66rem; font-weight: 800; padding: 5px 10px; position: absolute; right: 0; top: 0; }
.landing-plan__eyebrow { color: #6e7f98; font-size: .62rem; font-weight: 800; margin: 0 0 6px; text-transform: uppercase; }
.landing-plan h3 { color: #203351; font-size: 1.15rem; margin: 0; }
.landing-plan__subtitle { color: #657690; font-size: .74rem; line-height: 1.45; margin: 6px 0 0; min-height: 42px; }
.landing-plan__price { align-items: baseline; border-bottom: 1px solid #e8edf4; display: flex; gap: 5px; margin: 15px 0 11px; padding-bottom: 13px; }
.landing-plan__price strong { color: #172c4b; font-size: 1.7rem; line-height: 1; }
.landing-plan__price span { color: #75849a; font-size: .75rem; }
.landing-plan__limits { display: grid; gap: 7px; }
.landing-plan__limits span { align-items: center; color: #5e708b; display: flex; font-size: .68rem; gap: 7px; line-height: 1.35; }
.landing-plan__limits i { color: var(--landing-blue); font-size: .8rem; }
.landing-plan__features { border-top: 1px solid #e8edf4; display: grid; gap: 8px; list-style: none; margin: 13px 0 16px; padding: 12px 0 0; }
.landing-plan__features li { align-items: flex-start; color: #596b85; display: flex; font-size: .68rem; gap: 7px; line-height: 1.4; }
.landing-plan__features i { color: #18845a; flex: 0 0 auto; font-size: .85rem; }
.landing-plan .landing-button { font-size: .79rem; margin-top: auto; min-height: 41px; padding: 9px 10px; }
.landing-cathedral { align-items: center; background: #fff; border: 1px solid var(--landing-line); border-radius: 8px; display: grid; gap: 20px; grid-template-columns: auto minmax(0, 1fr) auto auto; margin-top: 16px; padding: 19px 22px; }
.landing-cathedral__icon { align-items: center; background: #e7f0ff; border-radius: 7px; color: var(--landing-blue); display: flex; font-size: 1.8rem; height: 58px; justify-content: center; width: 58px; }
.landing-cathedral__copy .landing-eyebrow { color: var(--landing-blue); font-size: .63rem; margin-bottom: 3px; }
.landing-cathedral__copy h3 { color: #1e3150; font-size: 1.12rem; margin: 0; }
.landing-cathedral__copy > p:last-child { color: #63748e; font-size: .75rem; line-height: 1.5; margin: 4px 0 0; max-width: 540px; }
.landing-cathedral__terms { border-left: 1px solid var(--landing-line); display: flex; flex-direction: column; padding-left: 20px; }
.landing-cathedral__terms strong { color: #1c3151; font-size: 1.28rem; line-height: 1.15; }
.landing-cathedral__terms span, .landing-cathedral__terms small { color: #6e7e96; font-size: .68rem; }
.landing-cathedral .landing-button { min-width: 172px; }

.landing-trust { background: #fff; }
.landing-trust__grid { align-items: center; display: grid; gap: 38px; grid-template-columns: .9fr 1.1fr; }
.landing-trust__intro .landing-eyebrow { color: var(--landing-blue); }
.landing-trust__intro h2 { color: var(--landing-ink); font-size: 2rem; line-height: 1.15; margin: 0; }
.landing-trust__intro > p:not(.landing-eyebrow) { color: var(--landing-muted); font-size: .87rem; line-height: 1.65; margin: 12px 0; }
.landing-trust__intro > a { color: #155fc9; font-size: .78rem; font-weight: 700; }
.landing-trust__items { display: grid; gap: 20px 23px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.landing-trust__items article { min-width: 0; }
.landing-trust__items i { color: var(--landing-blue); font-size: 1.25rem; }
.landing-trust__items h3 { color: #223653; font-size: .86rem; margin: 5px 0 2px; }
.landing-trust__items p { color: var(--landing-muted); font-size: .73rem; line-height: 1.45; margin: 0; }

.landing-founder { background: #f0f6fc; border-bottom: 1px solid var(--landing-line); border-top: 1px solid var(--landing-line); padding: 32px 0; scroll-margin-top: 20px; }
.landing-founder__inner { align-items: center; background: #fff; border: 1px solid var(--landing-line); border-radius: 8px; display: grid; gap: 22px; grid-template-columns: 112px minmax(0, 1fr) auto; padding: 22px 25px; }
.landing-founder__inner > img { aspect-ratio: 1; border: 3px solid #e6effa; border-radius: 50%; height: 112px; object-fit: cover; pointer-events: none; user-select: none; width: 112px; }
.landing-founder__text .landing-eyebrow { color: var(--landing-blue); margin-bottom: 4px; }
.landing-founder__text h2 { color: #1c3050; font-size: 1.3rem; margin: 0; }
.landing-founder__text > p:not(.landing-eyebrow) { color: #62738d; font-size: .81rem; line-height: 1.6; margin: 6px 0; max-width: 790px; }
.landing-founder__text a { color: #155fc9; font-size: .74rem; font-weight: 700; }
.landing-founder__mark { align-items: center; background: #edf4fc; border-radius: 50%; color: #5590dd; display: flex; font-size: 1.4rem; height: 48px; justify-content: center; width: 48px; }

.landing-final-cta { background: linear-gradient(110deg, #092650 0%, #0f57c4 60%, #087f9e 100%); color: #fff; padding: 28px 0; }
.landing-final-cta__inner { align-items: center; display: grid; gap: 20px; grid-template-columns: auto minmax(0, 1fr) auto; }
.landing-final-cta__inner > img { height: 54px; object-fit: contain; width: 54px; }
.landing-final-cta .landing-eyebrow { color: #a8c9ef; margin-bottom: 4px; }
.landing-final-cta h2 { color: #fff; font-size: 1.42rem; margin: 0; }
.landing-final-cta p:not(.landing-eyebrow) { color: #d2e1f4; font-size: .76rem; margin: 4px 0 0; }
.landing-button--light { background: #fff; color: #145cc2 !important; }
.landing-button--light:hover { background: #eaf2ff; }
.landing-footer { background: #fff; border-top: 1px solid var(--landing-line); }
.landing-footer__inner { align-items: center; display: flex; flex-wrap: wrap; gap: 18px 30px; justify-content: space-between; min-height: 82px; padding-bottom: 14px; padding-top: 14px; }
.landing-footer .landing-brand img { height: 32px; width: 32px; }
.landing-footer .landing-brand strong { font-size: .75rem; }
.landing-footer .landing-brand small { font-size: .61rem; }
.landing-footer nav { align-items: center; display: flex; flex-wrap: wrap; gap: 16px; }
.landing-footer nav a, .landing-footer__inner > span { font-size: .68rem; }
.landing-footer__inner > span { color: #71819a; }

@media (max-width: 1050px) {
    .landing-hero__grid { gap: 20px; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); }
    .landing-hero h1 { font-size: 2.65rem; }
    .landing-module-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .landing-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .landing-cathedral { grid-template-columns: auto minmax(0, 1fr) auto; }
    .landing-cathedral .landing-button { grid-column: 2 / -1; justify-self: end; }
}

@media (max-width: 760px) {
    .landing-wrap { padding-left: 20px; padding-right: 20px; }
    .landing-header__inner { column-gap: 10px; grid-template-columns: minmax(0, 1fr) auto; padding-bottom: 9px; padding-top: 9px; row-gap: 5px; }
    .landing-brand img { height: 34px; width: 34px; }
    .landing-brand { gap: 7px; }
    .landing-brand strong { font-size: .8rem; }
    .landing-brand small { font-size: .59rem; }
    .landing-nav { flex-wrap: wrap; gap: 8px 14px; grid-column: 1 / -1; justify-content: flex-start; overflow: visible; padding: 4px 0; }
    .landing-nav a { font-size: .73rem; }
    .landing-header__login { font-size: .76rem; min-height: 36px; padding: 8px 11px; }
    .landing-hero__grid { gap: 15px; grid-template-columns: 1fr; min-height: unset; padding-bottom: 23px; padding-top: 31px; }
    .landing-hero__copy { max-width: none; }
    .landing-eyebrow { font-size: .65rem; }
    .landing-hero h1 { font-size: 2.15rem; line-height: 1.12; max-width: 620px; }
    .landing-lead { font-size: .88rem; line-height: 1.6; margin-top: 12px; }
    .landing-actions { gap: 8px; margin-top: 16px; }
    .landing-actions .landing-button { flex: 1 1 150px; font-size: .78rem; min-height: 43px; padding: 10px 11px; }
    .landing-assurances { gap: 8px 12px; justify-content: space-between; margin-top: 15px; }
    .landing-assurances li { font-size: .64rem; gap: 5px; }
    .landing-assurances i { font-size: .82rem; }
    .landing-hero__visual { min-height: 330px; }
    .landing-visual-label { font-size: .62rem; left: 3%; top: 0; }
    .landing-laptop { left: 0; top: 35px; width: 94%; }
    .landing-laptop__screen { border-width: 5px; }
    .landing-phone { bottom: 8px; height: 230px; right: 0; width: 120px; }
    .landing-phone__screen { padding: 13px 7px 7px; }
    .mock-topbar { height: 25px; padding: 0 6px; }
    .mock-app { height: calc(100% - 25px); }
    .mock-brand { font-size: .4rem; }
    .mock-search { font-size: .34rem; padding: 3px 4px; }
    .mock-user { font-size: .5rem; gap: 5px; }
    .mock-sidebar { font-size: .34rem; gap: 3px; padding: 7px 4px; }
    .mock-sidebar b { font-size: .35rem; margin-bottom: 3px; }
    .mock-sidebar span { gap: 3px; padding: 4px 2px; }
    .mock-sidebar i { font-size: .43rem; }
    .mock-dashboard { padding: 8px 7px; }
    .mock-welcome > span, .preview-label { font-size: .34rem; }
    .mock-welcome strong { font-size: .62rem; }
    .mock-welcome small { font-size: .35rem; }
    .mock-kpis { gap: 3px; margin-top: 7px; }
    .mock-kpis > div { gap: 2px; padding: 4px; }
    .mock-kpis small { font-size: .31rem; }
    .mock-kpis b { font-size: .34rem; }
    .mock-kpis span { font-size: .3rem; }
    .mock-table { margin-top: 5px; padding: 4px; }
    .mock-table__head { font-size: .31rem; }
    .mock-table > div:not(.mock-table__head) { gap: 3px; min-height: 23px; }
    .mock-avatar { font-size: .43rem; height: 17px; width: 17px; }
    .mock-table b { font-size: .34rem; }
    .mock-table small { font-size: .3rem; }
    .mock-table em { font-size: .3rem; padding: 2px 3px; }
    .landing-visual-caption { bottom: 0; font-size: .6rem; right: 2%; }
    .landing-benefits { padding: 12px 0; }
    .landing-benefits__grid { gap: 7px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .landing-benefit { flex-direction: column; gap: 7px; min-height: 136px; padding: 11px; }
    .landing-icon { border-radius: 7px; height: 33px; width: 33px; }
    .landing-icon i { font-size: .94rem; }
    .landing-benefit h2 { font-size: .82rem; }
    .landing-benefit p { font-size: .69rem; }
    .landing-section, .landing-plans, .landing-trust { padding: 42px 0; }
    .landing-section-heading { margin-bottom: 18px; }
    .landing-section-heading h2 { font-size: 1.65rem; }
    .landing-section-heading > p:last-child { font-size: .81rem; margin-top: 7px; }
    .landing-module-grid { gap: 7px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .landing-module { gap: 8px; min-height: 72px; padding: 9px; }
    .landing-module .landing-icon { height: 31px; width: 31px; }
    .landing-module h3 { font-size: .72rem; }
    .landing-module p { font-size: .6rem; }
    .landing-journey { padding: 42px 0; }
    .landing-journey__steps { gap: 14px 6px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .landing-journey__steps li:not(:last-child)::after { content: none; }
    .landing-journey__steps .landing-icon { height: 42px; margin-bottom: 6px; width: 42px; }
    .landing-journey__steps .landing-icon i { font-size: 1rem; }
    .landing-journey__steps b { font-size: .66rem; }
    .landing-journey__steps small { font-size: .58rem; }
    .landing-system-grid { gap: 10px; grid-template-columns: 1fr; }
    .system-preview { min-height: 206px; padding: 10px; }
    .system-preview__body { min-height: 156px; }
    .landing-system-card__copy { padding: 12px 14px 14px; }
    .landing-system-card__copy h3 { font-size: .92rem; }
    .landing-system-card__copy p { font-size: .74rem; }
    .landing-plan-grid { gap: 9px; grid-template-columns: 1fr; }
    .landing-plan, .landing-plan.is-featured { padding: 16px; }
    .landing-plan__subtitle { min-height: 0; }
    .landing-plan__price { margin: 11px 0 10px; padding-bottom: 10px; }
    .landing-plan__price strong { font-size: 1.55rem; }
    .landing-plan__features { gap: 6px; margin: 10px 0 13px; padding-top: 10px; }
    .landing-plan__features li { font-size: .72rem; }
    .landing-cathedral { gap: 12px; grid-template-columns: auto 1fr; padding: 15px; }
    .landing-cathedral__icon { height: 46px; width: 46px; }
    .landing-cathedral__copy h3 { font-size: 1rem; }
    .landing-cathedral__copy > p:last-child { font-size: .72rem; }
    .landing-cathedral__terms { border-left: 0; border-top: 1px solid var(--landing-line); grid-column: 1 / -1; padding: 11px 0 0; }
    .landing-cathedral .landing-button { grid-column: 1 / -1; justify-self: stretch; width: 100%; }
    .landing-trust__grid { gap: 24px; grid-template-columns: 1fr; }
    .landing-trust__intro h2 { font-size: 1.65rem; }
    .landing-trust__intro > p:not(.landing-eyebrow) { font-size: .8rem; }
    .landing-trust__items { gap: 16px 13px; }
    .landing-trust__items h3 { font-size: .79rem; }
    .landing-trust__items p { font-size: .67rem; }
    .landing-founder { padding: 22px 0; }
    .landing-founder__inner { gap: 13px; grid-template-columns: 72px minmax(0, 1fr); padding: 16px; }
    .landing-founder__inner > img { height: 72px; width: 72px; }
    .landing-founder__text h2 { font-size: 1.05rem; }
    .landing-founder__text > p:not(.landing-eyebrow) { font-size: .74rem; }
    .landing-founder__text a { font-size: .7rem; }
    .landing-founder__mark { display: none; }
    .landing-final-cta { padding: 22px 0; }
    .landing-final-cta__inner { gap: 11px 15px; grid-template-columns: auto minmax(0, 1fr); }
    .landing-final-cta__inner > img { height: 42px; width: 42px; }
    .landing-final-cta h2 { font-size: 1.15rem; }
    .landing-final-cta p:not(.landing-eyebrow) { font-size: .71rem; }
    .landing-final-cta .landing-button { grid-column: 1 / -1; width: 100%; }
    .landing-footer__inner { align-items: flex-start; flex-direction: column; gap: 13px; padding-bottom: 18px; padding-top: 18px; }
    .landing-footer nav { gap: 10px 16px; }
}

@media (max-width: 380px) {
    .landing-wrap { padding-left: 15px; padding-right: 15px; }
    .landing-brand small { font-size: .55rem; }
    .landing-hero h1 { font-size: 1.95rem; }
    .landing-assurances { align-items: flex-start; flex-direction: column; gap: 7px; }
    .landing-hero__visual { min-height: 292px; }
    .landing-phone { height: 211px; width: 108px; }
}

@media (prefers-reduced-motion: reduce) {
    .sae-landing *, .sae-landing *::before, .sae-landing *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}