/* Front-facing soft product illustration with layered glass feature cards. */
.app-download-intro{position:relative;isolation:isolate;overflow:hidden}
.app-intro-content{position:relative;z-index:2;width:56%;max-width:58rem}
.app-intro-content h2{font-size:clamp(3rem,6vw,7.5rem)}
.app-phone-scene{position:absolute;right:5vw;top:50%;width:clamp(380px,39vw,640px);aspect-ratio:1/1.15;transform:translateY(-50%);pointer-events:none;z-index:0}
.app-phone-halo{position:absolute;inset:5% 6% 0;border-radius:50%;background:radial-gradient(ellipse,rgba(171,198,175,.13),transparent 68%);filter:blur(30px)}
.app-phone{position:absolute;width:52%;left:25%;top:7%;aspect-ratio:1/1.96;border-radius:13% / 7%;background:rgba(248,249,247,.4);border:2px solid #e0e3df;padding:5px;box-shadow:none}
.app-phone-face{position:absolute;inset:6px;border-radius:11% / 6%;overflow:hidden;background:#f6f7f4;box-shadow:none}
.app-phone-face img{width:100%;height:100%;object-fit:cover;object-position:top;opacity:.22;filter:saturate(.35);display:block}
.app-phone-glass{position:absolute;inset:0;background:linear-gradient(120deg,rgba(250,251,248,.42),rgba(248,249,247,.22) 50%,rgba(250,251,248,.4));border-radius:inherit}
.app-phone-edge{display:none}
.app-phone-island{position:absolute;top:4.3%;left:37%;width:26%;height:2.3%;border-radius:30px;background:rgba(205,211,204,.55);z-index:2}
.app-phone-homebar{position:absolute;bottom:3%;left:35.5%;width:29%;height:.75%;border-radius:10px;background:rgba(205,211,204,.55);z-index:2}
.app-phone-shadow{position:absolute;left:24%;right:19%;height:3%;bottom:1%;background:rgba(78,112,83,.08);border-radius:50%;filter:blur(15px)}
.app-glass-card{position:absolute;display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:22px;color:#2b4534;background:linear-gradient(118deg,rgba(255,255,255,.88),rgba(248,250,246,.65));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1.5px solid rgba(255,255,255,.95);box-shadow:inset 0 0 0 1px rgba(195,209,194,.23),4px 12px 22px rgba(42,75,49,.09),0 2px 4px rgba(42,75,49,.04);z-index:3}
.app-glass-card strong{display:block;font-size:clamp(13px,1.05vw,18px);font-weight:700;line-height:1.5;letter-spacing:-.035em;white-space:nowrap}
.app-glass-card small{display:block;font-size:clamp(11px,.82vw,14px);color:#7a8a7b;line-height:1.6;margin-top:4px;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
.app-glass-card>span:last-child,.app-card-row>span:last-child{min-width:0}
.app-card-care{left:2%;top:22%;width:68%;--card-angle:-1deg}
.app-card-insights{left:34%;top:41%;width:65%;display:block;padding:24px;--card-angle:1deg}
.app-card-environment{left:9%;top:76%;width:77%;--card-angle:-1deg}
.app-glass-card{transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) rotate(var(--card-angle,0deg));opacity:var(--card-opacity,1);filter:blur(var(--card-blur,0px))}
.app-phone{transform:translate3d(0,var(--phone-y,0px),0);opacity:var(--phone-opacity,1)}
.app-phone-scene.is-entering .app-glass-card{will-change:transform,opacity,filter}
.app-phone-scene.is-entering .app-phone{will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.app-glass-card{transform:rotate(var(--card-angle,0deg))!important;opacity:1!important;filter:none!important;will-change:auto!important}.app-phone{transform:none!important;opacity:1!important;will-change:auto!important}}
.app-card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px;font-size:clamp(10px,.75vw,13px)}
.app-card-actions span{padding:7px 13px;border-radius:30px;background:#e9ede5;color:#667561}
.app-card-actions .app-card-action-primary{background:#567652;color:#fff}
.app-notification-caption{position:absolute;bottom:-4%;left:25%;width:52%;text-align:center;font-size:10px;letter-spacing:.02em;color:#98a093}
@media(max-width:768px){.app-phone-scene{aspect-ratio:1/1.4}.app-card-actions{margin-top:12px;gap:5px}.app-card-actions span{padding:6px 9px}}
@media(min-width:769px) and (max-width:1100px){.app-phone-scene{aspect-ratio:1/1.3}}
.app-card-row{display:flex;align-items:center;gap:16px}.app-card-row+.app-card-row{margin-top:25px}
.app-feature-icon{flex:none;width:48px;height:48px;position:relative;border-radius:12px;background:linear-gradient(135deg,#fff,#f0f5ec);box-shadow:2px 4px 6px rgba(62,85,59,.06),inset 0 1px 2px #fff;display:grid;place-items:center}
.app-feature-icon svg{width:34px;height:34px;filter:drop-shadow(1px 3px 2px rgba(64,91,54,.15))}
.app-feature-icon.calendar{background:linear-gradient(150deg,#f9fcf7,#d5e7d1);transform:rotate(-5deg)}
.app-feature-icon.leaf{background:linear-gradient(150deg,#f7fcf5,#e3edbd)}.app-feature-icon.sun{background:linear-gradient(150deg,#fffdf6,#f2e5bd)}
@media(min-width:1500px){.app-phone-scene{right:9vw}}
@media(max-width:1100px) and (min-width:769px){.app-phone-scene{width:360px;right:-20px}.app-intro-content{width:58%}.app-intro-content h2{font-size:5.8vw}.app-glass-card{padding:16px;gap:10px;border-radius:16px}.app-card-insights{padding:18px}.app-card-row{gap:10px}.app-feature-icon{width:36px;height:36px}.app-feature-icon svg{width:28px;height:28px}.app-glass-card small{font-size:10px}.app-glass-card strong{font-size:12px}}
@media(max-width:768px){.app-download-intro{min-height:0;display:flex;flex-direction:column;align-items:flex-start;padding-top:120px;padding-bottom:70px;gap:28px}.app-intro-content{width:100%;max-width:none}.app-intro-content h2{font-size:var(--font-heading)}.app-intro-copy{max-width:28rem}.app-phone-scene{position:relative;right:auto;top:auto;align-self:center;width:min(100%,420px);transform:none;flex:none}.app-glass-card{padding:14px;gap:10px;border-radius:16px}.app-card-insights{padding:17px}.app-card-row{gap:10px}.app-card-row+.app-card-row{margin-top:18px}.app-feature-icon{width:34px;height:34px;border-radius:9px}.app-feature-icon svg{width:27px;height:27px}.app-glass-card strong{font-size:11px}.app-glass-card small{font-size:9px}.app-phone{padding:8px}.app-phone-face{inset:8px}}