/*
 * ÉMET visual system — Atlas / 2026-11-04
 * Presentation-only layer. Existing copy, routes, forms and behavior remain untouched.
 */

body:not(.admin-body) {
    --emet-night: #0B1220;
    --emet-night-soft: #10192A;
    --emet-night-raised: #142039;
    --emet-white: #F4F7FB;
    --emet-paper: #DCE3EE;
    --emet-muted: #AAB5C5;
    --emet-accent: #AFC8F5;
    --emet-accent-strong: #D9E6FF;
    --emet-border: rgba(220, 231, 250, .13);
    --emet-border-strong: rgba(220, 231, 250, .24);
    --emet-shadow: 0 30px 90px rgba(0, 0, 0, .28);
    --emet-starfield: url('../images/emet-starfield-v1.svg');
    --emet-ivory: #0B1220;
    --emet-paper: #10192A;
    --emet-paper-warm: #142039;
    --emet-ink-soft: #DCE3EE;
    --emet-taupe: #AAB5C5;
    --emet-gold: #AFC8F5;
    --emet-gold-light: #C8D8F3;
    --emet-gold-dark: #AFC8F5;
    --emet-line: rgba(220, 231, 250, .13);
    --emet-success: #A8D9C7;
    --emet-warning: #E7CF9B;
    --emet-danger: #E6A7AD;
    --paper: #0B1220;
    --paper-deep: #142039;
    --white: #10192A;
    --ink: #F4F7FB;
    --muted: #AAB5C5;
    --gold: #AFC8F5;
    --gold-dark: #AFC8F5;
    --gold-soft: rgba(175, 200, 245, .09);
    --line: rgba(220, 231, 250, .13);
    --night: #0B1220;
    --success-soft: rgba(168, 217, 199, .13);
    --success-dark: #A8D9C7;
    --gold-panel: #111C30;
    --paper-soft: #111C30;
    --paper-gold: #16233B;
    --ink-gold: #D9E6FF;
    --ink-muted: #AAB5C5;
    color-scheme: dark;
    color: var(--emet-white);
    background-color: var(--emet-night);
    background-image:
        linear-gradient(180deg, rgba(11, 18, 32, .18), rgba(11, 18, 32, .08)),
        var(--emet-starfield);
    background-size: auto, 1200px 900px;
    background-position: center top, center top;
    font-size: 16px;
    line-height: 1.68;
    letter-spacing: .002em;
}

body:not(.admin-body) :where(p, li, label, input, select, textarea, button, a) {
    text-rendering: optimizeLegibility;
}

body:not(.admin-body) .shell {
    width: min(calc(100% - 64px), 1240px);
}

body:not(.admin-body) :focus-visible {
    outline: 3px solid var(--emet-accent);
    outline-offset: 4px;
}

body:not(.admin-body) .site-header {
    border-bottom: 1px solid rgba(220, 231, 250, .11);
    background-color: rgba(8, 14, 26, .86);
    background-image: linear-gradient(rgba(8, 14, 26, .95), rgba(8, 14, 26, .8)), var(--emet-starfield);
    background-size: auto, 1200px 900px;
    background-position: center, center top;
    box-shadow: 0 10px 36px rgba(0, 0, 0, .14);
    backdrop-filter: blur(20px) saturate(125%);
}

body:not(.admin-body) .nav-row {
    min-height: 82px;
    gap: clamp(16px, 2.5vw, 36px);
}

body:not(.admin-body) .brand-logo { width: 166px; }

body:not(.admin-body) .main-nav { gap: clamp(4px, .75vw, 12px); }

body:not(.admin-body) .nav-link {
    padding: 10px 13px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: rgba(220, 227, 238, .78);
    font-size: 12px;
    font-weight: 560;
    letter-spacing: .015em;
}

body:not(.admin-body) .nav-link:hover,
body:not(.admin-body) .nav-link.active {
    border-color: rgba(220, 231, 250, .13);
    color: var(--emet-white);
    background: linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .035));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body:not(.admin-body) .nav-contact { color: var(--emet-muted); }
body:not(.admin-body) .nav-contact:hover { color: var(--emet-white); }

body:not(.admin-body) .button {
    min-height: 50px;
    padding: 13px 21px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 680;
    letter-spacing: .005em;
    box-shadow: none;
}

