/* Reference-led hero. All rules are scoped to its editable component. */
.reference-hero{position:relative;isolation:isolate;overflow:visible;padding:43px 0 79px;background:radial-gradient(ellipse at 92% 85%,#deecb9 0%,#deecb900 50%),radial-gradient(ellipse at 8% 94%,#b5e2d0 0%,#b5e2d000 43%),linear-gradient(110deg,#f4f8ed 0%,#f4f8ed 40%,#d1eade 100%);margin-bottom:37px}
.reference-hero-inner{width:min(1100px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:69px;align-items:center}
.reference-hero-copy{position:relative;z-index:3;padding:0 0 6px}
.reference-hero h1{font-family:Manrope,Arial,sans-serif;font-size:57px;letter-spacing:-.055em;line-height:1.025;margin:0 0 20px;font-weight:700;color:#103e32}
.reference-hero h1 span{color:#12855d}
.reference-lead{font-size:18px;line-height:1.45;color:#163e30;letter-spacing:-.025em;margin:0;font-weight:500}
.reference-description{font-size:16px;line-height:1.5;max-width:450px;margin-top:7px;color:#173e31;letter-spacing:-.018em}
.reference-actions{display:flex;align-items:center;gap:20px;margin-top:26px}
.reference-cta{background:#fb7d4e;border:1px solid #f46a40;color:#fff;box-shadow:inset 0 1px 0 #ffffff40,0 5px 10px #da784612;min-height:53px;padding:15px 23px;border-radius:50px;font-size:15px;white-space:nowrap;gap:15px}
.reference-cta:hover{background:#ed7041;transform:translateY(-2px)}
.reference-cta>span{font-size:25px;line-height:.8;font-weight:400;margin-top:-1px}
.reference-price{font-size:12px;line-height:1.35;white-space:nowrap;color:#153b2d}
.reference-price strong{display:block;font-size:24px;line-height:1.3;letter-spacing:-.045em;font-weight:700}
.reference-price strong span{font-size:12px;letter-spacing:0;font-weight:400;margin-left:3px}
.reference-note{font-size:12px;line-height:1.5;margin-top:13px;color:#234b3a;max-width:460px}
.reference-hero-art{position:relative;width:425px;max-width:100%;height:402px;margin:0 auto;z-index:1}
.reference-photo{position:absolute;width:365px;height:365px;left:29px;top:13px;overflow:hidden;border-radius:49% 46% 48% 46%;z-index:2;transform:rotate(-3deg)}
.reference-photo>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:53% 44%;transform:rotate(3deg) scale(1.065)}
.reference-green-shape{position:absolute;width:272px;height:268px;background:#159168;border-radius:45% 44% 54% 45%;right:8px;bottom:35px;transform:rotate(22deg);z-index:0}
.reference-orbit{position:absolute;left:16px;top:14px;width:387px;height:376px;border:1.3px solid #7aa453;border-radius:47% 48% 47% 48%;transform:rotate(-16deg);z-index:3;pointer-events:none}
.reference-botanical{position:absolute;left:-33px;top:127px;width:89px;height:149px;object-fit:contain;transform:rotate(-17deg);z-index:1;pointer-events:none}
.reference-heart{position:absolute;z-index:5;font-family:Arial,sans-serif;line-height:1;font-weight:400;pointer-events:none}
.heart-peach{font-size:31px;color:#e99875;left:182px;top:-14px;transform:rotate(-18deg)}
.heart-coral{font-size:24px;color:#f18460;left:4px;top:112px;transform:rotate(-21deg)}
.heart-green{font-size:24px;color:#88bb55;right:28px;top:5px;transform:rotate(14deg)}
.reference-badge{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;box-shadow:0 8px 18px #23543922;color:#163d31;font-size:13px;line-height:1.3;font-weight:500}
.badge-clock{left:-9px;top:38px;padding:9px 12px;font-size:12px}
.badge-icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#e4f3e5;border-radius:50%;color:#367b59}
.badge-icon svg{width:22px;height:22px}
.badge-health{right:-13px;top:98px;width:83px;padding:12px 8px 10px;flex-direction:column;gap:6px;border-radius:11px;font-size:12px}
.badge-paw{width:42px;height:42px;display:block;color:#f9a978}
.badge-paw svg{width:100%;height:100%}
.badge-love{left:-22px;bottom:66px;padding:10px 14px;font-size:12px;border-radius:11px;gap:9px}
.reference-tiny{position:absolute;z-index:5;bottom:13px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 5px 12px #1b4b3521;color:#2b624c}
.reference-tiny svg{width:26px;height:26px}
.tiny-clipboard{right:61px;bottom:13px}.tiny-pill{right:12px;bottom:25px;width:38px;height:38px}.tiny-pill svg{width:25px;height:25px}
.reference-mini-paw{position:absolute;right:0;top:208px;font-size:27px;color:#79ae75;line-height:1;transform:rotate(20deg);z-index:1}
.reference-benefits{position:absolute;z-index:4;bottom:-36px;left:50%;transform:translateX(-50%);width:min(950px,calc(100% - 80px));min-height:79px;padding:15px 20px;display:grid;grid-template-columns:1fr 1.09fr 1.12fr;border-radius:50px;background:#fff;box-shadow:0 7px 22px #31543d1d;gap:0}
.reference-benefit{display:flex;align-items:center;justify-content:center;gap:11px;padding:0 15px;border-right:1px solid #e1e6df}
.reference-benefit:last-child{border-right:0}.reference-benefit p{line-height:1.35;color:#17392d;font-size:13px;margin:0;white-space:nowrap}.reference-benefit strong{font-weight:600;display:block;font-size:14px}.reference-benefit p>span{display:block;font-size:12px;margin-top:3px}
.benefit-bubble{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;font-family:Arial,sans-serif;font-size:31px;font-weight:400;line-height:1}
.benefit-yellow{background:#ffe3a5;color:#db912d}.benefit-pink{background:#f6cce4;color:#824a70;font-size:29px}.benefit-mint{background:#bde6cd;color:#236b4e;font-size:26px}
@media(min-width:1500px){.reference-hero{padding:51px 0 89px}.reference-hero-inner{width:1140px;gap:80px}.reference-hero h1{font-size:61px}.reference-hero-art{width:445px;height:422px}.reference-photo{width:385px;height:385px}.reference-orbit{width:408px;height:396px}.reference-green-shape{width:292px;height:282px}.badge-health{right:-12px}.reference-benefits{width:970px}.reference-description{max-width:465px}}
@media(max-width:1120px){.reference-hero-inner{width:calc(100% - 64px);gap:32px;grid-template-columns:1.15fr 1fr}.reference-hero h1{font-size:48px}.reference-hero-art{width:365px;height:365px}.reference-photo{width:322px;height:322px;left:22px;top:15px}.reference-orbit{width:343px;height:342px;left:10px;top:14px}.reference-green-shape{width:242px;height:239px;right:0;bottom:29px}.badge-clock{left:-6px;top:40px;font-size:12px;padding:8px 10px}.badge-health{right:-7px;top:93px;width:75px}.badge-love{left:-13px;bottom:64px;padding:9px 11px}.reference-botanical{left:-28px;top:120px;width:79px;height:131px}.heart-peach{left:157px;top:-9px}.heart-green{right:18px;top:8px}.heart-coral{left:-2px;top:117px}.reference-mini-paw{right:-3px;top:190px}.tiny-clipboard{right:55px;bottom:9px}.tiny-pill{right:11px;bottom:24px}.reference-actions{gap:14px;margin-top:23px}.reference-cta{font-size:13px;padding:14px 19px;gap:11px;min-height:49px}.reference-price strong{font-size:22px}.reference-lead{font-size:17px}.reference-description{font-size:15px;max-width:405px}.reference-note{font-size:12px}.reference-benefits{width:calc(100% - 90px);padding:14px 14px;min-height:76px}.reference-benefit{gap:9px;padding:0 11px}.reference-benefit strong{font-size:12px}.reference-benefit p>span{font-size:12px}.benefit-bubble{width:36px;height:36px;font-size:27px}}
@media(max-width:900px) and (min-width:681px){.reference-hero-inner{width:calc(100% - 56px);gap:27px;grid-template-columns:1.08fr 1fr}.reference-hero h1{font-size:40px;line-height:1.06}.reference-lead{font-size:15px}.reference-description{font-size:14px}.reference-actions{gap:11px}.reference-cta{font-size:12px;padding:13px 13px;gap:7px}.reference-cta>span{font-size:21px}.reference-price{font-size:12px}.reference-price strong{font-size:19px}.reference-price strong span{font-size:12px}.reference-hero-art{width:308px;height:317px}.reference-photo{width:271px;height:271px;left:16px;top:21px}.reference-orbit{width:291px;height:291px;left:4px;top:19px}.reference-green-shape{width:201px;height:209px;bottom:22px;right:0}.badge-clock{top:38px;left:-10px;font-size:12px;gap:6px;padding:7px 8px}.badge-icon{width:25px;height:25px}.badge-icon svg{width:18px;height:18px}.badge-health{right:-7px;top:94px;width:63px;padding:9px 6px;font-size:12px}.badge-paw{width:33px;height:33px}.badge-love{left:-11px;bottom:53px;padding:8px 9px;font-size:12px;gap:6px}.reference-botanical{width:65px;height:112px;top:105px;left:-25px}.heart-peach{left:135px;top:0;font-size:25px}.heart-green{right:15px;top:12px;font-size:20px}.heart-coral{left:-9px;top:103px;font-size:20px}.reference-mini-paw{right:-3px;top:172px;font-size:22px}.reference-tiny{width:33px;height:33px}.tiny-clipboard{right:50px;bottom:5px}.tiny-pill{right:10px;bottom:16px}.reference-tiny svg{width:23px;height:23px}.reference-benefits{width:calc(100% - 46px);padding:14px 7px;min-height:71px}.reference-benefit{padding:0 7px;gap:6px}.reference-benefit strong{font-size:12px}.reference-benefit p>span{font-size:12px}.benefit-bubble{width:32px;height:32px;font-size:24px}}
@media(max-width:680px){.reference-hero{padding:34px 0 28px;margin-bottom:0;background:radial-gradient(ellipse at 100% 55%,#deecb9 0%,#deecb900 48%),radial-gradient(ellipse at 0% 83%,#b5e2d0 0%,#b5e2d000 57%),linear-gradient(125deg,#f4f8ed,#edf5e7 48%,#d1eade)}.reference-hero-inner{width:calc(100% - 40px);display:flex;flex-direction:column;gap:24px;align-items:stretch}.reference-hero-copy{padding:0;max-width:430px;margin:0 auto;width:100%}.reference-hero h1{font-size:43px;line-height:1.035;letter-spacing:-.06em;margin:0 0 20px}.reference-lead{font-size:16px;line-height:1.5;letter-spacing:-.022em}.reference-description{font-size:14px;line-height:1.6;margin-top:7px;max-width:370px}.reference-actions{gap:15px;margin-top:23px;align-items:center}.reference-cta{min-height:48px;font-size:12px;padding:13px 17px;gap:11px}.reference-cta>span{font-size:22px}.reference-price{font-size:12px}.reference-price strong{font-size:21px}.reference-price strong span{font-size:12px}.reference-note{font-size:12px;line-height:1.6;margin-top:12px;max-width:330px}.reference-hero-art{width:337px;height:350px;max-width:100%;margin:3px auto 5px}.reference-photo{width:295px;height:295px;left:20px;top:18px}.reference-orbit{width:315px;height:315px;left:8px;top:16px}.reference-green-shape{width:222px;height:227px;right:0;bottom:27px}.badge-clock{left:-4px;top:39px;padding:7px 9px;font-size:12px;gap:6px}.badge-icon{width:27px;height:27px}.badge-icon svg{width:20px;height:20px}.badge-health{right:-1px;top:90px;width:72px;font-size:12px;padding:10px 7px;gap:5px}.badge-paw{width:36px;height:36px}.badge-love{left:-5px;bottom:68px;padding:8px 11px;font-size:12px;gap:7px}.reference-botanical{width:71px;height:125px;left:-18px;top:112px}.heart-peach{left:154px;top:-4px;font-size:27px}.heart-green{right:25px;top:8px;font-size:21px}.heart-coral{left:2px;top:107px;font-size:22px}.reference-mini-paw{right:0;top:187px;font-size:25px}.reference-tiny{width:37px;height:37px}.tiny-clipboard{right:58px;bottom:15px}.tiny-pill{right:16px;bottom:25px;width:34px;height:34px}.reference-tiny svg{width:24px;height:24px}.reference-benefits{position:relative;bottom:auto;left:auto;transform:none;margin:12px auto 0;width:calc(100% - 40px);max-width:430px;display:flex;flex-direction:column;padding:8px 21px;border-radius:26px;gap:0;box-shadow:0 7px 20px #345c371b}.reference-benefit{justify-content:flex-start;border-right:0;border-bottom:1px solid #e5e9e2;padding:13px 0;gap:14px}.reference-benefit:last-child{border-bottom:0}.reference-benefit strong{font-size:14px}.reference-benefit p>span{font-size:12px;margin-top:3px}.benefit-bubble{width:38px;height:38px;font-size:27px}.benefit-pink{font-size:28px}.benefit-mint{font-size:25px}}
@media(max-width:370px){.reference-hero-inner{width:calc(100% - 32px)}.reference-hero h1{font-size:38px}.reference-lead{font-size:15px}.reference-actions{gap:11px}.reference-cta{font-size:12px;padding:13px 13px;gap:8px}.reference-price strong{font-size:19px}.reference-hero-art{width:292px;height:311px}.reference-photo{width:255px;height:255px;left:18px;top:20px}.reference-orbit{width:276px;height:279px;left:7px;top:15px}.reference-green-shape{width:198px;height:196px;bottom:24px}.badge-clock{left:-3px;font-size:12px}.badge-health{right:0;top:87px;width:63px;font-size:12px}.badge-paw{width:32px;height:32px}.badge-love{bottom:53px;left:-3px;font-size:12px;padding:7px 9px}.reference-botanical{left:-14px;width:58px;height:109px;top:111px}.heart-peach{left:139px;top:-2px;font-size:25px}.heart-green{right:17px}.heart-coral{left:1px;top:102px}.reference-mini-paw{top:165px;font-size:20px;right:1px}.reference-tiny{width:33px;height:33px}.tiny-clipboard{right:46px;bottom:8px}.tiny-pill{right:7px;bottom:20px;width:31px;height:31px}.reference-tiny svg{width:22px;height:22px}.reference-benefits{width:calc(100% - 32px);padding:7px 18px}.reference-benefit strong{font-size:13px}.reference-benefit p>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.reference-cta{transition:none}.reference-cta:hover{transform:none}}

.reference-benefit strong{font-size:14px}.reference-benefit p>span{font-size:12px}.reference-badge{font-size:12px}.reference-note{font-size:12px}@media(max-width:900px) and (min-width:681px){.reference-benefit p{white-space:normal}.reference-benefit strong{font-size:12px}.reference-benefit p>span{font-size:12px;line-height:1.35}.reference-benefits{min-height:94px;bottom:-47px}.reference-hero{margin-bottom:48px}.badge-health{width:72px}.reference-badge{font-size:12px}}
.reference-mini-paw{width:27px;height:27px}.reference-mini-paw svg{display:block;width:100%;height:100%}