/* Fern & Echo — Light Theme */
:root {
    --surface-bg:     #ffffff;
    --surface-card:   #f2f7f1;
    --border-default: #d4e0d2;
    --text-primary:   #0f1a0e;
    --text-muted:     #4a6645;
    --brand:          #2d5a27;
    --brand-hover:    #3d7a35;
    --color-success:  #2d5a27;
    --color-danger:   #c0392b;
    --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    --font-sans: 'Instrument Sans', system-ui, sans-serif;
}

/*color-scheme: light only;*/

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html, body {
    min-height:100vh; background:var(--surface-bg); color:var(--text-primary);
    font-family:var(--font-sans); -webkit-font-smoothing:antialiased;
}

/* ── Public footer ───────────────────────────────────────── */
.nav {
    position:sticky; top:0; z-index:10;
    background:rgba(255,255,255,0.92); backdrop-filter:blur(12px);
    border-bottom:1px solid var(--border-default);
    padding:0.75rem 2rem; display:flex; align-items:center;
    justify-content:space-between;
}
.nav-brand { font-family:var(--font-mono); font-weight:700; font-size:1rem; color:var(--text-primary); text-decoration:none; display:flex; align-items:center; gap:0.5rem; }
.nav-brand svg { color:var(--brand); }
.nav-link { font-size:0.85rem; color:var(--text-muted); text-decoration:none; transition:color 0.15s; }
.nav-link:hover { color:var(--text-primary); }
.page { max-width:720px; margin:0 auto; padding:3rem 1.5rem 5rem; }
.page-label { font-size:0.72rem; font-family:var(--font-mono); text-transform:uppercase; letter-spacing:0.08em; color:var(--brand); margin-bottom:0.75rem; }
.page-title { font-size:2.25rem; font-weight:700; color:var(--text-primary); letter-spacing:-0.02em; margin-bottom:0.5rem; line-height:1.2; }
.page-meta { font-size:0.85rem; color:var(--text-muted); margin-bottom:2.5rem; font-family:var(--font-mono); }
.callout {
    border-left:3px solid var(--brand); background:rgba(45,90,39,0.06);
    border-radius:0 6px 6px 0; padding:1rem 1.25rem;
    font-size:0.875rem; line-height:1.7; color:var(--text-muted); margin-bottom:2rem;
}
.callout strong { color:var(--text-primary); }
.section { margin-bottom:2rem; }
.section-title {
    font-size:1rem; font-weight:600; color:var(--text-primary);
    margin-bottom:0.75rem; padding-bottom:0.4rem;
    border-bottom:1px solid var(--border-default);
}
.section-num { color:var(--brand); font-family:var(--font-mono); margin-right:0.5rem; }
p { font-size:0.9rem; color:var(--text-muted); line-height:1.8; margin-bottom:0.75rem; }
ul { padding-left:1.25rem; margin-bottom:0.75rem; }
li { font-size:0.9rem; color:var(--text-muted); line-height:1.8; margin-bottom:0.25rem; }
a { color:var(--brand); text-decoration:none; }
a:hover { text-decoration:underline; }
.warning-box {
    background:rgba(192,57,43,0.06); border:1px solid rgba(192,57,43,0.2);
    border-radius:6px; padding:1rem 1.25rem; margin-bottom:2rem;
    font-size:0.875rem; color:#c0392b; line-height:1.7;
}
.warning-box strong { color:#c0392b; }

/* ── Public pages ───────────────────────────────────────── */
nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 2rem;
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-default);
    position: sticky;
    top: 0;
    z-index: 10;
}

.nav-brand {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    text-decoration: none;
}
.nav-brand img {
    height: 40px;
    width: auto;
    display: block;
}

.btn-ghost {
    padding: 0.4rem 1rem;
    border-radius: 6px;
    border: 1px solid var(--border-default);
    color: var(--text-primary);
    font-size: 0.85rem;
    text-decoration: none;
    transition: border-color 0.15s;
}

.btn-ghost:hover { border-color: var(--brand); color: var(--brand); }

.btn-primary {
    padding: 0.4rem 1rem;
    border-radius: 6px;
    background: var(--brand);
    color: #fff;
    font-size: 0.85rem;
    text-decoration: none;
    margin-left: 0.5rem;
    transition: opacity 0.15s;
}

.btn-primary:hover { opacity: 0.85; }

