@import url('/site-base.css');

/* Introductory sale */
.sale-banner{background:#bbee79;color:#14200c;display:flex;align-items:center;justify-content:center;gap:24px;padding:18px 24px}.sale-banner strong{font-size:20px}.sale-banner p{margin:4px 0 0;font-size:14px;color:#30451e}.sale-banner a{color:#14200c;font-weight:700;white-space:nowrap}.sale-stamp{font-size:26px;font-weight:900;letter-spacing:-1px;border:2px solid #264015;border-radius:9px;padding:9px 14px;white-space:nowrap}.sale-chip{display:inline-block;background:#bbee79;color:#14200c;padding:6px 11px;border-radius:6px;font-size:12px;font-weight:800;letter-spacing:.06em;margin:8px 0 12px}.old-price{display:block;font-size:22px;font-weight:500;color:#a0a7af;text-decoration-thickness:2px;line-height:1.4}.plan .price,.billing-plans .price{color:#bbee79}.billing-plans .price{font-size:38px}.billing-plans .price small{font-size:15px}.plan .secondary{border-color:#bbee79}.plan.featured .secondary{background:#bbee79;color:#14200c}@media(max-width:650px){.sale-banner{gap:12px;flex-wrap:wrap;padding:16px}.sale-banner>div{flex:1;min-width:180px}.sale-banner strong{font-size:17px}.sale-banner a{font-size:14px}.sale-stamp{font-size:22px}.sale-banner p{font-size:12px}}

.signin-modal{background:#151a20;color:#eef1f5;border:1px solid #39414a;border-radius:20px;padding:36px;width:min(460px,calc(100% - 32px));max-height:90vh;overflow:auto;box-sizing:border-box}.signin-modal::backdrop{background:#05080bbc;backdrop-filter:blur(5px)}.signin-modal h2{font-size:30px;margin:10px 0}.signin-modal p{font-size:14px}.signin-modal label{display:block;margin:18px 0}.signin-modal input{display:block;box-sizing:border-box;width:100%;padding:14px;margin-top:8px;background:#0f1318;color:white;border:1px solid #444d58;border-radius:8px;font:inherit}.signin-modal .button{width:100%;cursor:pointer}.signin-close{float:right;background:transparent;color:white;border:0;font-size:28px;cursor:pointer}.signin-error{color:#ffaaaa}.signin-modal a{color:#bbee79}

/* Keep extension password menus above the sign-in layer. */
.signin-backdrop:not([hidden]){position:fixed;inset:0;background:#05080bbc;backdrop-filter:blur(5px);z-index:1000}.signin-modal[open]{position:fixed;inset:0;margin:auto;z-index:1001;height:fit-content;max-height:90dvh}.signin-modal::backdrop{background:none;backdrop-filter:none}

.header-actions{display:flex;align-items:center;gap:18px}.header-actions .button{font-size:14px;padding:12px 16px;white-space:nowrap}@media(max-width:650px){.header-actions{gap:10px}.header-actions .button{font-size:12px;padding:10px}.header-actions .login{font-size:12px}}
[hidden]{display:none!important}

/* Demo view buttons share styling; selection follows aria-pressed. */
.demo-tabs{display:flex;flex-wrap:wrap;gap:8px}
.demo-tabs [data-demo-tab]{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;margin:0;border:1px solid #46505a;border-radius:12px;background:#192026;color:#e9edf1;font:inherit;font-weight:600;line-height:1.25;cursor:pointer}
.demo-tabs [data-demo-tab][aria-pressed="true"]{background:#bbed79;border-color:#bbed79;color:#17210e}
.demo-tabs [data-demo-tab]:focus-visible{outline:3px solid #96c9ff;outline-offset:3px}
@media(max-width:600px){.demo-tabs{display:grid;grid-template-columns:1.4fr 1fr 1fr;width:100%}.demo-tabs [data-demo-tab]{padding:12px 8px;font-size:14px}}
/* Keep the feature navigation readable as the product grows. */
@media(max-width:1100px){header{flex-wrap:wrap}header nav{order:3;width:100%;flex-wrap:wrap;justify-content:flex-start;gap:12px 22px}}@media(max-width:760px){header nav{gap:10px 18px}}

.editorial pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.editorial{min-width:0;overflow-wrap:break-word}

/* Clear action hierarchy throughout the public website. */
a.button,button.button{background:#bbee79;color:#17210e!important;border:2px solid #bbee79;font-weight:750;min-height:48px;box-shadow:0 3px 0 #64883e;line-height:1.35;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
a.secondary{background:#222b30;color:#f2f5f4!important;border:1px solid #78888e;font-weight:650;min-height:48px;line-height:1.35;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
a.button:hover,button.button:hover{background:#ccfa98;border-color:#ccfa98}
a.secondary:hover{background:#303d43;border-color:#bfd0d5}
a.button:focus-visible,a.secondary:focus-visible{outline:3px solid #8bcaff;outline-offset:4px}
.editorial p>a.secondary,.editorial p>a.button{margin:6px 8px 6px 0}
.closing .actions{justify-content:center;display:flex;gap:14px;flex-wrap:wrap}
.closing>p:not(.eyebrow){max-width:620px;margin:18px auto 24px}
.closing .fine{font-size:14px}
.conversion-callout{padding:28px;margin:40px 0;border:1px solid #647c4d;border-radius:16px;background:#1c281b}
.conversion-callout h2{margin-top:0}
.conversion-callout .actions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:650px){.editorial .actions,.closing .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.editorial .actions>a,.closing .actions>a{width:100%;box-sizing:border-box;white-space:normal;text-align:center}.editorial p>a.secondary,.editorial p>a.button{display:flex;width:100%;box-sizing:border-box;margin:12px 0;white-space:normal;text-align:center}.conversion-callout{padding:20px}.hero .actions{gap:14px}a.button,a.secondary{max-width:100%;box-sizing:border-box}}

.signin-header{position:sticky;top:-36px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#151a20;margin:-36px -36px 20px;padding:18px 24px;border-bottom:1px solid #39414a}.signin-header h2{margin:0;font-size:26px}.signin-header .signin-close{float:none;flex:none;width:44px;height:44px;padding:0}

body>footer a{white-space:nowrap}
body>footer>div{width:100%;margin-inline:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 20px}