.ab-pwa-hero{background:var(--ab-cream);padding:68px 0 62px}.ab-pwa-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.ab-pwa-hero h1{font-size:clamp(40px,5vw,65px);line-height:1.06;letter-spacing:-.05em;color:var(--ab-ink);margin:0 0 22px;font-weight:650}.ab-pwa-hero h1 em{display:block;color:var(--ab-teal);font-family:Georgia,serif;font-weight:400}.ab-pwa-intro{color:var(--ab-muted);font-size:17px;line-height:1.8;max-width:530px;margin:0 0 28px}.ab-pwa-hero .ab-actions{margin:0 0 14px}.ab-pwa-note{color:var(--ab-muted);font-size:12px;line-height:1.7;max-width:520px}.ab-pwa-icon-card{background:#fff;border:1px solid #d9e2d7;border-radius:25px;box-shadow:0 20px 55px #173d2c0c;padding:38px 32px;text-align:center;max-width:350px;width:100%;justify-self:center;transform:rotate(2deg)}.ab-pwa-app-icon{display:block;width:144px;height:144px;border-radius:30px;margin:0 auto 22px;box-shadow:0 9px 18px #1539401a}.ab-pwa-icon-card h2{font-size:25px;letter-spacing:-.03em;margin:0 0 8px;color:var(--ab-ink)}.ab-pwa-icon-card p{font-size:13px;line-height:1.7;color:var(--ab-muted);margin:0}.ab-pwa-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ab-line);background:#fff;border-radius:30px;padding:8px 12px;font-size:11px;color:var(--ab-teal);margin:0 8px 12px 0}.ab-pwa-chip .ab-icon{width:15px;height:15px}.ab-pwa-install-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:68px;padding-block:60px}.ab-pwa-install-grid h2{font-size:31px;line-height:1.2;letter-spacing:-.04em;margin:0 0 20px;color:var(--ab-ink)}.ab-pwa-steps{border-top:1px solid var(--ab-line)}.ab-pwa-steps details{border-bottom:1px solid var(--ab-line);padding:19px 0;scroll-margin-top:24px}.ab-pwa-steps summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;color:var(--ab-ink);font-size:16px;font-weight:650;min-height:30px}.ab-pwa-steps summary::-webkit-details-marker{display:none}.ab-pwa-steps summary::after{content:'+';font-size:23px;font-weight:400;color:var(--ab-teal)}.ab-pwa-steps details[open] summary::after{content:'−'}.ab-pwa-steps ol{margin:18px 0 0;padding-left:25px;display:grid;gap:12px;color:var(--ab-muted);font-size:14px;line-height:1.75}.ab-pwa-steps li{padding-left:6px}.ab-pwa-inapp{font-size:13px;line-height:1.8;color:var(--ab-muted);background:#f5f7f2;border:1px solid var(--ab-line);padding:17px 20px;border-radius:8px;margin:24px 0 0}.ab-pwa-share{background:var(--ab-mint);padding:30px;border-radius:15px;align-self:start}.ab-pwa-share>p{color:var(--ab-muted);font-size:14px;line-height:1.8;margin:0 0 20px}.ab-pwa-share label{display:block;font-size:12px;font-weight:650;color:var(--ab-ink);margin-bottom:9px}.ab-pwa-share input{font-family:inherit;width:100%;min-width:0;border:1px solid #a8beb2;background:#fff;color:var(--ab-ink);font-size:13px;padding:13px 12px;border-radius:5px;margin:0 0 13px}.ab-pwa-share button{width:100%}.ab-pwa-share small{display:block;color:var(--ab-muted);font-size:12px;line-height:1.8;margin-top:17px}.ab-pwa-status{margin:18px 0 0;min-height:1.7em;color:var(--ab-teal);font-size:13px;line-height:1.7;font-weight:600}.ab-pwa-status:empty{min-height:0;margin:0}.ab-pwa-offline{padding:12px 22px;background:#fff2d7;border-bottom:1px solid #e9d7b4;color:#6d4827;text-align:center;font-size:13px;line-height:1.6}.ab-pwa-nav{white-space:nowrap}.ab-pwa-promo{display:flex;align-items:center;gap:25px;background:var(--ab-mint);border:1px solid #d3e2d6;border-radius:13px;padding:27px 30px;margin-block:10px 24px}.ab-pwa-promo img{width:68px;height:68px;border-radius:16px;flex-shrink:0}.ab-pwa-promo-copy{flex:1}.ab-pwa-promo h2{font-size:25px;line-height:1.25;letter-spacing:-.035em;margin:0 0 6px;color:var(--ab-ink)}.ab-pwa-promo p{font-size:13px;line-height:1.7;color:var(--ab-muted);margin:0}.ab-pwa-promo .ab-button{flex-shrink:0}.ab-app-mode .ab-pwa-nav{display:none}.ab-app-mode body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.ab-pwa-page a:focus-visible,.ab-pwa-page button:focus-visible,.ab-pwa-page input:focus-visible{outline:3px solid #bc743c;outline-offset:4px}
@media(max-width:800px){.ab-pwa-hero{padding-block:45px}.ab-pwa-hero-grid{gap:26px;grid-template-columns:1.1fr .9fr}.ab-pwa-hero h1{font-size:43px}.ab-pwa-intro{font-size:15px}.ab-pwa-icon-card{padding:30px 18px}.ab-pwa-app-icon{width:110px;height:110px;border-radius:25px}.ab-pwa-install-grid{gap:30px}.ab-pwa-promo{padding:23px;gap:18px;flex-wrap:wrap}.ab-pwa-promo h2{font-size:23px}.ab-pwa-promo>.ab-button{margin-left:86px}.ab-pwa-share{padding:23px}}
@media(max-width:600px){.ab-pwa-hero-grid,.ab-pwa-install-grid{grid-template-columns:1fr}.ab-pwa-hero-grid{gap:32px}.ab-pwa-hero h1{font-size:43px}.ab-pwa-hero .ab-actions{align-items:stretch;flex-direction:column;max-width:360px}.ab-pwa-icon-card{max-width:290px;padding:24px}.ab-pwa-app-icon{width:88px;height:88px;border-radius:20px;margin-bottom:16px}.ab-pwa-icon-card h2{font-size:23px}.ab-pwa-install-grid{padding-block:38px;gap:32px}.ab-pwa-install-grid h2{font-size:29px}.ab-pwa-promo{gap:15px;padding:22px;margin-block:0 20px}.ab-pwa-promo img{width:54px;height:54px;border-radius:12px}.ab-pwa-promo-copy{min-width:170px}.ab-pwa-promo h2{font-size:22px}.ab-pwa-promo>.ab-button{margin-left:0;width:100%}.ab-pwa-promo p{font-size:12px}.ab-pwa-hero .ab-pwa-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ab-pwa-page *, .ab-pwa-promo *{scroll-behavior:auto;transition:none}}