*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width>=768px){.page-bg{background-image:url(/ampm_bg.png);background-position:top;background-repeat:no-repeat;background-size:calc(100% - 16px);background-attachment:fixed}}.section-card{background:#fff9;border:1px solid #0000000f;border-radius:16px;flex-direction:column;gap:14px;padding:24px;display:flex;box-shadow:0 2px 8px #0000000f}@media (width>=768px){.section-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000000f;box-shadow:0 2px 16px #00000012}}.section-card-dark{background:#d2cbbeb3;border:1px solid #0000000f;border-radius:16px;flex-direction:column;gap:14px;padding:24px;display:flex;box-shadow:0 2px 8px #0000000f}@media (width>=768px){.section-card-dark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#d2cbbe66;border:1px solid #d2cbbe99;box-shadow:0 2px 16px #00000012}}.download-sidebar{display:none}@media (width>=1024px){.download-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#d2cbbe66;border:1px solid #d2cbbe99;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;display:flex;position:fixed;top:50%;right:32px;transform:translateY(-50%);box-shadow:0 2px 16px #00000014}}.social-content-row{flex-direction:column;align-items:center;padding:8px 0 4px;display:flex}@media (width>=1024px){.social-content-row{display:none}}.social-sidebar{display:none}@media (width>=1024px){.social-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#d2cbbe66;border:1px solid #d2cbbe99;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;display:flex;position:fixed;top:50%;left:32px;transform:translateY(-50%);box-shadow:0 2px 16px #00000014}}.mobile-download-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#d2cbbe66;border-top:1px solid #d2cbbe99;flex-direction:column;align-items:center;padding:10px 20px 14px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014}@media (width>=1024px){.mobile-download-bar{display:none}}.pinned-footer{display:none}@media (width>=1024px){.pinned-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#d2cbbe66;border-top:1px solid #d2cbbe99;justify-content:space-between;align-items:center;padding:10px 32px;display:flex;position:fixed;bottom:0;left:0;right:0}.desktop-hide{display:none!important}}.nav-links{align-items:center;gap:28px;display:none}.nav-hamburger{display:flex}@media (width>=768px){.nav-links{display:flex}.nav-hamburger{display:none}}.home-overlay{flex-direction:column;gap:20px;padding:84px 24px 175px;display:flex}.home-content{color:#2a2a2a;flex-direction:column;gap:20px;width:100%;max-width:640px;margin:0 auto;font-family:Segoe UI,system-ui,sans-serif;display:flex}@media (width>=768px){.home-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#f2f1c7b3;padding:108px 24px 64px}}@media (width>=1024px){.home-overlay{padding-bottom:108px}}.screenshots-section{background:#d2cbbe59;width:100vw;padding:20px 0 8px;position:relative;left:50%;transform:translate(-50%)}.screenshots-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;display:flex;overflow-x:auto}.screenshots-scroll::-webkit-scrollbar{display:none}.screenshot-item{scroll-snap-align:start;flex-direction:column;flex-shrink:0;align-items:center;display:flex}.phone-frame{border:3px solid #1a1a1a;border-radius:30px;width:155px;overflow:hidden}.phone-frame img{width:100%;height:auto;display:block}.screenshot-caption{color:#555;text-align:center;width:155px;margin:8px 0 12px;font-family:Segoe UI,system-ui,sans-serif;font-size:12px}@media (width>=768px){.phone-frame,.screenshot-caption{width:175px}}.inner-page-overlay{flex:1;justify-content:center;padding:84px 24px 40px;display:flex}.inner-page-content{flex-direction:column;gap:20px;width:100%;max-width:640px;font-family:Segoe UI,system-ui,sans-serif;display:flex}@media (width>=768px){.inner-page-overlay{padding-top:108px}}.page-footer{background:#d2cbbe66;border-top:1px solid #d2cbbe99;justify-content:space-between;align-items:center;padding:12px 24px;font-family:Segoe UI,system-ui,sans-serif;display:flex}
