:root{--mint:#e8f8ee;--mint2:#d9f1e3;--deep:#2f745b;--deep2:#1f5b46;--ink:#224c3d;--muted:#6e897e;--white:#fff}
html,body.hyf-web{margin:0;padding:0;background:var(--mint);color:var(--ink);font-family:Tahoma,Arial,sans-serif}.hyf-web *{box-sizing:border-box}.hyf-shell{width:min(1120px,92%);margin:auto}
.hyf-header{background:var(--mint);border-bottom:1px solid rgba(47,116,91,.08);position:sticky;top:0;z-index:999}.hyf-header-row{min-height:78px;display:grid;grid-template-columns:245px 1fr 92px;align-items:center;gap:16px}.hyf-menu-btn{width:52px;height:52px;border:0;background:transparent;display:none;place-content:center;gap:5px;cursor:pointer;border-radius:16px}.hyf-menu-btn span{display:block;width:27px;height:4px;border-radius:99px;background:var(--deep)}.hyf-brand{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--ink)!important}.hyf-brand img{width:58px;height:58px;object-fit:contain}.hyf-brand b{display:block;font-size:17px}.hyf-brand small{display:block;font-size:9px;color:var(--muted)}.hyf-nav{display:flex;justify-content:center;gap:24px}.hyf-nav a{color:#355e4f!important;text-decoration:none!important;font-size:12px}.hyf-start{background:var(--deep);color:#fff!important;text-decoration:none!important;text-align:center;border-radius:14px;padding:12px 10px;font-size:12px;font-weight:900}.hyf-mobile-backdrop{position:fixed;inset:0;background:rgba(21,59,46,.22);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:.22s;z-index:1000}.hyf-mobile-backdrop.open{opacity:1;pointer-events:auto}.hyf-mobile-panel{position:fixed;top:88px;right:16px;left:16px;max-width:360px;margin-right:auto;background:rgba(255,255,255,.97);border:1px solid rgba(47,116,91,.14);border-radius:28px;padding:16px;box-shadow:0 20px 60px rgba(24,70,52,.18);display:grid;gap:10px;opacity:0;transform:translateY(-10px) scale(.98);pointer-events:none;transition:.22s;z-index:1001}.hyf-mobile-panel.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.hyf-mobile-panel-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 10px}.hyf-mobile-panel-head b{font-size:16px;color:var(--deep2)}.hyf-mobile-close{width:34px;height:34px;border:0;border-radius:12px;background:#e9f4ee;color:var(--deep2);font-size:24px;line-height:1;cursor:pointer}.hyf-mobile-panel a{padding:14px 14px;border-radius:16px;text-decoration:none!important;color:var(--deep2)!important;font-weight:800;background:#f6fbf8}.hyf-mobile-panel a:hover{background:#edf7f1}
.hyf-home-hero{position:relative;overflow:hidden;padding:82px 0 86px;min-height:660px;display:flex;align-items:center}.hyf-hero-center{text-align:center;position:relative;z-index:2}.hyf-hero-stack{max-width:760px;margin:0 auto;position:relative;z-index:3}.hyf-auto-trust{max-width:700px;margin:0 auto 34px;background:rgba(255,255,255,.84);border:1px solid rgba(47,116,91,.08);box-shadow:0 10px 28px rgba(20,70,50,.06);border-radius:24px;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:12px}.hyf-trust-icon{width:38px;height:38px;border-radius:50%;background:var(--deep);color:#fff;display:grid;place-items:center;font-weight:900;flex:0 0 38px}.hyf-auto-trust b,.hyf-auto-trust small{display:block}.hyf-auto-trust b{font-size:15px}.hyf-auto-trust small{font-size:11px;color:var(--muted);margin-top:4px}.hyf-hero-center h1{font-size:clamp(42px,7vw,72px);margin:0 0 12px;color:var(--deep2);letter-spacing:-2px;line-height:1.2;padding-top:4px}.hyf-hero-center h2{font-size:clamp(25px,4vw,39px);margin:0;line-height:1.35;color:#5b947b}.hyf-hero-center>p{font-size:18px;color:#668879;margin:24px 0 0;line-height:1.8}.hyf-organic{position:absolute;width:780px;height:360px;left:50%;bottom:-185px;transform:translateX(-50%);border-radius:50% 50% 0 0;background:radial-gradient(ellipse at center,#c4ead3 0%,#daf2e3 58%,transparent 59%);opacity:.75}
.hyf-main-actions{display:grid;gap:14px;max-width:540px;margin:42px auto 0}.hyf-main-actions button{min-height:66px;border:0;border-radius:22px;background:var(--deep);color:#fff;font:inherit;font-size:21px;font-weight:900;cursor:pointer;box-shadow:0 12px 30px rgba(31,91,70,.12);position:relative;padding:18px 22px}.hyf-main-actions span{margin-right:15px;font-size:28px}.hyf-rich-action{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;font-size:22px}.hyf-rich-action strong{font-size:24px}.hyf-rich-action small{display:block;font-size:14px;font-weight:700;opacity:.88}.hyf-rich-action span{position:absolute;left:28px;top:50%;transform:translateY(-50%);margin:0}
.hyf-feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-28px;position:relative;z-index:4}.hyf-feature-row>a,.hyf-feature-row>button{border:0;text-decoration:none!important;text-align:center;background:rgba(255,255,255,.72);border-radius:25px;padding:28px 20px;color:var(--ink)!important;font:inherit;cursor:pointer;min-height:185px}.hyf-feature-row b,.hyf-feature-row small{display:block}.hyf-feature-row b{font-size:18px;margin:13px 0 8px}.hyf-feature-row small{font-size:12px;color:var(--muted);line-height:1.8}.hyf-icon{width:60px;height:60px;border-radius:50%;background:#d9f1e3;display:grid;place-items:center;margin:auto;color:var(--deep);font-size:27px}
.hyf-app-panel{position:fixed;inset:0;background:rgba(28,68,53,.36);backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;z-index:9999;padding:18px}.hyf-app-panel.open{display:flex}.hyf-panel-card{width:min(520px,100%);max-height:90vh;overflow:auto;background:var(--mint);border-radius:30px;padding:30px;position:relative;box-shadow:0 30px 90px rgba(20,70,50,.22)}.hyf-panel-close{position:absolute;left:16px;top:14px;border:0;background:#d8efe1;color:var(--deep);width:40px;height:40px;border-radius:50%;font-size:27px;cursor:pointer}.hyf-progress{font-size:11px;color:#739080;font-weight:900}.hyf-panel-card h2{font-size:31px;margin:12px 0 8px}.hyf-panel-card>p{font-size:13px;color:var(--muted);line-height:1.8}.hyf-panel-card textarea{width:100%;min-height:130px;border:0;border-radius:19px;background:#fff;padding:14px;outline:0;resize:none;font:inherit}.hyf-chips{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}.hyf-chips button{border:0;background:#d8efe1;color:var(--deep2);border-radius:999px;padding:8px 11px;font:inherit}.hyf-panel-primary,.hyf-panel-secondary{width:100%;min-height:53px;border-radius:18px;font:inherit;font-weight:900;cursor:pointer}.hyf-panel-primary{border:0;background:var(--deep);color:#fff}.hyf-panel-secondary{border:1px solid var(--deep);background:transparent;color:var(--deep);margin-top:10px}.hyf-food-step{display:none}.hyf-food-step.active{display:block}.hyf-food-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.hyf-food-grid button{border:0;border-radius:20px;background:#fff;min-height:88px;color:var(--deep2);font-size:25px;cursor:pointer}.hyf-food-grid b{display:block;font-size:13px;margin-top:5px}.hyf-why{background:#dcefe4;border-radius:16px;padding:12px 13px;font-size:12px;line-height:1.8;color:#58796a}.hyf-example{font-size:11px;color:#73897e;margin:8px 3px 13px}.hyf-back{border:0;background:transparent;color:var(--deep);font:inherit;font-size:12px;font-weight:900;padding:0 0 8px;cursor:pointer}.hyf-result,.hyf-ai-answer{background:#fff;border-radius:18px;padding:13px;margin-top:9px;white-space:pre-line}.hyf-result b,.hyf-result span{display:block}.hyf-result b{color:var(--deep2)}.hyf-result span,.hyf-ai-answer{font-size:12px;color:#5f796d;line-height:1.8}.hyf-ai-answer:empty{display:none}.hyf-specialist-cta{display:block;margin-top:12px;background:var(--deep);color:#fff!important;text-decoration:none!important;border-radius:15px;padding:12px;text-align:center;font-weight:900}
.hyf-page{padding:48px 0 30px;background:var(--mint);min-height:70vh}.hyf-breadcrumb{font-size:11px;color:#779084;margin-bottom:14px}.hyf-breadcrumb a{color:var(--deep);text-decoration:none}.hyf-card{background:rgba(255,255,255,.73);border-radius:28px;padding:clamp(22px,4vw,43px);max-width:930px;margin:auto}.hyf-kicker{display:inline-flex;background:#d7eee0;color:var(--deep);border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900}.hyf-card h1{font-size:clamp(30px,5vw,47px);line-height:1.5}.hyf-status{background:#dcefe4;border-radius:12px;padding:11px 13px;color:#5e7c6e;font-size:11px;line-height:1.8;margin-bottom:25px}.hyf-content{font-size:15px;line-height:2.08;color:#375a4d}.hyf-content img{max-width:100%;height:auto}.hyf-warning{background:#f5eddc;border-right:3px solid #c79d58;border-radius:10px;padding:11px 13px;color:#746e62;font-size:11px;line-height:1.8;margin-top:25px}.hyf-product-img{text-align:center}.hyf-product-img img{width:min(410px,100%);height:auto;border-radius:22px}.hyf-buy{display:flex;justify-content:space-between;gap:24px;background:#d8efe1;border-radius:18px;padding:17px;margin-top:19px}.hyf-buy b,.hyf-buy span{display:block}.hyf-buy a{background:var(--deep);color:#fff!important;text-decoration:none!important;border-radius:14px;padding:11px 15px;font-weight:900}
.hyf-archive-head{text-align:center}.hyf-search{display:flex;max-width:700px;margin:25px auto 32px;background:#fff;border-radius:18px;padding:7px}.hyf-search input{flex:1;border:0;outline:0;padding:11px;font:inherit}.hyf-search button{border:0;background:var(--deep);color:#fff;border-radius:13px;padding:0 21px}.hyf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.hyf-grid article{background:rgba(255,255,255,.72);border-radius:23px;overflow:hidden}.hyf-grid article>a{text-decoration:none!important;color:var(--ink)!important}.hyf-thumb img{width:100%;height:158px;object-fit:cover}.hyf-grid-pad{padding:16px}
.hyf-footer{background:#cfe8d8;margin-top:60px}.hyf-footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.2fr;gap:40px;padding:50px 0 40px}.hyf-footer-grid section>b{display:block;margin-bottom:15px;background:var(--deep);color:#fff;padding:8px 14px;border-radius:16px;width:max-content}.hyf-footer-grid section>a{display:block;color:#3e6d5b!important;text-decoration:none!important;margin:12px 0;font-weight:800}.hyf-footer-brand{display:flex;gap:13px}.hyf-footer-brand img{width:78px;height:78px;object-fit:contain}.hyf-footer-bottom{background:var(--deep);color:#fff;text-align:center;padding:15px}
@media(max-width:900px){.hyf-header-row{grid-template-columns:55px 1fr 78px}.hyf-menu-btn{display:grid}.hyf-nav{display:none}.hyf-brand{justify-self:center}.hyf-brand span{display:none}.hyf-brand img{width:60px;height:60px}.hyf-feature-row{grid-template-columns:1fr}.hyf-grid{grid-template-columns:1fr 1fr}.hyf-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hyf-home-hero{min-height:590px;padding-top:42px}.hyf-auto-trust{align-items:flex-start;text-align:right}.hyf-auto-trust b{font-size:13px}.hyf-auto-trust small{font-size:10px}.hyf-hero-center h1{font-size:42px;line-height:1.25}.hyf-hero-center h2{font-size:28px}.hyf-hero-center>p{font-size:15px}.hyf-main-actions button{font-size:22px;min-height:70px}.hyf-rich-action strong{font-size:20px}.hyf-rich-action small{font-size:12px}.hyf-rich-action span{left:22px}.hyf-mobile-panel{left:12px;right:12px;top:82px}.hyf-grid{grid-template-columns:1fr}.hyf-footer-grid{grid-template-columns:1fr}.hyf-buy{flex-direction:column}.hyf-panel-card{padding:25px 18px}}

/* v1.8 desktop proportions */
@media(min-width:901px){
 .hyf-menu-btn{display:none!important}.hyf-header-row{grid-template-columns:245px minmax(360px,1fr) 92px;gap:22px}.hyf-start{width:92px;justify-self:start;padding:10px 8px}.hyf-nav{gap:19px}.hyf-brand img{width:52px;height:52px}
 .hyf-main-actions{max-width:540px}.hyf-main-actions button{min-height:66px}.hyf-rich-action strong{font-size:19px}.hyf-rich-action small{font-size:11px}
}
.hyf-vector-showcase{margin-top:54px;display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;background:rgba(255,255,255,.46);border-radius:34px;padding:30px 34px}.hyf-vector-copy{text-align:right}.hyf-vector-copy>span{font-size:11px;font-weight:900;color:#65937e}.hyf-vector-copy h2{font-size:32px;line-height:1.55;margin:9px 0 10px;color:var(--deep2)}.hyf-vector-copy p{font-size:13px;line-height:2;color:var(--muted)}.hyf-vector-copy button{border:0;border-radius:16px;background:var(--deep);color:#fff;padding:12px 18px;font:inherit;font-weight:900;cursor:pointer}.hyf-vector-art{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;align-items:end}.hyf-vector-art img{width:100%;display:block;border-radius:24px}.hyf-vector-book{transform:translateY(22px)}
.hyf-boost-step{display:none}.hyf-boost-step.active{display:block}.hyf-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.hyf-choice-grid button,.hyf-choice-stack button{border:0;background:#fff;color:var(--deep2);border-radius:17px;padding:14px 12px;min-height:54px;font:inherit;font-weight:800;cursor:pointer}.hyf-choice-stack{display:grid;gap:9px;margin-top:17px}.hyf-boost-card{background:#fff;border-radius:20px;padding:17px;margin:12px 0}.hyf-boost-card b{display:block;font-size:17px;color:var(--deep2);margin-bottom:7px}.hyf-boost-card p{font-size:12px;line-height:1.9;color:#5f796d;margin:0}.hyf-boost-link{display:inline-flex;margin-top:12px;background:#e1f1e7;color:var(--deep2)!important;text-decoration:none!important;border-radius:13px;padding:9px 12px;font-weight:900;font-size:11px}
@media(max-width:900px){.hyf-vector-showcase{grid-template-columns:1fr;padding:24px;margin-top:32px}.hyf-vector-copy{text-align:center}.hyf-vector-art{max-width:620px;margin:auto}.hyf-header-row{grid-template-columns:55px 1fr 78px}}
@media(max-width:560px){.hyf-vector-showcase{border-radius:25px;padding:18px}.hyf-vector-copy h2{font-size:24px}.hyf-vector-art{grid-template-columns:1fr}.hyf-vector-book{display:none}.hyf-choice-grid{grid-template-columns:1fr 1fr}.hyf-main-actions{max-width:100%}}


/* v1.9 personalized onboarding + visual service flows */
.hyf-onboarding{position:fixed;inset:0;z-index:12000;background:rgba(26,67,51,.34);backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:18px}.hyf-onboarding.open{display:flex}.hyf-onboarding-card{width:min(460px,100%);max-height:92vh;overflow:auto;background:#f2fbf5;border-radius:30px;padding:25px;box-shadow:0 30px 90px rgba(18,61,44,.24);text-align:right}.hyf-onboarding-card>img{width:100%;height:145px;object-fit:cover;border-radius:22px;margin-bottom:14px}.hyf-onboarding-card>span{color:#69917e;font-size:11px;font-weight:900}.hyf-onboarding-card h2{font-size:28px;margin:7px 0}.hyf-onboarding-card>p{font-size:12px;color:var(--muted);line-height:1.9}.hyf-onboarding-card label:not(.hyf-consent){display:block;font-size:12px;font-weight:800;margin-top:13px}.hyf-onboarding-card input[type=text],.hyf-onboarding-card input[type=tel]{width:100%;margin-top:6px;border:0;background:#fff;border-radius:15px;padding:13px 14px;font:inherit;outline:none}.hyf-consent{display:flex!important;align-items:flex-start;gap:8px;font-size:10px!important;color:#6d8278;line-height:1.7;margin:13px 0}.hyf-consent input{margin-top:3px}.hyf-form-error{min-height:20px;color:#a04444;font-size:11px;margin-bottom:5px}
.hyf-hero-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:44px;align-items:center}.hyf-hero-art img{width:100%;max-width:470px;display:block;margin:auto;filter:drop-shadow(0 18px 40px rgba(40,105,78,.08))}.hyf-hero-center{text-align:center}.hyf-main-actions button{display:grid;grid-template-columns:48px 1fr;align-items:center;text-align:right;gap:12px}.hyf-action-icon{width:45px;height:45px;border-radius:14px;background:rgba(255,255,255,.15);display:grid;place-items:center!important;font-size:23px!important;margin:0!important}.hyf-action-copy b,.hyf-action-copy small{display:block}.hyf-action-copy b{font-size:19px}.hyf-action-copy small{font-size:11px;font-weight:600;opacity:.86;margin-top:4px}
.hyf-service-stories{display:grid;gap:20px;padding:60px 0 10px}.hyf-story{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:26px;background:rgba(255,255,255,.64);border-radius:32px;padding:28px 34px;overflow:hidden}.hyf-story.reverse{grid-template-columns:.9fr 1.1fr}.hyf-story.reverse .hyf-story-copy{order:2}.hyf-story.reverse img{order:1}.hyf-story img{width:100%;max-height:250px;object-fit:contain}.hyf-story-copy>span{font-size:11px;font-weight:900;color:#6c957f}.hyf-story-copy h2{font-size:30px;line-height:1.5;margin:8px 0}.hyf-story-copy p{font-size:12px;color:var(--muted);line-height:2;max-width:580px}.hyf-story-copy button,.hyf-story-copy a{display:inline-flex;border:0;background:var(--deep);color:#fff!important;text-decoration:none!important;border-radius:15px;padding:11px 17px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.hyf-flow-intro{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;background:rgba(255,255,255,.72);border-radius:22px;padding:12px;margin:0 0 18px}.hyf-flow-intro img{width:120px;height:88px;object-fit:cover;border-radius:16px}.hyf-flow-intro b{font-size:18px;color:var(--deep2)}.hyf-flow-intro p{font-size:11px;line-height:1.8;color:var(--muted);margin:5px 0 0}.hyf-page-hello{display:grid;grid-template-columns:220px 1fr;gap:25px;align-items:center;background:rgba(255,255,255,.64);border-radius:28px;padding:22px;margin-bottom:28px}.hyf-page-hello img{width:100%;height:160px;object-fit:contain}.hyf-page-hello span{font-size:11px;color:#6c957f;font-weight:900}.hyf-page-hello h2{font-size:28px;margin:5px 0}.hyf-page-hello p{font-size:12px;line-height:1.9;color:var(--muted)}
.hyf-multi-grid button{position:relative;padding-left:34px}.hyf-multi-grid button:after{content:'+';position:absolute;left:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:8px;background:#e1f1e7;color:var(--deep);display:grid;place-items:center;font-weight:900}.hyf-multi-grid button.selected{background:var(--deep);color:#fff}.hyf-multi-grid button.selected:after{content:'✓';background:#fff;color:var(--deep)}.hyf-next-select{margin-top:14px}.hyf-next-select:disabled{opacity:.42;cursor:not-allowed}.hyf-music-list{display:grid;gap:9px;margin-top:13px}.hyf-music-list a{display:block;background:#edf7f1;border-radius:15px;padding:12px;text-decoration:none!important;color:var(--deep2)!important}.hyf-music-list a b,.hyf-music-list a small,.hyf-music-list a span{display:block}.hyf-music-list a small{font-size:10px;color:#6b8176;margin:4px 0}.hyf-music-list a span{font-size:10px;font-weight:900;color:var(--deep)}
@media(max-width:900px){.hyf-hero-layout{grid-template-columns:1fr}.hyf-hero-art{display:none}.hyf-story,.hyf-story.reverse{grid-template-columns:1fr}.hyf-story.reverse .hyf-story-copy,.hyf-story.reverse img{order:initial}.hyf-story img{max-height:210px}.hyf-page-hello{grid-template-columns:1fr;text-align:center}.hyf-page-hello img{height:130px}.hyf-flow-intro{grid-template-columns:90px 1fr}.hyf-flow-intro img{width:90px;height:75px}}
@media(max-width:560px){.hyf-service-stories{padding-top:35px}.hyf-story{padding:20px;border-radius:25px}.hyf-story-copy h2{font-size:24px}.hyf-flow-intro{grid-template-columns:1fr;text-align:center}.hyf-flow-intro img{width:100%;height:105px}.hyf-action-copy b{font-size:18px}.hyf-action-copy small{font-size:10px}.hyf-onboarding-card>img{height:120px}}

/* v2.0 memory profile */
.hyf-onboard-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hyf-onboarding-card select{width:100%;border:0;border-radius:16px;background:#fff;padding:13px;font:inherit;color:var(--ink);outline:0}.hyf-return-card{background:linear-gradient(145deg,#fff,#edf8f2);border:1px solid rgba(47,116,91,.12);border-radius:20px;padding:14px;margin:12px 0 18px}.hyf-return-card>span{font-size:10px;font-weight:900;color:var(--deep)}.hyf-return-card p{font-size:12px;line-height:1.85;color:#5f796d;margin:5px 0 10px}.hyf-return-card>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hyf-return-card>div button{border:0;border-radius:13px;padding:10px 8px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.hyf-return-card>div button:first-child{background:var(--deep);color:#fff}.hyf-return-card>div button:last-child{background:#dcefe4;color:var(--deep2)}.hyf-forget-link{border:0;background:transparent;color:#8a5a55;font:inherit;font-size:10px;margin-top:9px;cursor:pointer;padding:0}
@media(max-width:560px){.hyf-onboard-row{grid-template-columns:1fr}.hyf-return-card>div{grid-template-columns:1fr}}


/* v2.1 real chat surface */
.hyf-chat-panel{padding:14px}.hyf-chat-card{width:min(760px,100%);height:min(86vh,760px);max-height:86vh;padding:0!important;overflow:hidden!important;background:#edf8f2;display:flex;flex-direction:column;border:1px solid rgba(47,116,91,.12)}
.hyf-chat-head{height:72px;flex:0 0 72px;display:flex;align-items:center;gap:10px;padding:11px 18px;border-bottom:1px solid rgba(47,116,91,.1);background:rgba(255,255,255,.72);position:relative}.hyf-chat-head .hyf-panel-close{position:static;margin-left:auto;order:3}.hyf-chat-head img{width:46px;height:46px;object-fit:contain}.hyf-chat-head b,.hyf-chat-head small{display:block}.hyf-chat-head b{font-size:16px;color:var(--deep2)}.hyf-chat-head small{font-size:10px;color:var(--muted);margin-top:2px}
.hyf-chat-return{margin:auto;width:min(570px,calc(100% - 30px));background:#fff;border-radius:26px;padding:26px;text-align:center;box-shadow:0 14px 42px rgba(30,86,64,.08)}.hyf-chat-return>span{font-size:11px;color:#6c927f;font-weight:900}.hyf-chat-return h2{font-size:28px;margin:8px 0 9px;color:var(--deep2)}.hyf-chat-return h2 strong{font-weight:900}.hyf-chat-return p{font-size:13px;line-height:1.9;color:#667f73;margin:0 auto 18px;max-width:450px}.hyf-chat-return-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hyf-chat-return-actions button{min-height:54px;border:0;border-radius:17px;font:inherit;font-weight:900;cursor:pointer}.hyf-chat-return-actions button:first-child{background:var(--deep);color:#fff}.hyf-chat-return-actions button:last-child{background:#dcefe4;color:var(--deep2)}
.hyf-chat-shell{min-height:0;flex:1;display:flex;flex-direction:column}.hyf-chat-thread{flex:1;min-height:0;overflow:auto;padding:22px 22px 12px;scroll-behavior:smooth}.hyf-chat-row{display:flex;gap:8px;align-items:flex-end;margin:8px 0}.hyf-chat-row.user{justify-content:flex-start;direction:ltr}.hyf-chat-row.assistant{justify-content:flex-end;direction:rtl}.hyf-chat-avatar{width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:0 0 32px;box-shadow:0 3px 10px rgba(35,92,70,.08)}.hyf-chat-avatar img{width:27px;height:27px;object-fit:contain}.hyf-chat-bubble{max-width:min(78%,560px);padding:12px 15px;border-radius:20px;font-size:14px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;text-align:right;direction:rtl}.hyf-chat-row.user .hyf-chat-bubble{background:var(--deep);color:#fff;border-bottom-left-radius:6px}.hyf-chat-row.assistant .hyf-chat-bubble{background:#fff;color:#36594b;border-bottom-right-radius:6px;box-shadow:0 5px 18px rgba(34,88,67,.055)}.hyf-chat-specialist{display:block;margin-top:10px;border-radius:13px;background:#dcefe4;color:var(--deep2)!important;text-decoration:none!important;padding:9px 11px;font-size:11px;font-weight:900;text-align:center}
.hyf-chat-typing{display:flex;align-items:center;gap:4px;padding:0 22px 8px;color:#71897e;font-size:10px}.hyf-chat-typing span{width:6px;height:6px;border-radius:50%;background:#6e9583;animation:hyfDot 1.1s infinite}.hyf-chat-typing span:nth-child(2){animation-delay:.15s}.hyf-chat-typing span:nth-child(3){animation-delay:.3s}.hyf-chat-typing em{font-style:normal;margin-right:5px}@keyframes hyfDot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.hyf-chat-composer{flex:0 0 auto;display:grid;grid-template-columns:1fr 52px;gap:9px;align-items:end;padding:11px 14px 14px;background:rgba(255,255,255,.82);border-top:1px solid rgba(47,116,91,.09)}.hyf-chat-composer textarea{min-height:48px!important;max-height:120px!important;border:1px solid rgba(47,116,91,.12)!important;border-radius:18px!important;padding:13px 14px!important;resize:none!important;background:#fff!important;font-size:14px!important;line-height:1.7}.hyf-chat-composer button{width:52px;height:48px;border:0;border-radius:16px;background:var(--deep);color:#fff;font-size:22px;cursor:pointer;transform:scaleX(-1)}.hyf-chat-composer button:disabled{opacity:.55}
@media(max-width:560px){.hyf-chat-panel{padding:0}.hyf-chat-card{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.hyf-chat-head{height:66px;flex-basis:66px;padding:9px 12px}.hyf-chat-return{padding:22px 16px}.hyf-chat-return h2{font-size:23px}.hyf-chat-return-actions{grid-template-columns:1fr}.hyf-chat-thread{padding:16px 12px 8px}.hyf-chat-bubble{max-width:86%;font-size:14px}.hyf-chat-composer{padding:9px 10px 10px;grid-template-columns:1fr 48px}.hyf-chat-composer button{width:48px;height:46px}.hyf-chat-head img{width:42px;height:42px}}


/* ===== v2.2 unified app shell ===== */
:root{--hyf-deep:#2f7d60;--hyf-deep2:#1f654b;--hyf-lime:#91ab19;--hyf-mint:#e9f8ef;--hyf-paper:#fff;}
html,body.hyf-web{font-family:'Vazirmatn','Peyda','IRANSansX',Tahoma,sans-serif!important;font-feature-settings:'ss01';}
body.hyf-web{padding-bottom:92px}
.hyf-web button,.hyf-web input,.hyf-web textarea,.hyf-web select{font-family:inherit!important}

/* Profile drawer */
.hyf-drawer-backdrop{position:fixed;inset:0;background:rgba(12,34,26,.44);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.25s;z-index:9998}.hyf-drawer-backdrop.open{opacity:1;pointer-events:auto}
.hyf-profile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(390px,86vw);background:#fff;z-index:9999;transform:translateX(105%);transition:.28s cubic-bezier(.22,.8,.3,1);box-shadow:-20px 0 60px rgba(17,56,42,.18);overflow:auto;display:flex;flex-direction:column}.hyf-profile-drawer.open{transform:translateX(0)}
.hyf-drawer-profile{background:linear-gradient(180deg,#2f7d60,#91ab19);padding:25px 24px 30px;color:#fff;display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center;position:relative}.hyf-drawer-close{position:absolute;left:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:25px;cursor:pointer}.hyf-profile-avatar{width:62px;height:62px;border-radius:50%;border:2px solid rgba(255,255,255,.85);display:grid;place-items:center;font-size:40px;color:#d8efa1;background:rgba(255,255,255,.12)}.hyf-profile-copy b,.hyf-profile-copy span{display:block}.hyf-profile-copy b{font-size:20px}.hyf-profile-copy span{font-size:14px;margin-top:4px}.hyf-drawer-subscribe{grid-column:1/-1;border:2px solid rgba(255,255,255,.85);border-radius:15px;text-decoration:none!important;color:#fff!important;text-align:center;padding:12px;font-weight:800;margin-top:8px}
.hyf-drawer-menu{padding:28px 24px 90px}.hyf-drawer-menu>a{display:flex;align-items:center;justify-content:space-between;padding:14px 6px;color:#1f3029!important;text-decoration:none!important;font-size:16px}.hyf-drawer-menu>a span{color:#799087;font-size:23px}.hyf-drawer-menu hr{border:0;border-top:1px solid #d9dedb;margin:8px 0}.hyf-logout{width:100%;text-align:right;padding:16px 6px;border:0;background:transparent;color:#d33;font:inherit;font-weight:700;cursor:pointer}.hyf-drawer-version{display:block;text-align:center;color:#8b8f8d;margin-top:auto;padding:17px;background:#f5f6f5}

/* Fixed dock */
.hyf-bottom-dock{position:fixed;z-index:9500;left:50%;bottom:10px;transform:translateX(-50%);width:min(520px,calc(100% - 22px));height:72px;border:1px solid rgba(47,125,96,.12);background:rgba(255,255,255,.94);backdrop-filter:blur(16px);box-shadow:0 12px 40px rgba(22,67,51,.17);border-radius:24px;display:grid;grid-template-columns:repeat(3,1fr);padding:7px}.hyf-bottom-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none!important;color:#52665d!important;border-radius:18px;gap:2px}.hyf-bottom-dock a:hover{background:#edf7f1;color:var(--deep)!important}.hyf-dock-icon{font-size:24px;line-height:1}.hyf-bottom-dock b{font-size:11px;font-weight:700}

/* Install banner only in browser, not standalone app */
.hyf-install-banner{position:fixed;z-index:9499;left:50%;bottom:91px;transform:translateX(-50%);width:min(620px,calc(100% - 24px));min-height:74px;background:#fff7eb;border:1px solid #f0dfca;box-shadow:0 8px 30px rgba(42,52,47,.12);border-radius:22px;padding:10px 13px;display:grid;grid-template-columns:34px 50px 1fr auto;align-items:center;gap:10px}.hyf-install-banner[hidden]{display:none!important}.hyf-install-banner img{width:50px;height:50px;object-fit:contain}.hyf-install-banner b,.hyf-install-banner small{display:block}.hyf-install-banner b{font-size:15px}.hyf-install-banner small{font-size:10px;color:#7e817e;margin-top:3px}.hyf-install-btn{border:0;border-radius:14px;background:var(--deep);color:#fff;padding:11px 14px;font-weight:800;cursor:pointer}.hyf-install-close{border:0;background:transparent;font-size:25px;color:#60645f;cursor:pointer}
@media(display-mode:standalone){.hyf-install-banner{display:none!important}}

/* Soft subscription prompt */
.hyf-sub-modal{position:fixed;inset:0;background:rgba(19,31,27,.63);backdrop-filter:blur(8px);z-index:12000;display:none;place-items:center;padding:20px}.hyf-sub-modal.open{display:grid}.hyf-sub-modal-card{width:min(540px,100%);background:#fff;border-radius:30px;padding:30px 26px;text-align:center;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.28)}.hyf-sub-close{position:absolute;left:18px;top:18px;width:38px;height:38px;border:1px solid #e1e4e2;background:#fff;border-radius:50%;font-size:24px;cursor:pointer}.hyf-crown,.hyf-big-crown{font-size:70px;line-height:1;color:#d9a72d}.hyf-sub-modal-card h2{font-size:25px;margin:10px 0}.hyf-sub-modal-card p{line-height:2;color:#68756f}.hyf-sub-primary,.hyf-sub-later{display:block;width:100%;border-radius:17px;padding:14px;font:inherit;font-weight:800}.hyf-sub-primary{background:var(--deep);color:#fff!important;text-decoration:none!important}.hyf-sub-later{border:0;background:transparent;color:#64736c;margin-top:7px;cursor:pointer}

/* Subscription page */
.hyf-subscription-main{background:#f6f7f6;min-height:100vh;padding:36px 0 130px}.hyf-sub-wrap{max-width:680px}.hyf-sub-back{color:#24352d;text-decoration:none!important;font-weight:700}.hyf-sub-hero{text-align:center;padding:18px 0 25px}.hyf-sub-hero h1{font-size:38px;margin:5px 0}.hyf-sub-hero p{color:#65746d;line-height:1.9}.hyf-plan-box{background:#fff;border:2px solid #39925d;border-radius:23px;overflow:hidden}.hyf-plan-row{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:10px;padding:22px 20px;border-bottom:1px solid #e5e8e6;cursor:pointer;position:relative}.hyf-plan-row:last-child{border-bottom:0}.hyf-plan-row input{position:absolute;opacity:0}.hyf-radio{width:25px;height:25px;border:2px solid #8b928e;border-radius:50%}.hyf-plan-row.selected .hyf-radio:after{content:'';display:block;width:13px;height:13px;background:#29914e;border-radius:50%;margin:4px}.hyf-plan-row b{font-size:18px}.hyf-plan-row em{background:#ef2d2d;color:#fff;border-radius:7px;padding:3px 7px;font-style:normal;font-size:11px}.hyf-plan-row strong{font-size:16px;white-space:nowrap}.hyf-plan-row strong small{font-weight:500}.hyf-benefits-title{text-align:center;font-size:28px;margin:38px 0 18px}.hyf-benefits{display:grid;gap:10px}.hyf-benefits article{display:flex;align-items:center;gap:15px;background:#fff;border-radius:20px;padding:18px;box-shadow:0 5px 25px rgba(21,60,44,.05)}.hyf-benefits article>span{width:58px;height:58px;border-radius:15px;background:#e7f5eb;display:grid;place-items:center;font-size:27px}.hyf-benefits b{font-size:17px}.hyf-benefits p{margin:4px 0 0;color:#64736c;font-size:12px}.hyf-buy-sub{position:sticky;bottom:94px;width:100%;border:0;border-radius:23px;background:linear-gradient(90deg,#248740,#9aad12);color:#fff;padding:17px;font:inherit;font-weight:800;font-size:18px;margin-top:24px;box-shadow:0 12px 32px rgba(53,126,75,.22);cursor:pointer}.hyf-payment-note{text-align:center;color:#b14d3e;font-size:12px}

/* Make desktop header/action sizing calmer */
@media(min-width:901px){.hyf-header-row{grid-template-columns:48px 220px minmax(420px,1fr) 92px}.hyf-start{width:92px;justify-self:end}.hyf-main-actions{max-width:560px}.hyf-main-actions button{min-height:68px}.hyf-hero-layout{max-width:1180px}.hyf-bottom-dock{bottom:16px}.hyf-install-banner{bottom:99px}}
@media(max-width:600px){body.hyf-web{padding-bottom:88px}.hyf-bottom-dock{bottom:7px;height:70px;border-radius:22px}.hyf-install-banner{bottom:84px;grid-template-columns:28px 44px 1fr auto;padding:9px}.hyf-install-banner img{width:44px;height:44px}.hyf-install-banner small{display:none}.hyf-install-btn{padding:9px 11px;font-size:11px}.hyf-profile-drawer{width:88vw}.hyf-plan-row{grid-template-columns:26px 1fr auto;padding:19px 15px}.hyf-plan-row em{position:absolute;top:7px;left:12px}.hyf-plan-row strong{grid-column:2/-1;color:#505d57;font-size:14px}.hyf-sub-hero h1{font-size:32px}}


/* =========================================================
   v2.3 visual unification — mint wellness system
   ========================================================= */
:root{
  --hyf-nav:#153f34;
  --hyf-nav-2:#205a49;
  --hyf-nav-active:#ecfaf2;
  --hyf-nav-line:#63b68d;
  --hyf-panel:#f3fff7;
  --hyf-card:#ffffff;
  --hyf-soft:#dff3e7;
  --hyf-shadow:0 18px 48px rgba(18,69,51,.13);
}

/* all main surfaces share the same visual language */
.hyf-page,
.hyf-subscription-main{
  background:
    radial-gradient(circle at 10% 8%,rgba(111,190,151,.12),transparent 30%),
    radial-gradient(circle at 88% 18%,rgba(235,184,86,.08),transparent 25%),
    linear-gradient(180deg,#eefbf3 0%,#e4f6eb 100%)!important;
}
.hyf-card,
.hyf-grid article,
.hyf-plan-box,
.hyf-benefits article,
.hyf-search{
  border:1px solid rgba(38,115,87,.09)!important;
  box-shadow:0 14px 40px rgba(19,67,50,.07)!important;
}
.hyf-card{
  background:rgba(255,255,255,.91)!important;
  border-radius:32px!important;
}
.hyf-grid article{
  background:rgba(255,255,255,.91)!important;
  border-radius:24px!important;
}
.hyf-grid-pad h2,
.hyf-card h1,
.hyf-archive-head h1{
  color:#173f34!important;
}
.hyf-kicker,
.hyf-status{
  background:#e1f4e8!important;
  color:#26664f!important;
}
.hyf-search{
  background:#fff!important;
  border-radius:22px!important;
}
.hyf-search button,
.hyf-buy a,
.hyf-panel-primary,
.hyf-sub-primary{
  background:linear-gradient(135deg,#2c7a5d,#1f5c49)!important;
  box-shadow:0 8px 20px rgba(31,92,73,.16)!important;
}
.hyf-buy{
  background:linear-gradient(135deg,#e1f4e8,#edf9f2)!important;
  border:1px solid rgba(47,125,96,.08)!important;
  border-radius:22px!important;
}
.hyf-warning{
  background:#fff8e9!important;
  border-right-color:#e1b457!important;
  border-radius:16px!important;
}

/* panel / app screens */
.hyf-app-panel{
  background:rgba(13,54,41,.40)!important;
  backdrop-filter:blur(10px)!important;
}
.hyf-panel-card{
  background:
    radial-gradient(circle at 86% 8%,rgba(120,199,159,.14),transparent 24%),
    linear-gradient(180deg,#f3fff7,#e8f8ee)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 28px 90px rgba(11,52,38,.28)!important;
  border-radius:34px!important;
}
.hyf-flow-intro{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(47,125,96,.07)!important;
  box-shadow:0 8px 28px rgba(27,79,60,.05)!important;
  border-radius:26px!important;
}
.hyf-food-grid button,
.hyf-choice-grid button,
.hyf-choice-stack button{
  background:#fff!important;
  border:1px solid rgba(43,116,87,.09)!important;
  box-shadow:0 7px 22px rgba(25,75,56,.045)!important;
  transition:.18s ease!important;
}
.hyf-food-grid button:hover,
.hyf-choice-grid button:hover,
.hyf-choice-stack button:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(43,116,87,.23)!important;
}
.hyf-choice-grid button.selected,
.hyf-choice-stack button.selected,
[data-boost-mood].selected,
[data-boost-genre].selected{
  background:#e4f6eb!important;
  color:#1b5f49!important;
  border:2px solid #2f7d60!important;
  box-shadow:0 8px 22px rgba(47,125,96,.10)!important;
}
.hyf-panel-close{
  background:#dff3e7!important;
  border:1px solid rgba(47,125,96,.08)!important;
}

/* subscription also uses the same visual system */
.hyf-subscription-main{padding-bottom:145px!important}
.hyf-plan-box{
  background:rgba(255,255,255,.94)!important;
  border-color:#2f7d60!important;
  border-radius:28px!important;
}
.hyf-plan-row.selected{
  background:#effaf3!important;
}
.hyf-buy-sub{
  background:linear-gradient(135deg,#1d634d,#2f7d60)!important;
  box-shadow:0 14px 34px rgba(29,99,77,.24)!important;
}

/* install banner now belongs to the same palette */
.hyf-install-banner{
  background:linear-gradient(135deg,#f8fffb,#e9f8ef)!important;
  border:1px solid rgba(47,125,96,.18)!important;
  box-shadow:0 12px 34px rgba(18,63,49,.17)!important;
}
.hyf-install-btn{
  background:linear-gradient(135deg,#2d7a5d,#1e5b47)!important;
}

/* New fixed bottom dock: dark, distinct from every page background */
.hyf-bottom-dock{
  background:linear-gradient(135deg,var(--hyf-nav),var(--hyf-nav-2))!important;
  border:1px solid rgba(126,214,172,.26)!important;
  box-shadow:
    0 16px 42px rgba(9,45,34,.30),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(18px)!important;
  padding:7px!important;
  border-radius:26px!important;
}
.hyf-bottom-dock a{
  color:#e9fff3!important;
  border-radius:19px!important;
  opacity:.82;
  transition:.18s ease!important;
  position:relative;
}
.hyf-bottom-dock a:hover,
.hyf-bottom-dock a.active{
  background:var(--hyf-nav-active)!important;
  color:#19503e!important;
  opacity:1!important;
  box-shadow:0 5px 15px rgba(5,36,27,.18)!important;
}
.hyf-bottom-dock a.active:before{
  content:'';
  width:24px;
  height:3px;
  border-radius:99px;
  background:#3aa979;
  position:absolute;
  top:4px;
}
.hyf-dock-icon{
  width:32px!important;
  height:30px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  color:inherit!important;
  font-size:22px!important;
}
.hyf-bottom-dock b{
  color:inherit!important;
  font-size:11.5px!important;
  letter-spacing:-.1px;
}

/* footer separated from the dock and uses a deeper tint */
.hyf-footer{
  background:linear-gradient(180deg,#d9efe2,#cbe7d6)!important;
  border-top:1px solid rgba(39,104,80,.09)!important;
}
.hyf-footer-bottom{
  background:#1b5141!important;
}

/* responsive refinements */
@media(max-width:600px){
  body.hyf-web{padding-bottom:96px!important}
  .hyf-bottom-dock{
    width:calc(100% - 20px)!important;
    height:72px!important;
    bottom:8px!important;
    border-radius:24px!important;
  }
  .hyf-bottom-dock a{gap:1px!important}
  .hyf-install-banner{bottom:89px!important}
  .hyf-panel-card{border-radius:30px!important}
  .hyf-card{border-radius:26px!important}
}


/* v2.3.1 persistent web install strip */
.hyf-install-banner{
  display:grid!important;
  background:linear-gradient(135deg,#fffaf1 0%,#f2fff7 100%)!important;
  border:1px solid rgba(30,91,71,.18)!important;
  box-shadow:0 12px 36px rgba(10,48,37,.20)!important;
  z-index:9600!important;
}
.hyf-install-banner[hidden]{display:none!important}
.hyf-install-banner b{color:#183f34!important}
.hyf-install-banner small{color:#6c7e76!important}
.hyf-install-btn{background:linear-gradient(135deg,#1e5d49,#2f8060)!important;color:#fff!important;white-space:nowrap}
.hyf-install-close{width:32px;height:32px;border-radius:50%!important;background:#e4f5eb!important;color:#2a6c54!important;display:grid;place-items:center;padding:0!important}
.hyf-install-help{position:fixed;inset:0;z-index:12000;background:rgba(10,46,35,.46);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:18px}
.hyf-install-help.open{display:flex}
.hyf-install-help-card{width:min(420px,100%);background:#f3fff7;border-radius:30px;padding:28px 22px 22px;text-align:center;box-shadow:0 28px 90px rgba(7,43,31,.28);position:relative;border:1px solid rgba(255,255,255,.8)}
.hyf-install-help-close{position:absolute;left:15px;top:15px;width:38px;height:38px;border:0;border-radius:50%;background:#dff3e7;color:#24674f;font-size:25px}
.hyf-install-help-icon{width:70px;height:70px;margin:4px auto 12px;border-radius:22px;background:#dff3e7;color:#23674e;display:grid;place-items:center;font-size:38px}
.hyf-install-help-card h3{margin:8px 0 10px;color:#173f34;font-size:23px}
.hyf-install-help-card p{margin:0 0 18px;color:#5f786d;line-height:2;font-size:14px}
.hyf-install-help-ok{width:100%;border:0;border-radius:17px;background:linear-gradient(135deg,#1e5d49,#2f8060);color:#fff;padding:13px;font:inherit;font-weight:800}
@media(max-width:600px){
 .hyf-install-banner{bottom:88px!important;min-height:68px!important;border-radius:20px!important}
 .hyf-install-banner small{display:block!important;font-size:9px!important;line-height:1.4}
}
@media(display-mode:standalone){.hyf-install-banner{display:none!important}}


/* ==========================================================
   v2.4 APPROVED WEB — locked to approved cream / scenic mockup
   ========================================================== */
:root{
 --approved-cream:#fffaf1;
 --approved-paper:#fffef9;
 --approved-green:#0f5847;
 --approved-green2:#2d765e;
 --approved-mint:#e7f3e9;
 --approved-gold:#b9853b;
 --approved-ink:#173d34;
 --approved-muted:#667a70;
 --approved-shadow:0 14px 38px rgba(58,71,55,.11);
}
body.hyf-web{background:var(--approved-cream)!important;color:var(--approved-ink)!important}
.hyf-approved-home{background:var(--approved-cream)!important;padding-bottom:40px}
.hyf-approved-header{position:relative!important;top:auto!important;background:transparent!important;border:0!important;padding:14px 0 0;z-index:950}
.hyf-approved-nav{height:62px;background:rgba(255,255,255,.95);border:1px solid rgba(42,81,61,.06);box-shadow:0 8px 28px rgba(71,75,61,.10);border-radius:19px;display:grid;grid-template-columns:260px 1fr 210px;align-items:center;padding:0 17px;gap:20px}
.hyf-approved-brand{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--approved-ink)!important}.hyf-approved-brand img{width:55px;height:55px;object-fit:contain}.hyf-approved-brand span{display:block;line-height:1.25}.hyf-approved-brand b{display:block;font-size:18px}.hyf-approved-brand small{display:block;font-size:9px;color:#60736a;margin-top:3px}
.hyf-approved-nav>nav{display:flex;align-items:center;justify-content:center;gap:31px;height:100%}.hyf-approved-nav>nav a{height:100%;display:flex;align-items:center;color:#385a4e!important;text-decoration:none!important;font-weight:600;font-size:12px;position:relative}.hyf-approved-nav>nav a.active{color:var(--approved-green)!important}.hyf-approved-nav>nav a.active:after{content:'';position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:28px;height:3px;border-radius:99px;background:#17705b}
.hyf-approved-actions{display:flex;direction:ltr;align-items:center;gap:10px}.hyf-search-circle{width:42px;height:42px;border-radius:50%;border:1px solid #dfe8e0;background:#fff;color:#154f40;font-size:23px;box-shadow:0 4px 12px rgba(43,69,56,.08)}.hyf-approved-start{background:linear-gradient(135deg,#0e5c48,#1d795f);color:#fff!important;text-decoration:none!important;border-radius:15px;padding:11px 21px;font-weight:800;font-size:12px;box-shadow:0 8px 18px rgba(23,92,70,.19)}.hyf-approved-start span{font-size:18px;margin-right:7px}.hyf-approved-header .hyf-menu-btn{display:none}

.hyf-approved-hero{margin-top:-76px;padding-top:76px;height:360px;background:url('hero-landscape.svg') center/cover no-repeat;position:relative}.hyf-approved-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,241,.04),rgba(255,250,241,.10) 45%,rgba(255,250,241,.62) 73%,rgba(255,250,241,.38));pointer-events:none}.hyf-approved-hero-inner{height:100%;display:flex;justify-content:flex-start;align-items:center;position:relative;z-index:2}.hyf-approved-hero-copy{width:47%;margin-right:auto;text-align:center;padding-bottom:18px}.hyf-approved-hero-copy h1{font-size:clamp(46px,5vw,76px);line-height:1.05;margin:0 0 12px;color:#075243;letter-spacing:-2.5px}.hyf-approved-hero-copy h2{font-size:clamp(24px,2.7vw,37px);margin:0;color:#428e78}.hyf-approved-hero-copy p{font-size:15px;color:#425f55;margin:21px 0 0}.hyf-ornament{display:block;font-size:36px;color:#5b9d88;line-height:1;margin-top:8px}

.hyf-approved-primary-cards{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:16px;margin-top:-3px;position:relative;z-index:3}.hyf-approved-primary{height:178px;border-radius:24px;border:1px solid rgba(44,105,78,.12);box-shadow:var(--approved-shadow);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;background:#f0f8f2}.hyf-approved-primary.card-food{background:#fffaf0}.hyf-approved-primary.card-boost{background:#f2f8f2}.hyf-approved-primary img{width:100%;height:100%;object-fit:cover}.hyf-approved-card-copy{padding:29px 20px 20px;text-align:right;position:relative;z-index:2}.hyf-approved-card-copy h3{font-size:24px;margin:0 0 6px;color:#083f35}.hyf-approved-card-copy p{font-size:12px;color:#526d63;margin:0 0 22px}.hyf-approved-card-copy button{border:0;background:#247357;color:#fff;border-radius:13px;padding:9px 15px;font:inherit;font-weight:800;font-size:11px;cursor:pointer}.card-food .hyf-approved-card-copy button{background:#b8792d}

.hyf-approved-small-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.hyf-approved-small{min-height:151px;border:1px solid rgba(41,91,67,.08);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(68,75,62,.07);display:grid;grid-template-columns:1fr 43%;text-decoration:none!important;color:var(--approved-ink)!important;overflow:hidden;text-align:right;padding:0;font:inherit}.hyf-approved-small>div{padding:24px 16px 14px}.hyf-approved-small h3{font-size:18px;margin:0 0 8px;color:#15483c}.hyf-approved-small p{font-size:11px;line-height:1.8;color:#677970;margin:0 0 13px}.hyf-approved-small span{display:inline-block;font-weight:800;font-size:10px;color:#246a52}.hyf-approved-small img{width:100%;height:100%;object-fit:cover}.hyf-approved-small.daily{background:#fff8f1}.hyf-approved-small.daily h3,.hyf-approved-small.daily span{color:#984d36}.hyf-approved-small.guide{background:#fffcf3}.hyf-approved-small.specialist{background:#f1f9fd}.hyf-approved-small.knowledge{background:#f2faf5}

.hyf-approved-app-promo{margin-top:22px;min-height:178px;border-radius:24px;background:linear-gradient(180deg,#f8f3e5,#f6f0df);border:1px solid rgba(63,96,70,.06);display:grid;grid-template-columns:31% 1fr 25%;align-items:center;overflow:hidden;position:relative}.hyf-approved-app-promo:before,.hyf-approved-app-promo:after{content:'';position:absolute;width:270px;height:220px;background:radial-gradient(ellipse at center,rgba(93,153,104,.15),transparent 68%);border-radius:50%}.hyf-approved-app-promo:before{left:-80px;bottom:-100px}.hyf-approved-app-promo:after{right:-70px;bottom:-100px}.hyf-approved-phones{height:180px;width:100%;object-fit:contain;align-self:end;z-index:1}.hyf-approved-app-copy{text-align:center;z-index:2}.hyf-approved-app-copy>span{font-size:11px;color:#5a6d63}.hyf-approved-app-copy h2{font-size:26px;color:#0f5847;margin:6px 0}.hyf-approved-app-copy p{font-size:12px;color:#687970;margin:0 0 13px}.hyf-approved-app-buttons{display:flex;justify-content:center;gap:10px}.hyf-approved-app-buttons button{border:0;border-radius:14px;background:#16654f;color:#fff;padding:10px 26px;font:inherit;font-size:11px;font-weight:800}.hyf-approved-app-buttons button.secondary{background:#fff;color:#225b49;border:1px solid #cfddd3}.hyf-approved-app-benefits{margin:0 26px;background:rgba(255,255,255,.68);border-radius:17px;padding:14px 19px;z-index:2}.hyf-approved-app-benefits div{display:flex;align-items:center;gap:10px;padding:7px 0;color:#32584b;font-size:12px;font-weight:700}

.hyf-approved-footer{background:#fffef9;border-top:1px solid #ebe8dc;padding:31px 0 19px}.hyf-approved-footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr .9fr 1.15fr;gap:30px;align-items:start}.hyf-approved-footer section>b{font-size:14px;color:#184a3e;display:block;margin-bottom:12px}.hyf-approved-footer section>a{display:block;color:#536d62!important;text-decoration:none!important;font-size:11px;margin:8px 0}.hyf-approved-brandline{display:flex;align-items:center;gap:9px}.hyf-approved-brandline img{width:52px;height:52px;object-fit:contain}.hyf-approved-brandline b{font-size:17px;display:block}.hyf-approved-brandline small{display:block;color:#6b7d75;font-size:9px}.hyf-approved-footer-brand p{font-size:10px;line-height:1.8;color:#68796f;max-width:250px}.hyf-social-dots{display:flex;gap:8px;color:#215e49;font-size:15px;margin:10px 0}.hyf-approved-footer-brand>small{font-size:8px;color:#89958f}.hyf-approved-footer-scenic{height:135px;border-radius:18px;background:url('hero-landscape.svg') 67% 48%/cover no-repeat;display:flex;align-items:center;justify-content:center}.hyf-approved-footer-scenic blockquote{margin:0;font-size:18px;line-height:1.8;color:#2b6554;text-align:center;font-style:italic}

/* existing interactive screens retain functionality but inherit approved cream palette */
.hyf-onboarding-card,.hyf-panel-card,.hyf-sub-modal-card,.hyf-install-help-card{background:#fffdf7!important}.hyf-app-panel{background:rgba(20,57,44,.35)!important}.hyf-panel-primary,.hyf-sub-primary{background:linear-gradient(135deg,#0f5f4a,#23785c)!important}.hyf-panel-secondary{border-color:#2d7259!important;color:#275f4e!important}.hyf-chat-composer{background:#fff!important}

/* locked mobile rendering follows approved fourth mobile concept */
@media(max-width:900px){
 .hyf-approved-header{padding-top:0!important}.hyf-approved-nav{height:88px;width:100%!important;border-radius:0;grid-template-columns:1fr auto 1fr;padding:0 27px;box-shadow:none;background:#fffef9}.hyf-approved-brand{grid-column:2}.hyf-approved-brand img{width:72px;height:72px}.hyf-approved-brand span{display:none}.hyf-approved-nav>nav,.hyf-approved-actions{display:none}.hyf-approved-header .hyf-menu-btn{display:grid;grid-column:3;grid-row:1;justify-self:end}.hyf-approved-header .hyf-menu-btn span{background:#315f49}.hyf-approved-start{display:none}.hyf-approved-nav:before{content:'شروع';grid-column:1;grid-row:1;justify-self:start;background:#496744;color:#fff;padding:12px 27px;border-radius:26px;font-weight:800;font-size:18px}
 .hyf-approved-hero{margin-top:0;padding-top:0;height:460px;background-position:42% center}.hyf-approved-hero:after{background:linear-gradient(90deg,rgba(255,250,241,.08),rgba(255,250,241,.58) 53%,rgba(255,250,241,.86))}.hyf-approved-hero-inner{align-items:flex-start}.hyf-approved-hero-copy{width:100%;padding:65px 26px 0;text-align:right}.hyf-approved-hero-copy h1{font-size:49px;line-height:1.25}.hyf-approved-hero-copy h2{font-size:28px;line-height:1.5}.hyf-approved-hero-copy p{font-size:16px;line-height:1.9;max-width:420px}.hyf-ornament{display:none}
 .hyf-approved-primary-cards{display:grid;grid-template-columns:1fr;gap:13px;margin-top:-17px;width:92%!important}.hyf-approved-primary{height:154px;grid-template-columns:1fr 34%;border-radius:28px}.hyf-approved-card-copy{padding:24px 24px}.hyf-approved-card-copy h3{font-size:27px}.hyf-approved-card-copy p{font-size:14px}.hyf-approved-card-copy button{padding:8px 13px}.hyf-approved-primary img{object-fit:cover}
 .hyf-approved-small-grid{grid-template-columns:1fr 1fr;width:92%!important}.hyf-approved-small{min-height:138px}.hyf-approved-small h3{font-size:16px}.hyf-approved-small p{font-size:10px}
 .hyf-approved-app-promo{width:92%!important;grid-template-columns:1fr;margin-top:18px;padding:25px 18px 20px}.hyf-approved-phones{height:170px}.hyf-approved-app-benefits{display:none}.hyf-approved-app-copy h2{font-size:24px}.hyf-approved-app-buttons{flex-direction:column}.hyf-approved-app-buttons button{width:100%}
 .hyf-approved-footer-grid{grid-template-columns:1fr 1fr;width:92%!important}.hyf-approved-footer-brand,.hyf-approved-footer-scenic{grid-column:1/-1}.hyf-approved-footer-scenic{height:120px}
 .hyf-bottom-dock{display:grid!important}.hyf-install-banner{display:grid!important}
}
@media(min-width:901px){.hyf-bottom-dock{display:none!important}.hyf-install-banner{display:none!important}}
@media(max-width:560px){
 .hyf-approved-hero{height:420px}.hyf-approved-hero-copy{padding-top:48px}.hyf-approved-hero-copy h1{font-size:42px}.hyf-approved-hero-copy h2{font-size:24px}.hyf-approved-small-grid{grid-template-columns:1fr}.hyf-approved-footer-grid{grid-template-columns:1fr}.hyf-approved-footer-brand,.hyf-approved-footer-scenic{grid-column:auto}.hyf-approved-footer section{padding-bottom:8px}.hyf-approved-primary{height:145px}.hyf-approved-card-copy h3{font-size:23px}
}


/* =========================================================
   v2.5 — exact approved artwork home
   Uses the user-approved desktop and mobile artworks as the
   visual surface, while keeping real chat/food/mood panels.
   ========================================================= */
body.hyf-web{
  background:#fffaf0!important;
}
.hyf-approved-header{display:none!important;}
.hyf-exact-home{
  margin:0!important;
  padding:0!important;
  background:#fffaf0!important;
  min-height:100vh;
}
.hyf-exact-canvas{
  position:relative;
  width:100%;
  margin:0 auto;
  overflow:hidden;
  background:#fffaf0;
}
.hyf-exact-picture{display:block;width:100%;}
.hyf-exact-picture img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  user-select:none;
  -webkit-user-drag:none;
}
.hyf-exact-hotspots{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.hyf-hotspot{
  position:absolute;
  z-index:4;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  color:transparent;
  text-indent:-9999px;
  cursor:pointer;
  pointer-events:auto;
  border-radius:22px;
}
.hyf-hotspot:focus-visible{
  outline:3px solid rgba(22,95,71,.55);
  outline-offset:2px;
}

/* Desktop hotspots measured against the approved 1536x1024 artwork. */
.hs-start{left:13.3%;top:1.8%;width:10.8%;height:5.1%}
.hs-nav-talk{left:52.2%;top:1.8%;width:5.3%;height:5.2%}
.hs-nav-food{left:43.1%;top:1.8%;width:8.3%;height:5.2%}
.hs-nav-boost{left:35.5%;top:1.8%;width:7%;height:5.2%}
.hs-nav-knowledge{left:27.2%;top:1.8%;width:7.4%;height:5.2%}
.hs-talk{left:64.1%;top:33.3%;width:26.5%;height:17.1%}
.hs-food{left:35.7%;top:33.3%;width:27.4%;height:17.1%}
.hs-boost{left:6.0%;top:33.3%;width:28.0%;height:17.1%}
.hs-daily{left:72.4%;top:51.5%;width:20.6%;height:16.7%}
.hs-guide{left:49.2%;top:51.5%;width:21.2%;height:16.7%}
.hs-specialist{left:27.3%;top:51.5%;width:20.1%;height:16.7%}
.hs-knowledge{left:6.0%;top:51.5%;width:20.1%;height:16.7%}
.hs-install-android{left:36.0%;top:80.1%;width:13.2%;height:4.6%}
.hs-install-pwa{left:50.8%;top:80.1%;width:13.5%;height:4.6%}

.hyf-exact-mobile-hotspots{display:none}

/* Since desktop artwork already contains its footer, avoid duplicating it. */
.hyf-exact-home ~ .hyf-approved-footer{display:none!important;}

@media (min-width:761px){
  .hyf-bottom-dock{display:none!important}
  #hyf-install-banner{display:none!important}
}

/* Mobile approved artwork:
   crop off the baked-in nav area and use the real fixed dock below. */
@media(max-width:760px){
  body.hyf-web{padding-bottom:92px!important;background:#fffaf0!important}
  .hyf-exact-canvas{
    width:100%;
    height:auto;
    max-height:none;
    overflow:hidden;
  }
  .hyf-exact-picture{
    display:block;
    width:100%;
    overflow:hidden;
    aspect-ratio:1024/1440;
  }
  .hyf-exact-picture img{
    width:100%;
    height:auto;
    min-height:0;
  }
  .hyf-exact-desktop-hotspots{display:none}
  .hyf-exact-mobile-hotspots{display:block}
  .hm-start{left:4.5%;top:3.0%;width:28%;height:8.2%}
  .hm-menu{left:81.5%;top:3.0%;width:13%;height:8.2%}
  .hm-talk{left:3.5%;top:51.0%;width:93%;height:15.6%}
  .hm-food{left:3.5%;top:67.6%;width:93%;height:15.6%}
  .hm-boost{left:3.5%;top:84.0%;width:93%;height:15.2%}

  /* fixed real dock visually matched to the approved artwork */
  .hyf-bottom-dock{
    display:grid!important;
    position:fixed!important;
    z-index:9995!important;
    left:18px!important;
    right:18px!important;
    bottom:10px!important;
    width:auto!important;
    height:76px!important;
    grid-template-columns:repeat(3,1fr)!important;
    background:linear-gradient(135deg,#193f2f,#385c36)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:34px!important;
    box-shadow:0 14px 34px rgba(20,54,39,.28)!important;
    padding:4px 8px!important;
  }
  .hyf-bottom-dock a{
    min-width:0!important;
    border-radius:26px!important;
    color:#fffdf5!important;
    opacity:1!important;
    font-weight:700!important;
  }
  .hyf-bottom-dock a.active{
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  .hyf-bottom-dock a.active:before{display:none!important}
  .hyf-dock-icon{font-size:24px!important;color:#fffdf5!important}
  .hyf-bottom-dock b{font-size:12px!important;color:#fffdf5!important}

  /* keep web install strip above the fixed dock */
  .hyf-install-banner{
    display:flex!important;
    left:16px!important;
    right:16px!important;
    bottom:94px!important;
    width:auto!important;
    border-radius:20px!important;
    background:rgba(255,250,240,.97)!important;
    border:1px solid rgba(40,89,62,.16)!important;
    box-shadow:0 10px 28px rgba(24,60,43,.16)!important;
  }
  .hyf-exact-home ~ .hyf-approved-footer{display:none!important}
}

/* panels remain functional but visually sit above exact artwork */
.hyf-app-panel{z-index:10010!important}
.hyf-onboarding{z-index:10020!important}
.hyf-profile-drawer,.hyf-drawer-backdrop{z-index:10030!important}


/* =========================================================
   v2.6 responsive repair
   Desktop and mobile artwork are now fully separated.
   ========================================================= */
html,body.hyf-web{
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  max-width:none!important;
  width:100%!important;
  overflow-x:hidden!important;
  background:#fffaf0!important;
}
body.hyf-web *{box-sizing:border-box}
.hyf-approved-header{display:none!important}
.hyf-v26-home{
  width:100vw!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  background:#fffaf0!important;
}
.hyf-v26-artboard{
  width:100vw!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
}
.hyf-v26-desktop-art,
.hyf-v26-mobile-art{
  width:100%;
  max-width:none;
  position:relative;
  margin:0;
  padding:0;
}
.hyf-v26-desktop-art img,
.hyf-v26-mobile-art img{
  display:block;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  user-select:none;
  -webkit-user-drag:none;
}
.hyf-v26-mobile-art{display:none!important}
.hyf-v26-desktop-art{display:block!important}
.hyf-v26-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}
.hyf-v26-hit{
  position:absolute;
  display:block;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  color:transparent;
  text-indent:-9999px;
  cursor:pointer;
  pointer-events:auto;
  border-radius:20px;
}
.hyf-v26-hit:focus-visible{outline:3px solid rgba(30,96,70,.55);outline-offset:2px}

/* Desktop hotspots - measured against the 1448 x 1086 approved image */
.hd-start{left:12.8%;top:1.4%;width:12%;height:5.4%}
.hd-nav-talk{left:52%;top:1.3%;width:6%;height:5.3%}
.hd-nav-food{left:43.4%;top:1.3%;width:8.4%;height:5.3%}
.hd-nav-boost{left:35.2%;top:1.3%;width:7.7%;height:5.3%}
.hd-nav-knowledge{left:27.5%;top:1.3%;width:7%;height:5.3%}
.hd-talk{left:64.0%;top:33.4%;width:26.8%;height:17.2%}
.hd-food{left:35.7%;top:33.4%;width:27.2%;height:17.2%}
.hd-boost{left:6.0%;top:33.4%;width:28.2%;height:17.2%}
.hd-daily{left:72.6%;top:51.5%;width:20.4%;height:16.7%}
.hd-guide{left:49.2%;top:51.5%;width:21.2%;height:16.7%}
.hd-specialist{left:27.2%;top:51.5%;width:20.3%;height:16.7%}
.hd-knowledge{left:5.9%;top:51.5%;width:20.4%;height:16.7%}
.hd-install-1{left:35.7%;top:79.7%;width:14%;height:5.0%}
.hd-install-2{left:50.5%;top:79.7%;width:14.1%;height:5.0%}

/* The approved desktop artwork already includes its footer. */
.hyf-v26-home ~ .hyf-approved-footer{display:none!important}

/* Desktop: no mobile dock / install strip. */
@media(min-width:901px){
  .hyf-bottom-dock{display:none!important}
  #hyf-install-banner{display:none!important}
}

/* Mobile */
@media(max-width:900px){
  html,body.hyf-web{background:#fffaf0!important}
  body.hyf-web{padding-bottom:170px!important}

  .hyf-v26-desktop-art{display:none!important}
  .hyf-v26-mobile-art{
    display:block!important;
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
  }
  .hyf-v26-mobile-art img{
    display:block!important;
    width:100vw!important;
    max-width:none!important;
    height:auto!important;
  }

  /* Mobile hotspots against the cropped 941 x 1478 approved art */
  .hm26-start{left:4.6%;top:3.0%;width:28.2%;height:8.0%}
  .hm26-menu{left:81.0%;top:3.0%;width:14%;height:8.0%}
  .hm26-talk{left:3.8%;top:50.0%;width:92.4%;height:15.2%}
  .hm26-food{left:3.8%;top:66.2%;width:92.4%;height:15.2%}
  .hm26-boost{left:3.8%;top:82.3%;width:92.4%;height:15.2%}

  /* Full profile menu drawer. */
  .hyf-profile-drawer{
    display:flex!important;
    flex-direction:column!important;
    width:min(88vw,390px)!important;
    max-width:390px!important;
    background:#fffaf0!important;
    box-shadow:-22px 0 60px rgba(15,53,39,.24)!important;
    z-index:10030!important;
  }
  .hyf-profile-drawer.open{transform:translateX(0)!important}
  .hyf-drawer-profile{
    background:linear-gradient(145deg,#285f47,#7f9b23)!important;
    color:#fff!important;
    padding:30px 22px 22px!important;
  }
  .hyf-profile-avatar{background:rgba(255,255,255,.17)!important;border:1px solid rgba(255,255,255,.55)!important}
  .hyf-profile-copy b,.hyf-profile-copy span{color:#fff!important}
  .hyf-drawer-subscribe{border-color:rgba(255,255,255,.9)!important;color:#fff!important}
  .hyf-drawer-menu{padding:20px 18px 26px!important;background:#fffaf0!important}
  .hyf-drawer-menu a{background:transparent!important;border-radius:13px!important;padding:14px 10px!important;color:#183f32!important}
  .hyf-drawer-menu a:hover{background:#edf5ed!important}
  .hyf-drawer-menu .hyf-logout{color:#cc493f!important}

  /* Fixed bottom navigation */
  .hyf-bottom-dock{
    display:grid!important;
    position:fixed!important;
    z-index:9996!important;
    left:12px!important;
    right:12px!important;
    bottom:8px!important;
    width:auto!important;
    max-width:none!important;
    height:76px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    direction:rtl!important;
    background:linear-gradient(135deg,#173d2f,#355b35)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:30px!important;
    box-shadow:0 14px 34px rgba(15,48,35,.28)!important;
    padding:5px 7px!important;
    overflow:hidden!important;
  }
  .hyf-bottom-dock a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    width:100%!important;
    height:64px!important;
    gap:2px!important;
    border-radius:23px!important;
    color:#fffef6!important;
    text-decoration:none!important;
    opacity:1!important;
    overflow:hidden!important;
  }
  .hyf-bottom-dock a.active{background:rgba(255,255,255,.10)!important}
  .hyf-bottom-dock a.active:before{display:none!important}
  .hyf-dock-icon{
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    font-size:22px!important;
    color:#fffef6!important;
    line-height:1!important;
  }
  .hyf-bottom-dock b{
    display:block!important;
    max-width:100%!important;
    color:#fffef6!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
    line-height:1.2!important;
  }

  /* Web-only install strip, fixed above the dock */
  #hyf-install-banner{
    display:flex!important;
    position:fixed!important;
    z-index:9995!important;
    left:12px!important;
    right:12px!important;
    bottom:92px!important;
    width:auto!important;
    min-height:62px!important;
    background:rgba(255,250,240,.98)!important;
    border:1px solid rgba(38,90,64,.17)!important;
    border-radius:22px!important;
    box-shadow:0 10px 28px rgba(16,53,39,.17)!important;
    padding:9px 12px!important;
    gap:10px!important;
    align-items:center!important;
  }
  #hyf-install-banner[hidden]{display:none!important}
  #hyf-install-banner img{width:42px!important;height:42px!important;object-fit:contain!important}
  #hyf-install-banner>div{min-width:0!important;flex:1!important}
  #hyf-install-banner b{font-size:13px!important;color:#173f32!important}
  #hyf-install-banner small{font-size:10px!important;color:#75837b!important}
  #hyf-install-banner .hyf-install-btn{
    flex:0 0 auto!important;
    padding:9px 13px!important;
    border-radius:14px!important;
    font-size:11px!important;
  }

  /* Embedded site inside installed PWA: parent app supplies its own dock */
  html.hyf-embedded-app body.hyf-web{padding-bottom:0!important}
  html.hyf-embedded-app #hyf-install-banner,
  html.hyf-embedded-app .hyf-bottom-dock{display:none!important}

  .hyf-v26-home ~ .hyf-approved-footer{display:none!important}
}

/* Real panels must stay over artwork/dock. */
.hyf-app-panel{z-index:10010!important}
.hyf-onboarding{z-index:10020!important}
.hyf-drawer-backdrop{z-index:10029!important}

/* Do not allow !important display rules to override hidden. */
[hidden]{display:none!important}


/* =========================================================
   v2.6.2 — compact mobile drawer + perfectly centered dock
   Colors and visual language intentionally unchanged.
   ========================================================= */
@media(max-width:900px){

  /* Always center the fixed dock independent of RTL/viewport quirks. */
  .hyf-bottom-dock{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 24px)!important;
    max-width:520px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    height:72px!important;
    padding:4px 6px!important;
    border-radius:28px!important;
    grid-template-columns:repeat(3,1fr)!important;
  }
  .hyf-bottom-dock a{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:62px!important;
    padding:3px 2px!important;
    overflow:hidden!important;
  }
  .hyf-bottom-dock b{
    font-size:11.5px!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .hyf-dock-icon{
    width:26px!important;
    height:26px!important;
    font-size:21px!important;
  }

  /* Install strip follows the exact same centered width. */
  #hyf-install-banner{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 24px)!important;
    max-width:520px!important;
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + 80px)!important;
    min-height:58px!important;
    padding:8px 10px!important;
    border-radius:19px!important;
  }

  /* More compact profile drawer. */
  .hyf-profile-drawer{
    width:min(76vw,325px)!important;
    max-width:325px!important;
  }
  .hyf-drawer-profile{
    padding:17px 15px 14px!important;
  }
  .hyf-profile-top{
    gap:9px!important;
  }
  .hyf-profile-avatar{
    width:45px!important;
    height:45px!important;
    flex:0 0 45px!important;
    font-size:21px!important;
  }
  .hyf-profile-copy b{
    font-size:16px!important;
    line-height:1.35!important;
  }
  .hyf-profile-copy span{
    font-size:11px!important;
    margin-top:2px!important;
  }
  .hyf-drawer-close{
    width:34px!important;
    height:34px!important;
    font-size:21px!important;
    border-radius:11px!important;
  }
  .hyf-drawer-subscribe{
    margin-top:11px!important;
    padding:8px 10px!important;
    min-height:0!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  .hyf-drawer-menu{
    padding:10px 12px 18px!important;
  }
  .hyf-drawer-menu a,
  .hyf-drawer-menu button{
    min-height:0!important;
    padding:9px 8px!important;
    margin:1px 0!important;
    font-size:13px!important;
    line-height:1.45!important;
    border-radius:11px!important;
  }
  .hyf-drawer-menu hr{
    margin:5px 0!important;
  }
}


/* =========================================================
   v2.6.3 — classy bottom dock + profile photo
   Keep current cream/green palette.
   ========================================================= */
@media(max-width:900px){
  .hyf-profile-photo-btn{
    position:relative!important;
    overflow:visible!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.62)!important;
    cursor:pointer!important;
  }
  .hyf-profile-photo-btn img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
  }
  .hyf-profile-edit{
    position:absolute;
    left:-3px;
    bottom:-3px;
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fffaf0;
    color:#245f47;
    font-size:14px;
    line-height:1;
    font-weight:900;
    box-shadow:0 3px 10px rgba(15,48,35,.22);
  }

  /* Elegant frosted dock: separate from the cream background but not heavy. */
  .hyf-bottom-dock{
    background:rgba(255,250,240,.96)!important;
    border:1px solid rgba(33,91,67,.16)!important;
    box-shadow:0 14px 36px rgba(21,67,49,.18)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    padding:7px 8px!important;
    gap:5px!important;
  }
  .hyf-bottom-dock a{
    color:#1e523e!important;
    background:transparent!important;
    border:1px solid transparent!important;
    border-radius:20px!important;
    height:58px!important;
    gap:4px!important;
    transition:.18s ease!important;
  }
  .hyf-bottom-dock a:nth-child(1) .hyf-dock-icon{
    background:#fff0df!important;
    color:#b65d2f!important;
  }
  .hyf-bottom-dock a:nth-child(2) .hyf-dock-icon{
    background:#e3f2e8!important;
    color:#276c50!important;
  }
  .hyf-bottom-dock a:nth-child(3) .hyf-dock-icon{
    background:#edf0df!important;
    color:#4d693e!important;
  }
  .hyf-dock-icon{
    width:31px!important;
    height:31px!important;
    border-radius:12px!important;
    font-size:18px!important;
  }
  .hyf-bottom-dock b{
    color:#234f3e!important;
    font-size:11px!important;
    font-weight:800!important;
  }
  .hyf-bottom-dock a.active,
  .hyf-bottom-dock a:active{
    background:#245f47!important;
    border-color:#245f47!important;
    box-shadow:0 6px 16px rgba(36,95,71,.17)!important;
  }
  .hyf-bottom-dock a.active .hyf-dock-icon,
  .hyf-bottom-dock a:active .hyf-dock-icon{
    background:rgba(255,255,255,.13)!important;
    color:#fff!important;
  }
  .hyf-bottom-dock a.active b,
  .hyf-bottom-dock a:active b{color:#fff!important}
}


/* =========================================================
   v2.6.4 — Calm desktop, inspired by the approved app UI.
   Mobile/PWA styles remain unchanged.
   ========================================================= */
.hyf-v264-desktop{display:none}

@media(min-width:901px){
  body.hyf-web{
    background:#fffaf0!important;
    color:#173f32!important;
    min-height:100vh!important;
  }

  .hyf-v26-desktop-art{display:none!important}
  .hyf-v264-desktop{
    display:block!important;
    width:100%!important;
    min-height:100vh!important;
    background:
      radial-gradient(circle at 7% 9%,rgba(237,201,154,.16),transparent 24%),
      radial-gradient(circle at 91% 14%,rgba(108,157,112,.10),transparent 23%),
      #fffaf0!important;
    padding:24px 28px 34px!important;
  }
  .hyf-v264-shell{
    width:min(1180px,calc(100% - 20px))!important;
    margin:0 auto!important;
  }

  /* Top bar */
  .hyf-v264-topbar{
    min-height:76px!important;
    display:grid!important;
    grid-template-columns:260px 1fr 190px!important;
    align-items:center!important;
    gap:18px!important;
    padding:10px 16px!important;
    background:rgba(255,255,255,.78)!important;
    border:1px solid rgba(40,86,62,.09)!important;
    border-radius:26px!important;
    box-shadow:0 10px 30px rgba(31,71,52,.08)!important;
    backdrop-filter:blur(12px)!important;
  }
  .hyf-v264-brand{
    display:flex!important;align-items:center!important;gap:10px!important;
    text-decoration:none!important;color:#173f32!important;
  }
  .hyf-v264-brand img{width:54px!important;height:54px!important;object-fit:contain!important}
  .hyf-v264-brand b{display:block!important;font-size:17px!important}
  .hyf-v264-brand small{display:block!important;font-size:10px!important;color:#7d887f!important;margin-top:2px!important}

  .hyf-v264-nav{
    display:flex!important;justify-content:center!important;gap:8px!important;align-items:center!important;
  }
  .hyf-v264-nav a,.hyf-v264-nav button{
    border:0!important;background:transparent!important;color:#355f4f!important;
    font:inherit!important;font-size:13px!important;font-weight:700!important;
    text-decoration:none!important;padding:10px 11px!important;border-radius:14px!important;cursor:pointer!important;
  }
  .hyf-v264-nav a:hover,.hyf-v264-nav button:hover,.hyf-v264-nav .active{
    background:#edf5ec!important;color:#194c39!important;
  }
  .hyf-v264-top-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important}
  .hyf-v264-profile,.hyf-v264-start{
    border:0!important;font:inherit!important;font-weight:800!important;cursor:pointer!important;
    border-radius:16px!important;min-height:46px!important;
  }
  .hyf-v264-profile{width:48px!important;background:#edf5ec!important;color:#245f47!important;font-size:20px!important}
  .hyf-v264-start{padding:0 22px!important;background:#245f47!important;color:#fff!important}

  /* Hero */
  .hyf-v264-hero{
    display:grid!important;
    grid-template-columns:1.05fr .95fr!important;
    align-items:center!important;
    gap:34px!important;
    min-height:430px!important;
    margin:26px 0 20px!important;
    padding:42px 48px!important;
    border-radius:38px!important;
    overflow:hidden!important;
    position:relative!important;
    background:
      linear-gradient(135deg,rgba(255,253,248,.96),rgba(247,245,228,.92))!important;
    border:1px solid rgba(52,98,70,.08)!important;
    box-shadow:0 18px 50px rgba(40,76,57,.08)!important;
  }
  .hyf-v264-hero:before{
    content:'';position:absolute!important;left:-70px!important;bottom:-110px!important;
    width:280px!important;height:280px!important;border-radius:50%!important;
    background:#e8efe0!important;opacity:.75!important;
  }
  .hyf-v264-hero-copy{position:relative!important;z-index:2!important}
  .hyf-v264-eyebrow{
    display:inline-block!important;padding:8px 13px!important;border-radius:99px!important;
    background:#edf5ec!important;color:#496d59!important;font-size:12px!important;font-weight:800!important;
  }
  .hyf-v264-hero h1{
    margin:18px 0 2px!important;font-size:64px!important;line-height:1.12!important;color:#123f30!important;letter-spacing:-1px!important;
  }
  .hyf-v264-hero h2{
    margin:0!important;font-size:32px!important;color:#548064!important;font-weight:800!important;
  }
  .hyf-v264-hero p{
    max-width:590px!important;margin:20px 0 0!important;color:#5f6f67!important;font-size:18px!important;line-height:2!important;
  }
  .hyf-v264-hero-actions{display:flex!important;gap:10px!important;margin-top:24px!important}
  .hyf-v264-hero-actions button{
    min-height:52px!important;padding:0 24px!important;border:0!important;border-radius:18px!important;
    background:#245f47!important;color:#fff!important;font:inherit!important;font-weight:900!important;cursor:pointer!important;
  }
  .hyf-v264-hero-actions .ghost{background:#fff!important;color:#245f47!important;border:1px solid rgba(36,95,71,.18)!important}
  .hyf-v264-hero-copy>small{display:block!important;margin-top:18px!important;color:#8a938d!important;font-size:10px!important}

  .hyf-v264-hero-art{
    min-height:340px!important;position:relative!important;border-radius:32px!important;overflow:hidden!important;
    background:linear-gradient(160deg,#f1ead8,#dfe8d6)!important;
  }
  .hyf-v264-hero-art img{
    display:block!important;width:100%!important;height:100%!important;min-height:340px!important;
    object-fit:cover!important;object-position:center!important;
  }
  .hyf-v264-sun{
    position:absolute!important;z-index:2!important;right:34px!important;top:24px!important;
    width:105px!important;height:105px!important;border-radius:50%!important;background:#dfa672!important;opacity:.35!important;
  }

  /* Main 3 cards only */
  .hyf-v264-primary-grid{
    display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;margin:16px 0!important;
  }
  .hyf-v264-main-card{
    min-height:178px!important;border:1px solid rgba(40,91,64,.10)!important;border-radius:30px!important;
    display:grid!important;grid-template-columns:104px 1fr 48px!important;align-items:center!important;gap:14px!important;
    text-align:right!important;padding:18px!important;cursor:pointer!important;font:inherit!important;
    box-shadow:0 12px 32px rgba(37,76,56,.07)!important;transition:.18s!important;
  }
  .hyf-v264-main-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(37,76,56,.11)!important}
  .hyf-v264-main-card.talk{background:#eff6e9!important}
  .hyf-v264-main-card.food{background:#fff0e1!important}
  .hyf-v264-main-card.boost{background:#eef1df!important}
  .hyf-v264-card-art{
    width:100px!important;height:100px!important;border-radius:25px!important;background:rgba(255,255,255,.56)!important;overflow:hidden!important;
  }
  .hyf-v264-card-art img{width:100%!important;height:100%!important;object-fit:cover!important}
  .hyf-v264-main-card h3{margin:0!important;font-size:21px!important;color:#173f32!important}
  .hyf-v264-main-card p{margin:8px 0 0!important;color:#6b776f!important;font-size:13px!important}
  .hyf-v264-main-card>span{
    width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
    background:rgba(255,255,255,.72)!important;color:#245f47!important;font-size:28px!important;font-weight:400!important;
  }

  /* Small utilities, no clutter */
  .hyf-v264-utility-row{
    display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin:18px 0 20px!important;
  }
  .hyf-v264-utility-row a,.hyf-v264-utility-row button{
    min-height:92px!important;display:flex!important;align-items:center!important;gap:12px!important;
    padding:13px 16px!important;border:1px solid rgba(40,91,64,.08)!important;border-radius:24px!important;
    background:rgba(255,255,255,.70)!important;text-decoration:none!important;color:#173f32!important;
    font:inherit!important;text-align:right!important;cursor:pointer!important;
  }
  .hyf-v264-utility-row img{width:58px!important;height:58px!important;object-fit:cover!important;border-radius:16px!important}
  .hyf-v264-utility-row b,.hyf-v264-utility-row small{display:block!important}
  .hyf-v264-utility-row b{font-size:14px!important}
  .hyf-v264-utility-row small{font-size:10px!important;color:#7d8981!important;margin-top:4px!important}

  /* Minimal footer */
  .hyf-v264-footer{
    min-height:82px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:20px!important;padding:14px 18px!important;border-top:1px solid rgba(46,88,64,.08)!important;
    color:#486558!important;
  }
  .hyf-v264-footer>div{display:flex!important;align-items:center!important;gap:9px!important}
  .hyf-v264-footer img{width:44px!important;height:44px!important;object-fit:contain!important}
  .hyf-v264-footer b,.hyf-v264-footer small{display:block!important}
  .hyf-v264-footer b{font-size:13px!important}.hyf-v264-footer small{font-size:9px!important;color:#8b938e!important}
  .hyf-v264-footer nav{display:flex!important;gap:18px!important}
  .hyf-v264-footer a{text-decoration:none!important;color:#597265!important;font-size:11px!important}

  /* Old artwork/footer should never appear on desktop. */
  .hyf-v26-desktop-art,.hyf-approved-footer{display:none!important}
}

/* =========================================================
   v2.8.0 — Final mobile polish based on approved botanical UI
   ========================================================= */
@media(max-width:900px){
  html,body.hyf-web{
    margin:0!important;
    width:100%!important;
    min-height:100%!important;
    background:#fffaf0!important;
    overflow-x:hidden!important;
  }
  body.hyf-web{
    padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;
  }

  /* Final approved mobile artwork: no artificial min-height / no two-tone void. */
  .hyf-v26-home,.hyf-v26-artboard,.hyf-v26-mobile-art{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    background:#fffaf0!important;
    transform:none!important;
    left:auto!important;
  }
  .hyf-v26-mobile-art{
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
  }
  .hyf-v26-mobile-art img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }

  /* Hotspots measured against mobile-home-v28.jpg */
  .hm26-start{left:5.3%!important;top:2.0%!important;width:25%!important;height:7%!important}
  .hm26-menu{left:81.0%!important;top:2.0%!important;width:13%!important;height:7%!important}
  .hm26-talk{left:3.6%!important;top:56.2%!important;width:92.8%!important;height:12.2%!important}
  .hm26-food{left:3.6%!important;top:69.7%!important;width:92.8%!important;height:12.0%!important}
  .hm26-boost{left:3.6%!important;top:83.0%!important;width:92.8%!important;height:12.1%!important}

  /* Compact but readable drawer: header never overlaps phone/name. */
  .hyf-profile-drawer{
    width:min(88vw,360px)!important;
    max-width:360px!important;
    background:#fffdf7!important;
    border-radius:24px 0 0 24px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .hyf-drawer-profile{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-areas:
      "avatar copy"
      "subscribe subscribe"!important;
    align-items:center!important;
    gap:10px 13px!important;
    min-height:132px!important;
    padding:20px 18px 16px!important;
    padding-left:54px!important;
    background:
      linear-gradient(rgba(38,95,71,.84),rgba(83,120,45,.84)),
      url("menu-scenic-v28.jpg") center/cover no-repeat!important;
  }
  .hyf-profile-avatar{
    grid-area:avatar!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    font-size:28px!important;
  }
  .hyf-profile-copy{
    grid-area:copy!important;
    min-width:0!important;
    padding:0!important;
  }
  .hyf-profile-copy b{
    display:block!important;
    font-size:20px!important;
    line-height:1.4!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .hyf-profile-copy span{
    display:block!important;
    direction:ltr!important;
    text-align:right!important;
    font-size:13px!important;
    line-height:1.5!important;
    margin-top:2px!important;
    white-space:nowrap!important;
  }
  .hyf-drawer-close{
    position:absolute!important;
    left:12px!important;
    top:12px!important;
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
    z-index:3!important;
  }
  .hyf-drawer-subscribe{
    grid-area:subscribe!important;
    width:100%!important;
    margin:2px 0 0!important;
    padding:10px 12px!important;
    font-size:14px!important;
    border-radius:15px!important;
  }
  .hyf-drawer-menu{
    padding:10px 12px 18px!important;
    background:#fffdf7!important;
  }
  .hyf-drawer-menu a,
  .hyf-drawer-menu button{
    min-height:44px!important;
    margin:2px 0!important;
    padding:10px 12px!important;
    font-size:14px!important;
    line-height:1.35!important;
    border-radius:15px!important;
    color:#173f32!important;
  }
  .hyf-drawer-menu a:nth-child(3n+1){background:#f2f6ea!important}
  .hyf-drawer-menu a:nth-child(3n+2){background:#fff3e8!important}
  .hyf-drawer-menu a:nth-child(3n){background:#eef6ef!important}
  .hyf-drawer-menu hr{margin:6px 3px!important;border-color:rgba(39,84,61,.10)!important}
  .hyf-drawer-version{padding:8px 16px 16px!important;font-size:11px!important}

  /* Fixed bottom nav stays readable but compact. */
  .hyf-bottom-dock{
    display:grid!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 24px)!important;
    max-width:520px!important;
    height:78px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    padding:6px 8px!important;
    border-radius:27px!important;
  }
  .hyf-bottom-dock a{height:64px!important;gap:3px!important}
  .hyf-bottom-dock b{font-size:12px!important}
  .hyf-dock-icon{width:30px!important;height:30px!important;font-size:19px!important}

  /* Web install strip stays directly above nav, no gap. */
  #hyf-install-banner{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 24px)!important;
    max-width:520px!important;
    min-height:66px!important;
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + 86px)!important;
    border-radius:22px!important;
    padding:8px 10px!important;
  }
  #hyf-install-banner img{width:44px!important;height:44px!important}
  #hyf-install-banner b{font-size:14px!important}
  #hyf-install-banner small{font-size:10px!important}
  #hyf-install-banner .hyf-install-btn{font-size:12px!important;padding:10px 13px!important}

  /* Installed/embedded app: keep bottom dock, hide only install strip. */
  html.hyf-embedded-app body.hyf-web{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  html.hyf-embedded-app #hyf-install-banner{display:none!important}
  html.hyf-embedded-app .hyf-bottom-dock{display:grid!important}

  /* Onboarding: warm image different from homepage, compact and scroll-safe. */
  .hyf-onboarding{
    padding:8px!important;
    align-items:center!important;
    background:rgba(28,62,48,.42)!important;
  }
  .hyf-onboarding-card{
    position:relative!important;
    width:min(94vw,560px)!important;
    max-height:calc(100svh - 16px)!important;
    overflow:auto!important;
    border-radius:30px!important;
    padding:0!important;
    background:#fffdf7!important;
    box-shadow:0 26px 80px rgba(20,55,41,.28)!important;
    scrollbar-width:thin;
  }
  .hyf-onboarding-close{
    position:absolute!important;
    top:12px!important;
    left:12px!important;
    z-index:4!important;
    width:42px!important;
    height:42px!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(247,251,244,.92)!important;
    color:#1c5b43!important;
    font-size:27px!important;
    cursor:pointer!important;
    box-shadow:0 5px 16px rgba(26,70,51,.12)!important;
  }
  .hyf-onboarding-hero{
    width:100%!important;
    height:190px!important;
    overflow:hidden!important;
    background:#e8f1e7!important;
  }
  .hyf-onboarding-hero img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block!important;
  }
  .hyf-onboarding-body{padding:18px 16px 20px!important}
  .hyf-onboarding-kicker{
    display:inline-block!important;
    background:#eef5e8!important;
    color:#3e7159!important;
    border-radius:999px!important;
    padding:5px 12px!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  .hyf-onboarding-body h2{
    margin:8px 0 4px!important;
    font-size:30px!important;
    color:#173f32!important;
  }
  .hyf-onboarding-lead{
    margin:0 0 14px!important;
    font-size:13px!important;
    line-height:1.8!important;
    color:#6d7e75!important;
  }
  .hyf-onboard-field{
    display:grid!important;
    grid-template-columns:minmax(132px,42%) 1fr!important;
    align-items:center!important;
    gap:9px!important;
    border-radius:18px!important;
    padding:10px 11px!important;
    margin:8px 0!important;
  }
  .hyf-onboard-field.tone-green{background:#eff5e9!important}
  .hyf-onboard-field.tone-peach{background:#fff0df!important}
  .hyf-onboard-field>span b,.hyf-onboard-field>span small{display:block!important}
  .hyf-onboard-field>span b{font-size:14px!important;color:#183f32!important}
  .hyf-onboard-field>span small{font-size:9.5px!important;color:#708077!important;margin-top:2px!important}
  .hyf-onboard-field input,
  .hyf-onboard-field select{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    margin:0!important;
    border:1px solid rgba(34,90,65,.10)!important;
    border-radius:14px!important;
    background:#fff!important;
    padding:9px 11px!important;
    font:inherit!important;
    font-size:13px!important;
    outline:0!important;
  }
  .hyf-onboard-consents{
    margin-top:10px!important;
    padding:10px 12px!important;
    border-radius:18px!important;
    background:#fbfaf4!important;
    border:1px solid rgba(43,85,64,.07)!important;
  }
  .hyf-onboard-consents .hyf-consent{
    display:grid!important;
    grid-template-columns:24px 1fr!important;
    align-items:start!important;
    gap:8px!important;
    margin:7px 0!important;
    font-size:11px!important;
  }
  .hyf-onboard-consents .hyf-consent input{
    width:20px!important;height:20px!important;margin:1px 0 0!important;accent-color:#1d7657!important;
  }
  .hyf-onboard-consents .hyf-consent b,
  .hyf-onboard-consents .hyf-consent small{display:block!important}
  .hyf-onboard-consents .hyf-consent b{font-size:12px!important;color:#234e3c!important}
  .hyf-onboard-consents .hyf-consent small{font-size:9.5px!important;line-height:1.6!important;color:#7b877f!important}
  #hyf-profile-save{
    min-height:54px!important;
    border-radius:18px!important;
    font-size:17px!important;
    margin-top:8px!important;
  }

  /* Mood flow: warm intro + compact choices; panel always fits phone. */
  .hyf-app-panel[data-app-panel="boost"] .hyf-panel-card{
    width:min(94vw,600px)!important;
    max-height:calc(100svh - 16px)!important;
    overflow:auto!important;
    border-radius:30px!important;
    padding:15px!important;
    background:#fffdf7!important;
  }
  .hyf-boost-intro{
    display:grid!important;
    grid-template-columns:118px 1fr!important;
    gap:12px!important;
    align-items:center!important;
    padding:8px!important;
    margin:0 0 10px!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,#eef6eb,#fff4e7)!important;
  }
  .hyf-boost-intro img{
    width:118px!important;
    height:92px!important;
    object-fit:cover!important;
    border-radius:16px!important;
  }
  .hyf-boost-intro b{display:block!important;font-size:18px!important;color:#174733!important}
  .hyf-boost-intro p{font-size:10px!important;line-height:1.7!important;color:#697b70!important;margin:4px 0 0!important}
  .hyf-boost-step h2{font-size:29px!important;margin:10px 0 4px!important}
  .hyf-boost-step>p{font-size:12px!important;line-height:1.75!important;margin:3px 0 12px!important}
  .hyf-choice-grid{gap:9px!important;margin-top:10px!important}
  .hyf-choice-grid button,.hyf-choice-stack button{
    min-height:58px!important;
    padding:10px 10px!important;
    border:1px solid rgba(34,89,65,.08)!important;
    font-size:14px!important;
    border-radius:18px!important;
  }
  .hyf-choice-grid button:nth-child(4n+1),
  .hyf-choice-grid button:nth-child(4n+4){background:#edf5e9!important}
  .hyf-choice-grid button:nth-child(4n+2),
  .hyf-choice-grid button:nth-child(4n+3){background:#fff0df!important}
  .hyf-choice-grid button.selected{
    box-shadow:inset 0 0 0 2px #2d7a5c!important;
    color:#164d39!important;
  }
}

/* Make actual text on desktop use the new approved wording. */
@media(min-width:901px){
  .hyf-v264-hero-copy p{max-width:570px!important}
}

/* No installed-app install strip. */
@media(display-mode:standalone){
  #hyf-install-banner{display:none!important}
}