.action{min-width:190px;min-height:70px;display:flex;align-items:center;padding:0 20px;border:1px solid rgba(255,255,255,.88);border-radius:15px;box-shadow:0 16px 38px rgba(23,68,156,.18);cursor:pointer;transition:.16s ease}.action>span+span{margin-left:12px}
.action:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(23,68,156,.27)}
.action.primary{background:linear-gradient(135deg,#3180ff,#1761e8);color:#fff}
.action.secondary{background:rgba(255,255,255,.94);color:var(--deep)}
.action-icon,.grid-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.16);font-size:21px}
.grid-icon{color:#3153aa;background:#eef4ff}.action span:last-child{display:block;text-align:left}.action b,.action small{display:block;white-space:nowrap}.action b{font-size:16px}.action small{margin-top:5px;font-size:10px;font-weight:550;opacity:.78}
.feature-rail article{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;border-right:1px solid rgba(56,91,156,.11);text-align:center}.feature-rail article:last-child{border:0}
.feature-rail article>span{width:56px;height:56px;display:grid;place-items:center;margin-bottom:8px;border-radius:16px;background:linear-gradient(145deg,#fff,#e3efff);color:#2d79f0;font-size:27px;box-shadow:0 9px 22px rgba(74,111,202,.13)}
.feature-icon{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ui-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feature-rail article:nth-child(2)>span{color:#7654f4}.feature-rail article:nth-child(3)>span{color:#18afd2}.feature-rail article:nth-child(5)>span{color:#ad50de}
.feature-rail b{font-size:16px}.feature-rail small{max-width:100%;margin-top:5px;color:#59709e;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.install-card{position:relative;height:226px;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:18px;text-align:left;box-shadow:0 14px 38px rgba(42,77,143,.1);transition:.18s ease;cursor:pointer}.install-card:hover{transform:translateY(-3px);box-shadow:0 22px 46px rgba(42,77,143,.16)}
.install-card.blue{background:linear-gradient(120deg,#dcecff,#f4f9ff)}.install-card.gold{background:linear-gradient(120deg,#fff4d6,#fffaf0)}
.install-card>div{position:relative;z-index:2;width:64%;padding:24px 0 0 32px}.card-icon{position:absolute;top:25px;left:32px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e7f0ff;color:#206be7;font-size:23px}.card-icon.safari{color:#1596e6}
.install-card h2,.install-card p{margin-left:64px}.install-card h2{margin-top:5px;margin-bottom:10px;font-size:26px;white-space:nowrap}.install-card p{margin-top:0;color:var(--muted);font-size:15px;line-height:1.45}.install-card p small{display:block;margin-top:5px}.install-card strong{width:140px;min-height:46px;display:grid;place-items:center;margin-top:14px;border-radius:13px;background:#2d73ee;color:#fff;font-size:15px}.install-card.gold strong{background:#ffbd2f;color:#342307}
.install-card>img{position:absolute;z-index:1;top:8px;right:2%;width:auto;height:210px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(45,68,119,.2))}.install-card.gold>img{transform:none}
.install-dialog{width:min(calc(100% - 32px),470px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:36px;border:1px solid rgba(255,255,255,.86);border-radius:24px;background:rgba(249,252,255,.97);color:var(--deep);box-shadow:0 32px 90px rgba(20,49,114,.3);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.install-dialog::backdrop{background:rgba(13,32,76,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.install-dialog:not([open]){display:none}.install-dialog.fallback-open{position:fixed;z-index:80;top:16px;right:16px;bottom:16px;left:16px;display:block;margin:auto;box-shadow:0 0 0 100vmax rgba(13,32,76,.5),0 32px 90px rgba(20,49,114,.3)}
.dialog-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:0;border-radius:50%;background:#edf3ff;color:var(--deep);font-size:24px;cursor:pointer}.dialog-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#e5efff;color:#236df4;font-size:24px}.install-dialog h2{margin:14px 0 8px;font-size:28px}.install-dialog>p{margin:0;color:var(--muted);line-height:1.7}.install-dialog ol{display:grid;gap:12px;margin:24px 0;padding:0;list-style:none}.install-dialog li{display:flex;align-items:center;padding:13px 15px;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(39,76,151,.08)}.install-dialog li b{width:28px;height:28px;display:grid;place-items:center;margin-right:12px;border-radius:50%;background:#236df4;color:#fff}.install-dialog>a{min-height:48px;display:grid;place-items:center;border-radius:13px;background:#236df4;color:#fff;font-weight:750}
.site-header{transition:top .22s ease,height .22s ease,padding .22s ease,background .22s ease,box-shadow .22s ease}
.site-header.scrolled{position:fixed;top:12px;height:64px;padding:0 18px;border:1px solid rgba(255,255,255,.35);border-radius:18px;background:rgba(18,65,151,.88);box-shadow:0 14px 40px rgba(10,43,112,.24);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header.scrolled .brand strong{font-size:35px}.site-header.scrolled .brand small{display:none}