/* Hero-only product composition. No shared navigation, section or app-preview rules. */
.hero-focused .pf-composition{position:relative;isolation:isolate;min-width:0;min-height:710px;width:100%;display:grid;place-items:center;padding:15px 0 20px}
.hero-focused .pf-botanical{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hero-focused .pf-arch{position:absolute;left:7%;right:7%;top:90px;height:510px;background:#e1e7d3;border-radius:48% 48% 20px 20px;transform:rotate(5deg)}
.hero-focused .pf-arch:after{content:'';position:absolute;inset:17px;border:1px solid #b9c7a69c;border-radius:inherit}
.hero-focused .pf-branch{position:absolute;width:115px;height:265px;border-right:1px solid #81956d;border-radius:0 70% 0 0;opacity:.7}
.hero-focused .pf-branch-left{left:2%;bottom:73px;transform:rotate(-21deg)}
.hero-focused .pf-branch-right{right:2%;top:51px;transform:rotate(149deg);opacity:.5}
.hero-focused .pf-branch i{display:block;position:absolute;width:54px;height:99px;border:1px solid #879b72;border-radius:100% 0 100% 0;background:#c8d4b479}
.hero-focused .pf-branch i:nth-child(1){right:-1px;top:0;transform:rotate(-16deg)}
.hero-focused .pf-branch i:nth-child(2){right:2px;top:89px;transform:rotate(-52deg)}
.hero-focused .pf-branch i:nth-child(3){right:-43px;top:53px;transform:rotate(28deg);background:#d9e0c3}
.hero-focused .pf-seed{position:absolute;width:11px;height:21px;border-radius:100% 0 100% 0;background:#a6b58c;transform:rotate(25deg)}
.hero-focused .seed-one{left:12%;top:119px}.hero-focused .seed-two{right:11%;bottom:78px;transform:rotate(105deg)}
.hero-focused .pf-phone{position:relative;width:316px;max-width:100%;margin:0;transform:rotate(-3deg);z-index:1}
.hero-focused .pf-frame{position:relative;padding:7px;background:#344e3c;border:1px solid #20392b;border-radius:45px;box-shadow:0 32px 45px -23px #263e3057,0 5px 9px #253d2f17,inset 0 0 0 2px #71806a}
.hero-focused .pf-frame:before,.hero-focused .pf-frame:after{content:'';position:absolute;width:3px;background:#5b6c51;border:1px solid #324a38;box-sizing:border-box;border-radius:3px}
.hero-focused .pf-frame:before{left:-3px;top:119px;height:39px}.hero-focused .pf-frame:after{right:-3px;top:136px;height:58px}
.hero-focused .pf-screen{padding:12px 15px 8px;border:1px solid #ccd3c0;border-radius:37px;overflow:hidden;background:#fbfaf4}
.hero-focused .pf-status{display:flex;align-items:center;justify-content:space-between;height:19px;margin-bottom:16px;font:700 10px/1 ui-sans-serif,system-ui,sans-serif;color:#2b4031}
.hero-focused .pf-camera{position:relative;width:70px;height:18px;background:#263d2e;border-radius:20px;margin-left:20px}
.hero-focused .pf-camera:after{content:'';position:absolute;width:5px;height:5px;border:1px solid #596552;background:#172b24;border-radius:50%;top:6px;right:9px}
.hero-focused .pf-status-icons{display:flex;gap:5px;align-items:center}.hero-focused .pf-signal{display:block;width:3px;height:5px;background:#344e3c;box-shadow:4px -2px #344e3c,8px -4px #344e3c;margin-right:9px}
.hero-focused .pf-battery{display:block;position:relative;width:17px;height:9px;border:1px solid #344e3c;border-radius:2px}.hero-focused .pf-battery:before{content:'';position:absolute;inset:1px 3px 1px 1px;background:#344e3c}.hero-focused .pf-battery:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:3px;background:#344e3c}
.hero-focused .pf-app-brand{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}.hero-focused .pf-app-brand>span:first-child{display:flex;align-items:center;gap:5px;font-size:18px;font-weight:750;letter-spacing:-.055em;color:#2f503a}.hero-focused .pf-app-brand .pf-brand-dot{margin-left:-5px;color:#967750}
.hero-focused .pf-preview-label{font-size:8px;letter-spacing:.1em;border:1px solid #dce2d1;border-radius:5px;padding:4px 6px;color:#617057;font-weight:600;white-space:nowrap}
.hero-focused .pf-greeting p{font-size:11px;line-height:1.5;margin:0 0 4px;color:#63705b}.landing .hero-focused .pf-greeting h2{font-size:29px;line-height:1.15;font-weight:400;letter-spacing:-.045em;margin:0 0 17px;color:#2c4934;text-wrap:initial}.hero-focused .pf-greeting h2 span{color:#9b805b}
.hero-focused .pf-featured{border:1px solid #e0e4d5;border-radius:17px;overflow:hidden;background:#fffef9;box-shadow:0 3px 9px #314b3110}.hero-focused .pf-plant-photo{height:171px;position:relative;overflow:hidden;background:#e7eadf}.hero-focused .pf-plant-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 46%}.hero-focused .pf-room{position:absolute;left:11px;top:11px;background:#fffef4;border:1px solid #eeefe2;padding:4px 9px;border-radius:30px;font-size:10px;color:#506446}
.hero-focused .pf-plant-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px 9px}.hero-focused .pf-plant-title strong{font-size:16px;line-height:1.4;font-weight:650;letter-spacing:-.02em;display:block}.hero-focused .pf-plant-title div>span{font:italic 11px/1.6 Georgia,serif;color:#68735d}
.hero-focused .pf-mini-leaf{display:block;position:relative;width:14px;height:23px;border-radius:100% 0 100% 0;background:#b1c392;transform:rotate(18deg);flex-shrink:0;margin-right:5px}.hero-focused .pf-mini-leaf:after{content:'';position:absolute;width:1px;height:22px;top:4px;left:7px;background:#718554;transform:rotate(28deg)}
.hero-focused .pf-health-line{display:flex;align-items:center;gap:6px;border-top:1px solid #e6ebdd;padding:9px 12px;background:#f0f4e8;font-size:11px;line-height:1.5;color:#48653e}.hero-focused .pf-health-dot{width:5px;height:5px;background:#6b8850;border-radius:50%;flex-shrink:0}.hero-focused .pf-health-line strong{font-weight:650}.hero-focused .pf-health-note{margin-left:auto;font-size:10px;color:#5e7050}
.hero-focused .pf-care-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.hero-focused .pf-care-facts>div{background:#f0f0e3;border:1px solid #e2e4d6;border-radius:12px;padding:11px 10px;min-width:0}.hero-focused .pf-care-facts>div+div{background:#f4eee2;border-color:#e9e2d5}.hero-focused .pf-care-facts dt{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.5;color:#5d6c51;white-space:nowrap}.hero-focused .pf-care-facts dd{margin:7px 0 0;font-size:13px;line-height:1.5;color:#344e38;font-weight:650;letter-spacing:-.02em}.hero-focused .pf-care-facts dd>span{display:block;font-size:9px;line-height:1.7;font-weight:400;color:#65705a;letter-spacing:0;margin-top:1px}
.hero-focused .pf-drop{display:block;width:10px;height:13px;flex-shrink:0;border:1.4px solid #6c8155;border-radius:75% 0 65% 55%;transform:rotate(-45deg);margin:0 2px}.hero-focused .pf-sun{display:block;position:relative;width:10px;height:10px;flex-shrink:0;border:1px solid #9a7c48;border-radius:50%;box-shadow:0 0 0 2px #f4eee2,0 0 0 2.6px #b29a70;margin:0 2px}
.hero-focused .pf-ask{display:flex;align-items:center;gap:9px;min-height:57px;border-radius:12px;border:1px solid #d8e0cb;background:#e8eedc;padding:10px;text-decoration:none;transition:background .2s,box-shadow .2s}.hero-focused .pf-ask:hover{background:#dfe8ce;box-shadow:0 3px 10px #304a3010}.hero-focused .pf-ask-icon{display:grid;place-items:center;width:31px;height:33px;border-radius:9px;background:#fcfdf3;flex-shrink:0}.hero-focused .pf-ask strong{display:block;font-size:12px;font-weight:650;line-height:1.5;color:#344f36}.hero-focused .pf-ask small{display:block;font-size:9px;color:#5c6c50;line-height:1.6}.hero-focused .pf-ask-arrow{margin-left:auto;font-size:17px;color:#5b7549}
.hero-focused .pf-app-nav{display:flex;align-items:center;justify-content:space-around;gap:12px;margin-top:15px;padding-top:10px;border-top:1px solid #e3e7d9;font-size:9px;line-height:1.5;color:#78816d}.hero-focused .pf-app-nav>span{display:flex;align-items:center;gap:5px}.hero-focused .pf-app-nav .pf-nav-current{color:#42643b;font-weight:650}.hero-focused .pf-app-nav i{display:block;width:6px;height:6px;border:1px solid #839373;border-radius:2px}.hero-focused .pf-app-nav .pf-nav-current i{background:#658153;border-color:#658153}.hero-focused .pf-home-indicator{height:3px;width:72px;border-radius:10px;background:#49613e;margin:12px auto 0;opacity:.65}
.hero-focused .pf-phone figcaption{display:flex;justify-content:center;align-items:center;gap:6px;margin:21px 0 0;font-size:10px;line-height:1.7;color:#5a6a4f;text-align:center;transform:rotate(3deg)}.hero-focused .pf-phone figcaption>span{width:5px;height:5px;background:#718754;border-radius:50%;flex-shrink:0}
.hero-focused .pf-float{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #e6e9dc;background:#fffdf5;border-radius:15px;box-shadow:0 12px 30px -17px #263e3052;max-width:205px;animation:pf-float-in 4.5s ease-in-out 1}
.hero-focused .pf-float-icon{display:grid;place-items:center;width:33px;height:37px;flex-shrink:0;border-radius:11px;background:#e9efdd}.hero-focused .pf-float-icon .pf-drop{width:13px;height:17px}.hero-focused .pf-float div>span{display:block;font-size:10px;line-height:1.7;color:#67745c}.hero-focused .pf-float strong{display:block;font-size:12px;line-height:1.7;font-weight:650;color:#344e37;white-space:nowrap}.hero-focused .pf-float small{display:block;font-size:9px;line-height:1.7;color:#68745d}.hero-focused .pf-float-water{right:0;top:116px;transform:rotate(4deg);animation-delay:-1s}.hero-focused .pf-float-health{left:0;top:285px;transform:rotate(-5deg);animation-delay:-2s}.hero-focused .pf-float-leaf{right:0;bottom:34px;transform:rotate(3deg)}.hero-focused .pf-float-leaf .pf-float-icon{background:#f1e9d8}.hero-focused .pf-float-leaf .pf-mini-leaf{margin:0;width:13px;height:24px}.hero-focused .pf-check{width:12px;height:7px;border-left:1.6px solid #67834e;border-bottom:1.6px solid #67834e;transform:rotate(-45deg);margin-top:-3px}
@keyframes pf-float-in{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(min-width:1151px){.landing .hero-focused{gap:42px;grid-template-columns:minmax(0,.94fr) minmax(0,1.1fr)}.hero-focused .hero-signoff{margin-top:28px}.hero-focused .pf-composition{min-height:740px}.hero-focused .pf-float-water{right:0;top:139px}.hero-focused .pf-float-health{left:-5px;top:295px}}
@media(min-width:821px) and (max-width:1150px){.hero-focused .pf-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 10px;min-height:0;padding:20px 0 15px;align-content:center}.hero-focused .pf-phone{grid-column:1/-1;width:302px;transform:rotate(-2deg)}.hero-focused .pf-phone figcaption{transform:rotate(2deg);font-size:9px}.hero-focused .pf-float{position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none;padding:10px;gap:8px;max-width:none;width:100%;min-height:73px;box-shadow:none}.hero-focused .pf-float-health{display:none}.hero-focused .pf-float-icon{width:26px;height:31px}.hero-focused .pf-float strong{font-size:11px;white-space:normal}.hero-focused .pf-float div>span{font-size:9px}.hero-focused .pf-float small{font-size:8px}.hero-focused .pf-arch{left:0;right:0;height:530px;top:70px}.hero-focused .pf-branch-left{left:-35px}.hero-focused .pf-branch-right{right:-25px}}
@media(max-width:820px){.hero-focused .pf-composition{max-width:590px;margin:25px auto 0;min-height:750px}.hero-focused .pf-float-water{right:0;top:119px}.hero-focused .pf-float-health{left:0;top:290px}.hero-focused .pf-float-leaf{bottom:30px;right:0}.hero-focused .pf-arch{height:540px}}
@media(max-width:580px){.landing .hero-focused{padding-bottom:35px}.hero-focused .pf-composition{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;padding:26px 0 0;margin:10px auto 0;max-width:360px}.hero-focused .pf-phone{grid-column:1/-1;width:306px;transform:none;margin-bottom:10px}.hero-focused .pf-screen{padding:13px 14px 9px}.hero-focused .pf-phone figcaption{transform:none;font-size:10px;margin-top:18px}.hero-focused .pf-greeting p{font-size:11px}.landing .hero-focused .pf-greeting h2{font-size:29px}.hero-focused .pf-preview-label{font-size:8px}.hero-focused .pf-care-facts{gap:8px}.hero-focused .pf-care-facts>div{padding:11px 8px}.hero-focused .pf-care-facts dt{font-size:10px;gap:5px}.hero-focused .pf-care-facts dd{font-size:12px}.hero-focused .pf-care-facts dd>span{font-size:9px}.hero-focused .pf-ask small{font-size:9px}.hero-focused .pf-app-nav{font-size:9px;gap:9px}.hero-focused .pf-arch{left:0;right:0;top:100px;height:525px;transform:none;border-radius:170px 170px 25px 25px}.hero-focused .pf-branch-left{left:-44px;bottom:165px;opacity:.5}.hero-focused .pf-branch-right{right:-40px;top:65px;opacity:.4}.hero-focused .seed-one{left:7px;top:38px}.hero-focused .seed-two{right:8px;bottom:192px}.hero-focused .pf-float{position:relative;top:auto;bottom:auto;left:auto;right:auto;max-width:none;width:100%;min-height:85px;transform:none;padding:11px 10px;gap:8px;border-radius:13px;box-shadow:none}.hero-focused .pf-float-icon{width:24px;height:30px;border-radius:8px}.hero-focused .pf-float strong{font-size:11px;line-height:1.6;white-space:normal}.hero-focused .pf-float div>span{font-size:9px;line-height:1.7}.hero-focused .pf-float small{font-size:9px;line-height:1.6}.hero-focused .pf-float-leaf{grid-column:1/-1;justify-content:center;min-height:72px;gap:13px}.hero-focused .pf-float-leaf strong{font-size:12px}.hero-focused .pf-float-leaf .pf-float-icon{width:31px;height:38px}.hero-focused .pf-float-leaf small{font-size:9px}}
@media(max-width:359px){.hero-focused .pf-phone{width:100%;max-width:298px}.hero-focused .pf-screen{padding-left:11px;padding-right:11px}.hero-focused .pf-health-note{font-size:9px}.hero-focused .pf-care-facts dt{font-size:9px}.hero-focused .pf-float{padding:10px 8px;gap:6px}.hero-focused .pf-float-icon{width:21px}.hero-focused .pf-float strong{font-size:10px}.hero-focused .pf-float div>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-focused .pf-float{animation:none!important}.hero-focused .pf-ask{transition:none}}