/* Garden Club: shared visual direction, loaded after existing component styles. */
:root{--ink:#233f32;--green:#35583d;--sage:#dce3cf;--cream:#faf7ee;--white:#fffdf7;--muted:#596857;--line:#dce0cf;--gc-clay:#9d5f42;--gc-serif:Georgia,'Times New Roman',serif}
body,.landing{background:var(--cream);color:var(--ink);font-family:ui-rounded,'Avenir Next',Avenir,system-ui,sans-serif}
.landing{--surface:#faf7ee;--forest:#233f32;--radius-panel:30px;--radius-card:22px}
.site-header,.landing .site-header{background:#faf7eef5;border-bottom:1px solid #dce0cf;backdrop-filter:none}
.brand,.landing .brand{font-family:var(--gc-serif);font-weight:400;font-size:31px;letter-spacing:-.06em}
.brand img{width:25px;height:25px}.brand span{color:inherit}
.button,.landing .button{background:#294b32;border-color:#294b32;box-shadow:none;min-height:48px;font-weight:600}
.button:hover,.landing .button:hover{background:#3b5e40;box-shadow:0 5px 14px #294b3216}
.eyebrow,.landing .eyebrow{color:#526c45;letter-spacing:.13em;font-weight:650}
.coming,.landing .coming{border-color:#d9cbb9;background:#f2e8da;color:#78503b}
:focus-visible{outline:3px solid #995b38;outline-offset:4px}
.landing h2{font-family:var(--gc-serif);font-weight:400;letter-spacing:-.045em}
/* New centered photographic hero. The existing functional phone is retained. */
.landing .hero.hero-focused{display:block;padding:64px 0 40px;position:relative}
.landing .hero-focused .hero-copy{text-align:center;max-width:760px;margin:0 auto;position:relative;z-index:3}
.landing .hero-focused h1{font-family:inherit;font-weight:650;font-size:clamp(48px,5.6vw,78px);line-height:1.05;letter-spacing:-.065em;margin:24px 0}
.landing .hero-focused h1 em{font-family:inherit;font-style:normal;color:#60764c}
.landing .hero-focused .lead{font-size:17px;max-width:550px;margin:0 auto;line-height:1.8}
.landing .hero-focused .hero-actions{justify-content:center;margin:26px 0 16px;gap:24px}
.landing .hero-focused .hero-note{max-width:530px;margin:0 auto;font-size:12px}
.landing .hero-focused .pf-composition{display:block;position:relative;width:100%;max-width:1100px;min-height:760px;margin:42px auto 0;padding:20px 0 0}
.landing .hero-focused .pf-phone{position:relative;z-index:3;width:306px;margin:0 auto;transform:rotate(3deg)}
.landing .hero-focused .pf-phone figcaption{transform:rotate(-3deg)}
.landing .hero-focused .pf-frame{animation:none!important;box-shadow:0 24px 50px -22px #263e3445}
.landing .hero-focused .pf-arch{inset:110px 15% 100px;height:auto;border-radius:48% 45% 30px 30px;background:#e4e9d8;transform:none}
.landing .hero-focused .pf-branch,.landing .hero-focused .pf-seed{display:none}
.gc-home-photo{position:absolute;margin:0;border:6px solid #fffdf6;box-shadow:0 12px 30px -20px #473c2c40;overflow:hidden;z-index:1}
.gc-home-photo img{display:block;width:100%;height:100%;object-fit:cover}
.gc-home-photo-main{width:29%;height:470px;left:2%;top:80px;border-radius:160px 160px 22px 22px;transform:rotate(-4deg)}
.gc-home-photo-small{width:25%;height:330px;right:2%;top:180px;border-radius:110px 110px 20px 20px;transform:rotate(5deg)}
.gc-home-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px;background:#fffdf4ed;font-family:var(--gc-serif);font-size:20px;line-height:1.2;color:#31482f}
.gc-home-photo figcaption span{display:block;font-family:system-ui,sans-serif;font-size:9px;margin-top:7px;color:#586650;letter-spacing:.02em}
.landing .hero-focused .pf-float{z-index:4;box-shadow:0 12px 28px -20px #334c3545;border:1px solid #d9deca;border-radius:15px;background:#fffdf4;transform:none;animation:none!important}
.landing .hero-focused .pf-float-water{position:absolute;top:32px;right:8%;left:auto;bottom:auto;width:195px;min-height:88px;padding:14px}
.landing .hero-focused .pf-float-leaf{position:absolute;top:auto;bottom:110px;left:11%;right:auto;width:215px;min-height:88px;padding:14px}
.landing .hero-focused .pf-float strong{font-size:13px}.landing .hero-focused .pf-float small{font-size:10px}
/* A quieter garden path: retain the five-stage sticky growth experience. */
.landing .journey{border:1px solid #e4e4d5;background:#f0f1e5;border-radius:32px;padding:56px 48px;--journey-sage:#e7ecdc;--journey-cream:#f0f1e5;--journey-earth:#a47553;--journey-step-space:clamp(240px,40svh,380px)}
.landing .journey-intro{max-width:700px;margin:0 auto 40px;text-align:center}
.landing .journey-intro>p{margin-left:auto;margin-right:auto}
.landing .journey-intro h2{font-size:clamp(34px,4vw,53px)}
.landing .journey-layout{gap:48px}.landing .journey-step h3{font-family:inherit;font-size:29px;font-weight:550}
.landing .journey-step-index{color:#8b5e43}
/* Care features and editorial resource cards. */
.landing .helps-section{padding:76px 0}
.landing .section-heading{align-items:end;gap:45px}.landing .section-heading h2{font-size:clamp(34px,3.8vw,49px)}
.landing .feature-cards{gap:24px}
.landing .feature-cards .card{padding:0 0 22px;border:1px solid #e0e2d2;background:#fffdf6;border-radius:24px;overflow:hidden;box-shadow:none}
.landing .feature-cards .help-visual{margin:0 0 22px;background:#e7ebdc;border-radius:0;height:220px;min-height:0;padding:0;overflow:hidden}
.landing .feature-cards .help-visual img{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}
.landing .feature-cards .help-number{position:absolute;right:16px;top:16px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.5;background:#fffdf0;padding:7px 11px;border-radius:30px;color:#557145}
.landing .feature-cards h3{font-family:inherit;font-size:22px;font-weight:600;letter-spacing:-.04em;margin:0 22px 12px}
.landing .feature-cards p{margin:0 22px 14px;font-size:14px;line-height:1.8}
.landing .feature-cards a{display:inline-flex;align-items:center;min-height:44px;margin:0 22px;font-size:13px}
.gc-resources{margin-top:64px}.gc-resource-heading{text-align:center;max-width:600px;margin:0 auto 32px}
.gc-resource-heading h3{font:400 38px/1.15 var(--gc-serif);letter-spacing:-.04em;margin:16px 0}
.gc-resource-heading p{font-size:15px}
.gc-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.gc-resource{min-width:0;display:flex;flex-direction:column;text-decoration:none;border:1px solid #dfdfcd;border-radius:24px;background:#fffdf5;overflow:hidden;transition:box-shadow .25s}
.gc-resource>img{height:205px;width:100%;object-fit:cover;object-position:center 45%}
.gc-resource:nth-child(2)>img{object-position:center 25%}
.gc-resource>div{padding:24px;display:flex;flex-direction:column;flex:1}
.gc-resource-kicker{text-transform:uppercase;font-size:9px;letter-spacing:.1em;font-weight:650;color:#825d45}
.gc-resource h4{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.035em;margin:11px 0}
.gc-resource p{font-size:14px;line-height:1.8;margin-bottom:20px}
.gc-resource-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;min-height:44px;border-top:1px solid #e4e4d6;padding-top:12px;font-size:12px;font-weight:650}
.gc-resource-link>span{border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:#dfe7d0}
/* App concept remains a real, readable HTML interface. */
.landing .app-showcase{background:#dce3cf;border-color:#d5dcc7;border-radius:34px;padding-top:62px;--ap-cream:#dce3cf}
.landing .app-showcase .ap-intro h2{font-family:inherit;font-weight:600;font-size:clamp(42px,4.6vw,60px);letter-spacing:-.06em}
.landing .app-showcase .ap-intro h2 em{font-style:normal;color:#4e6944}
.app-showcase .ap-backdrop{background:#cdd8bf}.app-showcase .ap-badge{background:#eef1e5}
.app-showcase .ap-development,.app-showcase .ap-development li,.app-showcase .ap-samples{border-color:#bac8ad}
.app-showcase .ap-disclosure{color:#435c3d}
/* Community is a full-width garden-club editorial spread. */
.landing .community-feed{padding-top:88px;padding-bottom:68px}
.landing .community-feed .community-heading{max-width:760px;margin:0 auto;text-align:center}
.landing .community-feed .community-heading h2{font-size:clamp(38px,4.4vw,59px)}
.landing .community-feed .community-heading>p{margin-left:auto;margin-right:auto;max-width:560px}
.landing .community-feed .cf-shell{max-width:none;background:#f0f1e5;border-radius:30px;box-shadow:none;border-color:#dce0cf}
.landing .community-feed .cf-topbar{background:#e6ebda}
.landing .community-feed .cf-post{background:#fffdf7;border:1px solid #dfdfce;border-radius:22px;box-shadow:0 8px 20px -17px #394b3038}
.landing .community-feed .cf-post-title{font-family:var(--gc-serif);font-weight:400}
.landing .community-feed .cf-avatar{background:#dbe3cf;color:#415337}.landing .community-feed .cf-avatar-clay{background:#ecdfcf;color:#775139}
.landing .community-feed .cf-reply{background:#f2f3e8;border-color:#e2e4d5}
.landing .community-feed .cf-tab{background:#faf9ef;border-color:#ced7bf}
.landing .community-feed .cf-radio:checked+.cf-tab{background:#45623c;border-color:#45623c}
.landing .community-feed .cf-preview-footer{background:#e7ebdc}
.landing .future-section{border-top:1px solid #dedfce;padding:58px 0;gap:54px}
.landing .future-intro h2{font-size:clamp(34px,3.8vw,48px)}
.landing .future-list li{border-color:#dce0cd}.landing .future-number{color:#9d6a4c}
.landing .final-cta{position:relative;overflow:hidden;background:#294633;border:0;border-radius:32px;padding:64px 32px;color:#fffcef}
.landing .final-cta h2{color:#fffcef;font-size:clamp(40px,4.7vw,62px)}
.landing .final-cta h2 em{color:#dbe5c5}.landing .final-cta p,.landing .final-cta .eyebrow,.landing .final-cta .note,.landing .final-cta .cta-secondary{color:#e3e8d6}
.landing .final-cta .button{background:#f6f4e6;color:#294633;border-color:#f6f4e6}
.landing .final-cta .cta-leaf{opacity:.15}.landing .landing-footer{border:0}.landing-footer nav a,.expanded-footer nav a{min-height:44px;display:inline-flex;align-items:center}
/* Consistent interiors: directory, quiz, articles, community and partnership. */
.content-page .wrap{max-width:1280px}
.content-page .page-intro{padding:56px 0 42px;max-width:900px}
.content-page .page-intro h1{font-family:inherit;font-weight:600;letter-spacing:-.055em;font-size:clamp(40px,5vw,64px);line-height:1.1}
.content-page .page-intro h1 em{font-family:var(--gc-serif);font-weight:400;color:#61764c}
.content-page .page-intro .eyebrow{color:#825b40}
.content-page .directory-toolbar,.content-page .info-band{background:#e7ebdb;border:1px solid #d9dfc9;border-radius:24px}
.content-page .plant-card,.content-page .guide-card,.content-page .credit-card,.content-page .quiz-card{background:#fffdf6;border-color:#dfdfcf;border-radius:24px;box-shadow:0 8px 18px -17px #3a4d2e40}
.content-page .plant-card img{height:260px}.content-page .plant-card h3{font-family:inherit;font-weight:600;letter-spacing:-.035em;font-size:22px}
.content-page .plant-card-body{padding:25px}.content-page .plant-card .button{margin-top:18px}
.content-page .guide-card h2,.content-page .article-body h2{font-family:var(--gc-serif);font-weight:400}
.content-page .expanded-footer{margin-top:68px;border-top:1px solid #d9ddcb;padding-top:32px}
.content-page .breadcrumbs a{min-height:44px}.content-page .chip{min-height:44px}
@media(hover:hover) and (pointer:fine){.gc-resource:hover{box-shadow:0 12px 28px -20px #35482d60}.gc-resource:hover h4{text-decoration:underline;text-underline-offset:5px}}
@media(max-width:1100px){.gc-home-photo-main{width:27%;left:0;height:420px}.gc-home-photo-small{width:25%;right:0;height:300px}.landing .hero-focused .pf-float-water{right:2%;top:20px;width:180px}.landing .hero-focused .pf-float-leaf{left:2%;width:190px}.gc-home-photo figcaption{font-size:17px}.landing .feature-cards .card{display:block}.landing .feature-cards .help-visual{height:190px}.gc-resource>div{padding:20px}.gc-resource h4{font-size:19px}}
@media(max-width:820px){.landing .hero.hero-focused{padding-top:42px}.landing .hero-focused .pf-composition{max-width:700px;min-height:770px;margin-top:30px}.gc-home-photo-main{width:29%;height:350px;top:90px}.gc-home-photo-small{width:26%;height:260px;top:210px}.gc-home-photo figcaption{padding:12px;font-size:14px}.gc-home-photo figcaption span{font-size:8px}.landing .hero-focused .pf-float-water{top:0;width:168px;right:0}.landing .hero-focused .pf-float-leaf{bottom:65px;left:0;width:185px}.landing .journey{padding:40px 26px}.landing .journey-layout{gap:24px}.gc-resource-grid{gap:14px}.gc-resource>img{height:170px}.gc-resource>div{padding:17px}.gc-resource h4{font-size:18px}.gc-resource p{font-size:13px}.gc-resource-kicker{font-size:8px}.landing .feature-cards{gap:18px}.landing .section-heading{gap:25px}}
@media(max-width:767px){.landing .journey{--journey-mobile-step-space:clamp(220px,38svh,320px)}.landing .journey-visual{background:#f0f1e5}.landing .journey-step h3{font-size:25px}.landing .journey-step{padding-left:25px}.landing .journey-intro h2{font-size:36px}.landing .feature-cards{grid-template-columns:1fr}.landing .feature-cards .help-visual{height:210px}.gc-resource-grid{grid-template-columns:1fr}.gc-resource{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr)}.gc-resource>img{height:100%;min-height:240px}.gc-resource>div{padding:23px}.gc-resource h4{font-size:22px}.gc-resource p{font-size:14px}.gc-resource-kicker{font-size:9px}.landing .app-showcase{padding-top:42px}.landing .community-feed{padding-top:65px}.landing .future-section{gap:26px}}
@media(max-width:580px){
 .brand,.landing .brand{font-size:28px}.landing .hero.hero-focused{padding-top:32px;padding-bottom:30px}
 .landing .hero-focused h1{font-size:clamp(42px,11.3vw,58px);letter-spacing:-.06em;line-height:1.08;margin:22px 0}
 .landing .hero-focused .lead{font-size:15px;line-height:1.85}.landing .hero-focused .hero-actions{gap:10px;flex-direction:column;margin:23px 0 12px}.landing .hero-focused .hero-note{font-size:11px;max-width:300px}
 .landing .hero-focused .pf-composition{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0;padding:0;margin:28px auto 0;max-width:370px}
 .landing .hero-focused .pf-phone{width:min(306px,100%);grid-column:1/-1;grid-row:2;transform:none;margin:8px auto 0}.landing .hero-focused .pf-phone figcaption{transform:none}
 .gc-home-photo{position:relative;top:auto;right:auto;left:auto;bottom:auto;transform:none;width:100%;height:210px;grid-row:1;border-width:4px;border-radius:90px 90px 15px 15px}
 .gc-home-photo-main{grid-column:1}.gc-home-photo-small{grid-column:2;margin-top:22px;height:188px}.gc-home-photo figcaption{font-size:12px;padding:10px}.gc-home-photo figcaption span{font-size:7px;line-height:1.5;margin-top:4px}
 .landing .hero-focused .pf-float-water,.landing .hero-focused .pf-float-leaf{position:relative;top:auto;right:auto;left:auto;bottom:auto;width:auto;grid-row:3;grid-column:auto;min-height:88px;padding:12px 10px;justify-content:start;margin:5px 0 0}
 .landing .hero-focused .pf-float strong{font-size:11px;white-space:normal}.landing .hero-focused .pf-float div>span{font-size:9px}.landing .hero-focused .pf-float small{font-size:9px}.landing .hero-focused .pf-float-icon{display:none!important}
 .landing .hero-focused .pf-arch{inset:270px 0 95px;border-radius:150px 150px 20px 20px}
 .landing .journey{padding:34px 18px;border-radius:25px}.landing .journey-intro h2{font-size:32px}.landing .journey-intro>p{font-size:14px}.landing .journey-intro .journey-disclaimer{font-size:11px}
 .landing .helps-section{padding:52px 0}.landing .section-heading h2{font-size:35px}.landing .section-heading>p{font-size:15px}
 .gc-resources{margin-top:45px}.gc-resource-heading h3{font-size:32px}.gc-resource-heading p{font-size:14px}.gc-resource-grid{gap:22px}.gc-resource{display:flex}.gc-resource>img{height:200px;min-height:0}.gc-resource>div{padding:23px}.gc-resource-kicker{font-size:10px}
 .landing .app-showcase{border-radius:26px}.landing .app-showcase .ap-intro h2{font-size:41px}
 .landing .community-feed .community-heading h2{font-size:37px}.landing .community-feed .community-heading>p{font-size:15px}
 .landing .community-feed .cf-shell{border-radius:24px}.landing .future-intro h2{font-size:34px}
 .landing .final-cta{padding:46px 24px;border-radius:28px}.landing .final-cta h2{font-size:39px}.landing .final-cta>p{font-size:15px}
 .content-page .page-intro{padding:32px 0}.content-page .page-intro h1{font-size:40px}.content-page .page-intro .lead{font-size:16px}.content-page .plant-card img{height:240px}
}
@media(prefers-reduced-motion:reduce){.gc-resource,.button{transition:none}.landing .hero-focused .pf-frame{animation:none!important}}

/* Override the shared header layout inside the product section. */
.landing .app-showcase .ap-intro{display:block;min-height:0}