/* Botanical entry: app cream, sage surfaces and primary leaf green. */
.journey-stage{position:relative;--portal-radius:0px}
.portal-rim{display:none;pointer-events:none}
.journey-stage.is-journey{min-height:100svh;isolation:isolate;overflow:clip}
.is-journey .garden-hero{position:absolute;inset:0;height:100svh;min-height:0;max-height:none}
.is-journey .portal-content{position:relative;z-index:4;min-height:100svh;background:var(--cream);clip-path:circle(var(--portal-radius) at 50% 50svh)}
.is-journey .portal-rim{display:block;position:absolute;z-index:5;left:50%;top:50svh;width:calc(var(--portal-radius)*2);height:calc(var(--portal-radius)*2);transform:translate(-50%,-50%);border:2px solid #fff6df;border-radius:50%;box-shadow:0 0 28px #fff3cb66;visibility:hidden}
.portal-content #care{position:relative}
.nav{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:10;color:#20251d;border-bottom:1px solid #30382722}
.nav .button{background:#faf8eed9;color:#263821;box-shadow:none;border:1px solid #46563e45}
.garden-hero{display:block;width:100%;max-width:none;height:100svh;min-height:700px;max-height:1200px;margin:0;padding:0;overflow:hidden;background:#e4c29d}
.garden-hero .hero-art{position:absolute;inset:0;margin:0;width:100%;height:100%;min-height:0;z-index:0}
.garden-hero .hero-art:after{display:none}
.garden-hero #plant-scene{inset:0;width:100%;height:100%}
.garden-hero .scene-fallback{inset:0;width:100%;height:100%;border-radius:0;object-fit:cover}
.garden-hero .hero-copy{position:relative;z-index:2;margin:0 auto;padding:clamp(145px,19vh,210px) 24px 90px;max-width:1000px;text-align:center;color:#252c23}
.garden-hero .eyebrow{font-size:12px;letter-spacing:.25em;margin-bottom:20px;font-weight:600}
.garden-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(100px,12.8vw,190px);letter-spacing:-.065em;line-height:1.08;margin:0;text-shadow:0 2px 35px #ffe0bc55}
.garden-hero .hero-copy>p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,2.4vw,34px);line-height:1.35;margin:18px auto 32px;letter-spacing:-.025em;max-width:none;text-align:center}
.garden-hero .hero-actions{justify-content:center;margin:0}
.garden-hero .hero-actions .button{border-radius:14px;background:#30462e;color:#fff9ed;box-shadow:0 6px 30px #38392315;font-size:15px;min-height:52px;padding:15px 23px}
.garden-hero .hero-actions .button:hover{background:#42653a}
.garden-hero .hero-bottom{z-index:3;left:48px;right:48px;bottom:28px;color:#fff6e8;font-size:12px;text-shadow:0 1px 9px #15231c}
.garden-hero #motion-toggle{background:#faf8eee8;color:#253322;border-color:#fff9e970;text-shadow:none;font-size:12px}
/* Keep the live garden and portal beneath a quiet, readable cream veil. */
.garden-hero{background:#faf8ee}
.garden-hero .hero-art:after{display:block;content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#faf8eef5 0%,#faf8eec9 38%,#faf8ee55 74%,#e9eddaaa 100%),radial-gradient(ellipse at 50% 35%,#faf8eeed 0%,#faf8ee99 38%,transparent 75%)}
.garden-hero .hero-copy{max-width:1100px;padding:clamp(130px,19vh,210px) 24px 100px;color:var(--ink)}
.garden-hero .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;margin-bottom:28px;border:1px solid #d7dfc8;border-radius:15px;background:#e9edda;color:#4a6b3b;font-size:11px;font-weight:700;letter-spacing:.13em}
.garden-hero .eyebrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.garden-hero h1{font-family:Outfit,'Arial Black',sans-serif;font-size:clamp(56px,7.2vw,104px);font-weight:800;line-height:1.14;letter-spacing:-.015em;word-spacing:.06em;text-shadow:none}
.garden-hero h1 span{color:var(--green)}
.garden-hero .hero-copy>p{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(17px,1.65vw,22px);line-height:1.55;letter-spacing:-.02em;margin:26px auto 28px;color:#596350;max-width:580px}
.garden-hero .hero-actions{gap:16px;flex-wrap:wrap}
.garden-hero .hero-actions .button{background:var(--green);color:#fff;border-radius:18px;padding:18px 26px;min-height:58px;box-shadow:0 5px 0 #34662c18;font-size:16px}
.garden-hero .hero-actions .button:hover{background:#3b7e35}
.hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:58px;padding:16px 23px;border:1px solid #cad5bf;border-radius:18px;background:#faf8eee8;font-size:15px;font-weight:700;color:#344d2c}
.hero-secondary:hover{background:#e9edda}
.hero-features{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;margin-top:26px;color:#53634b;font-size:12px;font-weight:500}
.hero-features span:before{content:'';display:inline-block;width:5px;height:5px;margin-right:8px;vertical-align:middle;background:#4f9847;border-radius:50%}
.garden-hero .hero-bottom{color:#34472c;text-shadow:none}
.garden-hero #motion-toggle{border-color:#cbd6bc;border-radius:14px;background:#faf8eee8}
.nav{border-bottom-color:#d7dfc8}
.nav .button{background:var(--green);color:white;border-color:transparent;border-radius:15px}
@media(max-width:899px){.garden-hero{height:100svh;min-height:720px;max-height:1100px}.garden-hero .hero-copy{padding-top:180px}.garden-hero .hero-bottom{left:24px;right:24px}}
@media(max-width:700px){.nav{width:calc(100% - 40px);height:78px}.nav nav{gap:14px}.garden-hero{min-height:700px}.garden-hero .hero-copy{padding:155px 18px 0}.garden-hero h1{font-size:clamp(90px,25vw,140px)}.garden-hero .eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:20px}.garden-hero .hero-copy>p{font-size:22px;margin:20px auto 28px;max-width:260px}.garden-hero .hero-bottom{bottom:22px}.garden-hero .hero-art{height:100%;min-height:0}.garden-hero .hero-actions .button{font-size:14px}.garden-hero .hero-copy{max-width:none}}
@media(max-width:700px){.garden-hero .hero-copy{padding:130px 20px 90px}.garden-hero h1{font-size:clamp(43px,10vw,68px)}.garden-hero .eyebrow{font-size:9px;letter-spacing:.08em;padding:9px 12px;margin-bottom:24px}.garden-hero .hero-copy>p{font-size:16px;max-width:360px;margin:22px auto}.garden-hero .hero-actions{gap:10px}.garden-hero .hero-actions .button,.hero-secondary{font-size:13px;padding:14px 17px;min-height:50px;gap:12px}.hero-features{font-size:10px;gap:8px 12px;margin-top:22px}.garden-hero .hero-bottom{left:20px;right:20px}}
@media(max-height:720px) and (min-width:701px){.garden-hero .hero-copy{padding-top:110px}.garden-hero h1{font-size:72px}.garden-hero .eyebrow{margin-bottom:18px}.garden-hero .hero-copy>p{margin:18px auto}.hero-features{margin-top:18px}}