.app-promo{position:fixed;inset:auto 24px 26px auto;width:min(740px,calc(100vw - 48px));max-height:calc(100dvh - 48px);margin:0;padding:0;overflow:auto;border:1px solid #ceddcf;border-radius:26px;background:#faf9f3;color:#172d25;box-shadow:0 24px 90px #143c2940,0 3px 14px #143c2914;z-index:65}
.app-promo[open]{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);animation:app-promo-arrive .35s ease-out}
.app-promo-copy{padding:34px 22px 24px 30px;min-width:0}.app-promo-brand{display:flex;align-items:center;gap:10px;margin:0 0 23px}.app-promo-brand span{color:#006b45;font-size:10px;font-weight:800;letter-spacing:.14em}.app-promo-brand img{flex:none}
.app-promo h2{margin:0 0 14px;font-size:clamp(24px,3vw,31px);line-height:1.2;letter-spacing:-1.3px;font-weight:600}.app-promo h2 em{color:#006b45;font-family:Georgia,serif;font-weight:400}.app-promo-copy>p{max-width:330px;margin:0 0 22px;color:#55645b;font-size:13px;line-height:1.8}
.app-promo-close{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:40px;height:40px;border:1px solid #d8e3d6;border-radius:50%;background:#faf9f3;color:#294c3b;font-family:Arial,sans-serif;font-size:26px;line-height:1;cursor:pointer}.app-promo-close:hover{background:#e4eedf;color:#006b45}
.app-promo-stores{display:flex;gap:9px;flex-wrap:wrap}.app-store-link{display:flex;align-items:center;gap:8px;min-height:49px;padding:8px 13px;border:1px solid #19382b;border-radius:10px;background:#19382b;color:#fff;transition:background .15s,transform .15s}.app-store-link:hover{background:#006b45;color:#fff;transform:translateY(-2px)}.app-store-link svg{width:22px;height:25px;flex:none}.app-store-link>span{display:grid;gap:1px}.app-store-link small{font-size:9px;line-height:1.2;color:#e1ebe3}.app-store-link strong{font-size:13px;line-height:1.4;font-weight:700;white-space:nowrap}
.app-promo-later{display:flex;align-items:center;gap:13px;padding:15px 0 0;background:transparent;color:#4d6153;font-size:11px;text-align:left;min-height:40px}.app-promo-later:hover{color:#006b45}.app-promo-later span{font-size:18px}
.app-promo-art{position:relative;min-height:340px;overflow:hidden;border-radius:0 25px 25px 0;background:radial-gradient(ellipse at 80% 20%,#82bd8b55,transparent 65%),#006b45;display:flex;justify-content:center;align-items:center;padding:48px 12px 30px}.app-promo-orbit{position:absolute;width:310px;height:310px;border:1px solid #d6eec135;border-radius:50%;transform:translate(10px,26px)}.app-promo-orbit:after{content:'';position:absolute;inset:22px;border:1px solid #d6eec125;border-radius:50%}.app-promo-art-label{position:absolute;bottom:11px;left:0;right:0;text-align:center;color:#e1f3d1;font-size:8px;font-weight:700;letter-spacing:.2em}
.app-promo-phone{position:relative;width:165px;min-height:258px;padding:29px 12px 12px;transform:rotate(7deg);border:5px solid #173d2d;outline:1px solid #f5ffe449;border-radius:28px;background:#faf9f3;box-shadow:8px 22px 28px #002d2a55}.app-phone-camera{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:43px;height:9px;border-radius:9px;background:#173d2d}.app-promo-phone>img{width:49px;height:48px;object-fit:contain;margin:0 auto 7px}.app-phone-caption{display:block;text-align:center;font-size:15px;letter-spacing:-.6px;line-height:1.2}.app-phone-caption em{font-family:Georgia,serif;color:#006b45}.app-phone-categories{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:13px 0}.app-phone-categories>span{display:grid;gap:3px;justify-items:center;border-radius:10px;background:#e8efdf;padding:7px 3px;color:#006b45;font-size:15px}.app-phone-categories b{font-size:8px;font-weight:500;color:#26432f}.app-phone-bottom{display:flex;justify-content:space-between;gap:4px;padding:8px 6px;border-radius:7px;background:#006b45;color:#fff;font-size:7px}.app-phone-bottom b{font-size:11px}
.app-promo-float{position:absolute;z-index:1;display:grid;gap:3px;max-width:135px;padding:11px 13px;border:1px solid #ffffff70;border-radius:13px;background:#edf2e1;color:#25412f;font-size:10px;box-shadow:0 8px 22px #002a3025;line-height:1.4}.app-promo-float b{font-family:Georgia,serif;font-style:italic;font-size:13px;font-weight:400;color:#006b45}.app-promo-float-one{left:-8px;top:77px;transform:rotate(-7deg)}.app-promo-float-two{right:-9px;bottom:59px;transform:rotate(-6deg)}
.app-promo-dock{position:fixed;left:max(20px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));z-index:45;width:330px;max-width:calc(100vw - 32px);padding:18px 18px 8px;border:1px solid #d4dfcd;border-radius:19px;background:#faf9f3;box-shadow:0 12px 45px #173d2526}.app-promo-dock[hidden]{display:none}.app-dock-close{top:5px;right:5px;width:30px;height:30px;font-size:21px;border:0;background:transparent}.app-dock-heading{display:flex;gap:10px;align-items:center;padding-right:12px}.app-dock-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#e5edda}.app-dock-heading p{margin:0 0 4px;font-size:8px;font-weight:800;letter-spacing:.1em;color:#006b45}.app-dock-heading h2{margin:0;font-size:14px;font-weight:700;letter-spacing:-.35px;line-height:1.4}.app-dock-stores{display:flex;gap:8px;margin-top:13px}.app-store-link-small{flex:1;justify-content:center;min-height:38px;padding:7px 8px;border-radius:8px}.app-store-link-small strong{font-size:11px}.app-store-link-small svg{width:17px;height:19px}.app-dock-more{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;width:100%;padding:7px 0 0;background:transparent;color:#4c6653;font-size:10px}.app-dock-more:hover{color:#006b45}
@keyframes app-promo-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.app-promo{inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px;width:auto;max-height:min(360px,55dvh);border-radius:20px}.app-promo[open]{grid-template-columns:1fr}.app-promo-art{display:none}.app-promo-copy{padding:20px 20px 12px}.app-promo-brand{margin-bottom:10px;gap:8px}.app-promo-brand img{width:23px;height:22px}.app-promo-brand span{font-size:8px;letter-spacing:.1em}.app-promo h2{font-size:25px;letter-spacing:-.8px;margin-bottom:9px}.app-promo h2 br{display:none}.app-promo-copy>p{font-size:12px;line-height:1.6;margin-bottom:13px;max-width:100%;padding-right:5px}.app-promo-stores{gap:8px}.app-promo-stores .app-store-link{flex:1;justify-content:center;padding:7px 10px;min-height:44px}.app-promo-stores .app-store-link strong{font-size:12px}.app-promo-later{padding-top:8px;min-height:32px;font-size:10px}.app-promo-close{width:34px;height:34px;top:8px;right:8px}.app-promo-dock{left:12px;bottom:max(12px,env(safe-area-inset-bottom));width:315px;padding:14px 16px 6px}.app-dock-stores{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.app-promo[open]{animation:none}.app-store-link{transition:none}.app-store-link:hover{transform:none}}