.LandingPageHero{padding:48px 0 80px;background:#fff}.LandingPageHero__Container{max-width:1100px;margin:0 auto;padding:0 24px}.LandingPageHero__Layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center}.LandingPageHero__Content{max-width:480px}.LandingPageHero__Headline{font-family:var(--font-source-serif),"Source Serif 4",Georgia,serif;font-size:clamp(2.25rem,4vw,3rem);font-weight:600;line-height:1.15;margin-bottom:16px;color:#1a2b3c;letter-spacing:-.01em}.LandingPageHero__Subtitle{font-family:var(--font-roboto),Roboto,sans-serif;font-size:1.0625rem;font-weight:400;color:#4a5568;margin-bottom:24px;line-height:1.7}.LandingPageHero__Button{display:inline-flex;align-items:center;justify-content:center;padding:14px 48px;font-family:var(--font-roboto),Roboto,sans-serif;font-size:1rem;font-weight:500;background:#2ab557;color:#fff;border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.LandingPageHero__Button:link,.LandingPageHero__Button:visited{color:#fff}.LandingPageHero__Button:hover{background:#239b4a;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px rgba(42,181,87,.3)}.LandingPageHero__Note{margin-top:16px;font-family:var(--font-roboto),Roboto,sans-serif;font-size:.9rem;font-weight:500;color:#64748b}.LandingPageHero__Visual{display:flex;justify-content:center;align-items:center}.LandingPageHero__AppFrame{background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05);overflow:hidden;width:100%;max-width:480px}.LandingPageHero__Titlebar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f7fafc;border-bottom:1px solid #e2e8f0}.LandingPageHero__Dot{width:10px;height:10px;border-radius:50%}.LandingPageHero__Dot[data-color=red]{background:#ff5f57}.LandingPageHero__Dot[data-color=yellow]{background:#febc2e}.LandingPageHero__Dot[data-color=green]{background:#28c840}.LandingPageHero__UrlBar{flex:1 1;margin-left:6px;padding:5px 10px;background:#fff;border-radius:4px;font-family:var(--font-roboto),Roboto,sans-serif;font-size:11px;color:#a0aec0;border:1px solid #e2e8f0}.LandingPageHero__Demo{width:100%;height:auto;display:block}@media (max-width:900px){.LandingPageHero__Layout{grid-template-columns:1fr;text-align:center}.LandingPageHero__Content{max-width:100%}.LandingPageHero__Visual{order:-1}.LandingPageHero__AppFrame{max-width:400px}}