body:has(.welcome-page) { background: #f9f8f3; }
.welcome-page, .welcome-header, .welcome-footer { --ink: #29443d; --muted: #78877f; --green: #194f49; --sage: #648361; --gold: #eab747; font-family: 'DM Sans', sans-serif; color: var(--ink); }
.welcome-container { width: min(1200px, calc(100% - 48px)); margin-inline: auto; }
.welcome-page { background: #f9f8f3; font-size: 14px; line-height: 1.85; }
.welcome-page h1, .welcome-page h2, .welcome-page h3 { font-family: 'Libre Caslon Display', Georgia, serif; font-weight: 400; letter-spacing: -.035em; line-height: 1.06; }
.welcome-page h1 { font-size: 76px; margin: 24px 0 26px; }
.welcome-page h2 { font-size: 54px; }
.welcome-page h3 { font-size: 27px; }
.welcome-page em { color: var(--sage); font-weight: 400; }
.welcome-page p { color: var(--muted); }
.welcome-page a, .welcome-header a, .welcome-footer a { text-decoration: none; }
.welcome-page a, .welcome-header a { transition: filter .2s, transform .2s; }
.welcome-page a:hover, .welcome-header a:hover { filter: brightness(.92); }
.welcome-page a:focus-visible, .welcome-header a:focus-visible, .welcome-footer a:focus-visible { outline: 3px solid #bd963e; outline-offset: 5px; }
.welcome-page section[id] { scroll-margin-top: 24px; }
.welcome-header { height: 98px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e9e9df; font-size: 13px; }
.welcome-brand { display: flex; align-items: center; gap: 10px; color: #17486e; font-size: 13px; line-height: 1.15; font-weight: 800; }
.welcome-brand svg { width: 45px; height: 45px; flex-shrink: 0; }
.welcome-brand img { max-width: 180px; max-height: 46px; object-fit: contain; }
.welcome-header nav { display: flex; gap: 30px; color: #73827b; }
.welcome-button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; padding: 13px 19px; border-radius: 8px; background: var(--green); color: #fff; font-size: 13px; font-weight: 700; line-height: 1.5; box-shadow: 0 3px 5px #173f3510; }
.welcome-button.gold { background: var(--gold); color: #29443d; }
.welcome-arrow { font-family: Arial, sans-serif; font-size: 21px; line-height: 1; }
.welcome-banner { margin-top: 24px; padding: 26px 32px; background: #ebbd59; border-radius: 16px; display: flex; align-items: center; justify-content: space-between; gap: 24px; box-shadow: 0 5px 18px #b6993c0b; }
.welcome-banner strong { font-size: 28px; letter-spacing: -.8px; }
.welcome-banner p { color: #75734e; font-size: 13px; }
.welcome-banner .welcome-button { font-size: 17px; letter-spacing: 1px; }
.welcome-motto { height: 87px; display: flex; align-items: center; justify-content: center; gap: 24px; border-bottom: 1px solid #e4e7dc; }
.welcome-motto span { color: #657c57; font-size: 13px; font-weight: 700; }
.welcome-motto em { font-family: Georgia, serif; font-size: 27px; font-weight: 700; color: #24534e; }
.welcome-hero { padding: 55px 0 70px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; }
.welcome-eyebrow { font-size: 12px; letter-spacing: 1.7px; text-transform: uppercase; color: #927e53 !important; font-weight: 700; margin-bottom: 15px; }
.welcome-intro { font-family: Georgia, serif; font-size: 13px; margin-bottom: 18px; }
.welcome-pill { display: inline-flex; align-items: center; gap: 7px; padding: 5px 14px; background: #eaf0e2; border: 1px solid #e1e9d8; border-radius: 30px; font-size: 11px; font-weight: 600; color: #617e5e; line-height: 1.8; }
.welcome-dot { width: 6px; height: 6px; border-radius: 50%; background: #719268; }
.welcome-lead { font-size: 18px; line-height: 1.65; margin-bottom: 12px; }
.welcome-description { font-size: 14px; line-height: 1.8; }
.welcome-hero-actions { display: flex; align-items: center; gap: 26px; margin: 26px 0 18px; }
.welcome-hero-actions .welcome-button { padding: 15px 23px; gap: 24px; text-align: left; }
.welcome-hero-actions strong { display: block; font-size: 20px; letter-spacing: 1px; }
.welcome-text-link { display: inline-flex; align-items: center; gap: 10px; color: #285d54; font-weight: 700; font-size: 13px; }
.welcome-note { display: flex; align-items: center; gap: 8px; font-size: 11px; color: #87917f; }
.welcome-art { position: relative; height: 570px; isolation: isolate; }
.welcome-orb { position: absolute; inset: 10px 0 25px 5px; background: #e9eddc; border-radius: 48% 49% 43% 47%; overflow: hidden; z-index: -1; }
.welcome-orbit { position: absolute; width: 92%; height: 74%; border: 1px solid #d3ddbe; border-radius: 50%; top: 13%; left: 4%; transform: rotate(-29deg); }
.welcome-orbit.two { transform: rotate(31deg); height: 65%; top: 20%; width: 108%; left: -4%; }
.welcome-orbit.three { transform: rotate(65deg); width: 78%; height: 88%; top: 5%; left: 11%; opacity: .5; }
.welcome-art-caption { position: absolute; top: 46px; left: 80px; font: italic 19px Georgia, serif; color: #758961; transform: rotate(-5deg); }
.welcome-center { position: absolute; width: 192px; height: 192px; top: 154px; left: calc(50% - 96px); border: 10px solid #f3f4e9; border-radius: 50%; background: #fffef8; box-shadow: 0 12px 30px #8e9c7420; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.welcome-center svg { width: 96px; height: 96px; margin-bottom: 7px; }
.welcome-center strong { font: 22px Georgia, serif; }
.welcome-center small { color: #929783; font-size: 11px; margin-top: 4px; }
.welcome-float { position: absolute; display: flex; align-items: center; gap: 13px; padding: 19px; background: #fffefa; border: 1px solid #eeeeE5; border-radius: 14px; box-shadow: 0 13px 32px #5d6b4810; line-height: 1.65; }
.welcome-float small { display: block; font-size: 10px; color: #99978a; }
.welcome-float strong { font-family: Georgia, serif; font-size: 15px; }
.welcome-float .tile { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; font-size: 23px; }
.welcome-float.resources { top: 85px; left: -12px; transform: rotate(-4deg); }
.welcome-float.owners { top: 335px; right: -12px; transform: rotate(4deg); }
.welcome-float.suppliers { bottom: 36px; left: 10px; transform: rotate(-3deg); }
.welcome-star { position: absolute; font-size: 40px; color: #bea044; top: 120px; right: 42px; }
.welcome-star.small { font-size: 27px; top: 340px; left: 61px; }
.welcome-art > .welcome-note { position: absolute; bottom: 0; right: 35px; }
.welcome-audience { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 28px 0; border-block: 1px solid #e7e8de; font-size: 12px; line-height: 1.6; }
.welcome-audience ul { display: flex; gap: 33px; color: #859080; list-style: none; }
.welcome-audience li::before { content: '✦'; color: #b69c54; margin-right: 12px; }
.welcome-support { margin-top: 34px; padding: 32px 36px; border: 1px solid #e9ddbe; border-radius: 18px; background: #f5eedf; display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.welcome-support .welcome-pill { background: #ecdcb4; border: 0; color: #8a7545; margin-bottom: 12px; }
.welcome-support h2 { font-size: 40px; margin-bottom: 16px; }
.welcome-support p { max-width: 760px; font-size: 13px; }
.welcome-support .welcome-button { flex-shrink: 0; }
.welcome-support .welcome-torch { border-left: 3px solid #d7aa43; padding-left: 14px; color: #617448; font-weight: 700; margin-top: 15px; }
.welcome-section { margin-top: 80px; }
.welcome-section-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: end; margin-bottom: 45px; }
.welcome-section-heading > p { font-size: 16px; max-width: 425px; line-height: 1.8; }
.welcome-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.welcome-card { min-height: 310px; padding: 28px; border-radius: 17px; display: flex; flex-direction: column; }
.welcome-card.green { background: #e8f0d9; color: #64865e; }
.welcome-card.peach { background: #f8e6d5; color: #b67d55; }
.welcome-card.lavender { background: #ece7f4; color: #9580b0; }
.welcome-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.welcome-card-top i { font-size: 25px; }
.welcome-card-top span { font-size: 12px; opacity: .5; }
.welcome-card h3 { margin-bottom: 20px; }
.welcome-card p { color: inherit; font-size: 13px; line-height: 1.85; }
.welcome-card > a { display: flex; align-items: center; justify-content: space-between; color: inherit; font: bold 13px Georgia, serif; margin-top: auto; padding-top: 30px; }
.welcome-growth { display: grid; grid-template-columns: 44% 56%; align-items: center; background: #efefe5; border-radius: 25px; min-height: 460px; padding: 50px 65px; }
.welcome-seed { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 254px; height: 276px; border-radius: 48% 48% 43% 46%; border: 2px solid #cbd7b9; background: #dce4cc; transform: rotate(-9deg); color: #5b7654; }
.welcome-seed svg { width: 85px; height: 85px; margin-bottom: 30px; }
.welcome-seed span { text-align: center; font-size: 11px; line-height: 1.9; letter-spacing: 2px; font-weight: 700; }
.welcome-seed::after { content: '✦'; position: absolute; top: -17px; right: -15px; font-size: 54px; color: #c5a74e; }
.welcome-growth h2 { margin-bottom: 23px; }
.welcome-growth p:not(.welcome-eyebrow) { font-size: 13px; margin-bottom: 18px; }
.welcome-growth .welcome-text-link { margin-top: 4px; }
.welcome-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; }
.welcome-step { border-top: 1px solid #e0e5d5; padding-top: 24px; }
.welcome-step > span { font: 35px Georgia, serif; color: #a5b28d; }
.welcome-step h3 { font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; letter-spacing: 0; margin: 22px 0 13px; }
.welcome-step p { font-size: 13px; }
.welcome-verification .welcome-note { margin-top: 27px; }
.welcome-value { display: grid; grid-template-columns: 1.65fr 1fr; gap: 62px; }
.welcome-value h2 { margin-bottom: 22px; }
.welcome-value p { font-size: 14px; }
.welcome-categories { display: flex; flex-wrap: wrap; gap: 10px; margin: 25px 0; }
.welcome-categories span { border: 1px solid #e7e7dd; border-radius: 5px; background: #fffefa; color: #819073; font-size: 11px; padding: 5px 10px; }
.welcome-supplier { padding: 35px; border-radius: 22px; background: #f0ecf7; }
.welcome-supplier > i { color: #8f7daa; font-size: 28px; background: #eae5f2; border-radius: 12px; padding: 10px; margin-bottom: 24px; }
.welcome-supplier h3 { font-size: 34px; margin-bottom: 18px; }
.welcome-supplier .welcome-text-link { margin-top: 18px; }
.welcome-transparency { margin-top: 44px; padding: 22px; border: 1px solid #e5e8df; border-radius: 12px; background: #f0f2e9; }
.welcome-transparency strong { font-size: 14px; color: #285952; }
.welcome-transparency p { font-size: 13px; margin-top: 5px; }
.welcome-final { margin: 48px 0; border-radius: 22px; background: #123e36; padding: 48px 60px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.welcome-final i { color: #c3a953; font-size: 22px; margin-bottom: 16px; }
.welcome-final h2 { color: #fffaf0; font-size: 49px; }
.welcome-final em { color: #b6c593; }
.welcome-final p { color: #a8bbb0; margin-top: 18px; font-size: 13px; }
.welcome-footer { padding: 23px 0 40px; border-top: 1px solid #e8e9df; display: flex; justify-content: space-between; align-items: end; font-size: 11px; line-height: 1.9; color: #8b9485; }
.welcome-footer .welcome-brand { margin-bottom: 22px; }
.welcome-footer nav { display: flex; justify-content: flex-end; gap: 28px; color: #38635b; font-size: 12px; margin-bottom: 18px; }
.welcome-footer [aria-disabled] { cursor: default; }
@media (prefers-reduced-motion: no-preference) {
    html:has(.welcome-page) { scroll-behavior: smooth; }
    .welcome-page :is(.welcome-banner, .welcome-support, .welcome-card, .welcome-supplier, .welcome-final, .welcome-float),
    .welcome-page .welcome-button, .welcome-header .welcome-button {
        transition: transform 220ms ease, box-shadow 220ms ease, filter 180ms ease;
    }
    .welcome-page :is(.welcome-arrow, .welcome-text-link > span, .welcome-card > a > span) {
        display: inline-block;
        transition: transform 180ms ease;
    }
    .welcome-page a:active, .welcome-header a.welcome-button:active { scale: .985; }
    @media (hover: hover) and (pointer: fine) {
        .welcome-page :is(.welcome-banner, .welcome-support, .welcome-card, .welcome-supplier, .welcome-final):hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 24px #29443d0d;
        }
        .welcome-page a.welcome-button:hover, .welcome-header .welcome-button:hover { transform: translateY(-2px); }
        .welcome-page .welcome-float:hover { scale: 1.015; box-shadow: 0 16px 32px #29443d18; }
        .welcome-page a:hover > .welcome-arrow,
        .welcome-page .welcome-banner:hover .welcome-arrow,
        .welcome-page .welcome-text-link:hover > span,
        .welcome-page .welcome-card > a:hover > span { transform: translateX(3px); }
    }
}
@media (prefers-reduced-motion: reduce) {
    .welcome-page *, .welcome-header *, .welcome-footer * { animation: none !important; transition: none !important; }
}
@media (max-width: 1000px) {
    .welcome-page h1 { font-size: 61px; }
    .welcome-page h2 { font-size: 45px; }
    .welcome-art { transform: scale(.83); transform-origin: center; margin-inline: -35px; }
    .welcome-hero { gap: 15px; }
    .welcome-hero-actions { gap: 14px; flex-wrap: wrap; }
    .welcome-growth { padding: 40px; gap: 30px; grid-template-columns: 40% 1fr; }
    .welcome-seed { width: 210px; height: 240px; }
    .welcome-value { gap: 30px; }
    .welcome-support { gap: 25px; padding: 30px; }
}
@media (max-width: 700px) {
    .welcome-container { width: calc(100% - 36px); }
    .welcome-header { height: auto; min-height: 88px; flex-wrap: wrap; gap: 20px; padding-block: 18px; }
    .welcome-header nav { order: 3; justify-content: center; width: 100%; gap: 30px; }
    .welcome-banner { padding: 23px; align-items: flex-start; flex-direction: column; gap: 15px; }
    .welcome-banner strong { font-size: 23px; }
    .welcome-banner .welcome-button { font-size: 13px; }
    .welcome-motto { height: auto; padding: 24px 0; flex-direction: column; gap: 5px; }
    .welcome-motto em { font-size: 23px; }
    .welcome-hero { grid-template-columns: 1fr; padding: 36px 0; gap: 16px; }
    .welcome-page h1 { font-size: clamp(53px, 10vw, 72px); }
    .welcome-page h2 { font-size: 42px; }
    .welcome-art { width: 100%; max-width: 480px; height: 480px; margin: 0 auto; transform: none; }
    .welcome-art-caption { left: 45px; font-size: 16px; }
    .welcome-float { padding: 13px; gap: 9px; }
    .welcome-float .tile { width: 36px; height: 36px; font-size: 19px; }
    .welcome-float strong { font-size: 13px; }
    .welcome-float.resources { left: 0; top: 80px; }
    .welcome-float.owners { right: 0; top: 294px; }
    .welcome-float.suppliers { left: 3px; bottom: 34px; }
    .welcome-center { width: 160px; height: 160px; left: calc(50% - 80px); top: 151px; }
    .welcome-center svg { width: 70px; height: 70px; }
    .welcome-center strong { font-size: 19px; }
    .welcome-audience, .welcome-support { align-items: flex-start; flex-direction: column; gap: 20px; }
    .welcome-audience ul { gap: 10px; flex-wrap: wrap; }
    .welcome-support { padding: 26px; }
    .welcome-support h2 { font-size: 33px; }
    .welcome-section { margin-top: 58px; }
    .welcome-section-heading, .welcome-cards, .welcome-steps, .welcome-value, .welcome-growth { grid-template-columns: 1fr; gap: 26px; }
    .welcome-section-heading { margin-bottom: 28px; }
    .welcome-card { min-height: 280px; }
    .welcome-growth { padding: 35px 26px; }
    .welcome-seed { margin: 5px auto 20px; }
    .welcome-final { padding: 35px 27px; flex-direction: column; align-items: flex-start; }
    .welcome-footer { align-items: flex-start; flex-direction: column; gap: 26px; }
    .welcome-footer nav { justify-content: flex-start; }
}

.welcome-symbols { position: absolute; }
.welcome-float.resources .tile { background: #e8f0dc; color: #6c8962; }
.welcome-float.owners .tile { background: #f8e6d5; color: #b67d55; }
.welcome-float.suppliers .tile { background: #ece7f4; color: #9580b0; }
.welcome-audience-caption { color: #4d6453; }