body:not(.admin-body) .button-gold {
    border-color: rgba(255, 255, 255, .9);
    color: #0B1220;
    background: linear-gradient(135deg, #F8FAFE, #DCE7FB);
    box-shadow: 0 10px 28px rgba(117, 155, 220, .17), inset 0 1px 0 #FFFFFF;
}

body:not(.admin-body) .button-gold:hover {
    border-color: #FFFFFF;
    color: #080E19;
    background: #FFFFFF;
    box-shadow: 0 15px 36px rgba(117, 155, 220, .25), inset 0 1px 0 #FFFFFF;
}

body:not(.admin-body) .button-outline {
    border-color: rgba(220, 231, 250, .28);
    color: var(--emet-white);
    background: rgba(255, 255, 255, .035);
}

body:not(.admin-body) .button-outline:hover {
    border-color: rgba(220, 231, 250, .6);
    color: #FFFFFF;
    background: rgba(255, 255, 255, .09);
}

body:not(.admin-body) .button-text,
body:not(.admin-body) .inline-link,
body:not(.admin-body) .text-link {
    color: var(--emet-accent);
}

body:not(.admin-body) .button-text:hover,
body:not(.admin-body) .inline-link:hover,
body:not(.admin-body) .text-link:hover {
    color: #FFFFFF;
}

body:not(.admin-body) .header-cta {
    min-height: 46px;
    padding: 11px 17px;
    border-radius: 13px;
    white-space: nowrap;
}

/* Home: keep the exact copy, give it a strong editorial hierarchy and an abstract focal image. */
body:not(.admin-body) .home-hero-neutral {
    min-height: min(820px, calc(100svh - 82px));
    display: flex;
    align-items: center;
    padding-block: clamp(78px, 11vh, 132px) clamp(96px, 13vh, 150px);
    background:
        radial-gradient(ellipse at 70% 49%, rgba(90, 126, 191, .12), transparent 36%),
        linear-gradient(120deg, #0B1220 0%, #0B1220 48%, #0D1729 100%);
    text-align: left;
}

body:not(.admin-body) .home-hero-neutral::before {
    position: absolute;
    z-index: -2;
    top: 50%;
    right: max(1.5vw, calc((100vw - 1440px) / 2));
    width: min(51vw, 710px);
    aspect-ratio: 1;
    content: "";
    background: url('../images/emet-hero-orbit.svg') center / contain no-repeat;
    opacity: .94;
    transform: translateY(-50%);
    pointer-events: none;
}

body:not(.admin-body) .home-hero-neutral::after {
    z-index: -1;
    height: 100px;
    background: linear-gradient(transparent, #0B1220);
}

body:not(.admin-body) .home-hero-neutral-inner {
    z-index: 2;
    width: min(calc(100% - 64px), 1240px);
    max-width: 1240px;
    margin-inline: auto;
    padding-right: min(49%, 590px);
    text-align: left;
}

body:not(.admin-body) .home-hero-eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 26px;
    color: #B8C8E2;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .28em;
}

body:not(.admin-body) .home-hero-eyebrow::before {
    width: 34px;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, #DCE7FB, rgba(220, 231, 250, .08));
}

body:not(.admin-body) .home-hero-neutral h1 {
    max-width: 740px;
    margin: 0 0 26px;
    color: #F6F8FC;
    font-size: clamp(52px, 5.7vw, 78px);
    font-weight: 430;
    line-height: 1.02;
    letter-spacing: -.055em;
    text-wrap: pretty;
}

body:not(.admin-body) .home-hero-neutral h1 em {
    color: #B9CBE9;
    font-weight: 430;
}

body:not(.admin-body) .home-hero-intro {
    max-width: 460px;
    margin: 0 0 35px;
    color: #B8C4D4;
    font-size: 17px;
    line-height: 1.72;
    text-wrap: pretty;
}

body:not(.admin-body) .home-hero-actions { justify-content: flex-start; gap: 12px; }
body:not(.admin-body) .home-hero-actions .button { min-height: 54px; padding-inline: 22px; font-size: 13px; }
body:not(.admin-body) .home-hero-actions .button-gold { color: #0B1220; }
body:not(.admin-body) .home-hero-actions .button-outline { color: #E6ECF5; }

body:not(.admin-body) .home-hero-sky {
    z-index: -3;
    background: radial-gradient(ellipse at 45% 45%, rgba(77, 108, 164, .1), transparent 65%);
}

body:not(.admin-body) .home-hero-stars-far { opacity: .5; }
body:not(.admin-body) .home-hero-stars-near { opacity: .35; }
body:not(.admin-body) .home-hero-glint { opacity: .22; }

body:not(.admin-body) .section {
    padding-block: clamp(74px, 8.4vw, 124px);
    scroll-margin-top: 94px;
}

body:not(.admin-body) .section-surface {
    border-color: rgba(220, 231, 250, .075);
    background-color: rgba(15, 24, 41, .68);
    background-image:
        linear-gradient(135deg, rgba(19, 31, 52, .74), rgba(12, 20, 35, .82)),
        var(--emet-starfield);
    background-size: auto, 1200px 900px;
    background-position: center, center top;
}

body:not(.admin-body) .section-heading {
    max-width: 760px;
    margin-bottom: clamp(30px, 4vw, 50px);
}

body:not(.admin-body) .section-heading-row { max-width: none; }
body:not(.admin-body) .section-heading .eyebrow { margin-bottom: 18px; }

body:not(.admin-body) .eyebrow {
    color: #AFC1DD;
    font-size: 10px;
    font-weight: 720;
    letter-spacing: .17em;
}

body:not(.admin-body) .eyebrow-line { background: #AFC8F5; }

body:not(.admin-body) h1,
body:not(.admin-body) h2,
body:not(.admin-body) h3 {
    color: #F4F7FB;
    text-wrap: pretty;
}

body:not(.admin-body) h1,
body:not(.admin-body) h2 { letter-spacing: -.048em; }

body:not(.admin-body) h2 {
    margin-bottom: 19px;
    font-size: clamp(39px, 4.55vw, 62px);
    line-height: 1.06;
}

body:not(.admin-body) h2 em,
body:not(.admin-body) h3 em { color: #B9CBE9; }

body:not(.admin-body) .section-heading > p:last-child,
body:not(.admin-body) .page-lead {
    color: #C2CCDA;
    font-size: clamp(15px, 1.3vw, 17px);
    line-height: 1.75;
}

/* Shared cards: quiet depth, consistent edges and a restrained star texture. */
body:not(.admin-body) :where(
    .entry-card, .offer-card, .work-card, .content-card, .problem-card,
    .martha-domain-card, .orvan-case-step, .martha-architecture-flow li,
    .module-catalogue-card, .delivery-list li, .scope-list li,
    .capability-note, .local-card, .form-side-note, .callback-shortcut,
    .notice-soft, .draft-notice, .martha-status-panel, .founder-price-card,
    .form-card, .module-choice-fieldset, .request-optional-details,
    .founder-pricing-calendar, .founder-pricing-stage, .emet-assistant-preview-window
) {
    border-color: rgba(220, 231, 250, .14);
    border-radius: 19px;
    color: #E8EDF5;
    background-color: #10192A;
    background-image:
        linear-gradient(145deg, rgba(23, 37, 61, .87), rgba(13, 22, 38, .93)),
        var(--emet-starfield);
    background-size: auto, 1200px 900px;
    background-position: center, center top;
    box-shadow: 0 18px 52px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .035);
}

body:not(.admin-body) :where(.entry-card, .offer-card, .work-card, .content-card, .problem-card, .martha-domain-card, .orvan-case-step) h3,
body:not(.admin-body) :where(.entry-card, .offer-card, .work-card, .content-card, .problem-card, .martha-domain-card, .orvan-case-step) h2 {
    color: #F4F7FB;
}

body:not(.admin-body) :where(.entry-card, .offer-card, .work-card, .content-card, .problem-card, .martha-domain-card, .orvan-case-step) :where(p, li, small, span) {
    color: #C0CAD9;
}

body:not(.admin-body) .entry-card,
body:not(.admin-body) .offer-card,
body:not(.admin-body) .work-card,
body:not(.admin-body) .content-card,
body:not(.admin-body) .problem-card {
    border-radius: 22px;
    box-shadow: 0 22px 58px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .045);
    transition: border-color .24s var(--ease), box-shadow .24s var(--ease), transform .24s var(--ease);
}

@media (hover: hover) {
    body:not(.admin-body) :where(.entry-card, .offer-card, .work-card, .content-card, .problem-card, .module-catalogue-card):hover {
        border-color: rgba(220, 231, 250, .28);
        box-shadow: 0 28px 72px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .07);
        transform: translateY(-4px);
    }
}

body:not(.admin-body) .entry-card-featured,
body:not(.admin-body) .offer-highlight,
body:not(.admin-body) .founder-price-card {
    border-color: rgba(180, 205, 247, .4);
    background-image:
        radial-gradient(ellipse at 90% 0%, rgba(126, 163, 226, .16), transparent 58%),
        linear-gradient(145deg, rgba(25, 41, 68, .94), rgba(14, 23, 40, .97)),
        var(--emet-starfield);
    background-size: auto, auto, 1200px 900px;
    background-position: center, center, center top;
}

body:not(.admin-body) .entry-number,
body:not(.admin-body) .offer-index,
body:not(.admin-body) .benefit-number,
body:not(.admin-body) .problem-kicker {
    color: #C1D5F8;
}

body:not(.admin-body) .entry-number,
body:not(.admin-body) .benefit-number {
    border-color: rgba(183, 206, 246, .24);
    border-radius: 12px;
    background: rgba(158, 190, 245, .07);
}

body:not(.admin-body) .work-grid,
body:not(.admin-body) .offer-grid,
body:not(.admin-body) .entry-grid,
body:not(.admin-body) .problem-grid,
body:not(.admin-body) .benefit-grid,
body:not(.admin-body) .catalogue-grid { gap: clamp(14px, 1.7vw, 22px); }

body:not(.admin-body) .work-card { padding-bottom: 29px; }
body:not(.admin-body) .work-art { height: clamp(220px, 24vw, 310px); border-bottom-color: rgba(220, 231, 250, .11); }
body:not(.admin-body) .offer-card { padding: 30px 28px 28px; }
body:not(.admin-body) .offer-card-preview { border-radius: 17px 17px 0 0; }
body:not(.admin-body) .offer-disclaimer { border-left-width: 3px; border-color: rgba(183, 206, 246, .34); border-radius: 0 14px 14px 0; color: #C3CEDD; background: rgba(158, 190, 245, .055); }
body:not(.admin-body) .price strong { color: #F4F7FB; }
body:not(.admin-body) .price span,
body:not(.admin-body) .offer-card > p,
body:not(.admin-body) .offer-card li { color: #C1CAD8; }

body:not(.admin-body) .status-pill { border: 1px solid rgba(220, 231, 250, .13); }
body:not(.admin-body) .status-live { color: #D8E9FF; background: rgba(108, 152, 220, .16); }
body:not(.admin-body) .status-dev { color: #D3DCEA; background: rgba(255, 255, 255, .06); }

body:not(.admin-body) .capability-card {
    min-height: 88px;
    border: 1px solid rgba(220, 231, 250, .08);
    border-radius: 17px;
    background: rgba(15, 24, 41, .38);
}
body:not(.admin-body) .capability-card:hover { border-color: rgba(220, 231, 250, .2); background: rgba(23, 37, 61, .82); }
body:not(.admin-body) .cap-icon { border-color: rgba(183, 206, 246, .22); border-radius: 13px; color: #D5E3FB; background: rgba(158, 190, 245, .075); }
body:not(.admin-body) .cap-plus { color: #B5C8E8; }
body:not(.admin-body) .capability-note { align-items: flex-start; }

body:not(.admin-body) .martha-note {
    border-color: rgba(220, 231, 250, .1);
    background-color: #10192A;
    background-image: linear-gradient(120deg, rgba(20, 32, 57, .96), rgba(11, 18, 32, .92)), var(--emet-starfield);
    background-size: auto, 1200px 900px;
    background-position: center, center top;
}
body:not(.admin-body) .martha-note-inner > div:last-child p { color: #C2CCDA; }

body:not(.admin-body) .method-section {
    border-block: 1px solid rgba(220, 231, 250, .08);
    background-color: #0E1728;
    background-image:
        radial-gradient(ellipse at 75% 50%, rgba(79, 111, 169, .15), transparent 48%),
        linear-gradient(120deg, rgba(12, 20, 35, .96), rgba(17, 28, 48, .9)),
        var(--emet-starfield);
    background-size: auto, auto, 1200px 900px;
    background-position: center, center, center top;
}

body:not(.admin-body) .closing-cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(220, 231, 250, .12);
    border-radius: 28px;
    background-color: #111C30;
    background-image:
        radial-gradient(ellipse at 82% 20%, rgba(133, 170, 231, .2), transparent 44%),
        linear-gradient(145deg, rgba(20, 32, 57, .97), rgba(10, 17, 30, .97)),
        var(--emet-starfield);
    background-size: auto, auto, 1200px 900px;
    background-position: center, center, center top;
    box-shadow: var(--emet-shadow);
}
body:not(.admin-body) .closing-inner { padding-block: clamp(48px, 7vw, 88px); }

body:not(.admin-body) .emet-assistant-preview-section {
    border-block: 1px solid rgba(220, 231, 250, .08);
    background-color: #0E1728;
    background-image: linear-gradient(130deg, rgba(14, 23, 40, .94), rgba(18, 31, 52, .83)), var(--emet-starfield);
    background-size: auto, 1200px 900px;
    background-position: center, center top;
}
body:not(.admin-body) .emet-assistant-preview-window { border-radius: 24px; }
body:not(.admin-body) .emet-assistant-preview-feed { gap: 18px; padding: clamp(20px, 3vw, 32px); }
body:not(.admin-body) .emet-assistant-preview-bubble { border-radius: 18px; box-shadow: 0 12px 30px rgba(0, 0, 0, .14); }

/* Inner pages share a calm introduction, compact reading width and card-led rhythm. */
body:not(.admin-body) .content-page { min-height: 70vh; }
body:not(.admin-body) .page-hero {
    position: relative;
    isolation: isolate;
    padding-top: clamp(78px, 10vw, 132px);
    padding-bottom: clamp(42px, 6vw, 76px);
}
body:not(.admin-body) .content-page:not(.founder-page) > .page-hero {
    padding-top: clamp(64px, 7.4vw, 94px);
    padding-bottom: clamp(32px, 4.3vw, 54px);
}
body:not(.admin-body) .page-hero::before {
    position: absolute;
    z-index: -1;
    top: 8%;
    left: -4%;
    width: min(66vw, 760px);
    height: 82%;
    content: "";
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(77, 112, 174, .11), transparent 68%);
    pointer-events: none;
}
body:not(.admin-body) .page-hero h1 {
    max-width: 930px;
    margin-bottom: 22px;
    font-size: clamp(48px, 6.2vw, 78px);
    line-height: 1.02;
}
body:not(.admin-body) .content-page:not(.founder-page) > .page-hero h1 {
    font-size: clamp(44px, 5.2vw, 68px);
}
body:not(.admin-body) .page-hero > .eyebrow { margin-bottom: 22px; }
body:not(.admin-body) .page-hero > .page-lead { max-width: 780px; }
body:not(.admin-body) .page-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 18px; }
body:not(.admin-body) .content-page:not(.founder-page) > .page-hero + .section {
    padding-top: clamp(42px, 5vw, 72px);
}
body:not(.admin-body) .page-sections .content-card { margin: 0; }
body:not(.admin-body) .page-sections .content-card h2 { font-size: clamp(25px, 3vw, 35px); }
body:not(.admin-body) .routine-layout > div > p:not(.eyebrow),
body:not(.admin-body) .founder-hero > div > p:not(.eyebrow) { color: #C2CCDA; }

body:not(.admin-body) .founder-hero { align-items: start; }
body:not(.admin-body) .founder-hero h1 { max-width: 760px; font-size: clamp(48px, 5.7vw, 72px); }
body:not(.admin-body) .founder-price-card {
    position: sticky;
    top: 112px;
    border-radius: 23px;
}
body:not(.admin-body) .founder-price { color: #F4F7FB; }
body:not(.admin-body) .founder-price-taxed,
body:not(.admin-body) .founder-price-card > p:not(.founder-price) { color: #C4CEDD; }
body:not(.admin-body) .founder-price-card .offer-index { color: #BBD0F5; }
body:not(.admin-body) .founder-hero-copy,
body:not(.admin-body) .founder-hero-notes { max-width: 760px; }
body:not(.admin-body) .custom-application-page > .page-hero::after {
    position: absolute;
    z-index: -1;
    top: 4%;
    right: 0;
    width: min(34vw, 430px);
    aspect-ratio: 1;
    content: "";
    background: url('../images/emet-hero-orbit.svg') center / contain no-repeat;
    opacity: .48;
    pointer-events: none;
}
body:not(.admin-body) .module-catalogue-card { border-radius: 17px; }
body:not(.admin-body) .module-catalogue-card > span { color: #BFD1F0; }
body:not(.admin-body) .scope-list li,
body:not(.admin-body) .delivery-list li { color: #DAE2EF; }
body:not(.admin-body) .delivery-list li::before { color: #BBD0F5; }
body:not(.admin-body) .delivery-list strong { color: #F4F7FB; }
body:not(.admin-body) .delivery-list span { color: #C2CCDA; }

body:not(.admin-body) .form-section { align-items: start; gap: clamp(22px, 4vw, 52px); }
body:not(.admin-body) .form-card {
    padding: clamp(22px, 4vw, 44px);
    border-radius: 24px;
}
body:not(.admin-body) .form-card label,
body:not(.admin-body) .module-choice-fieldset legend { color: #E7EDF6; }
body:not(.admin-body) .form-card input:not([type="checkbox"]):not([type="radio"]),
body:not(.admin-body) .form-card select,
body:not(.admin-body) .form-card textarea {
    min-height: 50px;
    padding: 13px 15px;
    border: 1px solid rgba(196, 211, 236, .3);
    border-radius: 13px;
    color: #111A29;
    background: #F2F5FA;
    box-shadow: inset 0 1px 2px rgba(4, 10, 20, .07);
}
body:not(.admin-body) .form-card textarea { min-height: 118px; resize: vertical; }
body:not(.admin-body) .form-card input::placeholder,
body:not(.admin-body) .form-card textarea::placeholder { color: #68768A; }
body:not(.admin-body) .form-card input:focus,
body:not(.admin-body) .form-card select:focus,
body:not(.admin-body) .form-card textarea:focus {
    border-color: #7FA5E2;
    outline: 3px solid rgba(143, 180, 243, .22);
    outline-offset: 1px;
    background: #FFFFFF;
}
body:not(.admin-body) .form-note,
body:not(.admin-body) .callback-hours,
body:not(.admin-body) .form-optional { color: #B9C5D5; }
body:not(.admin-body) .form-note a,
body:not(.admin-body) .form-side-note a { color: #D6E4FC; text-decoration: underline; text-underline-offset: 3px; }
body:not(.admin-body) .module-choice-fieldset { padding: 22px; }
body:not(.admin-body) .form-card .check-card { border-radius: 12px; color: #E5EAF2; background: rgba(255, 255, 255, .035); }
body:not(.admin-body) .form-card .check-card:has(input:checked) { border-color: rgba(177, 204, 246, .66); background: rgba(143, 180, 243, .12); }
body:not(.admin-body) .request-step { border-color: rgba(220, 231, 250, .14); border-radius: 16px; }
body:not(.admin-body) .request-step legend { padding-inline: 9px; color: #E4EBF5; font-family: var(--serif); font-size: 22px; }
body:not(.admin-body) .callback-shortcut { align-items: center; border-radius: 18px; }
body:not(.admin-body) .notice-soft,
body:not(.admin-body) .draft-notice { padding: 18px 20px; color: #D3DCEA; }

/* Long-form pages and legal text remain calm and easy to scan. */
body:not(.admin-body) .cookie-policy,
body:not(.admin-body) .legal-content,
body:not(.admin-body) .privacy-content { max-width: 1040px; }
body:not(.admin-body) .content-card > h2 { font-size: clamp(27px, 3.5vw, 40px); }
body:not(.admin-body) .content-card > p,
body:not(.admin-body) .content-card li { color: #C3CDDB; line-height: 1.78; }
body:not(.admin-body) .content-card a { color: #D3E2FB; text-decoration: underline; text-underline-offset: 3px; }
body:not(.admin-body) .content-card ul { display: grid; gap: 9px; padding-left: 21px; }
body:not(.admin-body) .content-card li::marker { color: #B8CDEF; }

/* Shared product/case-study imagery. */
body:not(.admin-body) :where(.martha-campaign-figure, .orvan-promo-figure, .offer-mockup-frame, .hero-product-preview) {
    border: 1px solid rgba(220, 231, 250, .19);
    border-radius: 22px;
    box-shadow: 0 28px 72px rgba(0, 0, 0, .32), 0 0 0 7px rgba(255, 255, 255, .018);
}
body:not(.admin-body) .campaign-work-art,
body:not(.admin-body) .project-feature-logo { border-radius: 18px; }
body:not(.admin-body) .campaign-work-label { border-color: rgba(220, 231, 250, .2); border-radius: 10px; backdrop-filter: blur(10px); }
body:not(.admin-body) .portfolio-context-note { border-left-color: rgba(183, 206, 246, .55); color: #C3CDDB; }

/* Footer and consent surfaces belong to the same visual system. */
body:not(.admin-body) .site-footer {
    margin-top: clamp(52px, 7vw, 92px);
    padding-block: 64px 34px;
    border-top: 1px solid rgba(220, 231, 250, .12);
    color: #D4DCE8;
    background-color: #080E19;
    background-image: linear-gradient(rgba(8, 14, 25, .95), rgba(8, 14, 25, .98)), var(--emet-starfield);
    background-size: auto, 1200px 900px;
    background-position: center, center top;
}
body:not(.admin-body) .footer-grid { row-gap: 20px; }
body:not(.admin-body) .footer-grid > p,
body:not(.admin-body) .footer-grid > a { color: #C3CDDB; }
body:not(.admin-body) .footer-links {
    padding-top: 23px;
    border-top: 1px solid rgba(220, 231, 250, .1);
}
body:not(.admin-body) .footer-links a,
body:not(.admin-body) .footer-cookie-button { color: #AEBBD0; }
body:not(.admin-body) .footer-links a:hover,
body:not(.admin-body) .footer-cookie-button:hover { color: #FFFFFF; }
body:not(.admin-body) .footer-note { color: #8896AA; }

body:not(.admin-body) .cookie-banner,
body:not(.admin-body) .cookie-dialog {
    border: 1px solid rgba(221, 232, 250, .22);
    border-radius: 22px;
    color: #F4F7FB;
    background-color: #10192A;
    background-image: linear-gradient(145deg, rgba(22, 36, 59, .97), rgba(12, 20, 35, .98)), var(--emet-starfield);
    background-size: auto, 1200px 900px;
    background-position: center, center top;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .48);
}
body:not(.admin-body) .cookie-banner {
    width: min(850px, calc(100% - 36px));
    align-items: center;
    gap: 18px;
    padding: 18px 21px;
    border-radius: 19px;
}
body:not(.admin-body) .cookie-banner-copy { max-width: 485px; }
body:not(.admin-body) .cookie-banner-copy .eyebrow { margin-bottom: 5px; }
body:not(.admin-body) .cookie-banner-copy h2,
body:not(.admin-body) .cookie-dialog-content h2 {
    margin-bottom: 7px;
    font-size: clamp(23px, 2.4vw, 30px);
    line-height: 1.12;
    letter-spacing: -.035em;
}
body:not(.admin-body) .cookie-banner-copy > p:last-child,
body:not(.admin-body) .cookie-dialog-content > p:not(.eyebrow) { font-size: 12px; line-height: 1.48; }
body:not(.admin-body) .cookie-banner-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(106px, auto));
    grid-template-areas: "reject accept" "customize customize";
    justify-content: end;
    gap: 7px;
}
body:not(.admin-body) .cookie-banner-actions [data-cookie-reject] { grid-area: reject; }
body:not(.admin-body) .cookie-banner-actions [data-cookie-accept] { grid-area: accept; }
body:not(.admin-body) .cookie-banner-actions [data-cookie-customize] { grid-area: customize; justify-self: end; }
body:not(.admin-body) .cookie-banner-actions .button { min-height: 38px; padding: 9px 12px; font-size: 11px; }
body:not(.admin-body) .cookie-banner-copy > p:last-child,
body:not(.admin-body) .cookie-dialog-content > p:not(.eyebrow) { color: #C1CDDD; }
body:not(.admin-body) .cookie-choice { border-color: rgba(220, 231, 250, .14); background: rgba(255, 255, 255, .045); }
body:not(.admin-body) .cookie-choice small { color: #B7C4D7; }
body:not(.admin-body) .cookie-providers { color: #CED8E7; background: rgba(255, 255, 255, .06); }

@media (max-width: 1080px) {
    body:not(.admin-body) .nav-row { gap: 14px; }
    body:not(.admin-body) .brand-logo { width: 145px; }
    body:not(.admin-body) .main-nav { gap: 2px; }
    body:not(.admin-body) .nav-link { padding-inline: 9px; font-size: 11px; }
    body:not(.admin-body) .home-hero-neutral-inner { padding-right: 44%; }
    body:not(.admin-body) .home-hero-neutral::before { right: -5%; width: 56vw; opacity: .78; }
}

@media (max-width: 820px) {
    body:not(.admin-body) .shell,
    body:not(.admin-body) .home-hero-neutral-inner { width: min(calc(100% - 44px), 720px); }
    body:not(.admin-body) .nav-row { min-height: 72px; }
    body:not(.admin-body) .home-hero-neutral { min-height: 710px; padding-block: 82px 110px; }
    body:not(.admin-body) .home-hero-neutral-inner { padding-right: 0; }
    body:not(.admin-body) .home-hero-neutral::before { top: auto; right: -14%; bottom: -11%; width: min(78vw, 630px); opacity: .34; transform: none; }
    body:not(.admin-body) .home-hero-neutral h1 { max-width: 680px; font-size: clamp(52px, 8.5vw, 70px); }
    body:not(.admin-body) .home-hero-intro { max-width: 440px; }
    body:not(.admin-body) .section { padding-block: 78px; }
    body:not(.admin-body) .founder-price-card { position: relative; top: auto; }
    body:not(.admin-body) .page-sections { grid-template-columns: 1fr; }
    body:not(.admin-body) .site-footer { padding-bottom: 78px; }
}

@media (max-width: 600px) {
    body:not(.admin-body) .shell,
    body:not(.admin-body) .home-hero-neutral-inner { width: min(calc(100% - 36px), 520px); }
    body:not(.admin-body) .home-hero-neutral { min-height: 690px; padding-block: 54px 86px; text-align: left; }
    body:not(.admin-body) .home-hero-neutral::before { right: -37%; bottom: -17%; width: 110vw; opacity: .21; }
    body:not(.admin-body) .home-hero-neutral-inner { text-align: left; }
    body:not(.admin-body) .home-hero-eyebrow { margin-bottom: 23px; font-size: 9px; }
    body:not(.admin-body) .home-hero-neutral h1 { max-width: 540px; margin-bottom: 21px; font-size: clamp(43px, 11vw, 58px); line-height: 1.04; }
    body:not(.admin-body) .home-hero-intro { max-width: 390px; margin-bottom: 29px; font-size: 16px; }
    body:not(.admin-body) .home-hero-actions { flex-wrap: wrap; justify-content: flex-start; }
    body:not(.admin-body) .home-hero-actions .button { min-height: 50px; padding-inline: 15px; font-size: 12px; }
    body:not(.admin-body) .section { padding-block: 68px; }
    body:not(.admin-body) h2 { font-size: clamp(36px, 10vw, 46px); }
    body:not(.admin-body) .section-heading-row { align-items: flex-start; flex-direction: column; gap: 10px; }
    body:not(.admin-body) .work-grid,
    body:not(.admin-body) .offer-grid,
    body:not(.admin-body) .entry-grid,
    body:not(.admin-body) .problem-grid,
    body:not(.admin-body) .benefit-grid,
    body:not(.admin-body) .catalogue-grid { grid-template-columns: 1fr; }
    body:not(.admin-body) .offer-card,
    body:not(.admin-body) .entry-card,
    body:not(.admin-body) .content-card,
    body:not(.admin-body) .problem-card { padding: 23px; }
    body:not(.admin-body) .offer-card-preview { width: calc(100% + 46px); margin: -23px -23px 20px; }
    body:not(.admin-body) .page-hero { padding-top: 58px; padding-bottom: 35px; }
    body:not(.admin-body) .content-page:not(.founder-page) > .page-hero { padding-top: 56px; padding-bottom: 29px; }
    body:not(.admin-body) .content-page:not(.founder-page) > .page-hero + .section { padding-top: 40px; }
    body:not(.admin-body) .page-hero h1 { font-size: clamp(42px, 11vw, 58px); }
    body:not(.admin-body) .content-page:not(.founder-page) > .page-hero h1 { font-size: clamp(42px, 10.5vw, 57px); }
    body:not(.admin-body) .custom-application-page > .page-hero::after { top: auto; right: -33%; bottom: -19%; width: 96vw; opacity: .15; }
    body:not(.admin-body) .form-card { padding: 21px; }
    body:not(.admin-body) .form-submit { width: 100%; }
    body:not(.admin-body) .founder-price-card { padding: 22px; }
    body:not(.admin-body) .founder-hero h1 { font-size: clamp(42px, 11vw, 58px); }
    body:not(.admin-body) .martha-note-inner { gap: 24px; }
    body:not(.admin-body) .closing-cta { border-radius: 20px; }
    body:not(.admin-body) .footer-grid { grid-template-columns: 1fr; }
    body:not(.admin-body) .footer-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 18px; }
    body:not(.admin-body) .footer-note { grid-column: 1; }
    body:not(.admin-body) .cookie-banner { right: 10px; bottom: 10px; left: 10px; width: calc(100% - 20px); gap: 13px; padding: 16px; }
    body:not(.admin-body) .cookie-banner-actions { grid-template-areas: "reject accept" "customize customize"; }
    body:not(.admin-body) .cookie-banner-copy h2 { font-size: 24px; }
    body:not(.admin-body) .cookie-banner-copy > p:last-child { font-size: 12px; }
}

@media (max-width: 360px) {
    body:not(.admin-body) .home-hero-neutral { min-height: 650px; }
    body:not(.admin-body) .home-hero-neutral h1 { font-size: 41px; }
    body:not(.admin-body) .home-hero-actions { gap: 7px; }
    body:not(.admin-body) .home-hero-actions .button { min-height: 46px; padding-inline: 11px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
    body:not(.admin-body) *,
    body:not(.admin-body) *::before,
    body:not(.admin-body) *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}
