.ios-note{margin:16px 0 0;color:#5964c7;font-size:.88rem;font-weight:700}
.trust-row{margin-top:28px}
.device-frame{padding:7px;border-width:4px;border-radius:38px}
.device-frame:before{top:4px;width:82px;height:14px;border-radius:0 0 11px 11px}
.device-frame img{border-radius:28px}
.screen-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.screen-large{grid-column:auto}
.screen-card img{height:auto;aspect-ratio:1440 / 3120;max-height:none;object-fit:cover}
.pro-layout{grid-template-columns:1fr}
@media(max-width:850px){.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.screen-grid{grid-template-columns:1fr}}
.language-picker select{appearance:auto;-webkit-appearance:auto;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);padding:8px 6px;font-weight:650;cursor:pointer}
.language-picker select:hover{background:var(--soft)}
.language-picker select:focus-visible{outline:2px solid rgba(79,91,213,.35);outline-offset:2px}
#features .section-heading{max-width:none}
#features .section-heading h2{white-space:nowrap}
@media(max-width:850px){#features .section-heading h2{white-space:normal}}
.share-link{border:0;padding:0;background:transparent;cursor:pointer;font:inherit;color:inherit}
.share-link:hover{color:var(--accent)}
.share-status{min-height:1.4em;margin:8px 0 0;color:var(--muted);font-size:.82rem}

/* Mobile layout polish: keep the landing page calm and readable on narrow screens. */
@media(max-width:520px){
  .site-header{height:62px;padding:0 16px;gap:8px}
  .brand{gap:8px;font-size:1rem}
  .brand img{width:32px;height:32px;border-radius:9px}
  .header-actions{gap:4px}
  .language-picker select{padding:6px 4px;font-size:.8rem}

  .hero{min-height:0;padding:54px 0 48px;gap:0}
  .hero h1{max-width:18ch;font-size:2.45rem;line-height:1.12;letter-spacing:-.055em}
  .hero-lede{margin-top:18px;font-size:.98rem;line-height:1.7}
  .hero-actions{justify-content:center;gap:14px 20px;margin-top:24px}
  .hero-actions .button-primary{width:100%}
  .hero-actions .text-link{font-size:.9rem}
  .share-status{min-height:0;margin-top:6px;text-align:center}
  .ios-note{margin-top:14px;font-size:.82rem;line-height:1.5}
  .trust-row{justify-content:center;gap:7px 9px;margin-top:22px;font-size:.74rem;line-height:1.4;text-align:center}
  .hero-device{min-height:0;margin-top:30px}
  .device-glow{width:280px;height:280px}
  .device-frame{width:min(228px,64vw);padding:6px;border-width:3px;border-radius:30px;transform:none}
  .device-frame:before{top:3px;width:72px;height:11px;border-radius:0 0 9px 9px}
  .device-frame img{border-radius:23px}

  .section{padding:64px 0}
  .section-heading h2,.pro-section h2,.final-cta h2{font-size:2rem;line-height:1.16}
  #features .section-heading h2{max-width:15ch}
  .feature-grid{gap:0;margin-top:24px}
  .feature-card{padding:18px 0 22px}
  .feature-card h3{margin:12px 0 7px;font-size:1.05rem}
  .feature-card p{font-size:.9rem;line-height:1.65}

  .split-heading{margin-bottom:0}
  .screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin-top:28px}
  .screen-large{grid-column:span 2}
  .screen-card img{border-radius:14px;box-shadow:0 7px 18px rgba(24,32,51,.07)}
  .screen-card figcaption{padding:9px 1px 0;font-size:.8rem}

  .pro-section{padding:64px 0}
  .pro-text{margin-top:16px;font-size:.96rem;line-height:1.7}
  .button-light{margin-top:22px}
  .final-cta{padding:72px 0}
  .final-cta .hero-actions{gap:18px;margin-top:24px}
  .site-footer{padding:20px 0}
  .footer-inner{display:grid;gap:9px;font-size:.78rem}
  .site-footer nav{gap:14px}
  .footer-note{width:auto;margin-left:0;line-height:1.5}
}

/* Keep long localized headlines balanced instead of forcing awkward oversized wraps. */
@media(max-width:520px){
  .hero h1{
    font-size:clamp(2.15rem,9.5vw,2.35rem);
    line-height:1.16;
    letter-spacing:-.045em;
    text-wrap:normal;
  }
  .section-heading h2,.pro-section h2,.final-cta h2{
    font-size:clamp(1.78rem,7.2vw,1.92rem);
    line-height:1.2;
    letter-spacing:-.04em;
    text-wrap:normal;
  }
  .feature-card h3{font-size:1rem;line-height:1.35;text-wrap:normal}
}