.welcome-body {min-height: 100vh;background: var(--bg);color: var(--text);font-family: var(--font-sans);-webkit-font-smoothing: antialiased;}
.welcome-section-label {font-size: .72rem;font-weight: 500;color: var(--accent-hi);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(--accent-hi);flex-shrink: 0;}
.welcome-section-title {font-size: clamp(1.6rem,3vw,2.2rem);font-weight: 600;letter-spacing: -.02em;color: var(--text);margin-bottom: 1.5rem;line-height: 1.15;}
.welcome-body-text {font-size: .95rem;color: var(--muted);line-height: 1.8;margin-bottom: 1rem;}
.welcome-body-text strong {color: var(--text);}
.welcome-btn-primary {padding: .45rem 1.1rem;border-radius: 6px;font-size: .875rem;font-weight: 500;color: #fff;text-decoration: none;background: var(--accent);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(--muted);text-decoration: none;border: 1px solid transparent;transition: color .15s,border-color .15s;}
.welcome-btn-ghost:hover {color: var(--text);border-color: var(--border);}
.welcome-btn-hero-primary {padding: .75rem 1.75rem;border-radius: 8px;font-size: .95rem;font-weight: 500;color: #fff;text-decoration: none;background: var(--accent);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(--muted);text-decoration: none;border: 1px solid var(--border);transition: color .15s,border-color .15s,transform .1s;}
.welcome-btn-hero-ghost:hover {color: var(--text);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);}
.welcome-nav-brand {display: flex;align-items: center;gap: .6rem;font-size: 1rem;font-weight: 600;color: var(--text);text-decoration: none;letter-spacing: -.01em;}
.welcome-nav-brand svg {color: var(--accent-hi);}
.welcome-nav-links {display: flex;align-items: center;gap: .75rem;}
.welcome-nav-link {font-size: .82rem;color: var(--muted);text-decoration: none;transition: color .15s;padding: .25rem .5rem;}
.welcome-nav-link:hover {color: var(--text);}
.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);}
.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(--accent-hi);font-family: var(--font-mono);margin-bottom: 1.75rem;letter-spacing: .02em;}
.welcome-badge-dot {width: 6px;height: 6px;border-radius: 50%;background: var(--green);box-shadow: 0 0 6px var(--green);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);margin-bottom: 1.25rem;}
.welcome-hero-title-accent {background: linear-gradient(135deg,var(--accent-hi),#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(--muted);max-width: 540px;line-height: 1.75;margin: 0 auto .75rem;}
.welcome-hero-sub strong {color: var(--text);}
.welcome-hero-callout {font-size: .92rem;color: var(--muted);max-width: 520px;margin: 0 auto 2.5rem;line-height: 1.7;padding: .875rem 1.25rem;border-left: 2px solid var(--accent);background: rgba(45,90,39,.05);text-align: left;border-radius: 0 4px 4px 0;}
.welcome-hero-callout strong {color: var(--text);}
.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(--muted);font-family: var(--font-mono);letter-spacing: .06em;margin-top: .5rem;}
.welcome-proof-bar {background: var(--surface);border-bottom: 1px solid var(--border);}
.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);flex-shrink: 0;margin-right: 2rem;}
.welcome-proof-value {font-size: 1rem;font-weight: 600;color: var(--text);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(--muted);text-align: center;}
.welcome-proof-alert {border-bottom: 1px solid var(--border);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(--red);border-radius: 0 6px 6px 0;display: flex;align-items: flex-start;gap: .75rem;}
.welcome-proof-alert-inner p {font-size: .85rem;color: var(--muted);line-height: 1.65;margin: 0;}
.welcome-proof-alert-inner strong {color: var(--text);}
.welcome-proof-warning-label {font-family: var(--font-mono);font-size: .63rem;text-transform: uppercase;letter-spacing: .1em;color: var(--red);margin-bottom: .3rem;font-weight: 700;white-space: nowrap;flex-shrink: 0;margin-top: 2px;}
.welcome-problem {border-bottom: 1px solid var(--border);}
.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);display: flex;gap: 1rem;align-items: flex-start;}
.welcome-problem-item:first-child {border-top: 1px solid var(--border);}
.welcome-problem-icon {font-family: var(--font-mono);font-size: .7rem;color: var(--red);flex-shrink: 0;margin-top: 3px;font-weight: 700;}
.welcome-problem-text {font-size: .875rem;color: var(--muted);line-height: 1.65;}
.welcome-problem-text strong {color: var(--text);}
.welcome-how {border-bottom: 1px solid var(--border);}
.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);border-radius: 8px;overflow: hidden;background: var(--surface);}
.welcome-step {padding: 2rem;border-right: 1px solid var(--border);}
.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);margin-bottom: 1rem;display: block;letter-spacing: -.04em;}
.welcome-step-title {font-size: .85rem;font-weight: 600;color: var(--accent-hi);font-family: var(--font-mono);text-transform: uppercase;letter-spacing: .08em;margin-bottom: .75rem;}
.welcome-step-desc {font-size: .875rem;color: var(--muted);line-height: 1.7;}
.welcome-step-desc strong {color: var(--text);}
.welcome-features {border-bottom: 1px solid var(--border);}
.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);border: 1px solid var(--border);border-radius: 8px;overflow: hidden;}
.welcome-feature-card {background: var(--surface);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(--accent-hi);margin-bottom: 1rem;}
.welcome-feature-title {font-size: .92rem;font-weight: 600;color: var(--text);margin-bottom: .4rem;}
.welcome-feature-desc {font-size: .83rem;color: var(--muted);line-height: 1.65;}
.welcome-about {border-bottom: 1px solid var(--border);}
.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(--accent);border-radius: 0 6px 6px 0;}
.welcome-about-warning p {font-size: .85rem;color: var(--muted);line-height: 1.65;}
.welcome-about-warning strong {color: var(--text);}
.welcome-principles {display: flex;flex-direction: column;gap: 1px;background: var(--border);border: 1px solid var(--border);border-radius: 8px;overflow: hidden;}
.welcome-principle {padding: 1.25rem;background: var(--surface);}
.welcome-principle-title {font-family: var(--font-mono);font-size: .7rem;text-transform: uppercase;letter-spacing: .1em;color: var(--accent-hi);margin-bottom: .5rem;font-weight: 700;}
.welcome-principle-desc {font-size: .82rem;color: var(--muted);line-height: 1.65;}
.welcome-pricing {border-bottom: 1px solid var(--border);}
.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(--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);border: 1px solid var(--border);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(--accent);}
.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(--accent-hi);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(--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);letter-spacing: -.04em;line-height: 1;margin-bottom: .25rem;}
.welcome-plan-currency {font-size: 1.5rem;font-weight: 500;vertical-align: super;color: var(--accent-hi);}
.welcome-plan-period {font-size: .7rem;color: var(--muted);margin-bottom: 1.75rem;font-family: var(--font-mono);}
.welcome-plan-divider {border: none;border-top: 1px solid var(--border);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);}
.welcome-plan-feature-limited {color: var(--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(--green);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(--muted);}
.welcome-plan-action {margin-top: auto;}
.welcome-plan-note {font-size: .7rem;color: var(--muted);font-family: var(--font-mono);margin-top: .75rem;text-align: center;}
.welcome-cta {border-bottom: 1px solid var(--border);}
.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);}
.welcome-cta-sub {font-size: 1rem;color: var(--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);}
.welcome-pricing-grid-4 {display: grid;grid-template-columns: repeat(4,1fr);gap: 1.5rem;align-items: stretch;}

@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);}
	.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);background: var(--surface);}
.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);margin-bottom: 1.25rem;line-height: 1.15;}
.eg-intro {font-size: .92rem;color: var(--muted);line-height: 1.75;padding: 1.1rem 1.25rem;background: var(--bg);border: 1px solid var(--border);border-left: 3px solid var(--accent-hi);border-radius: 0 6px 6px 0;}
.eg-intro strong {color: var(--text);}
.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(--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);border: 1px solid var(--border);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);}
.eg-card-time {font-size: .72rem;font-family: var(--font-mono);color: var(--muted);}
.eg-card-arrow {color: var(--muted);font-size: .9rem;transition: color .15s;flex-shrink: 0;}
.eg-card:hover .eg-card-arrow {color: var(--accent);}
.eg-cta {border-top: 1px solid var(--border);background: var(--surface);}
.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);margin-bottom: .75rem;line-height: 1.2;}
.eg-cta-sub {font-size: .95rem;color: var(--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(--card); border: 1px solid var(--border); 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); 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(--accent); 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;}}