/* One set of controls for the public website and customer portal. */
:root{--control-bg:#193947;--control-line:#446b78;--control-text:#d7eeeb;--control-mint:#8ee6c8;--control-selected:#275f57}
:root body :is(.button,.text-link),:root body.portal-shell button,:root body header nav>.nav-download{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 17px;border:1px solid var(--control-line);border-radius:8px;background:var(--control-bg);color:var(--control-text);font:400 13px/1.4 "Segoe UI",sans-serif;letter-spacing:0;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
:root body .button.primary,:root body.portal-shell button.primary{background:var(--control-mint);border-color:var(--control-mint);color:#10332f;font-weight:600}
:root body :is(.button,.text-link):hover,:root body.portal-shell button:hover,:root body header nav>.nav-download:hover{background:#254d58;border-color:#75b7b1;color:#d7eeeb;transform:none}
:root body .button.primary:hover,:root body.portal-shell button.primary:hover{background:#adf4dc;border-color:#adf4dc;color:#10332f}
:root body :is(.button,.text-link)>span{color:inherit}.text-link{border-bottom:1px solid var(--control-line)}
:root .portal-navigation>a,:root header nav>a:not(.nav-download){box-sizing:border-box;display:inline-flex;align-items:center;min-height:43px;padding:10px 16px;border:1px solid #355866;border-radius:999px;background:linear-gradient(145deg,#193947,#102a39);box-shadow:inset 0 1px 0 #d0ffef08,0 3px 10px #00000012;font:500 13px/1.4 "Segoe UI",sans-serif;letter-spacing:0;color:#c4dcdf;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s}
:root .portal-navigation>a:hover,:root header nav>a:not(.nav-download):hover{background:#214650;border-color:#80cbb7;color:#e9fff7;box-shadow:inset 0 1px 0 #d0ffef0c,0 0 0 2px #8ee6c80c}
:root .portal-navigation>a.selected{background:var(--control-selected);border-color:#86d9bd;color:#d9fff2}
:root body main p a:not(.button){color:#93eaca;text-decoration:underline;text-underline-offset:3px}:root body main p a:not(.button):hover{color:#c3f7e6}
:root body :is(a,button,summary):focus-visible{outline:2px solid #8ee6c8;outline-offset:4px}
:root body :is(.hero-studio-preview,.screenshot-button)>span{min-height:36px;padding:8px 12px;border:1px solid var(--control-line);border-radius:8px;background:#193947ed;color:var(--control-text);font:400 11px/1.4 "Segoe UI",sans-serif}
.site-language select{font-family:"Segoe UI",sans-serif;border-color:#3c6070;border-radius:7px;background:#091e2a;color:#e0f5ed;min-height:40px}.site-language select:focus-visible{outline:2px solid #80ddbe;outline-offset:2px}
@media(max-width:700px){:root .portal-navigation>a,:root header nav>a:not(.nav-download){padding:9px 12px;font-size:12px;min-height:44px}.site-language select{font-size:16px;min-height:44px}}
@media(prefers-reduced-motion:reduce){:root body :is(.button,.text-link,button),:root .portal-navigation>a,:root header nav>a{transition:none}}