html, body { width: 100%; max-width: 100%; overflow-x: clip; }
body { background: #fbfcfb; }
.site-head { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.94); border-bottom: 1px solid var(--pp-border-soft); backdrop-filter: blur(12px); }
.site-head__inner { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.site-nav { display: flex; align-items: center; gap: 1.5rem; color: var(--pp-text-muted); font-size: .9rem; }
.site-nav a:hover, .back-link:hover { color: var(--pp-green-800); }
.pp-brand img { width: 36px; height: 36px; border-radius: 10px; }
.site-head__inner .pp-brand { min-width: 0; overflow: hidden; }
.site-head__inner .pp-brand span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-head__inner .pp-btn { flex-shrink: 0; }

.back-link { color: var(--pp-text-muted); font-size: .9rem; }
.eyebrow { display: inline-flex; color: var(--pp-green-700); background: var(--pp-green-100); border-radius: 999px; padding: .35rem .8rem; font-size: .8rem; font-weight: 700; }
.pp-btn--large { min-height: 52px; padding-inline: 1.5rem; }

.hero { min-height: 650px; display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: clamp(2rem,6vw,5rem); padding-block: clamp(3rem,8vw,7rem); }
.hero__copy h1 { margin: .9rem 0 1rem; font-size: clamp(2.15rem,5vw,4.25rem); line-height: 1.25; letter-spacing: -.04em; color: var(--pp-green-900); }
.hero__copy > p { max-width: 42rem; margin: 0; font-size: clamp(1rem,2vw,1.15rem); color: var(--pp-text-muted); }
.hero__actions { display: flex; gap: .75rem; flex-wrap: wrap; margin: 1.8rem 0 1.2rem; }
.trust-row { display: flex; flex-wrap: wrap; gap: .55rem 1.1rem; color: var(--pp-text-muted); font-size: .78rem; }
.app-preview { width: min(100%,430px); justify-self: center; padding: 1rem; border-radius: 34px; background: linear-gradient(160deg,#234c43,#112a24); box-shadow: 0 24px 70px rgba(19,52,44,.22); transform: rotate(-1.5deg); }
.app-preview__top { display: flex; justify-content: space-between; align-items: center; color: #fff; padding: .5rem .55rem 1rem; }
.app-preview__top span { opacity: .75; font-size: .8rem; }
.mini-card { background: #fff; border-radius: 24px; padding: 1rem; text-align: right; }
.mini-card__image { height: 155px; border-radius: 15px; display: grid; place-items: center; background: linear-gradient(135deg,#dbece6,#eef6f3); color: var(--pp-green-700); margin-bottom: 1rem; }
.mini-card small { color: var(--pp-text-muted); display: block; }.mini-card strong { display: block; font-size: 1.85rem; direction: ltr; text-align: right; }.mini-card p { color: var(--pp-text-muted); direction: ltr; text-align: right; }
.mini-audio { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--pp-border); border-radius: 999px; overflow: hidden; direction: ltr; }.mini-audio span { text-align: center; padding: .55rem; font-size: .75rem; }.mini-audio span + span { border-left: 1px solid var(--pp-border); }
.mini-rates { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .4rem; margin-top: .8rem; }.mini-rates span { color: #fff; background: rgba(255,255,255,.14); border-radius: 10px; padding: .6rem .2rem; text-align: center; font-size: .7rem; }

.section { padding-block: clamp(4rem,8vw,7rem); }.section--tint { background: var(--pp-green-50); }.section-head { max-width: 690px; margin: 0 auto 2.5rem; text-align: center; }.section-head h1,.section-head h2 { margin: .8rem 0 .5rem; color: var(--pp-green-900); font-size: clamp(1.8rem,4vw,2.7rem); }.section-head p { margin: 0; color: var(--pp-text-muted); }
.feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }.feature-grid article { background: #fff; border: 1px solid var(--pp-border-soft); border-radius: 20px; padding: 1.5rem; box-shadow: var(--pp-shadow); }.feature-grid h3 { margin: .75rem 0 .4rem; }.feature-grid p { margin: 0; color: var(--pp-text-muted); font-size: .88rem; }.feature-icon { width: 46px; height: 46px; display: grid; place-items: center; background: var(--pp-green-100); border-radius: 14px; font-size: 1.2rem; }
.steps { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; counter-reset: none; }.steps li { display: flex; gap: 1rem; padding: 1.4rem; border: 1px solid var(--pp-border); border-radius: 18px; background: #fff; }.steps b { flex: 0 0 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--pp-green-800); color: #fff; }.steps h3 { margin: 0 0 .35rem; }.steps p { margin: 0; color: var(--pp-text-muted); font-size: .86rem; }
.faq-wrap { max-width: 800px; }.faq-wrap details { background: #fff; border: 1px solid var(--pp-border); border-radius: 14px; padding: 1rem 1.2rem; margin-bottom: .75rem; }.faq-wrap summary { cursor: pointer; font-weight: 700; }.faq-wrap details p { margin: .8rem 0 0; color: var(--pp-text-muted); }
.final-cta { margin-block: 4rem; padding: clamp(1.5rem,5vw,3rem); background: var(--pp-green-800); color: #fff; border-radius: 28px; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; }.final-cta h2 { margin: 0 0 .4rem; }.final-cta p { margin: 0; opacity: .75; }.final-cta .pp-btn { background: #fff; color: var(--pp-green-900); }
.pp-footer { margin-top: 0; }.pp-footer > p { width: 100%; text-align: center; margin: .5rem 0 0; font-size: .78rem; }

.download-main { min-height: calc(100vh - 72px); padding-block: clamp(2.5rem,6vw,5rem); }.device-tabs { max-width: 600px; margin: 0 auto 1.5rem; display: grid; grid-template-columns: repeat(3,1fr); background: var(--pp-green-50); padding: .35rem; border-radius: 999px; }.device-tabs button { border: 0; background: transparent; border-radius: 999px; padding: .75rem .5rem; color: var(--pp-text-muted); }.device-tabs button.is-active { background: var(--pp-green-800); color: #fff; font-weight: 700; }.device-panel { display: none; max-width: 820px; margin: 0 auto; }.device-panel.is-active { display: grid; gap: .85rem; }.download-card { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; background: #fff; border: 1px solid var(--pp-border); border-radius: 20px; padding: 1.2rem; }.download-card--featured { border-color: #a9c9bf; box-shadow: var(--pp-shadow-lg); }.download-card__icon { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 16px; background: var(--pp-green-800); color: #fff; font-weight: 800; font-size: .78rem; direction: ltr; }.download-card h2 { margin: 0 0 .25rem; font-size: 1.05rem; }.download-card p { margin: 0; color: var(--pp-text-muted); font-size: .85rem; }.tag { color: var(--pp-green-700); font-size: .72rem; font-weight: 700; }.release-note { max-width: 210px; color: var(--pp-text-muted); font-size: .75rem; text-align: center; }.security-note { max-width: 820px; margin: 1.5rem auto 0; padding: 1rem; background: #fff8e8; color: #875f12; border-radius: 14px; font-size: .82rem; }

.guide-body { min-height: 100vh; background: linear-gradient(160deg,var(--pp-green-50),#fff 55%); }.install-guide { max-width: 760px; padding-block: 2rem 4rem; }.guide-logo { display: flex; align-items: center; justify-content: center; gap: .75rem; margin: 2rem 0; direction: ltr; }.guide-logo img { width: 64px; height: 64px; border-radius: 16px; }.guide-logo b,.guide-logo span { display: block; }.guide-logo span { color: var(--pp-text-muted); font-size: .8rem; }.install-steps { list-style: none; padding: 0; display: grid; gap: .8rem; }.install-steps li { display: flex; align-items: center; gap: 1rem; background: #fff; border: 1px solid var(--pp-border); border-radius: 18px; padding: 1rem; }.step-visual { flex: 0 0 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; background: var(--pp-green-100); color: var(--pp-green-800); font-size: 1.25rem; font-weight: 800; }.install-steps h2 { margin: 0 0 .25rem; font-size: 1rem; }.install-steps p { margin: 0; color: var(--pp-text-muted); font-size: .84rem; }.guide-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }.guide-hint { text-align: center; color: var(--pp-text-muted); font-size: .78rem; max-width: 560px; margin: 1rem auto; }

@media (max-width: 820px) { .site-nav { display: none; }.hero { grid-template-columns: 1fr; min-height: auto; text-align: center; }.hero__copy > p { margin-inline: auto; }.hero__actions,.trust-row { justify-content: center; }.app-preview { transform: none; }.feature-grid,.steps { grid-template-columns: 1fr 1fr; }.final-cta { text-align: center; flex-direction: column; } }
@media (max-width: 560px) { .pp-container { width: min(100% - 1.25rem,1200px); }.site-head__inner { min-height: 64px; }.site-head .pp-btn { padding-inline: .85rem; font-size: .78rem; }.pp-brand span { font-size: .95rem; }.hero { padding-block: 2.5rem 3.5rem; }.hero__copy h1 { font-size: 2.25rem; }.hero__actions { display: grid; }.feature-grid,.steps { grid-template-columns: 1fr; }.app-preview { border-radius: 24px; }.mini-rates span { font-size: .62rem; }.download-card { grid-template-columns: auto 1fr; }.download-card .pp-btn,.download-card .release-note { grid-column: 1 / -1; width: 100%; max-width: none; }.device-tabs button { font-size: .75rem; }.pp-footer { justify-content: center; text-align: center; }.pp-footer__links { justify-content: center; }.install-guide { padding-top: 1rem; }.install-steps li { align-items: flex-start; } }