.content {
    flex: 1;
    max-width: 960px;
    margin: 0 auto;
    padding: 3rem 2rem 4rem;
    width: 100%;
}

.intro {
    font-size: 1rem;
    color: var(--text-muted);
    line-height: 1.7;
    margin-bottom: 2.5rem;
    padding: 1.25rem 1.5rem;
    background: var(--surface-card);
    border: 1px solid var(--border-default);
    border-left: 3px solid var(--brand);
    border-radius: 6px;
}

h1 { font-size: 2rem; font-weight: 600; color: var(--text-primary); margin-bottom: 0.5rem; line-height: 1.2; }
h2 { font-size: 1rem; font-weight: 600; color: var(--text-primary); margin-bottom: 0.75rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--border-default); }

.highlight { color: var(--brand); font-weight: 500; }
.effective { font-size: 0.82rem; color: var(--text-muted); margin-bottom: 2.5rem; font-family: var(--font-mono); }

.footer-note {
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-default);
    font-size: 0.78rem;
    color: var(--text-muted);
    font-family: var(--font-mono);
    line-height: 1.7;
}

footer {
    padding: 1.5rem 2rem;
    border-top: 1px solid var(--border-default);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.footer-copy { font-size: 0.78rem; color: var(--text-muted); }
.footer-links { display: flex; gap: 1.25rem; align-items: center; }
.footer-link { font-size: 0.78rem; color: var(--text-muted); text-decoration: none; transition: color 0.15s; }
.footer-link:hover { color: var(--brand); }
.footer-mono { font-size: 0.72rem; color: var(--text-muted); font-family: var(--font-mono); }

@media (max-width: 640px) {
    h1 { font-size: 1.5rem; }
    .content { padding: 2rem 1.25rem 3rem; }
    nav { padding: 0.75rem 1rem; }
    .nav-brand img { height: 32px; width: auto; }
    .btn-ghost { padding: 0.35rem 0.6rem; font-size: 0.78rem; }
    .btn-primary { padding: 0.35rem 0.6rem; font-size: 0.78rem; margin-left: 0.25rem; }

    /* Proof bar — 2x2 grid on mobile */
    .welcome-proof-inner {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem;
        padding: 1.25rem;
        justify-items: center;
        flex-direction: unset;
        align-items: unset;
        flex-wrap: unset;
    }
    .welcome-proof-divider { display: none !important; }
    .welcome-proof-item {
        white-space: normal !important;
        text-align: center;
        align-items: center;
        flex-shrink: unset;
    }
    .welcome-proof-value { font-size: 0.9rem; }
    .welcome-proof-label { font-size: 0.62rem; }

    /* Proof alert */
    .welcome-proof-alert { padding: 1rem; }

    /* Problem section */
    .welcome-problem-inner { padding: 3rem 1.25rem; gap: 2rem; }

    /* How it works */
    .welcome-how-inner { padding: 3rem 1.25rem; }
    .welcome-step { padding: 1.25rem; }
    .welcome-step-num { font-size: 1.75rem; }

    /* Features */
    .welcome-features-inner { padding: 3rem 1.25rem; }
    .welcome-feature-card { padding: 1.25rem; }

    /* About */
    .welcome-about-inner { padding: 3rem 1.25rem; gap: 2rem; }

    /* Pricing */
    .welcome-pricing-inner { padding: 3rem 1.25rem; }
    .welcome-plan { padding: 1.5rem; }

    /* CTA */
    .welcome-cta-inner { padding: 4rem 1.25rem; }
    .welcome-cta-title { font-size: 2rem; }

    /* Hero */
    .welcome-hero { padding: 5rem 1.25rem 3rem; }
    .welcome-hero-callout { padding: 0.75rem 1rem; }

    /* B2B */
    .welcome-b2b { padding: 1.25rem; }

    /* Footer */
    footer { padding: 1.25rem; flex-direction: column; align-items: flex-start; }
    .footer-links { flex-wrap: wrap; gap: 0.75rem; }
}
.welcome-body {min-height: 100vh;background: var(--surface-bg);color: var(--text-primary);font-family: var(--font-sans);-webkit-font-smoothing: antialiased;}
.welcome-section-label {font-size: .72rem;font-weight: 500;color: var(--brand-hover);font-family: var(--font-mono);letter-spacing: .12em;text-transform: uppercase;margin-bottom: .75rem;display: flex;align-items: center;gap: .6rem;}
.welcome-section-label::before {content: "";display: inline-block;width: 18px;height: 2px;background: var(--brand-hover);flex-shrink: 0;}
.welcome-section-title {font-size: clamp(1.6rem,3vw,2.2rem);font-weight: 600;letter-spacing: -.02em;color: var(--text-primary);margin-bottom: 1.5rem;line-height: 1.15;}
.welcome-body-text {font-size: .95rem;color: var(--text-muted);line-height: 1.8;margin-bottom: 1rem;}
.welcome-body-text strong {color: var(--text-primary);}
.welcome-btn-primary {padding: .45rem 1.1rem;border-radius: 6px;font-size: .875rem;font-weight: 500;color: #fff;text-decoration: none;background: var(--brand);border: 1px solid rgba(255,255,255,.1);transition: background .15s,transform .1s;}
.welcome-btn-primary:hover {background: #3d7a35;transform: translateY(-1px);}
.welcome-btn-ghost {padding: .45rem 1rem;border-radius: 6px;font-size: .875rem;font-weight: 500;color: var(--text-muted);text-decoration: none;border: 1px solid transparent;transition: color .15s,border-color .15s;}
.welcome-btn-ghost:hover {color: var(--text-primary);border-color: var(--border-default);}
.welcome-btn-hero-primary {padding: .75rem 1.75rem;border-radius: 8px;font-size: .95rem;font-weight: 500;color: #fff;text-decoration: none;background: var(--brand);border: 1px solid rgba(255,255,255,.1);transition: background .15s,transform .1s,box-shadow .15s;box-shadow: 0 0 20px rgba(45,90,39,.2);}
.welcome-btn-hero-primary:hover {background: #3d7a35;transform: translateY(-2px);box-shadow: 0 0 30px rgba(45,90,39,.3);}
.welcome-btn-hero-ghost {padding: .75rem 1.75rem;border-radius: 8px;font-size: .95rem;font-weight: 500;color: var(--text-muted);text-decoration: none;border: 1px solid var(--border-default);transition: color .15s,border-color .15s,transform .1s;}
.welcome-btn-hero-ghost:hover {color: var(--text-primary);border-color: rgba(45,90,39,.3);transform: translateY(-2px);}
.welcome-btn-full {width: 100%;text-align: center;display: block;}
.welcome-nav {position: fixed;top: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: space-between;padding: 1rem 2rem;background: transparent;backdrop-filter: blur(12px);border-bottom: 1px solid transparent;z-index: 100;transition: background .3s, border-color .3s;}
.welcome-nav.scrolled {background: rgba(255,255,255,.95);border-bottom-color: var(--border-default);}
.welcome-nav-brand {display: flex;align-items: center;gap: .6rem;font-size: 1rem;font-weight: 600;color: var(--text-primary);text-decoration: none;letter-spacing: -.01em;}
.welcome-nav-brand svg {color: var(--brand-hover);}
.welcome-nav-links {display: flex;align-items: center;gap: .75rem;}
.welcome-nav-link {font-size: .82rem;color: var(--text-muted);text-decoration: none;transition: color .15s;padding: .25rem .5rem;}
.welcome-nav-link:hover {color: var(--text-primary);}
.welcome-hero {min-height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 6rem 1.5rem 4rem;text-align: center;position: relative;overflow: hidden;border-bottom: 1px solid var(--border-default);}
.welcome-hero-bg-grid {position: absolute;inset: 0;background-image: linear-gradient(rgba(45,90,39,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(45,90,39,.04) 1px,transparent 1px);background-size: 40px 40px;mask-image: radial-gradient(ellipse 80% 60% at 50% 0%,black,transparent);pointer-events: none;}
.welcome-hero-bg-glow {position: absolute;top: -10%;left: 50%;transform: translateX(-50%);width: 600px;height: 400px;background: radial-gradient(ellipse,rgba(45,90,39,.12) 0%,transparent 70%);pointer-events: none;}
.welcome-hero-inner {position: relative;z-index: 1;max-width: 700px;margin: 0 auto;}
.welcome-hero-badge {display: inline-flex;align-items: center;gap: .4rem;padding: .3rem .8rem;border-radius: 99px;border: 1px solid rgba(45,90,39,.2);background: rgba(45,90,39,.06);font-size: .75rem;font-weight: 500;color: var(--brand-hover);font-family: var(--font-mono);margin-bottom: 1.75rem;letter-spacing: .02em;}
.welcome-badge-dot {width: 6px;height: 6px;border-radius: 50%;background: var(--color-success);box-shadow: 0 0 6px var(--color-success);animation: welcome-pulse 2s infinite;}
@keyframes welcome-pulse {0%, 100% {opacity: 1;}
	50% {opacity: .4;}}
.welcome-hero-title {font-size: clamp(2.5rem,6vw,4.5rem);font-weight: 600;line-height: 1.1;letter-spacing: -.03em;color: var(--text-primary);margin-bottom: 1.25rem;}
.welcome-hero-title-accent {background: linear-gradient(135deg,var(--brand-hover),#6db86a);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.welcome-hero-sub {font-size: clamp(1rem,2vw,1.15rem);color: var(--text-muted);max-width: 540px;line-height: 1.75;margin: 0 auto .75rem;}
.welcome-hero-sub strong {color: var(--text-primary);}
.welcome-hero-callout {font-size: .92rem;color: var(--text-muted);max-width: 520px;margin: 0 auto 2.5rem;line-height: 1.7;padding: .875rem 1.25rem;border-left: 2px solid var(--brand);background: rgba(45,90,39,.05);text-align: left;border-radius: 0 4px 4px 0;}
.welcome-hero-callout strong {color: var(--text-primary);}
.welcome-hero-actions {display: flex;gap: .75rem;align-items: center;flex-wrap: wrap;justify-content: center;margin-bottom: 1rem;}
.welcome-hero-disclaimer {font-size: .72rem;color: var(--text-muted);font-family: var(--font-mono);letter-spacing: .06em;margin-top: .5rem;}
.welcome-proof-bar {background: var(--surface-card);border-bottom: 1px solid var(--border-default);}
.welcome-proof-inner {width: auto;margin: 0 auto;padding: 1.75rem 2rem;display: flex;align-items: center;flex-wrap: nowrap;overflow-x: auto;justify-content: center;gap: 3rem;}
.welcome-proof-item {display: flex;flex-direction: column;gap: .25rem;flex-shrink: 0;white-space: nowrap;align-items: center;}
.welcome-proof-divider {width: 1px;height: 32px;background: var(--border-default);flex-shrink: 0;margin-right: 2rem;}
.welcome-proof-value {font-size: 1rem;font-weight: 600;color: var(--text-primary);letter-spacing: -.01em;font-family: var(--font-mono);align-items: center;}
.welcome-proof-label {font-size: .68rem;font-family: var(--font-mono);text-transform: uppercase;letter-spacing: .08em;color: var(--text-muted);text-align: center;}
.welcome-proof-alert {border-bottom: 1px solid var(--border-default);padding: 1.5rem 2rem;}
.welcome-proof-alert-inner {max-width: 1000px;margin: 0 auto;padding: 1.1rem 1.25rem;background: rgba(218,54,51,.06);border: 1px solid rgba(218,54,51,.2);border-left: 3px solid var(--color-danger);border-radius: 0 6px 6px 0;display: flex;align-items: flex-start;gap: .75rem;}
.welcome-proof-alert-inner p {font-size: .85rem;color: var(--text-muted);line-height: 1.65;margin: 0;}
.welcome-proof-alert-inner strong {color: var(--text-primary);}
.welcome-proof-warning-label {font-family: var(--font-mono);font-size: .63rem;text-transform: uppercase;letter-spacing: .1em;color: var(--color-danger);margin-bottom: .3rem;font-weight: 700;white-space: nowrap;flex-shrink: 0;margin-top: 2px;}
.welcome-problem {border-bottom: 1px solid var(--border-default);}
.welcome-problem-inner {max-width: 1000px;margin: 0 auto;padding: 5rem 2rem;display: grid;grid-template-columns: 1fr 1fr;gap: 5rem;align-items: start;}
.welcome-problem-right {display: flex;flex-direction: column;}
.welcome-problem-item {padding: 1.25rem 0;border-bottom: 1px solid var(--border-default);display: flex;gap: 1rem;align-items: flex-start;}
.welcome-problem-item:first-child {border-top: 1px solid var(--border-default);}
.welcome-problem-icon {font-family: var(--font-mono);font-size: .7rem;color: var(--color-danger);flex-shrink: 0;margin-top: 3px;font-weight: 700;}
.welcome-problem-text {font-size: .875rem;color: var(--text-muted);line-height: 1.65;}
.welcome-problem-text strong {color: var(--text-primary);}
.welcome-how {border-bottom: 1px solid var(--border-default);}
.welcome-how-inner {max-width: 1000px;margin: 0 auto;padding: 5rem 2rem;}
.welcome-steps {display: grid;grid-template-columns: repeat(3,1fr);border: 1px solid var(--border-default);border-radius: 8px;overflow: hidden;background: var(--surface-card);}
.welcome-step {padding: 2rem;border-right: 1px solid var(--border-default);}
.welcome-step:last-child {border-right: none;}
.welcome-step-num {font-family: var(--font-mono);font-size: 2.5rem;font-weight: 700;line-height: 1;color: var(--border-default);margin-bottom: 1rem;display: block;letter-spacing: -.04em;}
.welcome-step-title {font-size: .85rem;font-weight: 600;color: var(--brand-hover);font-family: var(--font-mono);text-transform: uppercase;letter-spacing: .08em;margin-bottom: .75rem;}
.welcome-step-desc {font-size: .875rem;color: var(--text-muted);line-height: 1.7;}
.welcome-step-desc strong {color: var(--text-primary);}
.welcome-features {border-bottom: 1px solid var(--border-default);}
.welcome-features-inner {max-width: 1000px;margin: 0 auto;padding: 5rem 2rem;}
.welcome-features-grid {display: grid;grid-template-columns: repeat(3,1fr);gap: 1px;background: var(--border-default);border: 1px solid var(--border-default);border-radius: 8px;overflow: hidden;}
.welcome-feature-card {background: var(--surface-card);padding: 1.75rem;transition: background .15s;}
.welcome-feature-card:hover {background: var(--surface-hover,#deeadb);}
.welcome-feature-icon {width: 36px;height: 36px;border-radius: 8px;background: rgba(45,90,39,.08);border: 1px solid rgba(45,90,39,.2);display: flex;align-items: center;justify-content: center;color: var(--brand-hover);margin-bottom: 1rem;}
.welcome-feature-title {font-size: .92rem;font-weight: 600;color: var(--text-primary);margin-bottom: .4rem;}
.welcome-feature-desc {font-size: .83rem;color: var(--text-muted);line-height: 1.65;}
.welcome-about {border-bottom: 1px solid var(--border-default);}
.welcome-about-inner {max-width: 1000px;margin: 0 auto;padding: 5rem 2rem;display: grid;grid-template-columns: 1fr 1fr;gap: 5rem;align-items: start;}
.welcome-about-warning {margin-top: 1.5rem;padding: 1.1rem 1.25rem;background: rgba(45,90,39,.06);border: 1px solid rgba(45,90,39,.2);border-left: 3px solid var(--brand);border-radius: 0 6px 6px 0;}
.welcome-about-warning p {font-size: .85rem;color: var(--text-muted);line-height: 1.65;}
.welcome-about-warning strong {color: var(--text-primary);}
.welcome-principles {display: flex;flex-direction: column;gap: 1px;background: var(--border-default);border: 1px solid var(--border-default);border-radius: 8px;overflow: hidden;}
.welcome-principle {padding: 1.25rem;background: var(--surface-card);}
.welcome-principle-title {font-family: var(--font-mono);font-size: .7rem;text-transform: uppercase;letter-spacing: .1em;color: var(--brand-hover);margin-bottom: .5rem;font-weight: 700;}
.welcome-principle-desc {font-size: .82rem;color: var(--text-muted);line-height: 1.65;}
.welcome-pricing {border-bottom: 1px solid var(--border-default);}
.welcome-pricing-inner {max-width: 1000px;margin: 0 auto;padding: 5rem 2rem;}
.welcome-pricing-sub {font-family: var(--font-mono);font-size: .7rem;text-transform: uppercase;letter-spacing: .1em;color: var(--text-muted);margin-bottom: 3rem;}
.welcome-pricing-grid {display: grid;grid-template-columns: repeat(3,1fr);gap: 1.5rem;align-items: stretch;}
.welcome-plan {background: var(--surface-card);border: 1px solid var(--border-default);border-radius: 8px;padding: 2rem;display: flex;flex-direction: column;position: relative;transition: transform .2s,box-shadow .2s,border-color .2s;}
.welcome-plan:hover {transform: translateY(-4px);border-color: rgba(45,90,39,.4);box-shadow: 0 0 30px rgba(45,90,39,.1);}
.welcome-plan-featured {border-top: 2px solid var(--brand);}
.welcome-plan-badge {display: inline-block;font-size: .68rem;font-family: var(--font-mono);text-transform: uppercase;letter-spacing: .08em;padding: .2rem .65rem;border-radius: 99px;background: rgba(45,90,39,.08);border: 1px solid rgba(45,90,39,.2);color: var(--brand-hover);margin-bottom: 1.25rem;align-self: flex-start;}
.welcome-plan-badge-free {background: rgba(138,106,0,.08);border-color: rgba(138,106,0,.2);color: #8a6a00;border-style: solid;border-width: 1px;}
.welcome-plan-name {font-size: .82rem;font-weight: 600;color: var(--text-muted);font-family: var(--font-mono);text-transform: uppercase;letter-spacing: .08em;margin-bottom: .75rem;}
.welcome-plan-price {font-size: 3.5rem;font-weight: 700;color: var(--text-primary);letter-spacing: -.04em;line-height: 1;margin-bottom: .25rem;}
.welcome-plan-currency {font-size: 1.5rem;font-weight: 500;vertical-align: super;color: var(--brand-hover);}
.welcome-plan-period {font-size: .7rem;color: var(--text-muted);margin-bottom: 1.75rem;font-family: var(--font-mono);}
.welcome-plan-divider {border: none;border-top: 1px solid var(--border-default);margin-bottom: 1.5rem;}
.welcome-plan-features {list-style: none;display: flex;flex-direction: column;gap: .7rem;margin-bottom: 1.75rem;flex: 1;}
.welcome-plan-feature {display: flex;align-items: center;gap: .75rem;font-size: .875rem;color: var(--text-primary);}
.welcome-plan-feature-limited {color: var(--text-muted);}
.welcome-plan-check {width: 18px;height: 18px;border-radius: 50%;background: rgba(56,212,107,.1);border: 1px solid rgba(56,212,107,.3);display: flex;align-items: center;justify-content: center;color: var(--color-success);font-size: .68rem;flex-shrink: 0;}
.welcome-plan-check-limited {background: rgba(100,100,100,.1);border-color: rgba(100,100,100,.2);color: var(--text-muted);}
.welcome-plan-action {margin-top: auto;}
.welcome-plan-note {font-size: .7rem;color: var(--text-muted);font-family: var(--font-mono);margin-top: .75rem;text-align: center;}
.welcome-cta {border-bottom: 1px solid var(--border-default);}
.welcome-cta-inner {max-width: 700px;margin: 0 auto;padding: 7rem 2rem;text-align: center;}
.welcome-cta-inner .welcome-section-label {justify-content: center;}
.welcome-cta-title {font-size: clamp(2.5rem,5vw,4rem);font-weight: 600;line-height: 1.1;letter-spacing: -.03em;margin-bottom: 1.25rem;color: var(--text-primary);}
.welcome-cta-sub {font-size: 1rem;color: var(--text-muted);margin-bottom: 2.5rem;line-height: 1.8;max-width: 480px;margin-left: auto;margin-right: auto;}
.welcome-cta-sub strong {color: var(--text-primary);}
@media (max-width: 900px) {.welcome-problem-inner, .welcome-about-inner {grid-template-columns: 1fr;gap: 3rem;}
	.welcome-steps, .welcome-features-grid {grid-template-columns: 1fr;}
	.welcome-step {border-right: none;border-bottom: 1px solid var(--border-default);}
	.welcome-step:last-child {border-bottom: none;}
	.welcome-pricing-grid {grid-template-columns: 1fr;}
	.welcome-proof-inner {flex-direction: column;align-items: flex-start;flex-wrap: wrap;gap: 1.25rem;}
	.welcome-proof-divider {display: none;}
	.welcome-proof-item {padding: 0;margin: 0;white-space: normal;}}
@media (max-width: 600px) {.welcome-nav {padding: 1rem;}
	.welcome-nav-link {display: none;}
	.welcome-nav-brand span {display: none;}
	.welcome-hero {padding: 5rem 1.25rem 3rem;}
	.welcome-hero-callout {text-align: left;}}
.eg-header {border-bottom: 1px solid var(--border-default);background: var(--surface-card);}
.eg-header-inner {max-width: 1000px;margin: 0 auto;padding: 4rem 2rem 3rem;}
.eg-title {font-size: clamp(1.75rem,4vw,2.5rem);font-weight: 600;letter-spacing: -.02em;color: var(--text-primary);margin-bottom: 1.25rem;line-height: 1.15;}
.eg-intro {font-size: .92rem;color: var(--text-muted);line-height: 1.75;padding: 1.1rem 1.25rem;background: var(--surface-bg);border: 1px solid var(--border-default);border-left: 3px solid var(--brand-hover);border-radius: 0 6px 6px 0;}
.eg-intro strong {color: var(--text-primary);}
.eg-content {max-width: 1000px;margin: 0 auto;padding: 2.5rem 2rem 4rem;width: 100%;}
.eg-category-label {font-size: .68rem;font-family: var(--font-mono);text-transform: uppercase;letter-spacing: .1em;color: var(--text-muted);margin-bottom: .75rem;margin-top: 2.5rem;}
.eg-category-label:first-child {margin-top: 0;}
.eg-grid {display: flex;flex-direction: column;gap: .4rem;margin-bottom: .5rem;}
.eg-card {display: flex;align-items: center;justify-content: space-between;padding: 1rem 1.25rem;background: var(--surface-card);border: 1px solid var(--border-default);border-radius: 6px;text-decoration: none;transition: border-color .15s,background .15s;}
.eg-card:hover {border-color: rgba(45,90,39,.4);background: rgba(45,90,39,.05);}
.eg-card-left {display: flex;flex-direction: column;gap: .2rem;}
.eg-card-title {font-size: .9rem;font-weight: 500;color: var(--text-primary);}
.eg-card-time {font-size: .72rem;font-family: var(--font-mono);color: var(--text-muted);}
.eg-card-arrow {color: var(--text-muted);font-size: .9rem;transition: color .15s;flex-shrink: 0;}
.eg-card:hover .eg-card-arrow {color: var(--brand);}
.eg-cta {border-top: 1px solid var(--border-default);background: var(--surface-card);}
.eg-cta-inner {max-width: 1000px;margin: 0 auto;padding: 4rem 2rem;text-align: center;}
.eg-cta-inner .welcome-section-label {justify-content: center;}
.eg-cta-title {font-size: clamp(1.5rem,3vw,2.25rem);font-weight: 600;letter-spacing: -.02em;color: var(--text-primary);margin-bottom: .75rem;line-height: 1.2;}
.eg-cta-sub {font-size: .95rem;color: var(--text-muted);line-height: 1.75;margin-bottom: 2rem;max-width: 500px;margin-left: auto;margin-right: auto;}

[data-theme="dark"] .welcome-plan-badge-free {
    background: rgba(138,106,0,.12);
    border-color: rgba(138,106,0,.3);
    color: #c9a227;
}
[data-theme="dark"] .welcome-nav {
    background: rgba(13,17,23,.95);
}

.beta-banner {
    background-color: var(--color-background-danger);
    color: var(--color-text-danger);
    border-bottom: 1px solid var(--color-border-danger);
    text-align: center;
    padding: 0.6rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    width: 100%;
}

.beta-banner__icon {
    margin-right: 0.4rem;
}


@media (width: 600px) {.eg-header-inner, .eg-content, .eg-cta-inner {padding-left: 1.25rem;padding-right: 1.25rem;}}

/* B2B Partner CTA */
.welcome-b2b {margin-top: 2.5rem; background: var(--surface-card); border: 1px solid var(--border-default); border-radius: 12px; padding: 2rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap;}
.welcome-b2b-label {font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-muted); font-family: monospace; margin-bottom: 0.4rem;}
.welcome-b2b-title {font-size: 1.1rem; font-weight: 700; color: var(--text-primary); margin-bottom: 0.4rem;}
.welcome-b2b-desc {font-size: 0.85rem; color: var(--text-muted); max-width: 480px; line-height: 1.6;}
.welcome-b2b-btn {display: inline-block; background: var(--brand); color: #fff; padding: 0.75rem 1.5rem; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 0.9rem; white-space: nowrap; flex-shrink: 0;}
.welcome-b2b-btn:hover {opacity: 0.9;}
@media (max-width: 600px) {.welcome-b2b {flex-direction: column;} .welcome-b2b-btn {width: 100%; text-align: center;}}