/* ============================================================
   EMBEDFLOWS — Landing Pages Stylesheet
   Design System: Deep Space Glassmorphism
   ============================================================ */

/* --- Fonts --- */
@font-face {
    font-family: 'Geist';
    src: url('/assets/fonts/geist-latin-wght-normal.woff2?v=1') format('woff2-variations');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'Material Symbols Outlined';
    src: url('/assets/fonts/material-symbols-outlined.woff2?v=1') format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

/* --- CSS Variables --- */
:root {
    --ef-bg: #09090F;
    --ef-surface: #131319;
    --ef-surface-container: #1f1f26;
    --ef-surface-container-low: #1b1b21;
    --ef-surface-container-high: #2a2930;
    --ef-surface-container-highest: #35343b;
    --ef-surface-container-lowest: #0e0e14;
    --ef-on-surface: #e4e1ea;
    --ef-on-surface-variant: #cbc3d7;
    --ef-primary: #d0bcff;
    --ef-primary-container: #a078ff;
    --ef-secondary: #fbabff;
    --ef-tertiary: #89ceff;
    --ef-outline: #958ea0;
    --ef-outline-variant: #494454;
    --ef-error: #ffb4ab;
    --ef-glass-bg: rgba(17, 17, 27, 0.6);
    --ef-glass-border: rgba(255, 255, 255, 0.06);
    --ef-gradient-primary: linear-gradient(135deg, #8B5CF6 0%, #D946EF 100%);
    --ef-gradient-text: linear-gradient(135deg, #d0bcff 0%, #fbabff 100%);
    --ef-radius-sm: 0.25rem;
    --ef-radius: 0.5rem;
    --ef-radius-md: 0.75rem;
    --ef-radius-lg: 1rem;
    --ef-radius-xl: 1.25rem;
    --ef-radius-2xl: 20px;
    --ef-radius-full: 9999px;
    --ef-container-max: 1280px;
    --ef-gutter: 24px;
    --ef-margin-desktop: 64px;
    --ef-margin-mobile: 20px;
    --ef-section-gap: 120px;
}

/* --- Reset & Base --- */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.ef-landing {
    background-color: var(--ef-bg);
    color: var(--ef-on-surface);
    font-family: 'Geist', 'Inter', system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    overflow-x: hidden;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ef-landing img {
    max-width: 100%;
    height: auto;
    display: block;
}

.ef-landing a {
    color: inherit;
    text-decoration: none;
}

/* --- Typography --- */
.ef-landing .font-manrope { font-family: 'Geist', 'Inter', sans-serif; }
.ef-landing .font-inter { font-family: 'Geist', 'Inter', sans-serif; }
.ef-landing .font-mono { font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', monospace; }

.ef-landing .display-lg {
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: 64px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--ef-on-surface);
}

.ef-landing .display-sm {
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.ef-landing .headline-lg {
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
}

.ef-landing .headline-md {
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
}

.ef-landing .body-lg {
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
}

.ef-landing .body-md {
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

.ef-landing .label-md {
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

/* --- Gradient Text --- */
.ef-landing .gradient-text {
    background: var(--ef-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* --- Navigation --- */
.ef-nav {
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(19, 19, 25, 0.8);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    z-index: 100;
}

.ef-nav__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: var(--ef-container-max);
    margin: 0 auto;
    padding: 16px var(--ef-margin-desktop);
}

.ef-nav__logo {
    display: inline-flex;
    width: 246px;
    max-width: 25vw;
    flex: 0 0 auto;
    align-items: center;
    text-decoration: none;
}

.ef-nav__logo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.ef-nav__links {
    display: flex;
    align-items: center;
    gap: 32px;
}

.ef-nav__link {
    font-size: 16px;
    color: rgba(228, 225, 234, 0.7);
    transition: color 0.2s ease;
    text-decoration: none;
}

.ef-nav__link:hover {
    color: var(--ef-on-surface);
}

.ef-nav__link--active {
    color: var(--ef-primary);
    font-weight: 700;
    border-bottom: 2px solid var(--ef-primary);
    padding-bottom: 4px;
}

.ef-nav__cta {
    background: var(--ef-gradient-primary);
    color: #fff;
    padding: 10px 24px;
    border-radius: var(--ef-radius-full);
    font-size: 14px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.ef-nav__cta:hover {
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
    transform: translateY(-2px);
}

.ef-nav__mobile-btn {
    display: none;
    background: none;
    border: none;
    color: var(--ef-on-surface);
    cursor: pointer;
    padding: 8px;
}

/* --- Container --- */
.ef-container {
    max-width: var(--ef-container-max);
    margin: 0 auto;
    padding-left: var(--ef-margin-desktop);
    padding-right: var(--ef-margin-desktop);
}

/* --- Glass Card --- */
.ef-glass {
    background: var(--ef-glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--ef-glass-border);
    border-radius: var(--ef-radius-2xl);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.ef-glass:hover {
    border-color: rgba(208, 188, 255, 0.3);
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.ef-glass--static:hover {
    transform: none;
    box-shadow: none;
}

/* --- Hover Lift --- */
.ef-hover-lift {
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}

.ef-hover-lift:hover {
    transform: translateY(-8px);
    border-color: rgba(208, 188, 255, 0.3);
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.5);
}

/* --- Subtle Glow --- */
.ef-glow {
    position: relative;
}

.ef-glow::after {
    content: '';
    position: absolute;
    inset: -20px;
    background: radial-gradient(circle at center, rgba(139, 92, 246, 0.15) 0%, transparent 70%);
    z-index: -1;
    pointer-events: none;
}

/* --- Primary Button --- */
.ef-btn-primary {
    background: var(--ef-gradient-primary);
    color: #fff;
    border: none;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
}

.ef-btn-primary:hover {
    box-shadow: 0 0 25px rgba(217, 70, 239, 0.4);
    transform: scale(1.02);
}

.ef-btn-secondary {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
}

.ef-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* --- Sections --- */
.ef-section {
    padding-top: var(--ef-section-gap);
    padding-bottom: 0;
}

.ef-section--center {
    text-align: center;
}

/* --- Material Icon Helper --- */
.ef-landing .material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    overflow-wrap: normal;
    direction: ltr;
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

.ef-landing .material-symbols-outlined.filled {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* --- Badge / Chip --- */
.ef-chip {
    display: inline-block;
    padding: 6px 16px;
    border-radius: var(--ef-radius-full);
    border: 1px solid rgba(208, 188, 255, 0.3);
    background: rgba(208, 188, 255, 0.05);
    color: var(--ef-primary);
    font-size: 14px;
    font-weight: 500;
}

.ef-chip--small {
    padding: 4px 12px;
    font-size: 12px;
}

/* --- Features Page --- */
.ef-features-page {
    background:
        radial-gradient(circle at 72% 9%, rgba(118, 77, 255, 0.13), transparent 28rem),
        radial-gradient(circle at 12% 34%, rgba(217, 70, 239, 0.06), transparent 24rem),
        var(--ef-bg);
}

.ef-features-nav-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ef-nav__login {
    padding: 9px 15px;
    color: var(--ef-on-surface-variant);
    font-size: 14px;
    font-weight: 600;
    transition: color .2s ease;
}

.ef-nav__login:hover { color: #fff; }

.ef-features-new-hero {
    position: relative;
    overflow: hidden;
    padding: 150px 0 82px;
}

.ef-features-new-hero::before {
    content: '';
    position: absolute;
    top: 70px;
    left: 50%;
    width: 1100px;
    height: 620px;
    transform: translateX(-50%);
    background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 88%);
    pointer-events: none;
}

.ef-features-new-hero__grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr);
    align-items: center;
    gap: 70px;
}

.ef-features-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 23px;
    padding: 7px 12px;
    border: 1px solid rgba(208,188,255,.17);
    border-radius: 999px;
    background: rgba(208,188,255,.055);
    color: var(--ef-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .035em;
}

.ef-features-eyebrow .material-symbols-outlined { font-size: 16px; }

.ef-features-new-hero h1 {
    max-width: 650px;
    margin-bottom: 24px;
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: clamp(46px, 5vw, 70px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.045em;
    color: #f4f1f8;
}

.ef-features-new-hero__copy > p {
    max-width: 600px;
    color: rgba(203,195,215,.82);
    font-size: 18px;
    line-height: 1.75;
}

.ef-features-hero-actions {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 34px;
}

.ef-features-primary-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    padding: 14px 23px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 800;
}

.ef-features-primary-cta .material-symbols-outlined { font-size: 19px; transition: transform .2s ease; }
.ef-features-primary-cta:hover .material-symbols-outlined { transform: translateX(3px); }

.ef-features-text-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--ef-primary);
    font-size: 14px;
    font-weight: 700;
}

.ef-features-text-link .material-symbols-outlined { font-size: 18px; }

.ef-features-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
    margin-top: 32px;
    color: rgba(203,195,215,.64);
    font-size: 12px;
}

.ef-features-proof > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ef-features-proof .material-symbols-outlined {
    color: rgba(208,188,255,.8);
    font-size: 16px;
}

.ef-builder-preview {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(208,188,255,.16);
    border-radius: 18px;
    background: rgba(18,17,28,.92);
    box-shadow: 0 32px 90px rgba(0,0,0,.48), 0 0 80px rgba(124,92,255,.12);
}

.ef-builder-preview::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 1px rgba(255,255,255,.06);
    pointer-events: none;
}

.ef-builder-preview__topbar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    min-height: 44px;
    padding: 0 15px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: rgba(228,225,234,.62);
    font: 500 10px 'JetBrains Mono', monospace;
}

.ef-builder-preview__dots { display: flex; gap: 5px; }
.ef-builder-preview__dots i { width: 7px; height: 7px; border-radius: 50%; background: #494454; }
.ef-builder-preview__dots i:first-child { background: #fb7185; }
.ef-builder-preview__dots i:nth-child(2) { background: #fbbf24; }
.ef-builder-preview__dots i:nth-child(3) { background: #4ade80; }

.ef-builder-preview__live {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #4ade80;
}

.ef-builder-preview__live i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }

.ef-builder-preview__body {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(175px, .75fr);
    min-height: 360px;
}


.ef-builder-preview__stage {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    padding: 24px;
    background: radial-gradient(circle at 50% 38%, rgba(139,92,246,.15), transparent 56%), #0d0c14;
}
.ef-features-legacy-copy { display: none; }

.ef-builder-preview__themes {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: 32px minmax(0,1fr) 32px;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 9px 10px 15px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    background: rgba(21,21,28,.9);
    box-shadow: 0 12px 28px rgba(0,0,0,.22);
}
.ef-builder-preview__theme-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
.ef-builder-preview__theme-arrow {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 50%;
    background: #1b1c23;
    color: rgba(232,228,239,.7);
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}
.ef-builder-preview__theme-arrow:hover {
    transform: scale(1.08);
    border-color: rgba(167,139,250,.5);
    background: rgba(124,92,255,.12);
    color: #fff;
}
.ef-builder-preview__theme-arrow .material-symbols-outlined { font-size: 18px; }
.ef-builder-preview__theme {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 74px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 7px 3px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 10px;
    background: #191a20;
    color: rgba(239,235,245,.7);
    cursor: pointer;
    transition: transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
.ef-builder-preview__theme:hover { transform: translateY(-2px); border-color: rgba(208,188,255,.2); }
.ef-builder-preview__theme.is-active {
    transform: translateY(-2px);
    border-color: rgba(208,188,255,.27);
    background: linear-gradient(145deg,#292a30,#202126);
    color: #fff;
    box-shadow: 0 10px 24px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.05);
}
.ef-builder-preview__theme.is-active::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 28px;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: #99a5a9;
}
.ef-builder-preview__theme-play {
    display: grid;
    place-items: center;
    width: 34px;
    height: 19px;
    border-radius: 6px;
    background: linear-gradient(135deg,#5e686a,#343a3b);
    color: white;
}
.ef-builder-preview__theme:nth-child(2) .ef-builder-preview__theme-play { background: linear-gradient(135deg,#168fe4,#59bfff); }
.ef-builder-preview__theme:nth-child(3) .ef-builder-preview__theme-play { background: linear-gradient(135deg,#ef7546,#ffb96f); }
.ef-builder-preview__theme:nth-child(4) .ef-builder-preview__theme-play { background: linear-gradient(135deg,#714eea,#eb68b9); }
.ef-builder-preview__theme-play .material-symbols-outlined { font-size: 13px; }
.ef-builder-preview__theme strong { overflow: hidden; max-width: 100%; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.ef-builder-preview__theme small { overflow: hidden; max-width: 100%; color: rgba(203,195,215,.52); font-size: 5px; text-overflow: ellipsis; white-space: nowrap; }
.ef-builder-preview__theme-dots {
    position: absolute;
    bottom: 5px;
    left: 50%;
    display: flex;
    gap: 4px;
    transform: translateX(-50%);
}
.ef-builder-preview__theme-dots i { width: 4px; height: 4px; border-radius: 50%; background: #44434d; transition: background .2s ease, transform .2s ease; }
.ef-builder-preview__theme-dots i.is-active { transform: scale(1.25); background: #a0abad; box-shadow: 0 0 6px rgba(208,188,255,.4); }

.ef-builder-preview__play-settings {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
    padding: 14px 16px 15px;
    border: 1px solid rgba(208,188,255,.12);
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(25,22,38,.96), rgba(18,16,28,.96));
    box-shadow: 0 16px 34px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.035);
}
.ef-builder-preview__play-heading {
    display: flex;
    align-items: center;
    gap: 7px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(255,255,255,.065);
    color: rgba(225,219,235,.62);
    font: 500 8px 'JetBrains Mono', monospace;
    letter-spacing: .08em;
}
.ef-builder-preview__play-heading .material-symbols-outlined { color: rgba(208,188,255,.72); font-size: 14px; }
.ef-builder-preview__play-layouts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; }
.ef-builder-preview__play-layout {
    display: flex;
    min-width: 0;
    min-height: 48px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 5px 2px;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 8px;
    background: rgba(255,255,255,.035);
    color: rgba(210,204,220,.45);
    cursor: pointer;
    transition: transform .2s ease, color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.ef-builder-preview__play-layout:hover { transform: translateY(-2px); color: rgba(239,233,248,.8); }
.ef-builder-preview__play-layout.is-active {
    border-color: #8b5cf6;
    background: rgba(124,92,255,.09);
    color: #b8a5ff;
    box-shadow: 0 0 18px rgba(124,92,255,.12);
}
.ef-builder-preview__play-layout .material-symbols-outlined { font-size: 17px; }
.ef-builder-preview__play-layout small { overflow: hidden; max-width: 100%; font-size: 5px; letter-spacing: .04em; text-overflow: ellipsis; }
.ef-builder-preview__play-sliders { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 14px; }
.ef-builder-preview__play-sliders label {
    display: grid;
    grid-template-columns: 62px minmax(0,1fr) 30px;
    align-items: center;
    gap: 7px;
    color: rgba(213,207,222,.48);
    font-size: 6px;
}
.ef-builder-preview__play-sliders input[type="range"] {
    width: 100%;
    height: 3px;
    appearance: none;
    border-radius: 999px;
    outline: 0;
    background: linear-gradient(90deg,#8b5cf6 0 48%,rgba(255,255,255,.13) 48% 100%);
    cursor: pointer;
}
.ef-builder-preview__play-sliders input[type="range"]::-webkit-slider-thumb {
    width: 10px;
    height: 10px;
    appearance: none;
    border: 0;
    border-radius: 50%;
    background: #8b5cf6;
    box-shadow: 0 0 0 3px rgba(139,92,246,.1), 0 0 10px rgba(139,92,246,.32);
}
.ef-builder-preview__play-sliders input[type="range"]::-moz-range-thumb {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 50%;
    background: #8b5cf6;
}
.ef-builder-preview__play-sliders output {
    padding: 3px 4px;
    border-radius: 4px;
    background: rgba(124,92,255,.16);
    color: #cbbdff;
    font: 500 6px 'JetBrains Mono', monospace;
    text-align: center;
}

.ef-builder-preview__video {
    position: relative;
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 13px;
    background:
        linear-gradient(145deg, transparent 0 43%, rgba(139,92,246,.13) 43% 57%, transparent 57%),
        radial-gradient(circle at 72% 28%, rgba(217,70,239,.24), transparent 35%),
        linear-gradient(145deg, #1c1830, #0d0c14 70%);
    box-shadow: 0 18px 40px rgba(0,0,0,.4);
}

.ef-builder-preview__video::before,
.ef-builder-preview__video::after {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    border: 1px solid rgba(208,188,255,.13);
    border-radius: 38% 62% 63% 37%;
    transform: rotate(35deg);
}

.ef-builder-preview__video::before { top: -55px; right: 20px; }
.ef-builder-preview__video::after { bottom: -90px; left: 25px; }

.ef-builder-preview__badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    padding: 5px 8px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 5px;
    background: rgba(8,8,14,.46);
    color: rgba(255,255,255,.75);
    font: 600 8px 'JetBrains Mono', monospace;
    letter-spacing: .1em;
}

.ef-builder-preview__video > button {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: grid;
    place-items: center;
    width: var(--preview-play-width, 58px);
    height: var(--preview-play-height, 58px);
    transform: translate(-50%, -50%);
    border: 0;
    border-radius: 50%;
    background: var(--ef-gradient-primary);
    color: #fff;
    box-shadow: 0 12px 35px rgba(139,92,246,.42);
}

.ef-builder-preview__video > button .material-symbols-outlined { font-size: 31px; }

.ef-builder-preview__controls {
    position: absolute;
    right: 12px;
    bottom: 11px;
    left: 12px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 8px;
}

.ef-builder-preview__controls .material-symbols-outlined { font-size: 15px; }
.ef-builder-preview__controls i { flex: 1; height: 3px; border-radius: 4px; background: linear-gradient(90deg, #a078ff 36%, rgba(255,255,255,.25) 36%); }

.ef-builder-preview__panel {
    padding: 21px 17px;
    border-left: 1px solid rgba(255,255,255,.06);
    background: rgba(25,23,35,.78);
}

.ef-builder-preview__panel-title {
    display: block;
    margin-bottom: 18px;
    color: rgba(228,225,234,.38);
    font: 600 8px 'JetBrains Mono', monospace;
    letter-spacing: .12em;
}

.ef-builder-preview__field { margin-bottom: 16px; color: rgba(228,225,234,.75); font-size: 9px; }
.ef-builder-preview__field > span { display: block; margin-bottom: 7px; }
.ef-builder-preview__field > div:not(.ef-builder-preview__slider) {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 6px;
    background: rgba(255,255,255,.03);
}
.ef-builder-preview__field div > i { width: 16px; height: 16px; border-radius: 4px; background: #8b5cf6; }
.ef-builder-preview__field b { font: 500 8px 'JetBrains Mono', monospace; }
.ef-builder-preview__slider { position: relative; height: 3px; border-radius: 5px; background: rgba(255,255,255,.12); }
.ef-builder-preview__slider::before { content: ''; position: absolute; width: 62%; height: 100%; border-radius: inherit; background: #a078ff; }
.ef-builder-preview__slider i { position: absolute; z-index: 1; top: -4px; left: 60%; width: 11px; height: 11px; border: 2px solid #eee8ff; border-radius: 50%; background: #8b5cf6; }

.ef-builder-preview__toggles { display: grid; gap: 10px; margin: 19px 0; }
.ef-builder-preview__toggles span { display: flex; align-items: center; justify-content: space-between; color: rgba(228,225,234,.65); font-size: 8px; }
.ef-builder-preview__toggles i { position: relative; width: 20px; height: 11px; border-radius: 10px; background: #393644; }
.ef-builder-preview__toggles i::after { content: ''; position: absolute; top: 2px; left: 2px; width: 7px; height: 7px; border-radius: 50%; background: #8c8795; }
.ef-builder-preview__toggles i.is-on { background: #7952df; }
.ef-builder-preview__toggles i.is-on::after { left: 11px; background: white; }

.ef-builder-preview__options-title {
    display: flex;
    align-items: center;
    gap: 7px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.ef-builder-preview__options-title .material-symbols-outlined { color: rgba(208,188,255,.6); font-size: 15px; }
.ef-builder-preview__options { display: grid; margin: -3px 0 20px; }
.ef-builder-preview__option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.055);
    background: transparent;
    color: rgba(228,225,234,.66);
    font: 500 9px 'Geist', 'Inter', sans-serif;
    text-align: left;
    cursor: pointer;
}
.ef-builder-preview__option:last-child { border-bottom: 0; }
.ef-builder-preview__option > i {
    position: relative;
    width: 32px;
    height: 18px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #3b3945;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035);
    transition: background .25s ease, box-shadow .25s ease;
}
.ef-builder-preview__option > i::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: var(--preview-play-radius, 14px);
    background: #85818e;
    box-shadow: 0 1px 4px rgba(0,0,0,.35);
    transition: left .28s cubic-bezier(.2,.8,.2,1), background .25s ease, transform .25s ease;
}

.ef-builder-preview[data-play-shape="hexagon"] .ef-builder-preview__video > button {
    clip-path: polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);
}
.ef-builder-preview[data-play-shape="rectangle"] .ef-builder-preview__video > button { clip-path: none; border-radius: 9px; }
.ef-builder-preview[data-play-shape="circle"] .ef-builder-preview__video > button { clip-path: none; border-radius: 50%; }
.ef-builder-preview[data-play-shape="plain"] .ef-builder-preview__video > button {
    clip-path: none;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
}
.ef-builder-preview__option[aria-pressed="true"] > i {
    background: linear-gradient(135deg,#6f4fe8,#8b5cf6);
    box-shadow: 0 0 13px rgba(139,92,246,.24);
}
.ef-builder-preview__option[aria-pressed="true"] > i::after {
    left: 17px;
    background: #fff;
}
.ef-builder-preview__option:hover { color: #f0ebf8; }
.ef-builder-preview__option:hover > i::after { transform: scale(1.08); }
.ef-builder-preview__option:focus-visible {
    outline: 1px solid #a78bfa;
    outline-offset: 3px;
    border-radius: 4px;
}

.ef-builder-preview__code {
    overflow: hidden;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 5px;
    background: #0d0c14;
    color: rgba(137,206,255,.65);
    font: 7px 'JetBrains Mono', monospace;
    white-space: nowrap;
}

.ef-builder-preview__copy {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 8px;
    padding: 7px;
    border-radius: 5px;
    background: rgba(139,92,246,.18);
    color: var(--ef-primary);
    font-size: 8px;
    font-weight: 700;
}
.ef-builder-preview__copy .material-symbols-outlined { font-size: 12px; }

/* Hero preview motion: calm, product-focused, and accessibility-safe. */
.ef-features-page .ef-builder-preview {
    animation: ef-preview-enter .85s cubic-bezier(.2,.8,.2,1) both;
}

.ef-features-page .ef-builder-preview .ef-builder-preview__video {
    animation: ef-preview-float 4.6s ease-in-out infinite, ef-preview-scene 8s ease-in-out infinite alternate;
    will-change: transform, box-shadow;
}

.ef-features-page .ef-builder-preview .ef-builder-preview__video::before {
    animation: ef-preview-orbit-a 10s ease-in-out infinite alternate;
}

.ef-features-page .ef-builder-preview .ef-builder-preview__video::after {
    animation: ef-preview-orbit-b 12s ease-in-out infinite alternate;
}

.ef-features-page .ef-builder-preview .ef-builder-preview__video > button {
    animation: ef-preview-play 2.3s ease-in-out infinite;
    will-change: transform, box-shadow;
}

.ef-features-page .ef-builder-preview[data-preview-theme="spacing"] .ef-builder-preview__video > button { background: linear-gradient(135deg,#168fe4,#59bfff); }
.ef-features-page .ef-builder-preview[data-preview-theme="sleek"] .ef-builder-preview__video > button { background: linear-gradient(135deg,#ef7546,#ffb96f); }
.ef-features-page .ef-builder-preview[data-preview-theme="vidstack"] .ef-builder-preview__video > button { background: linear-gradient(135deg,#714eea,#eb68b9); }
.ef-features-page .ef-builder-preview__theme {
    opacity: 0;
    animation: ef-theme-enter .5s cubic-bezier(.2,.8,.2,1) forwards;
}
.ef-features-page .ef-builder-preview__theme:nth-child(2) { animation-delay: .1s; }
.ef-features-page .ef-builder-preview__theme:nth-child(3) { animation-delay: .2s; }
.ef-features-page .ef-builder-preview__theme:nth-child(4) { animation-delay: .3s; }
.ef-features-page .ef-builder-preview__theme.is-active .ef-builder-preview__theme-play {
    animation: ef-theme-play 2.5s ease-in-out infinite;
}
.ef-features-page .ef-builder-preview__play-settings {
    opacity: 0;
    transform: translateY(12px);
    animation: ef-play-settings-enter .65s .35s cubic-bezier(.2,.8,.2,1) forwards;
}
.ef-features-page .ef-builder-preview__play-layout.is-active {
    animation: ef-play-layout-pulse 3s ease-in-out infinite;
}
.ef-features-page .ef-builder-preview__play-sliders input[type="range"] {
    animation: ef-play-slider-glow 4s ease-in-out infinite;
}

.ef-features-page .ef-builder-preview .ef-builder-preview__live i {
    animation: ef-preview-live 1.8s ease-in-out infinite;
}

.ef-features-page .ef-builder-preview .ef-builder-preview__controls i {
    background-size: 220% 100%;
    animation: ef-preview-progress 3.8s ease-in-out infinite alternate;
}

.ef-features-page .ef-builder-preview .ef-builder-preview__slider i {
    animation: ef-preview-slider 3.5s ease-in-out infinite alternate;
}

.ef-features-page .ef-builder-preview .ef-builder-preview__toggles .is-on {
    animation: ef-preview-toggle 3.6s ease-in-out infinite;
}

.ef-features-page .ef-builder-preview__toggles span:nth-child(2) .is-on {
    animation-delay: 1.2s;
}

.ef-features-page .ef-builder-preview__option {
    opacity: 0;
    transform: translateX(8px);
    animation: ef-option-enter .45s cubic-bezier(.2,.8,.2,1) forwards;
}
.ef-features-page .ef-builder-preview__option:nth-child(2) { animation-delay: .08s; }
.ef-features-page .ef-builder-preview__option:nth-child(3) { animation-delay: .16s; }
.ef-features-page .ef-builder-preview__option:nth-child(4) { animation-delay: .24s; }
.ef-features-page .ef-builder-preview__option:nth-child(5) { animation-delay: .32s; }
.ef-features-page .ef-builder-preview__option:nth-child(6) { animation-delay: .4s; }
.ef-features-page .ef-builder-preview__option:nth-child(7) { animation-delay: .48s; }
.ef-features-page .ef-builder-preview__option[aria-pressed="true"] > i {
    animation: ef-option-pulse 4.2s ease-in-out infinite;
}
.ef-features-page .ef-builder-preview__option:nth-child(2) > i { animation-delay: .35s; }
.ef-features-page .ef-builder-preview__option:nth-child(3) > i { animation-delay: .7s; }
.ef-features-page .ef-builder-preview__option:nth-child(4) > i { animation-delay: 1.05s; }
.ef-features-page .ef-builder-preview__option:nth-child(5) > i { animation-delay: 1.4s; }
.ef-features-page .ef-builder-preview__option:nth-child(7) > i { animation-delay: 1.75s; }

.ef-features-page .ef-builder-preview__copy {
    position: relative;
    overflow: hidden;
}

.ef-features-page .ef-builder-preview .ef-builder-preview__copy::after {
    content: '';
    position: absolute;
    top: -60%;
    bottom: -60%;
    left: -35%;
    width: 26%;
    transform: skewX(-18deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
    animation: ef-preview-shimmer 5s ease-in-out infinite;
}

.ef-features-page .ef-builder-preview__stage {
    position: relative;
    overflow: hidden;
}

.ef-features-page .ef-builder-preview__stage::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -25%;
    bottom: -25%;
    left: -55%;
    width: 30%;
    transform: rotate(14deg);
    background: linear-gradient(90deg, transparent, rgba(139,92,246,.13), transparent);
    filter: blur(4px);
    pointer-events: none;
}

.ef-features-page .ef-builder-preview .ef-builder-preview__stage::before {
    animation: ef-preview-sweep 4.8s cubic-bezier(.4,0,.2,1) infinite;
}

.ef-features-page .ef-builder-preview__video {
    z-index: 1;
}

@keyframes ef-preview-enter {
    from { opacity: 0; transform: translateY(24px) scale(.975); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes ef-preview-float {
    0%, 100% { transform: translateY(0); box-shadow: 0 18px 40px rgba(0,0,0,.4); }
    50% { transform: translateY(-10px); box-shadow: 0 30px 56px rgba(0,0,0,.52), 0 0 42px rgba(139,92,246,.18); }
}

@keyframes ef-preview-scene {
    from { background-position: 0 0, 72% 28%, 0 0; }
    to { background-position: 24px -12px, 82% 36%, 0 0; }
}

@keyframes ef-preview-play {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        box-shadow: 0 12px 35px rgba(139,92,246,.42), 0 0 0 0 rgba(168,85,247,.22);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.06);
        box-shadow: 0 16px 42px rgba(139,92,246,.54), 0 0 0 12px rgba(168,85,247,0);
    }
}

@keyframes ef-preview-live {
    0%, 100% { opacity: .65; transform: scale(.82); }
    50% { opacity: 1; transform: scale(1.2); }
}

@keyframes ef-preview-progress {
    from { background-position: 0 0; }
    to { background-position: 32% 0; }
}

@keyframes ef-preview-slider {
    from { left: 54%; }
    to { left: 68%; }
}

@keyframes ef-preview-toggle {
    0%, 72%, 100% { box-shadow: 0 0 0 rgba(121,82,223,0); }
    82% { box-shadow: 0 0 13px rgba(139,92,246,.5); }
}

@keyframes ef-option-enter {
    to { opacity: 1; transform: translateX(0); }
}

@keyframes ef-option-pulse {
    0%, 72%, 100% { box-shadow: 0 0 0 rgba(139,92,246,0); }
    82% { box-shadow: 0 0 0 4px rgba(139,92,246,.1), 0 0 18px rgba(139,92,246,.42); }
}

@keyframes ef-theme-enter {
    from { opacity: 0; transform: translateY(-7px) scale(.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes ef-theme-play {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 rgba(139,92,246,0); }
    50% { transform: scale(1.08); box-shadow: 0 0 14px rgba(139,92,246,.38); }
}

@keyframes ef-play-settings-enter {
    to { opacity: 1; transform: translateY(0); }
}

@keyframes ef-play-layout-pulse {
    0%, 100% { box-shadow: 0 0 0 rgba(124,92,255,0); }
    50% { box-shadow: 0 0 0 3px rgba(124,92,255,.08), 0 0 20px rgba(124,92,255,.16); }
}

@keyframes ef-play-slider-glow {
    0%, 100% { filter: brightness(.9); }
    50% { filter: brightness(1.18); }
}

@keyframes ef-preview-orbit-a {
    from { transform: translate3d(0,0,0) rotate(35deg); }
    to { transform: translate3d(-14px,10px,0) rotate(48deg); }
}

@keyframes ef-preview-orbit-b {
    from { transform: translate3d(0,0,0) rotate(35deg); }
    to { transform: translate3d(18px,-9px,0) rotate(22deg); }
}

@keyframes ef-preview-shimmer {
    0%, 68% { left: -35%; opacity: 0; }
    72% { opacity: 1; }
    88%, 100% { left: 115%; opacity: 0; }
}

@keyframes ef-preview-sweep {
    0%, 12% { left: -55%; opacity: 0; }
    22% { opacity: 1; }
    62%, 100% { left: 130%; opacity: 0; }
}

.ef-features-benefits { margin-bottom: 24px; }
.ef-features-section-heading { max-width: 680px; margin: 0 auto 52px; text-align: center; }
.ef-features-kicker { display: block; margin-bottom: 12px; color: var(--ef-primary); font: 700 11px 'JetBrains Mono', monospace; letter-spacing: .13em; }
.ef-features-section-heading h2,
.ef-all-features__intro h2,
.ef-features-final-cta h2 {
    color: #f2eef8;
    font: 750 clamp(34px, 4vw, 48px)/1.15 'Geist', 'Inter', sans-serif;
    letter-spacing: -.035em;
}
.ef-features-section-heading p { margin-top: 16px; color: rgba(203,195,215,.7); line-height: 1.7; }

.ef-value-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
.ef-value-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(29,27,39,.88), rgba(15,15,22,.94));
    box-shadow: inset 0 1px rgba(255,255,255,.025);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.ef-value-card:hover { transform: translateY(-4px); border-color: rgba(208,188,255,.2); box-shadow: 0 18px 45px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.04); }
.ef-value-card__eyebrow { display: inline-flex; align-items: center; gap: 7px; color: #cbb8ff; font: 700 10px 'JetBrains Mono', monospace; letter-spacing: .1em; }
.ef-value-card__eyebrow .material-symbols-outlined { font-size: 16px; }
.ef-value-card--brand {
    grid-column: span 8;
    display: grid;
    grid-template-columns: minmax(0,1.08fr) minmax(260px,.92fr);
    align-items: center;
    gap: 28px;
    min-height: 392px;
    padding: 42px;
    background: radial-gradient(circle at 78% 36%, rgba(139,92,246,.2), transparent 35%), linear-gradient(145deg, rgba(38,31,57,.94), rgba(16,15,24,.97));
}
.ef-value-card--brand::before { content: ''; position: absolute; inset: 0; background: linear-gradient(115deg, rgba(255,255,255,.025), transparent 40%); pointer-events: none; }
.ef-value-card__copy { position: relative; z-index: 1; }
.ef-value-card--brand h3 { max-width: 520px; margin: 20px 0 14px; color: #f5f1fa; font: 760 clamp(28px,3vw,40px)/1.08 'Geist','Inter',sans-serif; letter-spacing: -.04em; }
.ef-value-card--brand p { max-width: 540px; color: rgba(218,212,226,.7); font-size: 14px; line-height: 1.7; }
.ef-value-card__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.ef-value-card__chips span { display: inline-flex; align-items: center; gap: 5px; padding: 7px 10px; border: 1px solid rgba(208,188,255,.12); border-radius: 999px; background: rgba(208,188,255,.055); color: rgba(239,234,246,.78); font-size: 10px; }
.ef-value-card__chips .material-symbols-outlined { color: #a78bfa; font-size: 13px; }
.ef-value-player { position: relative; z-index: 1; transform: rotate(1.5deg); overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: #0d0d13; box-shadow: 0 28px 60px rgba(0,0,0,.42), 0 0 45px rgba(139,92,246,.12); }
.ef-value-player__bar { display: flex; align-items: center; gap: 5px; height: 31px; padding: 0 10px; border-bottom: 1px solid rgba(255,255,255,.07); background: rgba(27,26,35,.95); }
.ef-value-player__bar i { width: 5px; height: 5px; border-radius: 50%; background: #54515e; }
.ef-value-player__bar span { margin-left: auto; color: rgba(220,214,229,.48); font: 600 6px 'JetBrains Mono',monospace; letter-spacing: .12em; }
.ef-value-player__screen { position: relative; display: grid; place-items: center; min-height: 210px; background: radial-gradient(circle at 50% 45%, rgba(139,92,246,.3), transparent 30%), linear-gradient(150deg,#181525,#0b0b11); }
.ef-value-player__badge { position: absolute; top: 13px; left: 13px; padding: 4px 7px; border: 1px solid rgba(255,255,255,.1); border-radius: 5px; color: rgba(236,231,243,.62); font: 600 6px 'JetBrains Mono',monospace; letter-spacing: .08em; }
.ef-value-player__play { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 50%; background: linear-gradient(135deg,#8b5cf6,#d946ef); color: #fff; font-size: 28px; box-shadow: 0 12px 30px rgba(139,92,246,.35); }
.ef-value-player__controls { position: absolute; right: 13px; bottom: 13px; left: 13px; display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,.7); }
.ef-value-player__controls .material-symbols-outlined { font-size: 12px; }
.ef-value-player__controls i { height: 2px; flex: 1; border-radius: 2px; background: linear-gradient(90deg,#a78bfa 55%,rgba(255,255,255,.14) 55%); }
.ef-value-card--lifetime { grid-column: span 4; min-height: 392px; padding: 36px; background: radial-gradient(circle at 80% 10%, rgba(217,70,239,.18), transparent 34%), linear-gradient(155deg,rgba(55,38,79,.92),rgba(19,16,29,.98)); border-color: rgba(208,188,255,.16); }
.ef-value-card__zero { display: flex; align-items: center; gap: 12px; margin: 27px 0 13px; }
.ef-value-card__zero strong { color: #fff; font: 800 clamp(48px,5vw,68px)/.9 'Geist','Inter',sans-serif; letter-spacing: -.06em; }
.ef-value-card__zero span { color: rgba(219,211,230,.52); font: 600 10px/1.3 'JetBrains Mono',monospace; text-transform: uppercase; }
.ef-value-card--lifetime h3 { margin-bottom: 12px; color: #f6f1fa; font: 740 25px/1.12 'Geist','Inter',sans-serif; letter-spacing: -.035em; }
.ef-value-card--lifetime p { color: rgba(218,212,226,.67); font-size: 12px; line-height: 1.6; }
.ef-value-card__cta { display: flex; align-items: center; justify-content: space-between; min-height: 48px; margin-top: 23px; padding: 0 17px; border-radius: 10px; background: linear-gradient(135deg,#8257f2,#b64de0); color: #fff; font-size: 12px; font-weight: 700; box-shadow: 0 12px 30px rgba(106,65,203,.26); }
.ef-value-card__cta .material-symbols-outlined { font-size: 18px; transition: transform .2s ease; }
.ef-value-card__cta:hover .material-symbols-outlined { transform: translateX(3px); }
.ef-value-card--lifetime small { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 10px; color: rgba(203,195,215,.42); font-size: 9px; }
.ef-value-card--lifetime small .material-symbols-outlined { font-size: 12px; }
.ef-value-card--outcome { grid-column: span 3; min-height: 235px; padding: 26px; }
.ef-value-card--outcome::before { content: ''; position: absolute; top: -70px; left: -70px; width: 150px; height: 150px; border-radius: 50%; background: rgba(139,92,246,.08); filter: blur(25px); }
.ef-value-card__icon { display: grid; width: 40px; height: 40px; place-items: center; margin-bottom: 28px; border: 1px solid rgba(208,188,255,.15); border-radius: 10px; background: rgba(139,92,246,.1); color: #d0bcff; }
.ef-value-card__icon .material-symbols-outlined { font-size: 21px; }
.ef-value-card__icon--pink { color: #f0abfc; background: rgba(217,70,239,.09); }
.ef-value-card__icon--green { color: #86efac; background: rgba(74,222,128,.08); }
.ef-value-card__icon--blue { color: #89ceff; background: rgba(56,189,248,.08); }
.ef-value-card__icon--amber { color: #fcd34d; background: rgba(251,191,36,.08); }
.ef-value-card__number { position: absolute; top: 28px; right: 25px; color: rgba(228,225,234,.16); font: 700 10px 'JetBrains Mono',monospace; }
.ef-value-card--outcome h3 { margin-bottom: 10px; color: #f1edf6; font: 700 18px/1.25 'Geist','Inter',sans-serif; letter-spacing: -.025em; }
.ef-value-card--outcome p { color: rgba(203,195,215,.62); font-size: 12px; line-height: 1.62; }
.ef-value-proof { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 16px; padding: 22px 24px 22px 28px; border: 1px solid rgba(208,188,255,.13); border-radius: 15px; background: linear-gradient(90deg,rgba(45,31,67,.64),rgba(18,16,26,.86)); }
.ef-value-proof__copy { display: flex; align-items: center; gap: 15px; }
.ef-value-proof__copy > .material-symbols-outlined { display: grid; width: 40px; height: 40px; place-items: center; flex: 0 0 auto; border-radius: 50%; background: rgba(139,92,246,.14); color: #c4b5fd; }
.ef-value-proof__copy div { display: flex; flex-direction: column; }
.ef-value-proof__copy strong { color: #f2eef7; font-size: 14px; }
.ef-value-proof__copy span { color: rgba(203,195,215,.55); font-size: 11px; }
.ef-value-proof .ef-features-primary-cta { flex: 0 0 auto; min-height: 48px; font-size: 11px; }

@media (max-width: 1024px) {
    .ef-value-card--brand { grid-column: span 12; }
    .ef-value-card--lifetime { grid-column: span 12; min-height: auto; }
    .ef-value-card--outcome { grid-column: span 6; }
}
@media (max-width: 640px) {
    .ef-value-card--brand { grid-template-columns: 1fr; min-height: auto; padding: 28px; }
    .ef-value-player__screen { min-height: 190px; }
    .ef-value-card--lifetime { padding: 28px; }
    .ef-value-card--outcome { grid-column: span 12; min-height: auto; padding: 24px; }
    .ef-value-proof { align-items: stretch; flex-direction: column; }
    .ef-value-proof .ef-features-primary-cta { width: 100%; }
}

.ef-benefit-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.ef-benefit-card {
    position: relative;
    min-height: 385px;
    padding: 27px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(31,29,42,.76), rgba(18,17,26,.78));
    transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.ef-benefit-card:hover { transform: translateY(-4px); border-color: rgba(208,188,255,.22); background: linear-gradient(145deg, rgba(38,34,55,.82), rgba(18,17,26,.82)); }
.ef-benefit-card::before { content: ''; position: absolute; width: 170px; height: 170px; top: -100px; left: -80px; border-radius: 50%; background: rgba(139,92,246,.09); filter: blur(25px); }
.ef-benefit-card__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 29px;
    border: 1px solid rgba(208,188,255,.16);
    border-radius: 11px;
    background: rgba(139,92,246,.12);
    color: var(--ef-primary);
}
.ef-benefit-card__icon .material-symbols-outlined { font-size: 22px; }
.ef-benefit-card__icon--pink { color: #f0abfc; background: rgba(217,70,239,.1); border-color: rgba(240,171,252,.15); }
.ef-benefit-card__icon--blue { color: #89ceff; background: rgba(56,189,248,.1); border-color: rgba(137,206,255,.15); }
.ef-benefit-card__icon--green { color: #86efac; background: rgba(74,222,128,.1); border-color: rgba(134,239,172,.15); }
.ef-benefit-card__icon--amber { color: #fcd34d; background: rgba(251,191,36,.1); border-color: rgba(252,211,77,.15); }
.ef-benefit-card__icon--violet { color: #c4b5fd; background: rgba(167,139,250,.1); border-color: rgba(196,181,253,.15); }
.ef-benefit-card__number { position: absolute; top: 30px; right: 28px; color: rgba(228,225,234,.18); font: 700 11px 'JetBrains Mono', monospace; }
.ef-benefit-card h3 { max-width: 310px; margin-bottom: 12px; color: #f0edf5; font: 700 21px/1.3 'Geist', 'Inter', sans-serif; letter-spacing: -.02em; }
.ef-benefit-card > p { margin-bottom: 23px; color: rgba(203,195,215,.64); font-size: 14px; line-height: 1.68; }
.ef-benefit-card ul { display: grid; gap: 10px; list-style: none; }
.ef-benefit-card li { display: flex; align-items: center; gap: 8px; color: rgba(228,225,234,.77); font-size: 12px; }
.ef-benefit-card li .material-symbols-outlined { color: var(--ef-primary); font-size: 15px; }

.ef-trusted-strip {
    position: relative;
    padding-top: 56px;
    padding-bottom: 56px;
}
.ef-trusted-strip::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 600px;
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(208,188,255,.18), transparent);
}
.ef-trusted-strip__title {
    margin: 0 0 30px;
    color: rgba(221,216,229,.55);
    font: 500 11px 'JetBrains Mono',monospace;
    letter-spacing: .06em;
    text-align: center;
    text-transform: uppercase;
}
.ef-trusted-strip__title strong {
    color: #f0ebf7;
    font-weight: 700;
}
.ef-trusted-marquee {
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
}
.ef-trusted-marquee__track {
    display: flex;
    width: max-content;
    gap: 0;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.ef-trusted-marquee__group {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 12px;
    padding-right: 12px;
}
.ef-trusted-brand {
    display: inline-flex;
    min-width: 160px;
    height: 44px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 18px;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 9px;
    background: linear-gradient(145deg, rgba(28,27,36,.72), rgba(16,16,23,.78));
    color: rgba(219,213,226,.58);
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
    box-shadow: inset 0 1px rgba(255,255,255,.025);
    transition: color .25s ease, border-color .25s ease, background .25s ease;
    user-select: none;
}
.ef-trusted-brand .material-symbols-outlined {
    color: #9674e6;
    font-size: 16px;
    font-variation-settings: 'wght' 350;
}
.ef-trusted-brand:hover {
    border-color: rgba(167,139,250,.25);
    background: rgba(139,92,246,.08);
    color: rgba(240,235,247,.85);
}
.ef-trusted-marquee:hover .ef-trusted-marquee__track {
    animation-play-state: paused;
}



@media (max-width: 640px) {
    .ef-trusted-strip { padding-top: 40px; padding-bottom: 38px; }
    .ef-trusted-strip__title { margin-bottom: 22px; font-size: 9px; line-height: 1.6; }
    .ef-trusted-marquee { -webkit-mask-image: linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image: linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); }
    .ef-trusted-brand { min-width: 140px; height: 40px; padding: 0 14px; font-size: 9px; }
}


.ef-features-workflow {
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
    padding-top: 76px;
    padding-bottom: 64px;
    border-top: 1px solid rgba(255,255,255,.07);
    border-bottom: 1px solid rgba(255,255,255,.07);
    background:
        radial-gradient(circle at 50% 47%, rgba(113,61,190,.13), transparent 39%),
        radial-gradient(circle, rgba(167,139,250,.12) 1px, transparent 1px);
    background-size: auto, 18px 18px;
    isolation: isolate;
}
.ef-features-workflow::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(90deg, var(--ef-bg), transparent 14%, transparent 86%, var(--ef-bg));
}
.ef-features-section-heading--compact { max-width: 820px; margin-bottom: 48px; }
.ef-features-section-heading--compact .ef-features-kicker { color: #b785ff; font-size: 11px; }
.ef-features-section-heading--compact .ef-features-kicker i { padding: 0 12px; color: #8b5cf6; font-style: normal; }
.ef-features-section-heading--compact h2 { font-size: clamp(42px,5vw,64px); font-weight: 800; }
.ef-features-section-heading--compact p { max-width: 620px; margin: 15px auto 0; color: rgba(218,212,226,.68); font-size: 16px; }
.ef-workflow-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 54px;
    max-width: 1080px;
    margin: 0 auto;
}
.ef-workflow-grid article {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 292px;
    padding: 32px 26px 27px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 17px;
    background: linear-gradient(150deg,rgba(29,25,41,.76),rgba(13,13,20,.88));
    text-align: center;
    box-shadow: inset 0 1px rgba(255,255,255,.03),0 18px 42px rgba(0,0,0,.18);
    transition: transform .25s ease,border-color .25s ease,background .25s ease;
}
.ef-workflow-grid article:hover { transform: translateY(-4px); border-color: rgba(167,139,250,.2); background: linear-gradient(150deg,rgba(36,29,52,.82),rgba(14,14,21,.92)); }
.ef-workflow-grid article:not(:last-child)::after {
    display: none;
}
.ef-workflow-grid__icon {
    position: relative;
    display: grid;
    place-items: center;
    width: 88px;
    height: 88px;
    margin-bottom: 25px;
    border: 1px solid rgba(167,139,250,.28);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(50,31,78,.68), rgba(20,16,30,.98));
    color: #c8a9ff;
    box-shadow: inset 0 1px rgba(255,255,255,.06), 0 14px 30px rgba(0,0,0,.35), 0 15px 20px -15px #8b5cf6;
}
.ef-workflow-grid__icon::after {
    display: none;
}
.ef-workflow-grid article::before {
    content: attr(data-step);
    position: absolute;
    z-index: 2;
    top: 22px;
    left: 22px;
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: linear-gradient(145deg, #a855f7, #6d4cff);
    color: #fff;
    font: 700 12px 'Geist', 'Inter', sans-serif;
    box-shadow: 0 6px 16px rgba(139,92,246,.32);
}
.ef-workflow-grid__icon .material-symbols-outlined { font-size: 38px; font-variation-settings: 'wght' 350; }
.ef-workflow-grid h3 { margin-bottom: 10px; color: #f4f1f8; font: 700 20px 'Geist', 'Inter', sans-serif; }
.ef-workflow-grid p { max-width: 290px; color: rgba(203,195,215,.7); font-size: 13px; line-height: 1.6; }
.ef-workflow-complete {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: fit-content;
    margin: 26px auto 0;
    padding: 12px 23px;
    border: 1px solid rgba(167,139,250,.3);
    border-radius: 999px;
    background: rgba(13,11,20,.78);
    color: rgba(244,241,248,.9);
    font-size: 13px;
    box-shadow: inset 0 1px rgba(255,255,255,.04);
}
.ef-workflow-complete strong { color: #b785ff; }
.ef-workflow-complete::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 10px rgba(74,222,128,.5); }

.ef-workflow-connector { position: absolute; z-index: 5; top: 27%; right: -67px; display: block; width: 78px; height: 60px; pointer-events: none; filter: drop-shadow(0 0 7px rgba(139,92,246,.5)); animation: ef-connector-float 2.5s ease-in-out infinite; }
.ef-workflow-grid article:first-child .ef-workflow-connector { top: 44%; right: -80px; }
.ef-workflow-grid article:nth-child(2) .ef-workflow-connector { animation-delay: .3s; }
.ef-workflow-connector svg { display: block; width: 100%; height: 100%; overflow: visible; transform: scaleY(-1); transform-origin: center; }
.ef-workflow-grid article:first-child .ef-workflow-connector svg { transform: scaleY(1); }
.ef-workflow-connector__glow,.ef-workflow-connector__flow { fill: none; stroke-linecap: round; }
.ef-workflow-connector__glow { stroke: rgba(124,58,237,.25); stroke-width: 11; }
.ef-workflow-connector__flow { stroke: #b995ff; stroke-width: 4; stroke-dasharray: 9 8; animation: ef-connector-flow 1.15s linear infinite; }
.ef-workflow-connector__head { fill: rgba(166,122,255,.9); stroke: #d9c7ff; stroke-width: 1.4; stroke-linejoin: round; transform-origin: 56px 18px; animation: ef-connector-head 2.5s ease-in-out infinite; }
.ef-workflow-grid article:nth-child(2) .ef-workflow-connector__head { animation-delay: .3s; }

@keyframes ef-connector-flow { to { stroke-dashoffset: -34; } }
@keyframes ef-connector-float { 0%,100% { transform: translateY(3px); opacity: .78; } 50% { transform: translateY(-3px); opacity: 1; } }
@keyframes ef-connector-head { 0%,100% { transform: scale(.92); filter: drop-shadow(0 0 3px rgba(139,92,246,.5)); } 50% { transform: scale(1.08); filter: drop-shadow(0 0 8px rgba(196,166,255,.9)); } }
.ef-features-workflow.is-scroll-ready .ef-features-section-heading--compact,
.ef-features-workflow.is-scroll-ready .ef-workflow-grid article,
.ef-features-workflow.is-scroll-ready .ef-workflow-complete { opacity: 0; transform: translateY(28px); }
.ef-features-workflow.is-scroll-ready .ef-features-section-heading--compact { transform: translateY(20px); }
.ef-features-workflow.is-scroll-ready .ef-workflow-grid__icon { transform: scale(.82); opacity: 0; }
.ef-features-workflow.is-scroll-ready .ef-workflow-connector { visibility: hidden; opacity: 0; animation: none; }
.ef-features-workflow.is-visible .ef-features-section-heading--compact { opacity: 1; transform: translateY(0); transition: opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1); }
.ef-features-workflow.is-visible .ef-workflow-grid article { opacity: 1; transform: translateY(0); transition: opacity .65s ease,transform .75s cubic-bezier(.2,.8,.2,1),border-color .25s ease,background .25s ease; }
.ef-features-workflow.is-visible .ef-workflow-grid article:nth-child(1) { transition-delay: .16s; }
.ef-features-workflow.is-visible .ef-workflow-grid article:nth-child(2) { transition-delay: .48s; }
.ef-features-workflow.is-visible .ef-workflow-grid article:nth-child(3) { transition-delay: .8s; }
.ef-features-workflow.is-visible .ef-workflow-grid__icon { transform: scale(1); opacity: 1; transition: opacity .5s ease,transform .65s cubic-bezier(.2,1.35,.35,1); }
.ef-features-workflow.is-visible .ef-workflow-grid article:nth-child(1) .ef-workflow-grid__icon { transition-delay: .34s; }
.ef-features-workflow.is-visible .ef-workflow-grid article:nth-child(2) .ef-workflow-grid__icon { transition-delay: .66s; }
.ef-features-workflow.is-visible .ef-workflow-grid article:nth-child(3) .ef-workflow-grid__icon { transition-delay: .98s; }
.ef-features-workflow.is-visible .ef-workflow-connector { visibility: visible; animation: ef-connector-reveal .55s cubic-bezier(.2,.8,.2,1) both,ef-connector-float 2.5s ease-in-out infinite; }
.ef-features-workflow.is-visible .ef-workflow-grid article:nth-child(1) .ef-workflow-connector { animation-delay: .62s,1.17s; }
.ef-features-workflow.is-visible .ef-workflow-grid article:nth-child(2) .ef-workflow-connector { animation-delay: .94s,1.49s; }
.ef-features-workflow.is-visible .ef-workflow-complete { opacity: 1; transform: translateY(0); transition: opacity .6s 1.12s ease,transform .7s 1.12s cubic-bezier(.2,.8,.2,1); }

@keyframes ef-connector-reveal { from { opacity: 0; transform: translate(-10px,8px) scale(.8); } to { opacity: 1; transform: translate(0,3px) scale(1); } }

@media (prefers-reduced-motion: reduce) {
    .ef-workflow-connector,.ef-workflow-connector__flow,.ef-workflow-connector__head { animation: none; }
    .ef-features-workflow.is-scroll-ready .ef-features-section-heading--compact,
    .ef-features-workflow.is-scroll-ready .ef-workflow-grid article,
    .ef-features-workflow.is-scroll-ready .ef-workflow-grid__icon,
    .ef-features-workflow.is-scroll-ready .ef-workflow-complete { opacity: 1; transform: none; transition: none; }
    .ef-features-workflow.is-scroll-ready .ef-workflow-connector { visibility: visible; opacity: 1; }
}

/* Reverted product workflow — retained temporarily for patch history.
.ef-features-workflow {
    margin-bottom: 120px;
    padding: 92px clamp(28px,5vw,72px) 68px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 24px;
    background:
        radial-gradient(circle at 50% 36%, rgba(124,58,237,.16), transparent 34%),
        radial-gradient(circle, rgba(167,139,250,.1) 1px, transparent 1px),
        linear-gradient(180deg,rgba(13,12,20,.98),rgba(8,8,13,.98));
    background-size: auto, 20px 20px, auto;
    box-shadow: inset 0 1px rgba(255,255,255,.035), 0 30px 80px rgba(0,0,0,.2);
}
.ef-features-workflow::before {
    background: linear-gradient(90deg,rgba(9,9,15,.92),transparent 13%,transparent 87%,rgba(9,9,15,.92));
}
.ef-features-section-heading--compact { max-width: 800px; margin-bottom: 54px; }
.ef-features-section-heading--compact .ef-features-kicker { display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: #b99cff; font-size: 10px; }
.ef-features-section-heading--compact .ef-features-kicker .material-symbols-outlined { color: #8b5cf6; font-size: 16px; }
.ef-features-section-heading--compact h2 { font-size: clamp(40px,4.4vw,60px); line-height: 1.06; }
.ef-features-section-heading--compact p { max-width: 620px; margin: 18px auto 0; font-size: 16px; }
.ef-workflow-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.ef-workflow-grid article {
    align-items: stretch;
    min-width: 0;
    overflow: visible;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 17px;
    background: linear-gradient(155deg,rgba(29,26,40,.9),rgba(15,14,22,.96));
    text-align: left;
    box-shadow: inset 0 1px rgba(255,255,255,.035), 0 18px 45px rgba(0,0,0,.22);
    transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.ef-workflow-grid article:hover { transform: translateY(-5px); border-color: rgba(167,139,250,.24); box-shadow: inset 0 1px rgba(255,255,255,.045),0 24px 55px rgba(0,0,0,.3),0 0 35px rgba(124,58,237,.06); }
.ef-workflow-grid article::before { content: none; }
.ef-workflow-grid article:not(:last-child)::after {
    content: '\2192';
    z-index: 5;
    top: 50%;
    right: -29px;
    left: auto;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    transform: translateY(-50%);
    border: 1px solid rgba(167,139,250,.2);
    border-radius: 50%;
    background: #12101a;
    color: #9f7aea;
    font: 18px/1 'Geist','Inter',sans-serif;
    box-shadow: 0 8px 22px rgba(0,0,0,.34);
}
.ef-workflow-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.ef-workflow-card__step { color: #c6b3f8; font: 700 9px 'JetBrains Mono',monospace; letter-spacing: .12em; }
.ef-workflow-card__time { display: inline-flex; align-items: center; gap: 4px; color: rgba(203,195,215,.4); font: 600 7px 'JetBrains Mono',monospace; letter-spacing: .07em; }
.ef-workflow-card__time .material-symbols-outlined { color: #9d7be7; font-size: 12px; }
.ef-workflow-demo { position: relative; min-height: 184px; overflow: hidden; padding: 17px; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: #0d0c13; box-shadow: inset 0 1px rgba(255,255,255,.025); }
.ef-workflow-demo::before { content: ''; position: absolute; top: -65px; right: -45px; width: 150px; height: 150px; border-radius: 50%; background: rgba(124,58,237,.13); filter: blur(25px); }
.ef-workflow-demo__label { position: relative; display: flex; align-items: center; gap: 7px; margin: 18px 0 10px; color: rgba(221,215,229,.52); font-size: 9px; }
.ef-workflow-demo__label .material-symbols-outlined { color: #a78bfa; font-size: 15px; }
.ef-workflow-demo__field { position: relative; display: grid; grid-template-columns: 18px minmax(0,1fr) 18px; align-items: center; gap: 7px; min-height: 43px; padding: 0 11px; border: 1px solid rgba(167,139,250,.2); border-radius: 8px; background: rgba(255,255,255,.035); color: rgba(219,213,227,.62); font: 8px 'JetBrains Mono',monospace; }
.ef-workflow-demo__field > .material-symbols-outlined { color: rgba(203,195,215,.45); font-size: 14px; }
.ef-workflow-demo__field i { color: #4ade80; font-size: 15px; font-style: normal; }
.ef-workflow-demo__ready { position: relative; display: flex; align-items: center; gap: 7px; margin-top: 12px; color: rgba(134,239,172,.62); font-size: 8px; }
.ef-workflow-demo__ready i { width: 6px; height: 6px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 8px rgba(74,222,128,.55); }
.ef-workflow-demo--customize { display: grid; grid-template-columns: 1.12fr .88fr; gap: 9px; padding: 12px; }
.ef-workflow-demo__player { position: relative; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; background: radial-gradient(circle at 50% 45%,rgba(139,92,246,.25),transparent 32%),linear-gradient(145deg,#1a1725,#0c0b11); }
.ef-workflow-demo__player > span { position: absolute; top: 8px; left: 8px; color: rgba(226,220,234,.48); font: 600 5px 'JetBrains Mono',monospace; letter-spacing: .1em; }
.ef-workflow-demo__player > i { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 50%; background: linear-gradient(135deg,#8b5cf6,#d946ef); color: #fff; font-size: 19px; font-style: normal; box-shadow: 0 8px 20px rgba(139,92,246,.3); }
.ef-workflow-demo__settings { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 8px; }
.ef-workflow-demo__settings > span { display: flex; align-items: center; justify-content: space-between; gap: 5px; min-height: 28px; padding: 0 7px; border: 1px solid rgba(255,255,255,.055); border-radius: 6px; background: rgba(255,255,255,.025); color: rgba(213,207,222,.5); font-size: 6px; }
.ef-workflow-demo__settings > span > i[style] { width: 9px; height: 9px; border-radius: 3px; background: var(--swatch); }
.ef-mini-toggle { position: relative; width: 18px; height: 10px; border-radius: 999px; background: #7250d9; }
.ef-mini-toggle::after { content: ''; position: absolute; top: 2px; right: 2px; width: 6px; height: 6px; border-radius: 50%; background: white; }
.ef-workflow-demo--publish { display: flex; flex-direction: column; justify-content: center; }
.ef-workflow-demo__code { position: relative; padding: 13px; border: 1px solid rgba(255,255,255,.065); border-radius: 8px 8px 0 0; background: #0a0910; color: rgba(205,198,215,.48); font: 7px/1.8 'JetBrains Mono',monospace; }
.ef-workflow-demo__code span { color: #b99cff; }
.ef-workflow-demo__copy { position: relative; display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 35px; border-radius: 0 0 8px 8px; background: linear-gradient(135deg,rgba(117,78,219,.88),rgba(151,72,190,.88)); color: white; font-size: 8px; font-weight: 700; }
.ef-workflow-demo__copy .material-symbols-outlined { font-size: 13px; }
.ef-workflow-demo__published { position: relative; display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 10px; color: rgba(134,239,172,.62); font-size: 8px; }
.ef-workflow-demo__published .material-symbols-outlined { font-size: 13px; }
.ef-workflow-card__copy { display: grid; grid-template-columns: 39px 1fr; gap: 12px; align-items: start; padding: 20px 4px 4px; }
.ef-workflow-card__icon { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid rgba(167,139,250,.16); border-radius: 10px; background: rgba(139,92,246,.09); color: #bea7f7; }
.ef-workflow-card__icon .material-symbols-outlined { font-size: 19px; }
.ef-workflow-grid .ef-workflow-card__copy h3 { margin: 0 0 5px; font-size: 17px; line-height: 1.2; }
.ef-workflow-grid .ef-workflow-card__copy p { max-width: none; font-size: 11px; line-height: 1.55; }
.ef-workflow-complete { justify-content: space-between; gap: 24px; width: 100%; margin: 18px auto 0; padding: 15px 16px 15px 20px; border-color: rgba(167,139,250,.17); border-radius: 14px; background: linear-gradient(90deg,rgba(36,27,52,.84),rgba(14,13,20,.92)); font-size: 12px; }
.ef-workflow-complete__status { display: flex; align-items: center; gap: 10px; color: rgba(215,209,224,.62); }
.ef-workflow-complete__status > i { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: #4ade80; box-shadow: 0 0 0 5px rgba(74,222,128,.08),0 0 13px rgba(74,222,128,.45); }
.ef-workflow-complete__status strong { color: #f2edf7; }
.ef-workflow-complete__proof { display: flex; align-items: center; gap: 0; margin-left: auto; color: rgba(203,195,215,.46); font-size: 9px; }
.ef-workflow-complete__proof span + span::before { content: '•'; padding: 0 9px; color: rgba(167,139,250,.38); }
.ef-workflow-complete > a { display: inline-flex; min-height: 42px; align-items: center; gap: 8px; padding: 0 16px; border-radius: 9px; background: linear-gradient(135deg,#7c52e9,#a749cc); color: #fff; font-size: 10px; font-weight: 700; box-shadow: 0 10px 25px rgba(107,65,196,.22); }
.ef-workflow-complete > a .material-symbols-outlined { font-size: 16px; transition: transform .2s ease; }
.ef-workflow-complete > a:hover .material-symbols-outlined { transform: translateX(3px); }

@media (max-width: 1024px) {
    .ef-features-workflow { padding-right: 28px; padding-left: 28px; }
    .ef-workflow-grid { gap: 12px; }
    .ef-workflow-grid article { padding: 13px; }
    .ef-workflow-grid article:not(:last-child)::after { right: -22px; width: 30px; height: 30px; }
    .ef-workflow-demo--customize { grid-template-columns: 1fr; }
    .ef-workflow-demo__settings { display: none; }
    .ef-workflow-complete__proof { display: none; }
}
.ef-workflow-complete::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 10px rgba(74,222,128,.5); }
*/

.ef-all-features {
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    gap: 80px;
    align-items: start;
    margin-bottom: 135px;
}
.ef-all-features__intro { position: sticky; top: 115px; }
.ef-all-features__intro h2 { margin-bottom: 17px; }
.ef-all-features__intro p { margin-bottom: 24px; color: rgba(203,195,215,.67); font-size: 14px; line-height: 1.75; }
.ef-all-features__list { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.ef-all-features__list > div {
    display: grid;
    grid-template-columns: 30px 1fr 20px;
    align-items: center;
    min-height: 56px;
    padding: 10px 14px;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
    color: rgba(228,225,234,.76);
    font-size: 12px;
}
.ef-all-features__list > div > .material-symbols-outlined:first-child { color: var(--ef-primary); font-size: 18px; }
.ef-all-features__list > div > .material-symbols-outlined:last-child { color: #4ade80; font-size: 15px; }

.ef-features-final-cta { margin-bottom: 28px; }
.ef-features-final-cta__card {
    position: relative;
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    align-items: center;
    gap: 50px;
    overflow: hidden;
    padding: 55px 60px;
    border: 1px solid rgba(208,188,255,.16);
    border-radius: 20px;
    background: linear-gradient(130deg, rgba(65,44,105,.52), rgba(22,18,34,.95) 60%);
}
.ef-features-final-cta__card::after { content: ''; position: absolute; right: -80px; bottom: -140px; width: 380px; height: 380px; border-radius: 50%; background: rgba(139,92,246,.14); filter: blur(60px); }
.ef-features-final-cta h2 { position: relative; z-index: 1; max-width: 670px; margin-bottom: 15px; }
.ef-features-final-cta p { position: relative; z-index: 1; max-width: 650px; color: rgba(203,195,215,.72); font-size: 14px; }
.ef-features-final-cta__action { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: stretch; gap: 13px; text-align: center; }
.ef-features-final-cta__action > span { display: inline-flex; justify-content: center; align-items: center; gap: 5px; color: rgba(203,195,215,.47); font-size: 10px; }
.ef-features-final-cta__action > span .material-symbols-outlined { font-size: 13px; }

.ef-features-hero {
    padding-top: 128px;
    text-align: center;
    margin-bottom: var(--ef-section-gap);
}

.ef-features-hero .display-lg {
    max-width: 800px;
    margin: 0 auto 16px;
}

.ef-features-hero .body-lg {
    color: var(--ef-on-surface-variant);
    max-width: 640px;
    margin: 0 auto;
}

.ef-feature-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--ef-gutter);
    align-items: center;
    padding: var(--ef-section-gap) 0;
}

.ef-feature-row__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ef-primary);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}

.ef-feature-row__label--secondary {
    color: var(--ef-secondary);
}

.ef-feature-row__title {
    margin-bottom: 16px;
}

.ef-feature-row__text {
    color: var(--ef-on-surface-variant);
    margin-bottom: 32px;
    line-height: 1.7;
}

.ef-feature-row__list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ef-feature-row__list li {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ef-feature-row__list .material-symbols-outlined {
    color: var(--ef-primary);
    font-size: 20px;
}

.ef-feature-row__image {
    border-radius: var(--ef-radius-lg);
    overflow: hidden;
    padding: 8px;
}

.ef-feature-row__image img {
    border-radius: var(--ef-radius);
    width: 100%;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
}

.ef-feature-stat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.ef-feature-stat {
    padding: 16px;
    border-radius: var(--ef-radius);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.ef-feature-stat__value {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 4px;
}

.ef-feature-stat__value--primary { color: var(--ef-primary); }
.ef-feature-stat__value--secondary { color: var(--ef-secondary); }

.ef-feature-stat__label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(228, 225, 234, 0.5);
}

.ef-security-card {
    display: flex;
    gap: 16px;
    padding: 16px;
    border-radius: var(--ef-radius);
}

.ef-security-card h4 {
    font-weight: 700;
    margin-bottom: 4px;
}

.ef-security-card p {
    font-size: 14px;
    color: var(--ef-on-surface-variant);
}

.ef-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.ef-tag {
    padding: 6px 16px;
    border-radius: var(--ef-radius-full);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 12px;
    font-weight: 500;
}

/* --- CTA Section --- */
.ef-cta-section {
    margin: var(--ef-section-gap) 0;
}

.ef-cta-card {
    border-radius: 2rem;
    padding: 48px 64px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.ef-cta-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(208, 188, 255, 0.05);
    z-index: 0;
}

.ef-cta-card > * {
    position: relative;
    z-index: 1;
}

.ef-cta-card .display-sm {
    margin-bottom: 16px;
}

.ef-cta-card .body-lg {
    color: var(--ef-on-surface-variant);
    margin-bottom: 32px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.ef-cta-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.ef-cta-buttons .ef-btn-primary,
.ef-cta-buttons .ef-btn-secondary {
    padding: 16px 32px;
    border-radius: var(--ef-radius-full);
    font-size: 16px;
}

/* --- Showcase Page --- */
.ef-showcase-hero {
    padding-top: 128px;
    text-align: center;
    margin-bottom: var(--ef-section-gap);
}

.ef-showcase-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--ef-gutter);
    margin-bottom: var(--ef-section-gap);
}

.ef-showcase-card {
    border-radius: var(--ef-radius-xl);
    overflow: hidden;
    transition: all 0.3s ease;
}

.ef-showcase-card__image-wrap {
    padding: 16px;
}

.ef-showcase-card__image {
    position: relative;
    aspect-ratio: 16/9;
    border-radius: var(--ef-radius);
    overflow: hidden;
}

.ef-showcase-card__image img,
.ef-showcase-card__image .ef-showcase-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.ef-showcase-bg {
    background-size: cover;
    background-position: center;
}

.ef-showcase-card:hover .ef-showcase-bg,
.ef-showcase-card:hover .ef-showcase-card__image img {
    transform: scale(1.05);
}

.ef-showcase-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.ef-showcase-card:hover .ef-showcase-card__overlay {
    opacity: 1;
}

.ef-showcase-card__overlay .material-symbols-outlined {
    color: #fff;
    font-size: 60px;
}

.ef-showcase-card__content {
    padding: 0 32px 32px;
}

.ef-showcase-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 16px;
}

.ef-showcase-card__title {
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.ef-showcase-card__badge {
    padding: 4px 12px;
    border-radius: var(--ef-radius-full);
    font-size: 12px;
    font-weight: 500;
}

.ef-showcase-card__badge--neutral {
    background: var(--ef-surface-container-highest);
    color: var(--ef-on-surface-variant);
}

.ef-showcase-card__badge--secondary {
    background: rgba(251, 171, 255, 0.2);
    color: var(--ef-secondary);
}

.ef-showcase-card__badge--primary {
    background: rgba(208, 188, 255, 0.2);
    color: var(--ef-primary);
}

.ef-showcase-card__badge--tertiary {
    background: rgba(0, 154, 218, 0.3);
    color: var(--ef-tertiary);
}

.ef-showcase-card__desc {
    color: var(--ef-on-surface-variant);
    font-size: 16px;
}

/* --- Pricing Page --- */
.ef-pricing-hero {
    padding-top: 128px;
    margin-bottom: var(--ef-section-gap);
}

.ef-pricing-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}

.ef-pricing-hero-grid .display-lg {
    margin-bottom: 24px;
}

.ef-pricing-hero-grid .body-lg {
    color: var(--ef-on-surface-variant);
    margin-bottom: 40px;
    max-width: 560px;
}

.ef-pricing-hero__trust {
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0.7;
}

.ef-pricing-hero__trust .material-symbols-outlined {
    color: #4ade80;
}

.ef-pricing-card {
    padding: 40px;
    position: relative;
    overflow: hidden;
}

.ef-pricing-card__glow {
    position: absolute;
    top: -96px;
    right: -96px;
    width: 256px;
    height: 256px;
    background: rgba(208, 188, 255, 0.2);
    border-radius: 50%;
    filter: blur(100px);
    transition: background 0.3s;
}

.ef-pricing-card:hover .ef-pricing-card__glow {
    background: rgba(208, 188, 255, 0.3);
}

.ef-pricing-card__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ef-pricing-card__deal-badge {
    display: inline-block;
    background: rgba(208, 188, 255, 0.1);
    color: var(--ef-primary);
    padding: 4px 16px;
    border-radius: var(--ef-radius-full);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 24px;
}

.ef-pricing-card__price {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin-bottom: 8px;
}

.ef-pricing-card__currency {
    font-size: 24px;
    font-weight: 700;
    margin-top: 8px;
    align-self: flex-start;
}

.ef-pricing-card__amount {
    font-size: 84px;
    font-weight: 800;
    line-height: 1;
    font-family: 'Geist', 'Inter', sans-serif;
}

.ef-pricing-card__period {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 32px;
}

.ef-pricing-features {
    list-style: none;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: left;
    margin-bottom: 40px;
}

.ef-pricing-features li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
}

.ef-pricing-features .material-symbols-outlined {
    color: var(--ef-primary);
}

.ef-pricing-card__cta {
    width: 100%;
    padding: 20px;
    border-radius: var(--ef-radius-2xl);
    font-size: 24px;
    font-weight: 600;
}

/* --- Feature Grid (What You Get) --- */
.ef-what-you-get {
    margin-bottom: var(--ef-section-gap);
}

.ef-what-you-get .display-sm {
    text-align: center;
    margin-bottom: 64px;
}

.ef-icon-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
}

.ef-icon-card {
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: var(--ef-radius-2xl);
}

.ef-icon-card .material-symbols-outlined {
    color: var(--ef-primary);
    font-size: 28px;
    margin-bottom: 16px;
    transition: transform 0.3s ease;
}

.ef-icon-card:hover .material-symbols-outlined {
    transform: scale(1.15);
}

.ef-icon-card__label {
    font-size: 14px;
    font-weight: 500;
}

/* --- Comparison --- */
.ef-comparison {
    margin-bottom: var(--ef-section-gap);
}

.ef-comparison .display-sm {
    text-align: center;
    margin-bottom: 64px;
}

.ef-comparison-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 900px;
    margin: 0 auto;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.ef-comparison-col {
    padding: 48px;
}

.ef-comparison-col--monthly {
    background: var(--ef-surface-container-low);
}

.ef-comparison-col--lifetime {
    background: var(--ef-gradient-primary);
}

.ef-comparison-col .headline-lg {
    margin-bottom: 32px;
}

.ef-comparison-col--monthly .headline-lg {
    color: var(--ef-on-surface-variant);
}

.ef-comparison-col--lifetime .headline-lg {
    color: #fff;
}

.ef-comparison-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ef-comparison-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.ef-comparison-item--negative {
    color: var(--ef-error);
}

.ef-comparison-item--positive {
    color: #fff;
}

.ef-comparison-item .material-symbols-outlined {
    margin-top: 4px;
    flex-shrink: 0;
}

.ef-comparison-item .headline-md {
    margin-bottom: 4px;
}

.ef-comparison-item .body-md {
    opacity: 0.7;
}

/* --- Showcase Cards (Pricing Page) --- */
.ef-feature-showcase {
    margin-bottom: var(--ef-section-gap);
}

.ef-feature-showcase .display-sm {
    text-align: center;
    margin-bottom: 64px;
}

.ef-feature-showcase-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.ef-feature-showcase-card {
    padding: 4px;
    border-radius: var(--ef-radius-2xl);
    overflow: hidden;
}

.ef-feature-showcase-card__inner {
    padding: 32px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ef-feature-showcase-card__image {
    margin-bottom: 24px;
    border-radius: var(--ef-radius-xl);
    overflow: hidden;
    height: 192px;
    background: var(--ef-surface-container);
    position: relative;
}

.ef-feature-showcase-card__image .ef-showcase-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.ef-feature-showcase-card .headline-md {
    margin-bottom: 16px;
}

.ef-feature-showcase-card .body-md {
    color: var(--ef-on-surface-variant);
}

/* --- PayPal Security Section --- */
.ef-paypal-section {
    margin-bottom: var(--ef-section-gap);
}

.ef-paypal-card {
    padding: 48px;
    display: flex;
    align-items: center;
    gap: 48px;
    border-color: rgba(208, 188, 255, 0.2);
}

.ef-paypal-logo {
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.1);
    padding: 40px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ef-paypal-logo .material-symbols-outlined {
    color: #003087;
    font-size: 60px;
}

.ef-paypal-logo__text {
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    font-style: italic;
}

.ef-paypal-content .display-sm {
    margin-bottom: 24px;
}

.ef-paypal-content .body-lg {
    color: var(--ef-on-surface-variant);
    margin-bottom: 24px;
}

.ef-paypal-trust-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.ef-paypal-trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ef-paypal-trust-item .material-symbols-outlined {
    color: var(--ef-primary);
}

.ef-paypal-trust-item span:last-child {
    font-size: 14px;
    font-weight: 500;
}

/* --- FAQ --- */
.ef-faq {
    max-width: 900px;
    margin: 0 auto var(--ef-section-gap);
}

.ef-faq .display-sm {
    text-align: center;
    margin-bottom: 64px;
}

.ef-faq-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ef-faq-item {
    border-radius: var(--ef-radius-2xl);
    overflow: hidden;
}

.ef-faq-toggle {
    width: 100%;
    padding: 24px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    color: var(--ef-on-surface);
    cursor: pointer;
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 600;
}

.ef-faq-toggle .material-symbols-outlined {
    transition: transform 0.3s ease;
    color: var(--ef-on-surface-variant);
}

.ef-faq-item.active .ef-faq-toggle .material-symbols-outlined {
    transform: rotate(180deg);
    color: var(--ef-primary);
}

.ef-faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
    padding: 0 24px;
}

.ef-faq-content__inner {
    padding-bottom: 24px;
    color: var(--ef-on-surface-variant);
    font-size: 16px;
    line-height: 1.6;
}

/* --- Final CTA (Pricing) --- */
.ef-final-cta {
    margin-bottom: var(--ef-section-gap);
}

.ef-final-cta-card {
    padding: 64px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-color: rgba(208, 188, 255, 0.4);
}

.ef-final-cta-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(208, 188, 255, 0.05);
    opacity: 0;
    transition: opacity 0.3s;
}

.ef-final-cta-card:hover::before {
    opacity: 1;
}

.ef-final-cta-card > * {
    position: relative;
    z-index: 1;
}

.ef-final-cta-card .display-sm {
    margin-bottom: 24px;
}

.ef-final-cta-card .body-lg {
    color: var(--ef-on-surface-variant);
    margin-bottom: 40px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.ef-final-cta-price {
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: 64px;
    font-weight: 800;
    margin-bottom: 32px;
}

.ef-final-cta-price span {
    font-size: 24px;
    font-weight: 400;
    opacity: 0.6;
}

.ef-final-cta-card .ef-btn-primary {
    padding: 20px 48px;
    border-radius: var(--ef-radius-2xl);
    font-size: 24px;
}

.ef-final-cta-note {
    margin-top: 24px;
    font-size: 14px;
    opacity: 0.6;
}

/* --- Footer --- */
.ef-footer {
    background: var(--ef-surface-container-lowest);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding: 80px 0;
}

.ef-footer__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: var(--ef-container-max);
    margin: 0 auto;
    padding: 0 var(--ef-margin-desktop);
}

.ef-footer__brand {
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: 48px;
    font-weight: 900;
    margin-bottom: 8px;
}

.ef-footer__copy {
    color: var(--ef-on-surface-variant);
    font-size: 14px;
}

.ef-footer__links {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.ef-footer__link {
    color: var(--ef-on-surface-variant);
    font-size: 16px;
    transition: color 0.2s ease;
    text-decoration: none;
}

.ef-footer__link:hover {
    color: var(--ef-primary);
}

/* --- Animations --- */
@keyframes ef-fade-in {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.ef-animate {
    opacity: 0;
    animation: ef-fade-in 0.8s ease-out forwards;
}

.ef-animate-delay-1 { animation-delay: 0.1s; }
.ef-animate-delay-2 { animation-delay: 0.2s; }
.ef-animate-delay-3 { animation-delay: 0.3s; }

/* --- Checkout Modal --- */
.ef-checkout-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1000;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
}

.ef-checkout-modal.active {
    display: flex;
}

.ef-checkout-modal__card {
    background: var(--ef-surface-container);
    border: 1px solid var(--ef-glass-border);
    border-radius: var(--ef-radius-2xl);
    padding: 48px;
    width: 100%;
    max-width: 480px;
    position: relative;
}

.ef-checkout-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: none;
    color: var(--ef-on-surface-variant);
    cursor: pointer;
    font-size: 24px;
}

.ef-checkout-modal__title {
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}

.ef-checkout-modal__subtitle {
    color: var(--ef-on-surface-variant);
    margin-bottom: 32px;
    font-size: 14px;
}

.ef-checkout-form__group {
    margin-bottom: 20px;
}

.ef-checkout-form__label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    color: var(--ef-on-surface);
}

.ef-checkout-form__input {
    width: 100%;
    padding: 14px 16px;
    background: var(--ef-bg);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--ef-radius-md);
    color: var(--ef-on-surface);
    font-size: 16px;
    font-family: 'Geist', 'Inter', sans-serif;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ef-checkout-form__input:focus {
    border-color: var(--ef-primary);
    box-shadow: 0 0 0 2px rgba(208, 188, 255, 0.2);
}

.ef-checkout-form__input::placeholder {
    color: var(--ef-outline);
}

.ef-checkout-form__submit {
    width: 100%;
    padding: 16px;
    border-radius: var(--ef-radius-md);
    font-size: 16px;
    font-weight: 600;
    margin-top: 8px;
}

.ef-checkout-form__error {
    color: var(--ef-error);
    font-size: 13px;
    margin-top: 4px;
    display: none;
}

.ef-checkout-form__error.visible {
    display: block;
}

.ef-checkout-form__secure {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 13px;
    color: var(--ef-on-surface-variant);
    opacity: 0.7;
}

.ef-checkout-form__secure .material-symbols-outlined {
    font-size: 16px;
    color: #4ade80;
}

/* --- Toast / Flash Messages --- */
.ef-toast {
    position: fixed;
    top: 80px;
    right: 24px;
    z-index: 10000;
    padding: 16px 24px;
    border-radius: var(--ef-radius-md);
    background: var(--ef-surface-container-high);
    border: 1px solid var(--ef-glass-border);
    color: var(--ef-on-surface);
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transform: translateX(120%);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    max-width: 400px;
}

.ef-toast.visible {
    transform: translateX(0);
}

.ef-toast--success { border-left: 3px solid #4ade80; }
.ef-toast--error { border-left: 3px solid var(--ef-error); }

/* --- Reference-led Features Hero Refinements --- */
.ef-features-page {
    --ef-container-max: 1420px;
    padding: 12px;
}

.ef-features-page::before {
    content: '';
    position: fixed;
    z-index: 200;
    inset: 12px;
    border: 1px solid rgba(149,142,160,.22);
    border-bottom: 0;
    border-radius: 14px 14px 0 0;
    pointer-events: none;
}

.ef-features-page .ef-nav {
    top: 12px;
    right: 12px;
    left: 12px;
    width: auto;
    border: 1px solid rgba(149,142,160,.22);
    border-bottom-color: rgba(255,255,255,.07);
    border-radius: 14px 14px 0 0;
    background: rgba(12,12,19,.88);
}

.ef-features-page .ef-nav__inner {
    max-width: none;
    min-height: 94px;
    padding: 18px clamp(24px, 3.5vw, 68px);
}

.ef-features-page .ef-nav__logo {
    width: clamp(165px, 18vw, 245px);
    max-width: 52vw;
    margin-left: 18px;
}

.ef-features-page .ef-nav__links { gap: 54px; }
.ef-features-page .ef-nav__link { font-size: 15px; }
.ef-features-page .ef-nav__link--active { padding-bottom: 7px; }
.ef-nav__resource-link { display: inline-flex; align-items: center; gap: 5px; }
.ef-nav__resource-link .material-symbols-outlined { color: var(--ef-outline); font-size: 17px; }

.ef-features-page .ef-nav__cta {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    min-height: 54px;
    padding: 12px 25px;
    border-radius: 14px;
    box-shadow: 0 0 28px rgba(139,92,246,.32);
}
.ef-features-page .ef-nav__cta .material-symbols-outlined { font-size: 19px; }

.ef-features-page .ef-features-new-hero { padding: 125px 0 47px; }
.ef-features-page .ef-features-new-hero__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: clamp(38px, 4vw, 64px);
}

.ef-features-page .ef-features-new-hero__copy {
    display: flex;
    min-width: 0;
    min-height: 520px;
    flex-direction: column;
    justify-content: center;
    padding: 22px 0;
}
.ef-features-page .ef-features-new-hero h1 {
    max-width: 590px;
    margin-bottom: 26px;
    font-size: clamp(48px, 4.1vw, 66px);
    line-height: 1.06;
}

.ef-features-page .ef-features-new-hero__copy > p {
    max-width: 540px;
    font-size: 17px;
    line-height: 1.7;
}
.ef-features-page .ef-features-hero-actions {
    align-items: stretch;
    gap: 16px;
    margin-top: 34px;
}
.ef-features-page .ef-features-primary-cta {
    min-height: 56px;
    padding: 14px 24px;
    border-radius: 13px;
    box-shadow: 0 12px 34px rgba(139,92,246,.3);
}
.ef-features-page .ef-features-text-link {
    min-height: 56px;
    padding: 0 8px;
}

.ef-features-page .ef-builder-preview {
    align-self: stretch;
    min-width: 0;
    height: 590px;
}

.ef-features-page .ef-builder-preview__body {
    grid-template-columns: minmax(0, 1.55fr) minmax(190px, .75fr);
    height: calc(100% - 44px);
    min-height: 0;
}
.ef-features-page .ef-builder-preview__stage {
    padding: 16px clamp(24px, 3vw, 40px) clamp(24px, 3vw, 40px);
}
.ef-features-page .ef-builder-preview__video { aspect-ratio: 16/10.5; }
.ef-features-page .ef-builder-preview__panel {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 28px 22px;
}
.ef-features-page .ef-builder-preview__panel-title { margin-bottom: 22px; }
.ef-features-page .ef-builder-preview__field { margin-bottom: 20px; font-size: 10px; }
.ef-features-page .ef-builder-preview__toggles { gap: 12px; margin: 18px 0; }
.ef-features-page .ef-builder-preview__toggles span { font-size: 9px; }

.ef-features-trustbar {
    position: relative;
    margin-top: 76px;
    padding: 38px 40px 42px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(15,16,23,.98), rgba(8,9,14,.98));
    box-shadow: 0 22px 55px rgba(0,0,0,.26), inset 0 1px rgba(255,255,255,.035);
}

.ef-features-trustbar__heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 20px 36px;
    color: rgba(246,243,249,.94);
    font-family: 'Geist', 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -.01em;
}
.ef-features-trustbar__heading .material-symbols-outlined {
    color: #9c7cff;
    font-size: 21px;
    font-variation-settings: 'FILL' 0, 'wght' 400;
}
.ef-features-trustbar__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0,1fr));
    align-items: stretch;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ef-features-trustbar__grid li {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 182px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    padding: 0 clamp(20px, 2vw, 32px);
    color: rgba(246,243,249,.96);
    font-family: 'Geist', 'Inter', sans-serif;
}
.ef-features-trustbar__grid li + li::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background: rgba(255,255,255,.1);
}
.ef-features-trustbar__icon {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    place-items: center;
    margin-bottom: 24px;
    border: 1px solid rgba(255,255,255,.045);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(39,39,49,.88), rgba(23,23,31,.92));
    color: #9c7cff;
    font-size: 25px;
    font-variation-settings: 'FILL' 0, 'wght' 350;
    box-shadow: inset 0 1px rgba(255,255,255,.045);
}
.ef-features-trustbar__grid strong {
    margin-bottom: 12px;
    color: rgba(249,247,251,.96);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -.015em;
}
.ef-features-trustbar__grid p {
    margin: 0;
    color: rgba(218,213,225,.68);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: -.006em;
}
.ef-features-trustbar__grid li,
.ef-features-trustbar__icon {
    transition: color .2s ease, border-color .2s ease, transform .2s ease;
}
.ef-features-trustbar__grid li:hover .ef-features-trustbar__icon {
    transform: translateY(-2px);
    border-color: rgba(156,124,255,.2);
    color: #b29cff;
}
.ef-features-page .ef-features-benefits { margin-top: 0; }

/* --- Responsive --- */
@media (max-width: 1024px) {
    .ef-nav__logo {
        width: 205px;
        max-width: 48vw;
    }

    .ef-nav__links {
        display: none;
    }

    .ef-nav__mobile-btn {
        display: block;
    }

    .ef-container {
        padding-left: var(--ef-margin-mobile);
        padding-right: var(--ef-margin-mobile);
    }

    .ef-nav__inner {
        padding-left: var(--ef-margin-mobile);
        padding-right: var(--ef-margin-mobile);
    }

    .ef-landing .display-lg {
        font-size: 40px;
    }

    .ef-landing .display-sm {
        font-size: 32px;
    }

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

    .ef-feature-row .order-1 { order: 1; }
    .ef-feature-row .order-2 { order: 2; }

    .ef-showcase-grid {
        grid-template-columns: 1fr;
    }

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

    .ef-icon-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .ef-comparison-grid {
        grid-template-columns: 1fr;
    }

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

    .ef-paypal-card {
        flex-direction: column;
        text-align: center;
    }

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

    .ef-footer__inner {
        flex-direction: column;
        text-align: center;
        gap: 32px;
    }

    .ef-cta-card {
        padding: 32px 24px;
    }

    .ef-final-cta-card {
        padding: 32px 24px;
    }

    .ef-features-new-hero {
        padding-top: 125px;
    }

    .ef-features-new-hero__grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .ef-features-new-hero__copy {
        max-width: 760px;
        text-align: center;
        margin: 0 auto;
    }

    .ef-features-new-hero__copy > p {
        margin-left: auto;
        margin-right: auto;
    }

    .ef-features-hero-actions,
    .ef-features-proof {
        justify-content: center;
    }

    .ef-builder-preview {
        width: min(760px, 100%);
        margin: 0 auto;
    }

    .ef-benefit-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ef-all-features {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .ef-all-features__intro {
        position: static;
        max-width: 650px;
    }

    .ef-features-final-cta__card {
        grid-template-columns: 1fr;
    }

    .ef-features-page .ef-features-new-hero {
        padding-top: 145px;
    }

    .ef-features-page .ef-features-new-hero__grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .ef-features-page .ef-features-new-hero__copy {
        min-height: auto;
        margin-bottom: 0;
        padding: 10px 0 0;
    }

    .ef-features-trustbar {
        display: block;
        padding: 34px 28px 38px;
    }

    .ef-features-trustbar__grid {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }

    .ef-features-trustbar__grid li:nth-child(4)::before { display: none; }
    .ef-features-trustbar__grid li:nth-child(n+4) { border-top: 1px solid rgba(255,255,255,.065); }

    .ef-workflow-grid {
        gap: 46px;
    }

    .ef-workflow-connector {
        right: -61px;
        width: 72px;
    }

    .ef-workflow-grid article:not(:last-child)::after {
        right: -31px;
        left: auto;
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 640px) {
    .ef-nav__logo {
        width: 172px;
        max-width: 54vw;
    }

    .ef-icon-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ef-pricing-card__amount {
        font-size: 60px;
    }

    .ef-final-cta-price {
        font-size: 48px;
    }

    .ef-section {
        padding-top: 60px;
    }

    .ef-features-hero,
    .ef-showcase-hero,
    .ef-pricing-hero {
        padding-top: 96px;
    }

    .ef-checkout-modal__card {
        margin: 16px;
        padding: 32px 24px;
    }

    .ef-features-nav-actions {
        margin-left: auto;
    }

    .ef-features-page .ef-nav__logo {
        width: 112px;
        max-width: none;
    }

    .ef-features-page .ef-features-nav-actions {
        gap: 10px;
    }

    .ef-features-page .ef-features-nav-actions .ef-nav__login {
        display: inline-flex;
        font-size: 10px;
        white-space: nowrap;
    }

    .ef-features-page .ef-features-nav-actions .ef-nav__cta {
        display: inline-flex;
        min-height: 38px;
        padding: 9px 12px;
        border-radius: 9px;
        font-size: 9px;
        white-space: nowrap;
    }

    .ef-features-page .ef-features-nav-actions .ef-nav__cta .material-symbols-outlined {
        font-size: 14px;
    }

    .ef-features-page .ef-nav__mobile-btn {
        width: 30px;
        min-width: 30px;
        padding: 0;
    }

    .ef-features-page .ef-nav__inner {
        position: relative;
    }

    .ef-features-page .ef-nav__links.ef-nav__links--open {
        position: absolute;
        top: calc(100% + 1px);
        right: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 10px 20px 14px;
        border-bottom: 1px solid rgba(255,255,255,.08);
        background: rgba(14,14,20,.98);
        box-shadow: 0 18px 30px rgba(0,0,0,.3);
    }

    .ef-features-page .ef-nav__links--open .ef-nav__link {
        padding: 12px 4px;
        border-bottom: 0;
    }

    .ef-features-new-hero {
        padding: 108px 0 58px;
    }

    .ef-features-new-hero h1 {
        font-size: 41px;
    }

    .ef-features-new-hero__copy > p {
        font-size: 16px;
    }

    .ef-features-hero-actions {
        flex-direction: column;
        gap: 18px;
    }

    .ef-features-primary-cta {
        width: 100%;
    }

    .ef-features-proof {
        gap: 12px 16px;
    }

    .ef-builder-preview__body {
        grid-template-columns: 1fr;
    }

    .ef-builder-preview__stage {
        padding: 18px;
    }

    .ef-builder-preview__panel {
        display: none;
    }

    .ef-features-benefits {
        margin-bottom: 24px;
    }

    .ef-benefit-grid {
        grid-template-columns: 1fr;
    }

    .ef-benefit-card {
        min-height: auto;
    }

    .ef-features-workflow {
        margin-bottom: 18px;
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .ef-workflow-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .ef-workflow-grid article {
        min-height: auto;
        padding: 28px 22px 25px;
    }

    .ef-workflow-grid article:not(:last-child)::after {
        display: none;
    }

    .ef-workflow-grid article::after {
        display: none;
    }

    .ef-workflow-connector {
        display: none;
    }

    .ef-features-section-heading--compact h2 {
        font-size: 40px;
    }

    .ef-features-section-heading--compact p {
        font-size: 16px;
    }

    .ef-workflow-grid__icon {
        width: 82px;
        height: 82px;
        margin-bottom: 23px;
    }

    .ef-workflow-grid article::before {
        top: 19px;
        left: 19px;
    }

    .ef-all-features {
        margin-bottom: 95px;
    }

    .ef-all-features__list {
        grid-template-columns: 1fr;
    }

    .ef-features-final-cta {
        margin-bottom: 28px;
    }

    .ef-features-final-cta__card {
        padding: 38px 24px;
    }

    .ef-features-page {
        padding: 6px;
    }

    .ef-features-page::before {
        inset: 6px;
        border-radius: 11px 11px 0 0;
    }

    .ef-features-page .ef-nav {
        top: 6px;
        right: 6px;
        left: 6px;
        min-height: 68px;
        border-radius: 11px 11px 0 0;
    }

    .ef-features-page .ef-nav__inner {
        min-height: 68px;
    }

    .ef-features-page .ef-features-new-hero {
        padding-top: 92px;
    }

    .ef-features-page .ef-features-new-hero h1 {
        max-width: 350px;
        margin-right: auto;
        margin-left: auto;
        font-size: clamp(29px, 8.2vw, 36px);
        line-height: 1.06;
    }

    .ef-features-page .ef-features-new-hero__grid {
        gap: 30px;
    }

    .ef-features-page .ef-features-new-hero__copy > p {
        max-width: 340px;
        font-size: 12px;
        line-height: 1.55;
    }

    .ef-features-page .ef-features-hero-actions {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 14px;
        margin-top: 24px;
    }

    .ef-features-page .ef-features-primary-cta {
        width: auto;
        min-height: 44px;
        padding: 11px 15px;
        font-size: 10px;
    }

    .ef-features-page .ef-features-text-link {
        min-height: 44px;
        padding: 0;
        font-size: 9px;
    }

    .ef-features-page .ef-builder-preview {
        width: 100%;
        height: 440px;
        border-radius: 12px;
    }

    .ef-features-page .ef-builder-preview__body {
        grid-template-columns: minmax(0, 1.72fr) minmax(108px, .78fr);
        min-height: 0;
    }

    .ef-features-page .ef-builder-preview__topbar {
        height: 34px;
        padding: 0 11px;
        font-size: 6px;
    }

    .ef-features-page .ef-builder-preview__stage {
        gap: 9px;
        padding: 10px;
    }

    .ef-features-page .ef-builder-preview__themes {
        min-height: 68px;
        padding: 8px 7px 12px;
    }

    .ef-features-page .ef-builder-preview__theme {
        min-height: 45px;
    }

    .ef-features-page .ef-builder-preview__video {
        aspect-ratio: 16 / 10;
        border-radius: 9px;
    }

    .ef-features-page .ef-builder-preview__play-settings {
        gap: 7px;
        padding: 9px;
        border-radius: 9px;
    }

    .ef-features-page .ef-builder-preview__play-heading {
        padding-bottom: 6px;
    }

    .ef-features-page .ef-builder-preview__play-layout {
        min-height: 39px;
    }

    .ef-features-page .ef-builder-preview__play-sliders {
        gap: 5px 8px;
    }

    .ef-features-page .ef-builder-preview__play-sliders label {
        grid-template-columns: 42px minmax(0,1fr) 25px;
        gap: 4px;
        font-size: 5px;
    }

    .ef-features-page .ef-builder-preview__panel {
        display: flex;
        justify-content: center;
        padding: 15px 10px;
    }

    .ef-features-page .ef-builder-preview__panel-title {
        margin-bottom: 13px;
        font-size: 6px;
    }

    .ef-features-page .ef-builder-preview__option {
        min-height: 25px;
        font-size: 6px;
    }

    .ef-features-page .ef-builder-preview__options {
        gap: 2px;
    }

    .ef-features-page .ef-builder-preview__code,
    .ef-features-page .ef-builder-preview__copy {
        font-size: 5px;
    }

    .ef-features-trustbar {
        margin-top: 52px;
        padding: 28px 18px 30px;
        border-radius: 16px;
    }

    .ef-features-trustbar__heading {
        padding: 0 12px 28px;
        font-size: 14px;
        line-height: 1.45;
        text-align: center;
    }

    .ef-features-trustbar__grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .ef-features-trustbar__grid li {
        min-height: 164px;
        justify-content: flex-start;
        padding: 20px;
    }
    .ef-features-trustbar__icon { margin-bottom: 18px; }
    .ef-features-trustbar__grid li:nth-child(4)::before { display: block; }
    .ef-features-trustbar__grid li:nth-child(odd)::before { display: none; }
    .ef-features-trustbar__grid li:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.065); }
}

@media (max-width: 420px) {
    .ef-features-page .ef-builder-preview {
        width: 138.889%;
        max-width: none;
        margin-right: 0;
        margin-left: 0;
        zoom: .72;
    }

    .ef-features-page .ef-features-new-hero__grid {
        overflow: visible;
    }

    .ef-features-page .ef-features-hero-actions {
        gap: 9px;
    }

    .ef-features-page .ef-features-primary-cta {
        padding-right: 12px;
        padding-left: 12px;
    }

    .ef-features-trustbar__grid { grid-template-columns: 1fr; }
    .ef-features-trustbar__grid li {
        min-height: auto;
        padding: 24px 4px;
    }
    .ef-features-trustbar__grid li + li { border-top: 1px solid rgba(255,255,255,.065); }
    .ef-features-trustbar__grid li::before { display: none !important; }
}

@media (max-width: 300px) {
    .ef-features-page .ef-features-nav-actions {
        display: none;
    }

    .ef-features-page .ef-nav__inner {
        justify-content: space-between;
    }

    .ef-features-page .ef-features-new-hero {
        padding-top: 86px;
    }

    .ef-features-page .ef-features-new-hero h1 {
        font-size: 27px;
    }

    .ef-features-page .ef-features-hero-actions {
        flex-direction: column;
    }

    .ef-features-page .ef-builder-preview {
        width: 178.572%;
        zoom: .56;
    }
}

/* ============================================================
   Coupon Code Input — Pricing Page
   ============================================================ */

.ef-coupon-wrap {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 4px;
}

.ef-coupon-row {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

.ef-coupon-input {
    flex: 1;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--ef-glass-border);
    border-radius: var(--ef-radius-md);
    color: var(--ef-on-surface);
    font-size: 0.88rem;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.ef-coupon-input::placeholder {
    color: var(--ef-outline);
    font-family: 'Geist', 'Inter', sans-serif;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

.ef-coupon-input:focus {
    border-color: var(--ef-primary);
    box-shadow: 0 0 0 3px rgba(208, 188, 255, 0.1);
}

.ef-coupon-apply {
    padding: 10px 18px;
    background: rgba(208, 188, 255, 0.1);
    border: 1px solid rgba(208, 188, 255, 0.2);
    border-radius: var(--ef-radius-md);
    color: var(--ef-primary);
    font-size: 0.82rem;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.ef-coupon-apply:hover {
    background: rgba(208, 188, 255, 0.18);
    border-color: rgba(208, 188, 255, 0.35);
    transform: translateY(-1px);
}

.ef-coupon-apply:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

/* Coupon feedback */
.ef-coupon-feedback {
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: var(--ef-radius);
    font-size: 0.8rem;
    font-weight: 600;
    display: none;
    align-items: center;
    gap: 6px;
    animation: efCouponFade 0.3s ease;
}

.ef-coupon-feedback.visible {
    display: flex;
}

.ef-coupon-feedback--error .fa-circle-exclamation {
    width: 1em;
    flex: 0 0 1em;
    font-family: "Font Awesome 6 Free";
    font-size: 1rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}

.ef-coupon-feedback--success {
    background: rgba(74, 222, 128, 0.08);
    color: #4ADE80;
    border: 1px solid rgba(74, 222, 128, 0.15);
}

.ef-coupon-feedback--error {
    background: rgba(255, 180, 171, 0.08);
    color: var(--ef-error);
    border: 1px solid rgba(255, 180, 171, 0.15);
}

@keyframes efCouponFade {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Price update animation */
.ef-pricing-card__price--struck .ef-pricing-card__amount {
    text-decoration: line-through;
    opacity: 0.4;
}

.ef-pricing-card__new-price {
    display: none;
    font-size: 2.4rem;
    font-weight: 800;
    color: #4ADE80;
    margin-top: 4px;
    animation: efPricePop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ef-pricing-card__new-price.visible {
    display: block;
}

.ef-pricing-card__new-price--free {
    font-size: 1.8rem;
    background: linear-gradient(135deg, #4ADE80, #22D3EE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@keyframes efPricePop {
    from { opacity: 0; transform: scale(0.8); }
    to { opacity: 1; transform: scale(1); }
}

/* Hidden coupon input for form submission */
.ef-coupon-hidden {
    display: none;
}

/* Remove button for applied coupon */
.ef-coupon-remove {
    width: 44px;
    min-width: 44px;
    padding: 0;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: var(--ef-radius-md);
    color: #EF4444;
    font-size: 1.15rem;
    cursor: pointer;
    transition: all 0.2s;
    display: none;
    align-items: center;
    justify-content: center;
}

.ef-coupon-remove.visible {
    display: flex;
}

.ef-coupon-remove:hover {
    background: rgba(239, 68, 68, 0.18);
    border-color: rgba(239, 68, 68, 0.4);
    transform: translateY(-1px);
}

.ef-coupon-remove:focus-visible {
    outline: 2px solid #EF4444;
    outline-offset: 2px;
}

/* Before / after showcase comparison */
.ef-comparison-eyebrow{letter-spacing:.16em;text-transform:uppercase}
.ef-comparison-section{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:var(--ef-section-gap)}
.ef-comparison-card{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));padding:36px 24px 0;box-shadow:0 20px 80px rgba(0,0,0,.28)}
.ef-comparison-card--after{border-color:rgba(173,116,255,.28);box-shadow:0 0 70px rgba(140,70,255,.1)}
.ef-comparison-label{position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:999px;padding:10px 18px;background:#25252f;color:#fff;font-size:16px;font-weight:600;box-shadow:0 8px 22px #08080d}
.ef-comparison-label span{font-size:24px;line-height:0;vertical-align:-2px;color:#ff635b;margin-right:8px}.ef-comparison-card--after .ef-comparison-label span{color:#8cdf54}
.ef-player-mock{border-radius:14px;border:1px solid rgba(255,255,255,.16);padding:12px;background:#101114;color:#e8e8ec;min-height:260px}.ef-player-top,.ef-brand-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#aaa}.ef-youtube-mark{color:#ff2f2f}.ef-search{border:1px solid #303036;border-radius:9px;padding:4px 30px;color:#777}.ef-player-body{display:grid;grid-template-columns:1fr 27%;gap:10px;margin-top:12px}.ef-video-placeholder{height:150px;border-radius:7px;background:linear-gradient(145deg,#68706f,#111);display:grid;place-items:center}.ef-play-button{background:#e3332b;border-radius:8px;padding:12px 18px}.ef-related{display:grid;gap:8px}.ef-related i{display:block;border-radius:4px;background:linear-gradient(90deg,#555 42%,#2d2d31 42%);height:32px}.ef-player-copy{display:grid;gap:5px;margin-top:10px;font-size:11px}.ef-player-copy small,.ef-branded-copy small{color:#999;font-size:9px}.ef-copy-bar{height:22px;border-radius:5px;background:#252629}.ef-brand-row{justify-content:flex-start;gap:10px;color:#b998ff;letter-spacing:.12em;font-size:15px;padding:3px 8px 13px}.ef-brand-cube{color:#c895ff;font-size:22px}.ef-branded-video{height:178px;border:1px solid #6c36ad;border-radius:8px;background:radial-gradient(circle at 60% 50%,#38215f,#100d1b 65%),linear-gradient(135deg,#3d0f5f,#0c1731);display:grid;place-items:center;position:relative}.ef-neon-play{color:#fff;font-size:24px;text-shadow:0 0 18px #d355ff}.ef-controls{position:absolute;bottom:8px;left:10px;right:10px;display:flex;gap:9px;align-items:center;font-size:10px}.ef-progress{height:3px;flex:1;background:linear-gradient(90deg,#db43ff 60%,#555 60%);border-radius:4px}.ef-branded-copy{display:grid;gap:4px;padding:10px 4px;position:relative}.ef-branded-copy button{position:absolute;right:0;top:11px;border:0;border-radius:6px;background:#7650df;color:#fff;padding:8px 10px;font-size:10px}.ef-comparison-list{list-style:none;margin:22px -24px 0;padding:16px 24px 20px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.ef-comparison-list li{font-size:16px;color:#ddd}.ef-comparison-list li span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:12px;border-radius:50%;font-weight:700;color:#ff655c}.ef-comparison-card--after .ef-comparison-list li span{color:#9beb66;background:#3c7630;font-size:13px}.ef-comparison-vs{display:grid;place-items:center;width:70px;height:70px;border:1px solid #9d5cff;border-radius:50%;color:#fff;font-weight:700;box-shadow:0 0 30px rgba(157,92,255,.25)}
@media(max-width:900px){.ef-comparison-section{grid-template-columns:1fr}.ef-comparison-vs{margin:-2px auto}.ef-comparison-card{max-width:680px;width:100%;margin:0 auto}}
@media(max-width:520px){.ef-comparison-card{padding-left:14px;padding-right:14px}.ef-comparison-label{font-size:13px}.ef-comparison-list{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px;gap:14px 8px}.ef-comparison-list li{font-size:13px}.ef-search{padding:4px 8px}.ef-player-body{grid-template-columns:1fr}.ef-related{display:none}}

/* Showcase comparison v2 - reference-matched */
.ef-features-page .ef-showcase-hero{padding-top:150px;margin-bottom:45px}
.ef-showcase-hero .ef-chip{margin-bottom:26px!important;padding:9px 27px;border:1px solid rgba(164,104,255,.48);background:rgba(25,20,42,.45);color:#c5a1ff;font-size:13px;font-weight:650;letter-spacing:.18em!important}
.ef-showcase-hero .display-lg{font-size:clamp(48px,5.2vw,76px);line-height:.97;letter-spacing:-.045em}
.ef-showcase-hero .ef-hero-lower{display:inline-block;margin-top:16px}.ef-showcase-hero .gradient-text{background:linear-gradient(90deg,#a789ff,#db8cec);-webkit-background-clip:text;background-clip:text;color:transparent}
.ef-showcase-hero .body-lg{max-width:720px!important;margin-top:24px!important;line-height:1.7;color:#d3ced9!important}
.ef-comparison-section{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:stretch;max-width:1420px;margin-bottom:100px}
.ef-comparison-card{padding:30px 18px 0;border-radius:24px;background:linear-gradient(145deg,rgba(29,32,42,.9),rgba(13,15,23,.96));border:1px solid rgba(184,188,207,.25);box-shadow:0 28px 90px rgba(0,0,0,.35)}
.ef-comparison-card--after{padding:24px 20px 0;border-color:rgba(133,74,255,.72);background:radial-gradient(circle at 50% 25%,rgba(114,78,230,.25),rgba(21,18,43,.96) 64%);box-shadow:0 0 70px rgba(91,49,220,.22),inset 0 0 34px rgba(106,66,220,.12)}
.ef-comparison-label{top:-21px;padding:12px 24px;border-radius:999px;background:linear-gradient(180deg,#292a36,#1b1c26);font-size:17px;box-shadow:0 10px 24px rgba(0,0,0,.5)}.ef-comparison-label span{color:#ff4d4f;font-size:21px}.ef-comparison-card--after .ef-comparison-label span{color:#36c548}
.ef-player-mock{min-height:410px;padding:16px;border-radius:12px}.ef-player-mock--youtube{background:#0c0e13;border-color:rgba(255,255,255,.04);filter:saturate(.82)}
.ef-player-top{height:30px;font-size:11px}.ef-youtube-mark{display:inline-grid;place-items:center;width:22px;height:14px;border-radius:4px;background:#f00000;color:#fff;font-style:normal;font-size:8px}.ef-search{width:55%;padding:7px 12px;border-radius:15px;display:flex;justify-content:space-between}
.ef-player-body{grid-template-columns:1fr 25%;gap:13px;margin-top:8px}.ef-video-placeholder{height:225px;background:linear-gradient(125deg,rgba(32,35,40,.3),rgba(0,0,0,.22)),url('https://lh3.googleusercontent.com/aida-public/AB6AXuAPmWAjJXoZnZArlSxlFUuK1oc2bdX9DYmYw5G9qFXGLyXZHNqHe2pbzT75MVzFvmysEP3HCJ5zfL7eAuUtLUuR5rLFSA1n2beaUZMtZLGHHSBWkKfyciPX-TG8ANgsnsLx_EKerygXFLae-LbL3g3pNBr5pGI11o_pUlOjACcnF0CWPhwvBysdgy_YRgDVZGy3yE5xE9OAkx59TO000B4efrM6sMNVX2sLMSu5FBOxcO6-qq8EC2ROz8ZreefH1VMzrt1Y97-HX67c') center/cover;filter:grayscale(1)}.ef-play-button{padding:14px 21px;border-radius:10px;background:#f12621;color:#fff;filter:none}.ef-related{gap:11px}.ef-related i{height:46px;background:linear-gradient(90deg,#4b4e54 52%,#25282e 52%)}
.ef-player-copy{margin-top:8px;gap:7px}.ef-channel-row{display:flex;align-items:center;gap:8px}.ef-avatar{width:25px;height:25px;border-radius:50%;background:#aaa}.ef-channel-row button{border:0;border-radius:15px;padding:7px 10px;font-size:9px}.ef-actions{margin-left:auto;color:#aaa;font-size:9px}.ef-copy-bar{height:auto;padding:9px;border-radius:7px;display:grid;gap:3px;background:#1e2127}.ef-copy-bar small{color:#bbb}
.ef-player-mock--embedflows{min-height:420px;padding:0 18px 18px;border:0;border-radius:17px;background:linear-gradient(145deg,#fff,#eae8f3);color:#15152b}.ef-brand-row{height:64px;padding:0 4px;justify-content:space-between}.ef-brand-row img{width:165px;max-height:42px;object-fit:contain;object-position:left}.ef-brand-tools{color:#24243a;font-size:20px;letter-spacing:.1em}.ef-branded-video{height:267px;border:0;background:linear-gradient(180deg,rgba(170,112,226,.12),rgba(4,7,31,.25)),url('https://lh3.googleusercontent.com/aida-public/AB6AXuAPmWAjJXoZnZArlSxlFUuK1oc2bdX9DYmYw5G9qFXGLyXZHNqHe2pbzT75MVzFvmysEP3HCJ5zfL7eAuUtLUuR5rLFSA1n2beaUZMtZLGHHSBWkKfyciPX-TG8ANgsnsLx_EKerygXFLae-LbL3g3pNBr5pGI11o_pUlOjACcnF0CWPhwvBysdgy_YRgDVZGy3yE5xE9OAkx59TO000B4efrM6sMNVX2sLMSu5FBOxcO6-qq8EC2ROz8ZreefH1VMzrt1Y97-HX67c') center/cover}.ef-neon-play{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(104,63,196,.8);font-size:25px}.ef-controls{bottom:12px;font-size:11px}.ef-controls .ef-progress{order:-1;position:absolute;left:0;right:0;bottom:23px;height:4px}.ef-branded-copy{padding:16px 2px 0;gap:8px}.ef-branded-copy b{font-size:16px}.ef-branded-copy small{font-size:12px;color:#716d82}.ef-branded-copy button{top:15px;padding:11px 16px;border-radius:9px;font-size:12px;background:linear-gradient(135deg,#7444dd,#8d54ef)}
.ef-comparison-list{margin:20px -18px 0;padding:24px 36px 30px;gap:22px 38px}.ef-comparison-card--after .ef-comparison-list{margin:22px -20px 0;background:linear-gradient(145deg,#fff,#eeedf5);border-radius:0 0 17px 17px;color:#17172d}.ef-comparison-list li{font-size:16px}.ef-comparison-card--after .ef-comparison-list li{color:#17172d}.ef-comparison-card--before .ef-comparison-list li span{font-size:21px}.ef-comparison-vs{position:absolute;z-index:4;left:50%;top:46%;transform:translate(-50%,-50%);width:68px;height:68px;background:#11111b;border:2px solid #a24ff2;box-shadow:0 0 0 7px #090a11,0 0 26px rgba(162,79,242,.35)}
@media(max-width:1050px){.ef-comparison-section{gap:34px}.ef-player-mock{min-height:350px}.ef-video-placeholder{height:185px}.ef-branded-video{height:220px}.ef-comparison-list{padding-left:20px;padding-right:20px;gap:18px 12px}.ef-comparison-list li{font-size:14px}}
@media(max-width:800px){.ef-features-page .ef-showcase-hero{padding-top:125px}.ef-comparison-section{grid-template-columns:1fr;gap:58px}.ef-comparison-vs{position:relative;left:auto;top:auto;transform:none;margin:-30px auto;order:2}.ef-comparison-card--before{order:1}.ef-comparison-card--after{order:3}.ef-showcase-hero .display-lg{font-size:clamp(39px,10vw,62px)}}
@media(max-width:520px){.ef-showcase-hero .body-lg br{display:none}.ef-comparison-card{padding-left:10px;padding-right:10px}.ef-player-mock{min-height:300px;padding:10px}.ef-player-mock--embedflows{padding:0 10px 10px}.ef-video-placeholder{height:155px}.ef-branded-video{height:185px}.ef-brand-row img{width:125px}.ef-brand-tools{font-size:14px}.ef-related{display:grid}.ef-comparison-list{margin-left:-10px;margin-right:-10px;padding:20px 14px}.ef-comparison-card--after .ef-comparison-list{margin-left:-10px;margin-right:-10px}.ef-actions{display:none}}
/* Showcase redesign - scoped to /showcase */
.ef-showcase-page{background:radial-gradient(circle at 50% 5%,rgba(124,83,255,.18),transparent 32rem),radial-gradient(circle at 8% 34%,rgba(217,70,239,.07),transparent 24rem),var(--ef-bg)}
.ef-showcase-page .ef-showcase-hero{position:relative;max-width:1040px;padding-top:164px;margin-bottom:84px}
.ef-showcase-page .ef-showcase-hero:before{content:'';position:absolute;inset:92px 24px auto;height:390px;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at center,#000,transparent 72%);pointer-events:none;z-index:-1}
.ef-showcase-page .ef-showcase-hero .ef-chip{margin-bottom:24px!important;padding:7px 14px;border-color:rgba(208,188,255,.2);background:rgba(208,188,255,.06);font-size:12px;font-weight:700;letter-spacing:.08em!important;text-transform:uppercase}
.ef-showcase-page .ef-showcase-hero .display-lg{font-size:clamp(50px,6.3vw,82px);line-height:.98;letter-spacing:-.055em}
.ef-showcase-page .ef-showcase-hero .body-lg{max-width:680px!important;margin-top:26px!important;color:rgba(203,195,215,.82)!important;line-height:1.7}
.ef-showcase-hero__actions{display:flex;justify-content:center;gap:12px;margin-top:34px}
.ef-showcase-hero__actions a{min-height:52px;padding:13px 21px;border-radius:12px;font-size:15px}.ef-showcase-hero__actions .material-symbols-outlined{font-size:18px}
.ef-showcase-proof{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 28px;margin-top:24px;color:rgba(203,195,215,.62);font-size:12px}
.ef-showcase-proof span{display:inline-flex;align-items:center;gap:6px}.ef-showcase-proof .material-symbols-outlined{color:#a98cff;font-size:16px}
.ef-showcase-page .ef-comparison-section{margin-bottom:126px}.ef-showcase-page .ef-comparison-card{overflow:visible}.ef-showcase-page .ef-comparison-card--after{transform:translateY(-8px)}
.ef-showcase-section-heading{max-width:660px;margin:0 auto 44px;text-align:center}
.ef-showcase-kicker{position:relative;z-index:1;display:inline-block;margin-bottom:12px;color:#bca2ff;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.ef-showcase-section-heading h2{margin-bottom:14px;color:#f4f1f8;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.04em}
.ef-showcase-section-heading p{color:rgba(203,195,215,.72);font-size:17px}
.ef-showcase-page .ef-showcase-grid{gap:22px;margin-bottom:0}.ef-showcase-page .ef-showcase-card{background:linear-gradient(145deg,rgba(29,28,39,.78),rgba(14,14,21,.82));border-color:rgba(255,255,255,.075);border-radius:18px}
.ef-showcase-page .ef-showcase-card__image-wrap{padding:10px}.ef-showcase-page .ef-showcase-card__image{border-radius:12px}
.ef-showcase-page .ef-showcase-card__overlay{opacity:.72;background:linear-gradient(to top,rgba(8,8,14,.42),transparent 62%)}.ef-showcase-page .ef-showcase-card__overlay .material-symbols-outlined{font-size:52px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
.ef-showcase-page .ef-showcase-card__content{padding:14px 22px 24px}.ef-showcase-page .ef-showcase-card__header{gap:12px;margin-bottom:9px}.ef-showcase-page .ef-showcase-card__title{font-size:20px;letter-spacing:-.02em}.ef-showcase-page .ef-showcase-card__desc{color:rgba(203,195,215,.68);font-size:14px;line-height:1.65}
.ef-showcase-page .ef-cta-section{margin:108px auto}.ef-showcase-page .ef-cta-card{padding:64px 40px;border-color:rgba(208,188,255,.14);background:linear-gradient(145deg,rgba(39,28,66,.65),rgba(15,14,23,.8))}
.ef-showcase-page .ef-cta-card .display-sm{max-width:720px;margin:0 auto 16px;font-size:clamp(34px,4vw,52px)}
@media(max-width:800px){.ef-showcase-page .ef-showcase-hero{padding-top:132px;margin-bottom:70px}.ef-showcase-page .ef-comparison-section{gap:54px;margin-bottom:96px}.ef-showcase-page .ef-comparison-card--after{transform:none}.ef-showcase-page .ef-cta-section{margin:82px auto}}
@media(max-width:520px){
.ef-showcase-page .ef-container{padding-left:18px;padding-right:18px}.ef-showcase-page .ef-showcase-hero{padding-top:112px;margin-bottom:58px}.ef-showcase-page .ef-showcase-hero:before{inset:72px 0 auto;height:300px;background-size:34px 34px}
.ef-showcase-page .ef-showcase-hero .ef-chip{margin-bottom:18px!important;font-size:10px}.ef-showcase-page .ef-showcase-hero .display-lg{font-size:clamp(42px,12vw,54px);line-height:1.02}.ef-showcase-page .ef-showcase-hero .body-lg{margin-top:20px!important;font-size:16px;line-height:1.6}
.ef-showcase-hero__actions{flex-direction:column-reverse;margin-top:28px}.ef-showcase-hero__actions a{width:100%;min-height:50px}.ef-showcase-proof{gap:9px 16px;margin-top:20px}
.ef-showcase-page .ef-comparison-section{gap:50px;margin-bottom:82px}.ef-showcase-page .ef-comparison-card{border-radius:18px}.ef-showcase-page .ef-comparison-label{top:-18px;padding:9px 14px;font-size:12px}
.ef-showcase-page .ef-player-mock{min-height:0}.ef-showcase-page .ef-player-top{height:24px}.ef-showcase-page .ef-search{width:48%;font-size:8px}.ef-showcase-page .ef-video-placeholder{height:148px}.ef-showcase-page .ef-related{display:none}.ef-showcase-page .ef-player-body{grid-template-columns:1fr}.ef-showcase-page .ef-branded-video{height:174px}
.ef-showcase-page .ef-comparison-list{grid-template-columns:1fr;gap:11px}.ef-showcase-page .ef-comparison-list li{font-size:13px}
.ef-showcase-section-heading{margin-bottom:28px}.ef-showcase-section-heading h2{font-size:34px}.ef-showcase-section-heading p{font-size:15px}.ef-showcase-page .ef-showcase-grid{gap:16px}.ef-showcase-page .ef-showcase-card__content{padding:12px 16px 20px}.ef-showcase-page .ef-showcase-card__header{align-items:flex-start}.ef-showcase-page .ef-showcase-card__title{font-size:18px}.ef-showcase-page .ef-showcase-card__badge{padding:4px 8px;font-size:10px;white-space:nowrap}
.ef-showcase-page .ef-cta-section{margin:68px auto}.ef-showcase-page .ef-cta-card{padding:42px 20px;border-radius:18px!important}.ef-showcase-page .ef-cta-card .display-sm{font-size:32px}.ef-showcase-page .ef-cta-card .body-lg{font-size:15px}.ef-showcase-page .ef-cta-buttons{flex-direction:column}.ef-showcase-page .ef-cta-buttons a{width:100%}
.ef-showcase-page .ef-footer{padding:54px 0}.ef-showcase-page .ef-footer__brand{font-size:34px}.ef-showcase-page .ef-footer__links{justify-content:center;gap:14px 22px}
}
/* Showcase responsive scale correction */
.ef-showcase-page .ef-container{padding-left:clamp(18px,4vw,64px);padding-right:clamp(18px,4vw,64px)}
.ef-showcase-page .ef-showcase-hero{max-width:1120px;padding-top:148px;margin-bottom:68px}
.ef-showcase-page .ef-showcase-hero .display-lg{font-size:clamp(42px,5.2vw,68px);line-height:1.02}
.ef-showcase-page .ef-showcase-hero .body-lg{font-size:16px;max-width:600px!important}
.ef-showcase-page .ef-comparison-section{max-width:1180px;gap:32px;margin-bottom:92px}
.ef-showcase-page .ef-comparison-card{padding-top:24px;border-radius:20px}
.ef-showcase-page .ef-player-mock{min-height:350px}
.ef-showcase-page .ef-video-placeholder{height:190px}
.ef-showcase-page .ef-branded-video{height:220px}
.ef-showcase-page .ef-comparison-list{padding:20px 24px 24px;gap:14px 22px}
.ef-showcase-page .ef-comparison-list li{font-size:14px}
.ef-showcase-page .ef-showcase-section-heading h2{font-size:clamp(32px,4vw,46px)}
.ef-showcase-page .ef-cta-section{margin:82px auto}
@media(max-width:900px){.ef-showcase-page .ef-showcase-hero{padding-top:128px;margin-bottom:56px}.ef-showcase-page .ef-comparison-section{gap:48px}.ef-showcase-page .ef-player-mock{min-height:0}.ef-showcase-page .ef-video-placeholder{height:170px}.ef-showcase-page .ef-branded-video{height:195px}}
@media(max-width:520px){.ef-showcase-page .ef-showcase-hero{padding-top:106px;margin-bottom:48px}.ef-showcase-page .ef-showcase-hero .display-lg{font-size:clamp(38px,11vw,50px)}.ef-showcase-page .ef-showcase-hero .body-lg{font-size:15px}.ef-showcase-page .ef-comparison-section{gap:42px}.ef-showcase-page .ef-player-mock{padding:10px}.ef-showcase-page .ef-video-placeholder{height:145px}.ef-showcase-page .ef-branded-video{height:168px}.ef-showcase-page .ef-comparison-list{padding:18px 14px 20px}}
/* Keep the comparison divider separate and centered */
.ef-showcase-page .ef-comparison-section{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:stretch;gap:28px}
.ef-showcase-page .ef-comparison-vs{position:static;grid-column:2;grid-row:1;transform:none;margin:0;width:68px;height:68px;justify-self:center}
.ef-showcase-page .ef-comparison-card--before{grid-column:1;grid-row:1}
.ef-showcase-page .ef-comparison-card--after{grid-column:3;grid-row:1}
.ef-showcase-page .ef-comparison-card{display:flex;flex-direction:column;width:100%;height:100%;transform:none}
.ef-showcase-page .ef-comparison-card .ef-comparison-list{flex:1;align-content:start}
.ef-showcase-page .ef-comparison-vs{align-self:center}
@media(max-width:900px){.ef-showcase-page .ef-comparison-section{grid-template-columns:1fr;gap:46px}.ef-showcase-page .ef-comparison-card--before,.ef-showcase-page .ef-comparison-card--after{grid-column:1;grid-row:auto}.ef-showcase-page .ef-comparison-vs{grid-column:1;grid-row:auto;margin:-16px auto;justify-self:center}}
@media(max-width:520px){.ef-showcase-page .ef-comparison-section{gap:40px}.ef-showcase-page .ef-comparison-vs{margin:-10px auto}}
/* Showcase comparison: branded player dark theme */
.ef-showcase-page .ef-comparison-card--after{border-color:rgba(139,92,246,.72);background:radial-gradient(circle at 50% 18%,rgba(124,58,237,.2),transparent 46%),linear-gradient(145deg,#171321,#0b0b12 72%);box-shadow:0 24px 80px rgba(0,0,0,.42),0 0 52px rgba(124,58,237,.16),inset 0 1px rgba(255,255,255,.045)}
.ef-showcase-page .ef-player-mock--embedflows{color:#f7f3ff;background:linear-gradient(155deg,#191721,#0e0e16 70%);border:1px solid rgba(196,181,253,.16);box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 42px rgba(0,0,0,.26)}
.ef-showcase-page .ef-brand-row{border-bottom:1px solid rgba(255,255,255,.055)}
.ef-showcase-page .ef-brand-row img{filter:grayscale(1) brightness(0) invert(1) drop-shadow(0 0 10px rgba(167,139,250,.2));opacity:.94}
.ef-showcase-page .ef-brand-tools{color:#c9c2d8}
.ef-showcase-page .ef-branded-video{border:1px solid rgba(167,139,250,.22);box-shadow:inset 0 0 34px rgba(91,33,182,.12)}
.ef-showcase-page .ef-neon-play{background:linear-gradient(135deg,rgba(139,92,246,.94),rgba(109,40,217,.9));box-shadow:0 10px 28px rgba(109,40,217,.4),inset 0 1px rgba(255,255,255,.22)}
.ef-showcase-page .ef-branded-copy small{color:#aaa3b8}
.ef-showcase-page .ef-branded-copy button{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 8px 20px rgba(109,40,217,.28)}
.ef-showcase-page .ef-comparison-card--after .ef-comparison-list{color:#ece8f3;background:linear-gradient(145deg,#15141d,#0e0e15);border-top-color:rgba(255,255,255,.075)}
.ef-showcase-page .ef-comparison-card--after .ef-comparison-list li{color:#e6e1ed}
.ef-showcase-page .ef-comparison-card--after .ef-comparison-list li span{color:#77e08a;background:rgba(34,197,94,.18);box-shadow:inset 0 0 0 1px rgba(74,222,128,.22)}

/* Showcase comparison v3: premium branded player */
.ef-showcase-page .ef-comparison-card--after{isolation:isolate;padding:26px 20px 0;border:1px solid rgba(139,92,246,.58);background:radial-gradient(circle at 50% 12%,rgba(124,58,237,.18),transparent 38%),linear-gradient(155deg,#14121c,#090a10 78%);box-shadow:0 32px 90px rgba(0,0,0,.48),0 0 0 1px rgba(167,139,250,.04),0 0 64px rgba(109,40,217,.14)}
.ef-showcase-page .ef-comparison-card--after:before{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 24%);pointer-events:none}
.ef-showcase-page .ef-comparison-card--after .ef-comparison-label{display:flex;align-items:center;gap:8px;padding:11px 20px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#24232d,#171720);box-shadow:0 12px 30px rgba(0,0,0,.52)}
.ef-showcase-page .ef-comparison-card--after .ef-comparison-label span{margin:0;color:#4ade80;font-size:17px;text-shadow:0 0 14px rgba(74,222,128,.45)}
.ef-showcase-page .ef-player-mock--embedflows{min-height:0;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#0d0d14;color:#f7f5fb;box-shadow:inset 0 1px rgba(255,255,255,.035),0 22px 50px rgba(0,0,0,.3)}
.ef-showcase-page .ef-player-mock--embedflows .ef-brand-row{height:60px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.065);background:linear-gradient(180deg,rgba(25,23,34,.96),rgba(16,16,24,.96))}
.ef-showcase-page .ef-player-mock--embedflows .ef-brand-row img{width:142px;max-height:34px;object-fit:contain;object-position:left center;filter:grayscale(1) brightness(0) invert(1) drop-shadow(0 0 9px rgba(167,139,250,.16));opacity:.96}
.ef-showcase-page .ef-brand-tools{display:flex;align-items:center;gap:5px;letter-spacing:0}
.ef-showcase-page .ef-brand-tools button,.ef-showcase-page .ef-controls button{display:grid;place-items:center;border:0;color:#c9c4d2;background:transparent;cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease}
.ef-showcase-page .ef-brand-tools button{width:30px;height:30px;border-radius:8px}
.ef-showcase-page .ef-brand-tools button:hover{color:#fff;background:rgba(167,139,250,.1);transform:translateY(-1px)}
.ef-showcase-page .ef-brand-tools .material-symbols-outlined{font-size:17px;font-variation-settings:'wght' 350}
.ef-showcase-page .ef-player-mock--embedflows .ef-branded-video{height:236px;margin:12px;border:1px solid rgba(196,181,253,.18);border-radius:11px;background:linear-gradient(180deg,rgba(8,8,15,.1) 42%,rgba(7,7,13,.84)),radial-gradient(circle at 50% 48%,rgba(124,58,237,.24),transparent 31%),url('https://lh3.googleusercontent.com/aida-public/AB6AXuAPmWAjJXoZnZArlSxlFUuK1oc2bdX9DYmYw5G9qFXGLyXZHNqHe2pbzT75MVzFvmysEP3HCJ5zfL7eAuUtLUuR5rLFSA1n2beaUZMtZLGHHSBWkKfyciPX-TG8ANgsnsLx_EKerygXFLae-LbL3g3pNBr5pGI11o_pUlOjACcnF0CWPhwvBysdgy_YRgDVZGy3yE5xE9OAkx59TO000B4efrM6sMNVX2sLMSu5FBOxcO6-qq8EC2ROz8ZreefH1VMzrt1Y97-HX67c') center/cover;box-shadow:inset 0 0 42px rgba(5,4,12,.26)}
.ef-showcase-page .ef-video-brand{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:7px;color:rgba(247,245,251,.68);font:600 9px 'Geist','Inter',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ef-showcase-page .ef-video-brand span{width:6px;height:6px;border-radius:50%;background:#a78bfa;box-shadow:0 0 10px #8b5cf6}
.ef-showcase-page .ef-player-mock--embedflows .ef-neon-play{display:grid;width:62px;height:62px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:linear-gradient(145deg,#9b6cf7,#6d28d9);color:#fff;cursor:pointer;box-shadow:0 14px 35px rgba(91,33,182,.46),inset 0 1px rgba(255,255,255,.28);transition:transform .2s ease,box-shadow .2s ease}
.ef-showcase-page .ef-player-mock--embedflows .ef-neon-play:hover{transform:scale(1.06);box-shadow:0 16px 42px rgba(109,40,217,.58),inset 0 1px rgba(255,255,255,.3)}
.ef-showcase-page .ef-neon-play .material-symbols-outlined{margin-left:3px;font-size:32px;font-variation-settings:'FILL' 1}
.ef-showcase-page .ef-player-mock--embedflows .ef-controls{position:absolute;right:13px;bottom:11px;left:13px;display:flex;gap:8px;align-items:center;font-size:9px}
.ef-showcase-page .ef-player-mock--embedflows .ef-progress{position:absolute;right:0;bottom:30px;left:0;order:0;height:3px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.24)}
.ef-showcase-page .ef-player-mock--embedflows .ef-progress i{display:block;width:36%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c026d3,#8b5cf6);box-shadow:0 0 9px rgba(168,85,247,.72)}
.ef-showcase-page .ef-controls button{width:22px;height:22px;padding:0}.ef-showcase-page .ef-controls button:hover{color:#fff}.ef-showcase-page .ef-controls .material-symbols-outlined{font-size:17px}.ef-showcase-page .ef-player-time{color:#f5f1fa;font:600 9px 'Geist','Inter',sans-serif}.ef-showcase-page .ef-player-time i{color:#777080;font-style:normal}.ef-showcase-page .ef-controls-spacer{flex:1}
.ef-showcase-page .ef-player-mock--embedflows .ef-branded-copy{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:16px;padding:4px 14px 16px}
.ef-showcase-page .ef-branded-copy>div{display:grid;min-width:0;gap:5px}.ef-showcase-page .ef-branded-copy b{overflow:hidden;color:#f7f5fb;font-size:15px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.ef-showcase-page .ef-branded-copy small{overflow:hidden;color:#928b9e;font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.ef-showcase-page .ef-branded-copy a{display:inline-flex;flex:0 0 auto;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;font-size:10px;font-weight:700;text-decoration:none;box-shadow:0 10px 24px rgba(109,40,217,.26);transition:transform .2s ease,box-shadow .2s ease}
.ef-showcase-page .ef-branded-copy a:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(109,40,217,.38)}.ef-showcase-page .ef-branded-copy a .material-symbols-outlined{font-size:15px}
.ef-showcase-page .ef-comparison-card--after .ef-comparison-list{margin:18px -20px 0;padding:24px 26px 28px;border-top:1px solid rgba(255,255,255,.07);border-radius:0 0 19px 19px;background:linear-gradient(150deg,rgba(20,19,28,.97),rgba(10,10,16,.98));gap:15px 22px}
.ef-showcase-page .ef-comparison-card--after .ef-comparison-list li{display:flex;align-items:center;color:#dcd7e3;font-size:13px;line-height:1.35}
.ef-showcase-page .ef-comparison-card--after .ef-comparison-list li span{flex:0 0 20px;width:20px;height:20px;margin-right:10px;color:#67e882;background:rgba(34,197,94,.14);box-shadow:inset 0 0 0 1px rgba(74,222,128,.2),0 0 14px rgba(34,197,94,.06)}
@media(max-width:1050px){.ef-showcase-page .ef-player-mock--embedflows .ef-branded-video{height:196px}.ef-showcase-page .ef-player-mock--embedflows .ef-brand-row img{width:124px}.ef-showcase-page .ef-comparison-card--after .ef-comparison-list{padding-left:20px;padding-right:20px}}
@media(max-width:520px){.ef-showcase-page .ef-comparison-card--after{padding:22px 10px 0}.ef-showcase-page .ef-player-mock--embedflows .ef-brand-row{height:52px;padding:0 11px}.ef-showcase-page .ef-player-mock--embedflows .ef-brand-row img{width:112px}.ef-showcase-page .ef-player-mock--embedflows .ef-branded-video{height:174px;margin:9px}.ef-showcase-page .ef-video-brand{top:10px;left:10px}.ef-showcase-page .ef-player-mock--embedflows .ef-neon-play{width:52px;height:52px}.ef-showcase-page .ef-player-mock--embedflows .ef-branded-copy{min-height:72px;padding:3px 11px 13px}.ef-showcase-page .ef-branded-copy small{max-width:150px}.ef-showcase-page .ef-branded-copy a{min-height:34px;padding:0 11px}.ef-showcase-page .ef-comparison-card--after .ef-comparison-list{margin-left:-10px;margin-right:-10px;padding:20px 15px 22px}}


/* Give the comparison section breathing room after the showcase gallery. */
.ef-showcase-page .ef-comparison-section{margin-top:112px}
@media(max-width:900px){.ef-showcase-page .ef-comparison-section{margin-top:84px}}
@media(max-width:520px){.ef-showcase-page .ef-comparison-section{margin-top:64px}}


/* Showcase reference comparison - isolated component */
.sc-compare{--sc-purple:#7c3aed;--sc-line:#292938;position:relative;width:min(1454px,calc(100% - 48px));margin:112px auto 34px;color:#f5f4f7;font-family:'Geist','Inter',sans-serif}
.sc-compare__heading{text-align:center;margin:0 auto 36px}
.sc-compare__heading h2{margin:0;font-size:clamp(40px,4.2vw,61px);font-weight:780;line-height:1.04;letter-spacing:-.045em;color:#f5f4f4}
.sc-compare__heading h2 span{color:#8b4cf6}
.sc-compare__heading p{margin:20px 0 0;color:#b9b7c0;font-size:clamp(16px,1.45vw,23px);line-height:1.5}
.sc-compare__grid{display:grid;grid-template-columns:minmax(0,1fr) 78px minmax(0,1.06fr);gap:20px;align-items:center}
.sc-panel{min-width:0;overflow:hidden;border:1px solid #2d2d39;border-radius:18px;background:linear-gradient(145deg,rgba(19,20,29,.98),rgba(10,11,18,.98));box-shadow:0 24px 70px rgba(0,0,0,.28)}
.sc-panel--after{border-color:#7446a9;background:radial-gradient(circle at 75% 8%,rgba(112,49,206,.18),transparent 34%),linear-gradient(145deg,#151224,#0b0b14 72%);box-shadow:0 0 58px rgba(92,36,190,.12)}
.sc-panel__header{display:flex;height:78px;align-items:center;justify-content:space-between;gap:18px;padding:0 28px;color:#bcbac3;font-size:20px}
.sc-panel__header strong{display:inline-flex;height:46px;align-items:center;gap:10px;padding:0 16px;border-radius:10px;background:linear-gradient(135deg,rgba(102,25,28,.62),rgba(55,17,23,.68));color:#fff;font-size:20px}
.sc-panel__header strong i{color:#ff383d;font-size:31px;font-style:normal;font-weight:300;line-height:1}
.sc-panel--after .sc-panel__header{justify-content:flex-start}
.sc-panel--after .sc-panel__header strong{background:linear-gradient(135deg,#8b3cff,#6124e9);box-shadow:0 9px 22px rgba(100,35,226,.3)}
.sc-panel--after .sc-panel__header strong i{color:#fff;font-size:26px}
.sc-player-name{display:flex;align-items:center;gap:12px;color:#e8e4ee;font-size:22px}
.sc-player-name img{width:auto;height:34px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(123,71,238,.35))}
.sc-youtube{position:relative;margin:0 34px;border:1px solid #252632;border-radius:14px;background:#050608;padding:26px 16px 16px}
.sc-youtube__meta{position:absolute;z-index:3;top:21px;right:24px;left:24px;display:grid;grid-template-columns:42px minmax(0,1fr) 58px 45px;grid-template-rows:22px 20px;column-gap:10px;color:#fff}
.sc-avatar{grid-row:1/3;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 68% 36%,#64a343 0 15%,transparent 16%),linear-gradient(145deg,#1b927d,#617b24)}
.sc-youtube__meta b{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.sc-youtube__meta small{grid-column:2;color:#d4d3d7;letter-spacing:.18em}
.sc-watch,.sc-share{grid-row:1/3;text-align:center;font-size:24px}.sc-watch{grid-column:3}.sc-share{grid-column:4}
.sc-youtube__meta em{color:#fff;font-size:10px;font-style:normal;white-space:nowrap}
.sc-youtube__art{position:relative;display:grid;height:275px;place-content:center;overflow:hidden;background:radial-gradient(circle at 35% 45%,#17191c,transparent 30%),linear-gradient(145deg,#08090b,#010102);text-align:center}
.sc-youtube__art:before,.sc-youtube__art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,255,255,.012) 43px)}
.sc-youtube__art b,.sc-youtube__art strong{position:relative;z-index:1;font-size:clamp(44px,4vw,68px);font-weight:900;font-style:normal;line-height:.82;letter-spacing:-.05em}
.sc-youtube__art b{background:linear-gradient(#fff,#9e9e9e);-webkit-background-clip:text;background-clip:text;color:transparent}
.sc-youtube__art strong{color:#14e5df}
.sc-youtube__art button,.sc-branded__stage>button{position:absolute;z-index:4;top:50%;left:50%;display:grid;width:58px;height:58px;padding:0;place-items:center;transform:translate(-50%,-50%);border:0;border-radius:8px;background:rgba(57,58,60,.88);color:#fff;font-size:25px;cursor:pointer}
.sc-youtube__controls,.sc-branded__controls{position:absolute;z-index:5;right:16px;bottom:16px;left:16px;display:flex;height:45px;align-items:flex-end;gap:14px;padding:0 9px 2px;color:#fff;font-size:13px}
.sc-youtube__controls:before,.sc-branded__controls:before{content:'';position:absolute;right:0;bottom:38px;left:0;height:4px;background:linear-gradient(90deg,#f20d39 31%,rgba(255,255,255,.42) 31%)}
.sc-control-spacer{flex:1}.sc-youtube__controls strong{font-size:15px}
.sc-youtube__related{display:flex;gap:12px;margin-top:0;padding:16px 0 0;background:#111219}
.sc-youtube__related i{display:block;width:66px;height:52px;border-radius:5px;background:#51545b}
.sc-youtube__related span{display:block;width:48%;height:14px;margin-top:2px;border-radius:2px;background:#55565c}.sc-youtube__related span:last-child{width:20%;margin-top:28px;margin-left:-50%}
.sc-branded{margin:0 28px;padding:16px;border:1px solid #60418c;border-radius:15px;background:rgba(11,10,19,.58)}
.sc-branded__stage{position:relative;height:360px;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#ffb912,#f3a400);box-shadow:inset 0 -60px 70px rgba(103,59,0,.13)}
.sc-branded__brand{position:absolute;z-index:3;top:18px;left:18px;display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:800}.sc-branded__brand i{width:10px;height:10px;border-radius:50%;background:#a55df5}
.sc-branded__art{position:absolute;top:50%;left:50%;width:82%;transform:translate(-50%,-44%) rotate(-5deg);color:#fff;text-align:center}
.sc-branded__art>span{display:inline-block;margin-left:33%;padding:4px 12px;background:#080809;font-size:36px;font-weight:900;font-style:italic;line-height:1}
.sc-branded__art>b{display:block;padding:7px 14px;background:#050506;font-size:clamp(42px,4vw,67px);font-style:italic;line-height:.96;letter-spacing:-.07em;white-space:nowrap}
.sc-branded__art>b span{display:inline-block;margin:-18px 0 -18px;padding:18px 5px;background:rgba(25,85,180,.92);color:#59a0ef}
.sc-branded__stage>button{width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,#9a55fa,#6529e9);box-shadow:0 15px 30px rgba(78,30,178,.36)}
.sc-branded__controls{right:14px;bottom:13px;left:14px;height:60px;align-items:flex-end;padding:0 12px 4px;border-radius:12px;background:linear-gradient(180deg,transparent,rgba(16,15,17,.88));font-size:14px}
.sc-branded__controls:before{bottom:45px;background:linear-gradient(90deg,#a433ff 46%,rgba(255,255,255,.31) 46%)}
.sc-features{display:grid;grid-template-columns:1fr 1fr;gap:19px 34px;margin:0;padding:34px 38px 38px;list-style:none}
.sc-features li{position:relative;padding-left:30px;color:#eeeaf2;font-size:16px;line-height:1.35}
.sc-features li:before{position:absolute;top:-1px;left:0;display:grid;width:21px;height:21px;place-items:center;border-radius:50%;font-size:23px;line-height:1}
.sc-features--bad li:before{content:'\00d7';color:#ff3b40}
.sc-features--good li:before{content:'\2713';border:1px solid #08b856;color:#14dc6c;font-size:14px}
.sc-versus{position:relative;z-index:5;display:grid;width:76px;height:76px;place-items:center;border:1px solid #8d3ee9;border-radius:50%;background:#090a12;color:#fff;font-size:20px;font-weight:800;box-shadow:0 0 0 7px #080910,0 0 27px rgba(119,53,222,.32)}
.sc-compare__cta{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:36px}
.sc-mini-logo{display:grid;width:52px;height:52px;place-items:center;border-radius:13px;background:linear-gradient(145deg,#8f49ef,#4c247e);box-shadow:0 8px 22px rgba(98,45,181,.3)}
.sc-mini-logo img{width:42px;height:42px;object-fit:contain}
.sc-compare__cta p{margin:0;color:#e6e3ea;font-size:20px;line-height:1.4}
.sc-compare__cta a{display:inline-flex;height:60px;align-items:center;gap:14px;padding:0 34px;border-radius:9px;background:linear-gradient(135deg,#8840f5,#651be9);color:#fff;font-size:18px;font-weight:750;text-decoration:none;box-shadow:0 12px 28px rgba(93,26,221,.28);transition:transform .2s ease,box-shadow .2s ease}
.sc-compare__cta a:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(93,26,221,.4)}
@media(max-width:1180px){.sc-compare{width:min(980px,calc(100% - 40px))}.sc-compare__grid{grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);gap:14px}.sc-panel__header{height:68px;padding:0 18px;font-size:16px}.sc-panel__header strong{height:40px;font-size:16px}.sc-player-name{font-size:18px}.sc-youtube{margin:0 18px}.sc-youtube__art{height:225px}.sc-branded{margin:0 18px;padding:12px}.sc-branded__stage{height:300px}.sc-features{gap:15px 16px;padding:27px 22px 30px}.sc-features li{font-size:13px}.sc-branded__art>span{font-size:27px}}
@media(max-width:820px){.sc-compare{margin-top:82px}.sc-compare__heading h2 br{display:none}.sc-compare__grid{grid-template-columns:1fr;gap:34px}.sc-panel{width:min(680px,100%);margin:auto}.sc-versus{margin:-4px auto}.sc-youtube__art{height:300px}.sc-branded__stage{height:365px}.sc-compare__cta{flex-wrap:wrap}.sc-compare__cta p{font-size:18px}}
@media(max-width:560px){.sc-compare{width:calc(100% - 28px);margin-top:62px}.sc-compare__heading{margin-bottom:26px}.sc-compare__heading h2{font-size:clamp(31px,9vw,42px)}.sc-compare__heading p{font-size:15px}.sc-panel{border-radius:14px}.sc-panel__header{height:auto;min-height:66px;padding:12px 13px;font-size:13px}.sc-panel__header strong{height:36px;padding:0 11px;font-size:13px}.sc-panel__header strong i{font-size:24px}.sc-player-name{gap:6px;font-size:14px}.sc-player-name img{width:auto;height:25px}.sc-youtube{margin:0 10px;padding:18px 8px 9px}.sc-youtube__meta{top:14px;right:13px;left:13px;grid-template-columns:32px minmax(0,1fr) 43px 34px}.sc-avatar{width:29px;height:29px}.sc-youtube__meta b{font-size:10px}.sc-youtube__meta small,.sc-youtube__meta em{font-size:7px}.sc-watch,.sc-share{font-size:17px}.sc-youtube__art{height:190px}.sc-youtube__art b,.sc-youtube__art strong{font-size:40px}.sc-youtube__controls,.sc-branded__controls{gap:7px;font-size:9px}.sc-youtube__controls strong{font-size:10px}.sc-youtube__related i{width:52px;height:40px}.sc-branded{margin:0 10px;padding:8px}.sc-branded__stage{height:225px}.sc-branded__art>span{font-size:20px}.sc-branded__art>b{font-size:35px}.sc-branded__stage>button{width:56px;height:56px}.sc-features{grid-template-columns:1fr;gap:13px;padding:23px 22px 27px}.sc-features li{font-size:13px}.sc-versus{width:62px;height:62px;font-size:16px}.sc-compare__cta{display:grid;grid-template-columns:46px 1fr;gap:12px 14px;margin-top:28px}.sc-mini-logo{width:46px;height:46px}.sc-compare__cta p{font-size:14px}.sc-compare__cta a{grid-column:1/3;width:100%;height:52px;justify-content:center;font-size:16px}}



/* Showcase compact responsive pass */
.ef-showcase-page .ef-container{width:min(1120px,100%);padding-left:24px;padding-right:24px}
.ef-showcase-page .ef-showcase-hero{max-width:900px;padding-top:120px;margin-bottom:48px}
.ef-showcase-page .ef-showcase-hero .display-lg{font-size:clamp(38px,4.3vw,56px);line-height:1.04}
.ef-showcase-page .ef-showcase-hero__actions{margin-top:27px}
.ef-showcase-page .ef-showcase-hero__actions a{min-height:46px;padding:10px 18px;font-size:14px}
.ef-showcase-page .ef-showcase-proof{margin-top:18px}
.ef-showcase-page .ef-showcase-gallery{max-width:1120px}
.ef-showcase-page .ef-showcase-section-heading{margin-bottom:32px}
.ef-showcase-page .ef-showcase-section-heading h2{font-size:clamp(30px,3.2vw,40px)}
.ef-showcase-page .ef-showcase-section-heading p{font-size:15px}
.ef-showcase-page .ef-showcase-grid{gap:18px}
.ef-showcase-page .ef-showcase-card__content{padding:12px 18px 20px}
.ef-showcase-page .ef-showcase-card__title{font-size:18px}
.ef-showcase-page .ef-showcase-card__desc{font-size:13px;line-height:1.55}
.ef-showcase-page .ef-cta-section{margin:64px auto}
.ef-showcase-page .ef-cta-card{padding:48px 32px}

.sc-compare{width:min(1120px,calc(100% - 48px));margin:78px auto 18px}
.sc-compare__heading{max-width:900px;margin-bottom:30px}
.sc-compare__heading h2{font-size:clamp(34px,3.55vw,48px);line-height:1.06}
.sc-compare__heading p{margin-top:15px;font-size:clamp(14px,1.3vw,18px)}
.sc-compare__grid{grid-template-columns:minmax(0,1fr) 60px minmax(0,1.04fr);gap:14px}
.sc-panel{border-radius:15px}
.sc-panel__header{height:62px;padding:0 18px;font-size:15px}
.sc-panel__header strong{height:38px;gap:7px;padding:0 12px;font-size:15px}
.sc-panel__header strong i{font-size:24px}
.sc-panel--after .sc-panel__header strong i{font-size:20px}
.sc-player-name{gap:8px;font-size:17px}
.sc-player-name img{width:auto;height:28px}
.sc-youtube{margin:0 18px;padding:21px 10px 11px}
.sc-youtube__meta{top:16px;right:16px;left:16px;grid-template-columns:34px minmax(0,1fr) 49px 38px;grid-template-rows:18px 17px;column-gap:7px}
.sc-avatar{width:31px;height:31px}
.sc-youtube__meta b{font-size:11px}.sc-youtube__meta small{font-size:8px}.sc-youtube__meta em{font-size:8px}.sc-watch,.sc-share{font-size:18px}
.sc-youtube__art{height:210px}
.sc-youtube__art b,.sc-youtube__art strong{font-size:clamp(38px,3.5vw,50px)}
.sc-youtube__art button{width:48px;height:48px;font-size:19px}
.sc-youtube__controls,.sc-branded__controls{gap:8px;font-size:10px}
.sc-youtube__controls strong{font-size:11px}
.sc-youtube__related{gap:9px;padding-top:11px}.sc-youtube__related i{width:55px;height:41px}.sc-youtube__related span{height:11px}.sc-youtube__related span:last-child{margin-top:23px}
.sc-branded{margin:0 16px;padding:10px}
.sc-branded__stage{height:265px}
.sc-branded__brand{top:13px;left:13px;font-size:10px}
.sc-branded__art>span{font-size:23px}
.sc-branded__art>b{font-size:clamp(35px,3.3vw,48px)}
.sc-branded__stage>button{width:56px;height:56px;font-size:20px}
.sc-branded__controls{right:10px;bottom:9px;left:10px;height:49px;font-size:10px}
.sc-branded__controls:before{bottom:36px}
.sc-features{gap:13px 16px;padding:23px 25px 27px}
.sc-features li{padding-left:25px;font-size:12px}.sc-features li:before{width:18px;height:18px;font-size:19px}.sc-features--good li:before{font-size:11px}
.sc-versus{width:58px;height:58px;font-size:15px;box-shadow:0 0 0 5px #080910,0 0 22px rgba(119,53,222,.28)}

@media(max-width:900px){
.ef-showcase-page .ef-container{padding-left:20px;padding-right:20px}
.ef-showcase-page .ef-showcase-hero{padding-top:104px;margin-bottom:42px}
.ef-showcase-page .ef-showcase-hero .display-lg{font-size:clamp(36px,6vw,48px)}
.sc-compare{width:min(680px,calc(100% - 40px));margin-top:64px}
.sc-compare__grid{grid-template-columns:1fr;gap:28px}
.sc-versus{margin:-1px auto}
.sc-youtube__art{height:245px}
.sc-branded__stage{height:300px}
.sc-features{font-size:13px}
}
@media(max-width:620px){
.ef-showcase-page .ef-container{padding-left:16px;padding-right:16px}
.ef-showcase-page .ef-showcase-hero{padding-top:92px;margin-bottom:36px}
.ef-showcase-page .ef-showcase-hero .display-lg{font-size:clamp(32px,9vw,42px)}
.ef-showcase-page .ef-showcase-hero__actions{gap:9px}
.ef-showcase-page .ef-showcase-hero__actions a{min-height:43px;padding:9px 13px;font-size:12px}
.ef-showcase-page .ef-showcase-grid{grid-template-columns:1fr}
.ef-showcase-page .ef-cta-card{padding:36px 18px}
.sc-compare{width:calc(100% - 28px);margin-top:52px}
.sc-compare__heading{margin-bottom:22px}
.sc-compare__heading h2{font-size:clamp(29px,8.5vw,38px)}
.sc-compare__heading p{font-size:14px}
.sc-panel__header{min-height:56px;padding:10px 11px;font-size:12px}
.sc-panel__header strong{height:33px;padding:0 9px;font-size:12px}
.sc-player-name{font-size:12px}
.sc-player-name img{width:auto;height:22px}
.sc-youtube{margin:0 8px;padding:16px 7px 8px}
.sc-youtube__art{height:175px}
.sc-youtube__art b,.sc-youtube__art strong{font-size:34px}
.sc-youtube__controls{font-size:8px}
.sc-branded{margin:0 8px;padding:7px}
.sc-branded__stage{height:205px}
.sc-branded__art>span{font-size:17px}
.sc-branded__art>b{font-size:31px}
.sc-branded__stage>button{width:48px;height:48px}
.sc-branded__controls{font-size:8px}
.sc-features{grid-template-columns:1fr;gap:11px;padding:19px 19px 22px}
.sc-features li{font-size:12px}
.sc-versus{width:52px;height:52px;font-size:13px}
}



/* YouTube mockup precision pass */
.sc-youtube{position:relative;overflow:hidden;margin:0 18px;padding:0;border:1px solid #20212a;border-radius:12px;background:#050607;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.sc-youtube__meta{position:absolute;z-index:6;top:14px;right:16px;left:16px;display:grid;grid-template-columns:34px minmax(0,1fr) 48px 38px;align-items:start;gap:8px;color:#fff}
.sc-avatar{width:32px;height:32px;border:0;border-radius:50%;background:radial-gradient(circle at 70% 30%,#a0c84f 0 9%,transparent 10%),radial-gradient(circle at 30% 70%,#2e8f81 0 24%,transparent 25%),linear-gradient(135deg,#213d73,#76a33b);box-shadow:inset 0 0 8px rgba(255,255,255,.24)}
.sc-youtube__title{display:grid;min-width:0;gap:1px;padding-top:1px}
.sc-youtube__title b{overflow:hidden;color:#fff;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.sc-youtube__title small{color:#d8d8dc;font-size:8px;letter-spacing:.19em}
.sc-youtube__action{display:grid;justify-items:center;gap:1px;color:#fff}
.sc-youtube__action .material-symbols-outlined{font-size:18px;font-variation-settings:'FILL' 1,'wght' 600}
.sc-youtube__action em{font-size:7px;font-style:normal;white-space:nowrap}
.sc-youtube__art{position:relative;display:grid;height:235px;padding-top:16px;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 48% 48%,#17191d 0,rgba(12,13,16,.96) 38%,#030405 76%);text-align:center}
.sc-youtube__art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent 20%,transparent 80%,rgba(255,255,255,.015)),linear-gradient(180deg,rgba(0,0,0,.18),transparent 35%,rgba(0,0,0,.2))}
.sc-youtube__word{position:relative;z-index:2;display:grid;margin-top:7px}
.sc-youtube__word b,.sc-youtube__word strong{font-size:clamp(39px,3.45vw,50px);font-weight:950;line-height:.84;letter-spacing:-.055em}
.sc-youtube__word b{background:linear-gradient(180deg,#f6f6f6 15%,#a8a8aa 78%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 22px rgba(0,0,0,.18)}
.sc-youtube__word strong{color:#08dfd9;text-shadow:0 5px 20px rgba(0,223,217,.13)}
.sc-youtube__art button{position:absolute;z-index:7;top:53%;left:50%;display:grid;width:49px;height:43px;padding:0;place-items:center;transform:translate(-50%,-50%);border:0;border-radius:7px;background:rgba(47,49,52,.9);color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.28)}
.sc-youtube__art button .material-symbols-outlined{margin-left:2px;font-size:28px;font-variation-settings:'FILL' 1}
.sc-youtube__chrome{position:absolute;z-index:8;right:13px;bottom:62px;left:13px;height:45px;color:#fff}
.sc-youtube__progress{position:absolute;top:0;right:0;left:0;height:3px;background:rgba(255,255,255,.46)}
.sc-youtube__progress i{position:absolute;inset:0 auto 0 0;width:31%;background:#ff0033}
.sc-youtube__progress b{position:absolute;top:50%;left:31%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;background:#ff0033}
.sc-youtube__controls{position:absolute;inset:8px 0 0;display:flex;height:auto;align-items:center;gap:9px;padding:0;color:#fff;font-size:9px}
.sc-youtube__controls:before{display:none}
.sc-youtube__controls .material-symbols-outlined{font-size:16px;font-variation-settings:'FILL' 1,'wght' 600}
.sc-youtube__controls strong{font-size:11px;letter-spacing:-.04em}
.sc-youtube__related{display:flex;height:62px;align-items:center;gap:11px;margin:0;padding:10px 11px;border-top:1px solid #181920;background:linear-gradient(135deg,#17181e,#101116)}
.sc-youtube__related>i{display:block;flex:0 0 52px;width:52px;height:42px;border-radius:4px;background:linear-gradient(145deg,#57595f,#44464b)}
.sc-youtube__skeleton{display:grid;width:100%;gap:7px}
.sc-youtube__skeleton b{display:block;height:9px;border-radius:2px;background:#55575d}
.sc-youtube__skeleton b:first-child{width:76%}
.sc-youtube__skeleton b:nth-child(2){width:46%}
.sc-youtube__skeleton b:last-child{width:18%;height:4px;margin-top:-1px;background:#292a2f}
@media(max-width:900px){
.sc-youtube__art{height:270px}
.sc-youtube__word b,.sc-youtube__word strong{font-size:58px}
}
@media(max-width:620px){
.sc-youtube{margin:0 8px}
.sc-youtube__meta{top:10px;right:10px;left:10px;grid-template-columns:29px minmax(0,1fr) 42px 34px;gap:5px}
.sc-avatar{width:27px;height:27px}
.sc-youtube__title b{font-size:9px}.sc-youtube__title small{font-size:6px}
.sc-youtube__action .material-symbols-outlined{font-size:15px}.sc-youtube__action em{font-size:6px}
.sc-youtube__art{height:185px}
.sc-youtube__word b,.sc-youtube__word strong{font-size:39px}
.sc-youtube__art button{width:43px;height:38px}
.sc-youtube__chrome{right:9px;bottom:54px;left:9px}
.sc-youtube__controls{gap:6px;font-size:7px}.sc-youtube__controls .material-symbols-outlined{font-size:13px}.sc-youtube__controls strong{font-size:8px}
.sc-youtube__related{height:54px;padding:8px}.sc-youtube__related>i{flex-basis:44px;width:44px;height:36px}.sc-youtube__skeleton{gap:5px}.sc-youtube__skeleton b{height:7px}
}



/* EmbedFlows yellow player precision pass */
.sc-branded{margin:0 16px;padding:10px;border:1px solid #67479a;border-radius:13px;background:rgba(11,9,19,.72);box-shadow:inset 0 0 24px rgba(80,38,139,.08)}
.sc-branded__stage{position:relative;height:265px;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 72% 17%,rgba(255,223,97,.25),transparent 26%),linear-gradient(155deg,#ffbc12,#f5a400 76%);box-shadow:inset 0 -60px 60px rgba(93,52,0,.12)}
.sc-branded__stage:after{content:'';position:absolute;z-index:1;right:0;bottom:0;left:0;height:72px;background:linear-gradient(180deg,transparent,rgba(73,45,5,.2));pointer-events:none}
.sc-branded__brand{position:absolute;z-index:7;top:13px;left:14px;display:flex;align-items:center;gap:6px;color:#fff;font-size:10px;font-weight:850;letter-spacing:.01em}
.sc-branded__brand i{width:7px;height:7px;border-radius:50%;background:#a45df7;box-shadow:0 0 8px rgba(156,84,246,.42)}
.sc-branded__art{position:absolute;z-index:3;top:49%;left:50%;width:88%;transform:translate(-50%,-45%) rotate(-5deg);color:#fff;text-align:center;filter:drop-shadow(0 11px 8px rgba(100,57,0,.25))}
.sc-branded__art>span{position:relative;z-index:2;display:inline-block;margin:0 0 -5px 31%;padding:3px 9px 4px;background:#060607;color:#f8f8f8;font-size:21px;font-weight:950;font-style:italic;line-height:.9;letter-spacing:-.04em;transform:skew(-3deg)}
.sc-branded__art>b{position:relative;z-index:1;display:block;padding:7px 10px 8px;background:#050506;color:#fff;font-size:clamp(35px,3.3vw,48px);font-weight:950;font-style:italic;line-height:.83;letter-spacing:-.075em;white-space:nowrap;transform:skew(-3deg)}
.sc-branded__art>b span{position:relative;z-index:2;display:inline-block;margin:-18px -2px;padding:19px 4px 20px;background:linear-gradient(145deg,rgba(15,75,169,.97),rgba(18,86,186,.94));color:#4e94e8;transform:skew(3deg);box-shadow:0 8px 18px rgba(8,40,100,.25)}
.sc-branded__stage>button{position:absolute;z-index:9;top:50%;left:50%;display:grid;width:58px;height:58px;padding:0;place-items:center;transform:translate(-50%,-48%);border:0;border-radius:50%;background:linear-gradient(145deg,#9b55fa,#6226e7);color:#fff;cursor:pointer;box-shadow:0 11px 24px rgba(75,28,176,.38),inset 0 1px rgba(255,255,255,.25)}
.sc-branded__stage>button .material-symbols-outlined{margin-left:2px;font-size:30px;font-variation-settings:'FILL' 1,'wght' 650}
.sc-branded__chrome{position:absolute;z-index:10;right:8px;bottom:8px;left:8px;height:48px;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,rgba(31,26,17,.55),rgba(18,18,20,.92));box-shadow:0 5px 16px rgba(0,0,0,.2)}
.sc-branded__progress{position:absolute;top:8px;right:10px;left:10px;height:3px;border-radius:99px;background:linear-gradient(90deg,rgba(255,255,255,.31) 0 68%,rgba(255,255,255,.16) 68%)}
.sc-branded__progress i{display:block;width:43%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#bb35ff,#8c38ec);box-shadow:0 0 7px rgba(176,54,247,.35)}
.sc-branded__controls{position:absolute;right:10px;bottom:5px;left:10px;display:flex;height:25px;align-items:center;gap:8px;padding:0;color:#fff;font-size:9px}
.sc-branded__controls:before{display:none}
.sc-branded__controls .material-symbols-outlined{font-size:15px;font-variation-settings:'FILL' 1,'wght' 600}
.sc-branded__controls .material-symbols-outlined:nth-last-child(-n+2){font-variation-settings:'FILL' 0,'wght' 600}
@media(max-width:900px){
.sc-branded__stage{height:300px}
.sc-branded__art>span{font-size:26px}
.sc-branded__art>b{font-size:55px}
.sc-branded__stage>button{width:64px;height:64px}
}
@media(max-width:620px){
.sc-branded{margin:0 8px;padding:7px}
.sc-branded__stage{height:205px}
.sc-branded__brand{top:9px;left:10px;font-size:8px}
.sc-branded__art>span{font-size:17px}
.sc-branded__art>b{font-size:32px}
.sc-branded__art>b span{margin:-12px -1px;padding:13px 3px 14px}
.sc-branded__stage>button{width:48px;height:48px}
.sc-branded__stage>button .material-symbols-outlined{font-size:25px}
.sc-branded__chrome{right:6px;bottom:6px;left:6px;height:42px}
.sc-branded__progress{top:7px;right:8px;left:8px}
.sc-branded__controls{right:8px;bottom:3px;left:8px;gap:5px;font-size:7px}
.sc-branded__controls .material-symbols-outlined{font-size:12px}
}

/* Public information pages */
.ef-info-page{min-height:100vh;background:var(--ef-surface-container-lowest)}
.ef-info{width:min(920px,calc(100% - 40px));margin:0 auto;padding:160px 0 96px}
.ef-info__hero{max-width:760px;margin:0 auto 42px;text-align:center}
.ef-info__eyebrow{display:inline-block;margin-bottom:16px;color:#b999ff;font:700 11px 'JetBrains Mono',monospace;letter-spacing:.15em;text-transform:uppercase}
.ef-info__hero h1{margin:0;color:#f7f4fb;font-size:clamp(42px,7vw,72px);font-weight:850;letter-spacing:-.05em;line-height:1}
.ef-info__hero p{max-width:680px;margin:22px auto 0;color:var(--ef-on-surface-variant);font-size:18px;line-height:1.65}
.ef-info__hero small{display:block;margin-top:14px;color:rgba(220,214,229,.48);font-size:13px}
.ef-info__card{padding:clamp(28px,5vw,58px);border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(145deg,rgba(28,25,38,.82),rgba(13,13,19,.94));box-shadow:inset 0 1px rgba(255,255,255,.035),0 26px 70px rgba(0,0,0,.24)}
.ef-info__card section+section{margin-top:34px;padding-top:34px;border-top:1px solid rgba(255,255,255,.07)}
.ef-info__card h2{margin:0 0 12px;color:#f2eef7;font-size:22px;line-height:1.25}
.ef-info__card p{margin:0;color:rgba(218,212,226,.72);font-size:15px;line-height:1.8}
.ef-info__contact{display:flex;align-items:center;gap:16px;margin-top:38px;padding:20px;border:1px solid rgba(167,139,250,.2);border-radius:14px;background:rgba(139,92,246,.08)}
.ef-info__contact>.material-symbols-outlined{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border-radius:12px;background:linear-gradient(145deg,#8b5cf6,#6d28d9);color:#fff}
.ef-info__contact div{display:flex;min-width:0;flex-direction:column;gap:3px}.ef-info__contact small{color:rgba(218,212,226,.55);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.ef-info__contact a{overflow-wrap:anywhere;color:#d5c2ff;font-size:18px;font-weight:700;text-decoration:none}.ef-info__contact a:hover{color:#fff}
@media(max-width:640px){.ef-info{width:calc(100% - 28px);padding:125px 0 64px}.ef-info__hero{margin-bottom:28px}.ef-info__hero p{font-size:15px}.ef-info__card{padding:24px 20px;border-radius:16px}.ef-info__card section+section{margin-top:26px;padding-top:26px}.ef-info__card h2{font-size:19px}.ef-info__card p{font-size:14px}.ef-info__contact{padding:15px}.ef-info__contact a{font-size:15px}}

/* Pricing comparison — premium reference-matched redesign */
.ef-comparison .display-sm{text-align:center;margin-bottom:48px}.ef-comparison .ef-comparison-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);max-width:1380px;margin:auto;overflow:visible;border:0;border-radius:0;background:transparent;gap:16px}.ef-comparison .ef-comparison-col{position:relative;display:flex;min-width:0;flex-direction:column;padding:34px 32px 14px;overflow:hidden;border:1px solid rgba(145,153,181,.24);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(53,61,82,.13),transparent 45%),linear-gradient(145deg,#11141d,#090c13 82%);box-shadow:0 26px 70px rgba(0,0,0,.28)}.ef-comparison .ef-comparison-col--lifetime{border-color:rgba(117,89,255,.78);background:radial-gradient(circle at 28% 5%,rgba(119,53,201,.42),transparent 42%),radial-gradient(circle at 100% 50%,rgba(28,72,229,.48),transparent 55%),linear-gradient(145deg,#22133e,#111441 75%);box-shadow:0 25px 90px rgba(22,35,155,.28),inset 0 1px rgba(255,255,255,.12)}
.ef-comparison .ef-comparison-header{display:flex;min-height:132px;align-items:flex-start;gap:22px;padding:16px 10px 32px;border-bottom:1px solid rgba(255,255,255,.1)}.ef-comparison .ef-comparison-header__icon{display:grid;flex:0 0 82px;width:82px;height:82px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.05);color:#bec1cd;font-size:36px}.ef-comparison .ef-comparison-col--lifetime .ef-comparison-header__icon{background:linear-gradient(145deg,#7650eb,#33208d);color:#fff}.ef-comparison .ef-comparison-header .headline-lg{margin:7px 0 4px;color:#f7f6fa;font-size:clamp(30px,3vw,42px);line-height:1.08}.ef-comparison .ef-comparison-header p{margin:0;color:#aaa8b5;font-size:18px}.ef-comparison .ef-comparison-badge{display:inline-flex;align-items:center;gap:7px;margin:8px 0 0 auto;padding:11px 18px;border-radius:999px;background:linear-gradient(135deg,#4d4ae9,#426cf0);color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;white-space:nowrap}.ef-comparison .ef-comparison-badge .material-symbols-outlined{font-size:17px}
.ef-comparison .ef-comparison-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1;gap:0;margin:0;padding:36px 0 22px;border:0}.ef-comparison .ef-comparison-item{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:8px;padding:0 20px 0 10px;color:#f6f4f8}.ef-comparison .ef-comparison-item+li{border-left:1px solid rgba(255,255,255,.1);padding-left:36px}.ef-comparison .ef-comparison-status{display:grid;width:34px;height:34px;place-items:center;margin:0;border:3px solid currentColor;border-radius:50%;font-size:22px;font-weight:800}.ef-comparison .ef-comparison-item--negative .ef-comparison-status{color:#ff5c59}.ef-comparison .ef-comparison-item--positive .ef-comparison-status{border:0;background:linear-gradient(145deg,#6f57ff,#b843f4);color:#fff}.ef-comparison .ef-comparison-item .headline-md{min-height:74px;margin:4px 0 10px;color:#f3f1f5;font-size:24px;line-height:1.3}.ef-comparison .ef-comparison-item .body-md{min-height:92px;color:#b8b5c1;font-size:17px;line-height:1.55;opacity:1}
.ef-comparison .ef-comparison-detail{display:flex;min-height:165px;align-items:flex-start;gap:10px;margin-top:22px;padding:20px 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025);color:#bbb8c4}.ef-comparison .ef-comparison-detail>span{color:#ff5c59;font-size:25px}.ef-comparison .ef-comparison-detail>p{margin:0;font-size:16px;line-height:1.65}.ef-comparison .ef-comparison-detail strong{color:#ff5c59}.ef-comparison .ef-comparison-detail--list{display:grid;align-content:center;gap:10px;background:linear-gradient(135deg,rgba(72,30,153,.5),rgba(44,51,154,.38));color:#f0ecf8}.ef-comparison .ef-comparison-detail--list p{display:flex;align-items:center;gap:12px;margin:0;font-size:15px}.ef-comparison .ef-comparison-detail--list .material-symbols-outlined{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:linear-gradient(145deg,#7048dc,#4a35bb);color:#fff;font-size:20px}.ef-comparison .ef-comparison-summary{display:flex;min-height:66px;align-items:center;justify-content:center;gap:13px;padding:12px 18px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.025);color:#9e9daa}.ef-comparison .ef-comparison-summary .material-symbols-outlined{font-size:30px}.ef-comparison .ef-comparison-summary p{margin:0;font-size:15px}.ef-comparison .ef-comparison-summary small{color:#c4bfd2}.ef-comparison .ef-comparison-col--lifetime .ef-comparison-summary{color:#8e54ff;background:rgba(69,48,175,.18)}.ef-comparison .ef-comparison-col--lifetime .ef-comparison-summary strong{color:#eeeafd}
@media(max-width:1050px){.ef-comparison .ef-comparison-grid{grid-template-columns:1fr}.ef-comparison .ef-comparison-col{max-width:760px;width:100%;margin:auto}}@media(max-width:650px){.ef-comparison .display-sm{margin-bottom:30px}.ef-comparison .ef-comparison-col{padding:22px 16px 12px;border-radius:19px}.ef-comparison .ef-comparison-header{min-height:0;gap:14px;padding:8px 2px 22px}.ef-comparison .ef-comparison-header__icon{flex-basis:56px;width:56px;height:56px;font-size:27px}.ef-comparison .ef-comparison-header .headline-lg{margin-top:2px;font-size:27px}.ef-comparison .ef-comparison-header p{font-size:14px}.ef-comparison .ef-comparison-badge{position:absolute;top:16px;right:13px;padding:7px 10px;font-size:10px}.ef-comparison .ef-comparison-col--lifetime .ef-comparison-header>div{padding-right:80px}.ef-comparison .ef-comparison-list{grid-template-columns:1fr;padding:24px 0 15px}.ef-comparison .ef-comparison-item{padding:0 4px 24px}.ef-comparison .ef-comparison-item+li{padding:24px 4px 0;border-top:1px solid rgba(255,255,255,.1);border-left:0}.ef-comparison .ef-comparison-item .headline-md,.ef-comparison .ef-comparison-item .body-md{min-height:0}.ef-comparison .ef-comparison-detail{min-height:0;margin-top:16px}}

/* Pricing comparison readability pass */
.ef-comparison{max-width:1440px}.ef-comparison .ef-comparison-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.ef-comparison .ef-comparison-col{padding:36px 34px 18px}.ef-comparison .ef-comparison-list{column-gap:0}.ef-comparison .ef-comparison-item{grid-template-columns:42px minmax(0,1fr);gap:12px;padding-right:26px}.ef-comparison .ef-comparison-item+li{padding-left:30px}.ef-comparison .ef-comparison-item .headline-md{font-size:clamp(22px,1.7vw,27px);font-weight:700}.ef-comparison .ef-comparison-item .body-md{font-size:18px}.ef-comparison .ef-comparison-detail{padding:18px;font-size:16px}.ef-comparison .ef-comparison-detail>p{font-size:16px}.ef-comparison .ef-comparison-detail--list p{font-size:16px}.ef-comparison .ef-comparison-summary{margin-top:4px;padding:16px 20px}.ef-comparison .ef-comparison-summary p{font-size:16px;line-height:1.5}
@media(max-width:1200px){.ef-comparison .ef-comparison-grid{grid-template-columns:1fr;gap:28px}.ef-comparison .ef-comparison-col{max-width:900px;width:100%;margin:0 auto}.ef-comparison .ef-comparison-header{min-height:120px}.ef-comparison .ef-comparison-item .headline-md{font-size:27px}.ef-comparison .ef-comparison-item .body-md{font-size:18px}.ef-comparison .ef-comparison-detail{min-height:145px}.ef-comparison .ef-comparison-detail>p,.ef-comparison .ef-comparison-detail--list p{font-size:17px}}
@media(max-width:720px){.ef-comparison .ef-comparison-col{padding:22px 18px 14px}.ef-comparison .ef-comparison-header{min-height:0}.ef-comparison .ef-comparison-list{grid-template-columns:1fr}.ef-comparison .ef-comparison-item,.ef-comparison .ef-comparison-item+li{grid-template-columns:40px minmax(0,1fr);padding:24px 2px;border-left:0}.ef-comparison .ef-comparison-item+li{border-top:1px solid rgba(255,255,255,.1)}.ef-comparison .ef-comparison-item .headline-md{font-size:23px}.ef-comparison .ef-comparison-item .body-md{font-size:16px}.ef-comparison .ef-comparison-detail{min-height:0}.ef-comparison .ef-comparison-detail>p,.ef-comparison .ef-comparison-detail--list p{font-size:16px}.ef-comparison .ef-comparison-summary p{font-size:14px}}

/* Monthly comparison detail-card alignment */
.ef-comparison .ef-comparison-col--monthly .ef-comparison-detail{display:grid;grid-template-columns:28px minmax(0,1fr);width:calc(100% + 50px);min-height:150px;margin-left:-50px;padding:20px;align-content:start;align-items:start;column-gap:12px}.ef-comparison .ef-comparison-col--monthly .ef-comparison-detail>span{margin-top:2px}.ef-comparison .ef-comparison-col--monthly .ef-comparison-detail>p{font-size:15px;line-height:1.6;text-align:left;overflow-wrap:normal;word-break:normal}
@media(max-width:720px){.ef-comparison .ef-comparison-col--monthly .ef-comparison-detail{width:100%;min-height:0;margin-left:0}}

/* Pricing comparison compact, readable sizing */
.ef-comparison{max-width:1200px}.ef-comparison .ef-comparison-grid{gap:18px}.ef-comparison .ef-comparison-col{padding:28px 26px 14px;border-radius:20px}.ef-comparison .ef-comparison-header{min-height:108px;gap:16px;padding:10px 8px 24px}.ef-comparison .ef-comparison-header__icon{flex-basis:66px;width:66px;height:66px;font-size:30px}.ef-comparison .ef-comparison-header .headline-lg{font-size:clamp(27px,2.5vw,35px)}.ef-comparison .ef-comparison-header p{font-size:15px}.ef-comparison .ef-comparison-badge{padding:9px 14px;font-size:12px}.ef-comparison .ef-comparison-list{padding:28px 0 18px}.ef-comparison .ef-comparison-item{grid-template-columns:34px minmax(0,1fr);gap:9px;padding-right:18px}.ef-comparison .ef-comparison-item+li{padding-left:24px}.ef-comparison .ef-comparison-status{width:29px;height:29px;border-width:2px;font-size:19px}.ef-comparison .ef-comparison-item .headline-md{min-height:60px;font-size:21px}.ef-comparison .ef-comparison-item .body-md{min-height:72px;font-size:15px;line-height:1.5}.ef-comparison .ef-comparison-detail,.ef-comparison .ef-comparison-col--monthly .ef-comparison-detail{min-height:125px;margin-top:16px;padding:16px}.ef-comparison .ef-comparison-detail>p,.ef-comparison .ef-comparison-col--monthly .ef-comparison-detail>p,.ef-comparison .ef-comparison-detail--list p{font-size:14px;line-height:1.5}.ef-comparison .ef-comparison-detail--list{gap:7px}.ef-comparison .ef-comparison-detail--list .material-symbols-outlined{width:31px;height:31px;font-size:17px}.ef-comparison .ef-comparison-summary{min-height:58px;padding:10px 14px}.ef-comparison .ef-comparison-summary .material-symbols-outlined{font-size:25px}.ef-comparison .ef-comparison-summary p{font-size:13px}.ef-comparison .ef-comparison-summary small{font-size:11px}
@media(max-width:650px){.ef-comparison .ef-comparison-col{padding:18px 14px 12px}.ef-comparison .ef-comparison-header{min-height:0}.ef-comparison .ef-comparison-list{padding-top:16px}.ef-comparison .ef-comparison-item .headline-md,.ef-comparison .ef-comparison-item .body-md{min-height:0}.ef-comparison .ef-comparison-detail,.ef-comparison .ef-comparison-col--monthly .ef-comparison-detail{min-height:0}}

/* Lifetime benefit panels — clean premium redesign */
.ef-comparison .ef-comparison-col--lifetime .ef-comparison-detail--list{display:grid;grid-template-columns:1fr;width:calc(100% + 43px);min-height:0;margin-left:-43px;padding:8px 12px;gap:0;border:1px solid rgba(181,158,255,.2);border-radius:13px;background:linear-gradient(145deg,rgba(111,57,211,.34),rgba(48,50,157,.28));box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 28px rgba(11,10,58,.12)}.ef-comparison .ef-comparison-col--lifetime .ef-comparison-detail--list p{display:grid;grid-template-columns:34px minmax(0,1fr);min-height:46px;align-items:center;gap:11px;margin:0;padding:5px 2px;color:#f2effc;font-size:14px;font-weight:540;line-height:1.25;white-space:nowrap}.ef-comparison .ef-comparison-col--lifetime .ef-comparison-detail--list p+p{border-top:1px solid rgba(255,255,255,.09)}.ef-comparison .ef-comparison-col--lifetime .ef-comparison-detail--list .material-symbols-outlined{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:linear-gradient(145deg,#7650e5,#4e36bd);color:#fff;font-size:17px;box-shadow:0 6px 15px rgba(32,17,108,.25)}
@media(max-width:720px){.ef-comparison .ef-comparison-col--lifetime .ef-comparison-detail--list{width:100%;margin-left:0}.ef-comparison .ef-comparison-col--lifetime .ef-comparison-detail--list p{font-size:14px}}
@media(max-width:380px){.ef-comparison .ef-comparison-col--lifetime .ef-comparison-detail--list p{white-space:normal}}

/* Features hero: text-only layout after removing the builder preview. */
.ef-features-page .ef-features-new-hero__grid {
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
}
.ef-features-page .ef-features-new-hero__copy {
    min-height: auto;
    align-items: center;
    text-align: center;
}
.ef-features-page .ef-features-new-hero h1,
.ef-features-page .ef-features-new-hero__copy > p {
    margin-right: auto;
    margin-left: auto;
}
.ef-features-page .ef-features-hero-actions {
    justify-content: center;
}




/* hadxi li lte7t nta li zedtih 3la 9bel responsivite


/* Reliable phone layout — avoid CSS zoom */
@media (max-width: 420px) {
    .ef-features-page,
    .ef-features-page main,
    .ef-features-page section {
        max-width: 100%;
    }

    .ef-features-page .ef-features-new-hero__grid {
        min-width: 0;
        overflow: hidden;
    }

    /* Make builder genuinely responsive */
    .ef-features-page .ef-builder-preview {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
        zoom: 1;
    }

    .ef-features-page .ef-builder-preview__body {
        grid-template-columns: minmax(0, 1fr);
        height: auto;
    }

    .ef-features-page .ef-builder-preview__stage {
        min-width: 0;
    }

    .ef-features-page .ef-builder-preview__panel {
        display: none;
    }

    /* Prevent header overflow */
    .ef-features-page .ef-nav__inner {
        gap: 8px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .ef-features-page .ef-nav__logo {
        width: 108px;
        max-width: 108px;
        margin-left: 0;
    }

    .ef-features-page .ef-features-nav-actions .ef-nav__cta {
        display: none;
    }

    /* Properly scale footer */
    .ef-footer {
        padding: 52px 0;
    }

    .ef-footer__inner {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }

    .ef-footer__brand {
        max-width: 100%;
        font-size: clamp(30px, 10vw, 38px);
        overflow-wrap: anywhere;
    }

    .ef-footer__copy {
        font-size: 12px;
    }

    .ef-footer__links {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 20px;
    }

    .ef-footer__link {
        font-size: 14px;
    }
}
/* Full-width, stationary landing header (no decorative page frame). */
.ef-pricing-page {
    --ef-container-max: 1280px;
}

.ef-features-page {
    padding: 0;
}

.ef-features-page::before {
    content: none;
}

.ef-features-page .ef-nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    border-radius: 0;
}

/* Features-only mobile containment: mirror Showcase's fluid phone layout. */
@media (max-width: 640px) {
    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page),
    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) main {
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-container,
    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) main > section {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding-right: 16px;
        padding-left: 16px;
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-new-hero {
        padding-top: 98px;
        padding-right: 0;
        padding-left: 0;
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-new-hero__grid,
    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-new-hero__copy {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: visible;
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-new-hero h1 {
        width: 100%;
        max-width: 360px;
        font-size: clamp(30px, 9vw, 40px);
        line-height: 1.04;
        overflow-wrap: anywhere;
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-new-hero__copy > p {
        width: 100%;
        max-width: 350px;
        font-size: 14px;
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-hero-actions {
        width: 100%;
        max-width: 350px;
        flex-direction: column;
        gap: 10px;
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-primary-cta,
    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-text-link {
        width: 100%;
        justify-content: center;
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-value-grid,
    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-workflow-grid,
    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-benefit-grid,
    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-trustbar__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-workflow-grid article,
    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-benefit-card,
    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-value-card,
    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-final-cta__card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-workflow-connector {
        display: none;
    }
}
/* Features hero split layout: editorial copy + complete product visual. */
.ef-features-page .ef-features-new-hero {
    padding-top: 112px;
}

.ef-features-page .ef-features-new-hero__grid {
    width: min(100%, 1210px);
    max-width: 1210px;
    grid-template-columns: minmax(360px, 1fr) minmax(460px, 610px);
    align-items: center;
    justify-content: stretch;
    gap: clamp(34px, 4.6vw, 74px);
}

.ef-features-page .ef-features-new-hero__copy {
    min-height: auto;
    align-items: flex-start;
    justify-content: center;
    padding: 30px 0;
    text-align: left;
}

.ef-features-page .ef-features-new-hero h1,
.ef-features-page .ef-features-new-hero__copy > p {
    margin-right: 0;
    margin-left: 0;
}

.ef-features-page .ef-features-new-hero h1 {
    max-width: 590px;
    font-size: clamp(45px, 4.15vw, 64px);
    line-height: 1.035;
    text-wrap: balance;
}

.ef-features-page .ef-features-new-hero__copy > p {
    max-width: 550px;
}

.ef-features-page .ef-features-hero-actions {
    justify-content: flex-start;
}

.ef-features-new-hero__visual {
    position: relative;
    isolation: isolate;
    width: min(100%, 610px);
    min-width: 0;
    margin: 0;
    justify-self: end;
}

.ef-features-new-hero__visual::before {
    content: '';
    position: absolute;
    z-index: -2;
    inset: 8% 5% 3%;
    border-radius: 38%;
    background: radial-gradient(circle at 52% 58%, rgba(202, 95, 255, .32), rgba(96, 71, 255, .18) 42%, transparent 72%);
    filter: blur(34px);
    transform: scale(1.08);
    pointer-events: none;
}

.ef-features-new-hero__visual-glow {
    position: absolute;
    z-index: -1;
    right: 10%;
    bottom: 4%;
    left: 10%;
    height: 26%;
    border-radius: 50%;
    background: rgba(161, 85, 255, .3);
    filter: blur(45px);
    pointer-events: none;
}

.ef-features-new-hero__visual img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid rgba(208, 188, 255, .12);
    border-radius: 24px;
    box-shadow: 0 34px 90px rgba(0, 0, 0, .46), 0 0 56px rgba(119, 76, 255, .12);
}

@media (max-width: 1080px) {
    .ef-features-page .ef-features-new-hero__grid {
        width: min(100%, 820px);
        grid-template-columns: minmax(0, 1fr);
        gap: 42px;
    }

    .ef-features-page .ef-features-new-hero__copy {
        width: 100%;
        max-width: 760px;
        margin: 0;
        padding-bottom: 0;
        text-align: left;
    }

    .ef-features-page .ef-features-new-hero h1,
    .ef-features-page .ef-features-new-hero__copy > p {
        margin-right: 0;
        margin-left: 0;
    }

    .ef-features-page .ef-features-hero-actions,
    .ef-features-page .ef-features-proof {
        justify-content: flex-start;
    }

    .ef-features-new-hero__visual {
        width: min(88%, 600px);
        margin: 0 auto;
        justify-self: center;
    }
}

@media (max-width: 640px) {
    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-new-hero {
        padding-top: 98px;
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-new-hero__grid {
        gap: 30px;
        overflow: visible;
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-new-hero__copy {
        align-items: flex-start;
        padding-top: 12px;
        text-align: left;
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-new-hero h1 {
        max-width: 410px;
        margin-right: 0;
        margin-left: 0;
        font-size: clamp(32px, 10.3vw, 44px);
        line-height: 1.02;
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-new-hero__copy > p {
        max-width: 430px;
        margin-right: 0;
        margin-left: 0;
        font-size: 14px;
        line-height: 1.65;
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-hero-actions {
        max-width: 430px;
        align-items: stretch;
        justify-content: flex-start;
    }

    .ef-features-new-hero__visual {
        width: min(92%, 480px);
    }

    .ef-features-new-hero__visual img {
        border-radius: 15px;
        box-shadow: 0 22px 54px rgba(0, 0, 0, .42), 0 0 34px rgba(119, 76, 255, .1);
    }
}

@media (max-width: 390px) {
    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-new-hero h1 {
        font-size: clamp(30px, 9.7vw, 38px);
    }

    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .ef-features-hero-actions {
        gap: 8px;
    }
}
/* Keep the comparison visually connected to the feature hero. */
.ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .sc-compare {
    margin-top: 22px;
}

@media (max-width: 640px) {
    .ef-features-page:not(.ef-showcase-page):not(.ef-pricing-page) .sc-compare {
        margin-top: 16px;
    }
}

/* --- Features page performance --- */
.ef-features-page .ef-features-new-hero {
    min-height: 100svh;
}

.ef-js:not(.ef-full-styles-ready) .ef-deferred-render {
    content-visibility: hidden;
    contain-intrinsic-size: 800px;
}

.ef-video-facade__frame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.sc-youtube.is-iframe-loaded {
    aspect-ratio: 16 / 9;
    padding: 0;
    overflow: hidden;
}

.sc-branded__stage.is-iframe-loaded {
    overflow: hidden;
}

.ef-trusted-marquee__track {
    animation: ef-trusted-marquee-scroll 42s linear infinite;
}

@keyframes ef-trusted-marquee-scroll {
    to { transform: translate3d(-50%, 0, 0); }
}

.ef-features-page .ef-workflow-connector,
.ef-features-page .ef-workflow-connector__flow,
.ef-features-page .ef-workflow-connector__head {
    animation: none;
}

@supports (content-visibility: auto) {
    .ef-features-page .sc-compare,
    .ef-features-page .ef-features-final-cta,
    .ef-features-page .ef-features-trustbar,
    .ef-features-page .ef-trusted-strip,
    .ef-features-page .ef-features-workflow,
    .ef-features-page .ef-features-benefits,
    .ef-features-page .ef-all-features,
    .ef-features-page .ef-footer {
        content-visibility: auto;
        contain-intrinsic-size: auto 800px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ef-trusted-marquee__track {
        animation: none;
        transform: none;
    }
}