:root{--one-app-nav:78px;--one-app-green:#244b38}
html{scroll-padding-bottom:calc(var(--one-app-nav) + 24px)}
body[data-one-app-page]{padding-bottom:calc(var(--one-app-nav) + env(safe-area-inset-bottom) + 18px)}
.one-app-nav{position:fixed;bottom:0;left:0;right:0;z-index:140;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;box-sizing:border-box;padding:8px max(8px,calc((100vw - 760px)/2)) calc(8px + env(safe-area-inset-bottom));background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid #dfe5d7;box-shadow:0 -5px 24px #21332908}
.one-app-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:50px;color:#5c675a;text-decoration:none;font:600 11px/1.2 system-ui;border-radius:12px;padding:3px 1px}
.one-app-nav a[aria-current=page]{color:var(--one-app-green);background:#edf3e8}
.one-app-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.one-app-nav a:focus-visible,.install-open:focus-visible{outline:3px solid #8ab79b;outline-offset:2px}
html[data-one-app-keyboard] .one-app-nav{display:none}
.product-card .app-icon{width:74px;height:74px;object-fit:contain;border-radius:14px;background:transparent;border:0;padding:0}
.app-card .app-icon{object-fit:contain}
.install-open{font:600 13px/1.4 system-ui;min-height:44px;padding:11px 16px;border:1px solid #d8e1cf;border-radius:99px;background:white;color:#294934;cursor:pointer;margin:12px 8px 0 0}
.one-app-dialog{max-width:430px;width:calc(100% - 40px);box-sizing:border-box;padding:28px;border:1px solid #dce4d4;border-radius:24px;background:#fff;color:#233b2b;box-shadow:0 20px 80px #18231226}
.one-app-dialog::backdrop{background:#132b1e77;backdrop-filter:blur(4px)}
.one-app-dialog h2{font-size:26px;line-height:1.15;margin:0 0 16px}
.one-app-dialog p,.one-app-dialog li{font:400 15px/1.6 system-ui}
.one-app-dialog button,.data-actions button,.data-actions label{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;box-sizing:border-box;background:var(--one-app-green);color:white;border:0;border-radius:12px;font:600 14px/1.3 system-ui;cursor:pointer;text-decoration:none}
.one-app-dialog button.secondary,.data-actions .secondary{background:#edf3e8;color:#294934}
.simple-page{max-width:760px;margin:auto;padding:52px 24px 72px}
.simple-page h1{font-size:clamp(36px,6vw,58px);letter-spacing:-1.6px;line-height:1.1;margin:12px 0 24px}
.simple-page p,.simple-page li{line-height:1.7;color:#5d6758}
.simple-card{background:white;border:1px solid #dfe5d7;border-radius:24px;padding:28px;margin:24px 0}
.simple-card h2{margin-top:0;font-size:25px}
.plus-price{display:flex;align-items:baseline;gap:8px;margin:18px 0 5px;color:#233b2b}
.plus-price strong{font-size:52px;line-height:1;letter-spacing:-2px}
.plus-trial{display:inline-block;background:#edf3e8;color:#244b38;border-radius:99px;padding:8px 14px;font-weight:650}
.plus-includes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;list-style:none}
.plus-includes li{padding:13px 16px;border:1px solid #e1e8da;border-radius:14px;color:#294934;background:#fafbf8}
.data-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.data-actions input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.data-actions label:focus-within{outline:3px solid #8ab79b;outline-offset:2px}
.data-actions .danger{background:#fff;color:#8a382f;border:1px solid #dfc0ba}
.data-status{min-height:28px;padding:12px 0;font-size:14px}
.simple-page .fine{font-size:13px;color:#6d7568}
@media(max-width:480px){.simple-page{padding:34px 20px 50px}.simple-card{padding:23px}.plus-includes{grid-template-columns:1fr}.one-app-nav{gap:1px}.one-app-nav a{font-size:10px}.suite-header .brand>span{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body[data-one-app-page]{padding-top:var(--one-app-header-height,calc(77px + env(safe-area-inset-top,0px)));padding-bottom:calc(var(--one-app-footer-height,calc(78px + env(safe-area-inset-bottom,0px))) + 18px)}
body[data-one-app-page]>.header{position:fixed;top:0;left:0;right:0;z-index:150;width:100%;height:auto;min-height:calc(77px + env(safe-area-inset-top,0px));padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:12px;box-sizing:border-box;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;align-items:center}
body[data-one-app-page]>.header :is(a,button){align-items:center;justify-content:center;text-align:center;min-height:44px;line-height:1.25}
body[data-one-app-page]>.header .brand>span{text-align:center}
.one-app-nav>a{min-width:0;text-align:center;box-sizing:border-box;margin:0}
.one-app-nav>a>span{display:block;width:100%;text-align:center;line-height:1.2}
