/* Shared wordmark: exactly the same dimensions and finish in both themes. */
div.app-shell > header.brand-bar .brand-name,
div.app-shell.theme-dark > header.brand-bar .brand-name {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 35px !important;
  line-height: 1.15 !important;
  letter-spacing: 1.2px !important;
}
div.app-shell > header.brand-bar .brand-name > span,
div.app-shell > header.brand-bar .brand-name > b,
div.app-shell.theme-dark > header.brand-bar .brand-name > span,
div.app-shell.theme-dark > header.brand-bar .brand-name > b {
  background: linear-gradient(160deg, #fff4cb 3%, #e8b44f 27%, #b85d43 43%, #f5ce78 51%, #ba6246 67%, #f4ce78 84%, #a85b3d 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}
@media (max-width: 720px) {
  div.app-shell > header.brand-bar .brand-name,
  div.app-shell.theme-dark > header.brand-bar .brand-name { font-size: 27px !important; }
}

.sales-page { min-height: 100vh; background: #f6f8fc; color: #182843; direction: rtl; }
.sales-page h1:focus { outline:2px solid #e2bd69; outline-offset:7px; border-radius:8px; }
.backup-inspection { display: grid; gap: 6px; padding: 14px; margin-top: 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); background: var(--surface); font-size: 12px; }
.backup-inspection small { color: #b66a26; }
.sales-page a { text-decoration: none; }
.sales-wrap { width: min(1180px, calc(100% - 40px)); margin: auto; }
.sales-nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0; }
.sales-identity { display: flex; align-items: center; gap: 11px; color: #142b50; font: italic 700 20px Georgia,serif; direction: ltr; }
.sales-identity img { width: 46px; height: 46px; border-radius: 14px; }
.sales-links { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.sales-links a { color: #53627b; font-size: 13px; font-weight: 700; }
.sales-page .sales-button { display: inline-flex; align-items: center; justify-content: center; padding: 12px 20px; border-radius: 14px; background: #183d70; color: white; font-weight: 700; }
.sales-hero { overflow: hidden; border-radius: 30px; padding: clamp(35px,6vw,76px); color: #fff; background: radial-gradient(circle at 15% 10%, #417e9e88, transparent 35%), linear-gradient(130deg,#0b1b34,#193c68); }
.sales-hero p { max-width: 650px; color: #d5e1f1; line-height: 2.2; }
.sales-hero h1 { margin: 12px 0; font-size: clamp(28px,4vw,48px); line-height: 1.6; }
.sales-badge { color: #f4d48e; font-weight: 700; font-size: 13px; }
.sales-hero .sales-button { background: #f1cd7b; color: #172b48; margin-top: 14px; }
.sales-section { padding: 60px 0 10px; }
.sales-section h2 { font-size: 25px; margin-bottom: 8px; }
.sales-section > p { color: #6e7c93; line-height: 2; }
.sales-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 22px; }
.sales-card { padding: 24px; border: 1px solid #e2e9f3; border-radius: 20px; background: #fff; box-shadow: 0 12px 34px #2439540b; }
.sales-card h3 { color: #173960; font-size: 18px; }
.sales-card p, .sales-card li { color: #66758b; line-height: 2; font-size: 13px; }
.sales-card ul { padding-right: 18px; }
.sales-card .sales-tag { color: #a46f19; font-weight: 700; font-size: 12px; }
.plan-price { display: block; margin: 10px 0 4px; color: #183c69; font-size: 25px; font-weight: 850; }
.plan-price small { color: #74829a; font-size: 12px; font-weight: 650; }
.plan-annual { margin: 0 0 8px; color: #28745e !important; font-size: 12px !important; font-weight: 700; }
.plan-disclaimer { margin: 14px 2px 0; padding: 13px 16px; border: 1px solid rgba(213,170,79,.28); border-radius: 14px; background: rgba(255,249,234,.65); color: #765d2a; font-size: 12px; line-height: 1.9; }
.sales-foot { margin-top: 55px; padding: 24px 0; color: #718096; border-top: 1px solid #dce5ef; font-size: 12px; }
@media(max-width: 700px) { .sales-grid { grid-template-columns: 1fr; } .sales-nav { align-items: flex-start; } .sales-links { gap: 10px; } }
.sales-final-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.sales-page .sales-install-button { border:1px solid #ffffff55; color:#fff; background:#ffffff12; cursor:pointer; font:inherit; }
.sales-page .sales-install-button:hover { background:#ffffff22; }
.sales-page .sales-install-button[hidden] { display:none; }
.sales-install-hint { margin:10px 0 0; color:#d5e1f1; font-size:12px; line-height:1.9; }
@media(max-width:700px) { .sales-final-actions { align-items:stretch; flex-direction:column; } }
.sales-period-picker { display:grid; grid-template-columns:auto minmax(180px,240px); align-items:center; gap:8px 12px; margin-top:15px; color:#566984; font-size:12px; font-weight:750; }
.sales-period-picker select { min-height:42px; padding:8px 12px; border:1px solid #d9e2ef; border-radius:12px; color:#263b59; background:#fff; font:inherit; }
.sales-period-picker p { grid-column:1/-1; margin:0; color:#8190a5; font-size:10px; font-weight:500; }
.account-period-picker { justify-content:center; width:max-content; max-width:100%; margin:18px auto 0; text-align:right; }
.plan-total { display:block; margin:0 0 10px; color:#75849a; font-size:11px; line-height:1.8; }
.plan-total b { color:#28745e; font-size:13px; font-weight:800; }
.portal-plan .plan-total { padding:8px 0 10px; border-bottom:1px solid #e7edf4; }
@media(max-width:700px) { .sales-period-picker { grid-template-columns:1fr; } .sales-period-picker p { grid-column:auto; } .account-period-picker { width:100%; } }

/* A concise editorial landing page for the public MY PLANNER site. */
.editorial-page { --editorial-ink:#172943; --editorial-muted:#687991; --editorial-gold:#d8b66c; min-height:100vh; overflow:hidden; color:var(--editorial-ink); background:#f7f8fb; }
.editorial-wrap { width:min(1160px,calc(100% - 44px)); }
.editorial-page .editorial-nav { position:relative; top:auto; margin:18px 0 22px; padding:13px 17px; border:1px solid #e3e8ef; border-radius:19px; background:#fff; box-shadow:0 8px 28px #24395409; }
.editorial-page .sales-identity { color:#172943; font-size:18px; }
.editorial-page .sales-identity img { width:48px; height:48px; border:1px solid #e6d4a3; border-radius:14px; box-shadow:none; object-fit:cover; }
.editorial-page .sales-identity small { color:#77849a; }
.editorial-page .sales-links { gap:clamp(12px,2vw,25px); }
.editorial-page .sales-links a:not(.sales-button) { color:#596b82; }
.editorial-page .sales-links a:not(.sales-button):hover { color:#9a7028; }
.editorial-page .sales-nav-cta { padding:10px 15px; border:0; border-radius:12px; color:#172943; background:#f1e5c9; box-shadow:none; }
.editorial-hero { position:relative; display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:clamp(28px,6vw,76px); min-height:540px; overflow:hidden; padding:clamp(34px,6vw,72px); border-radius:30px; color:#f6f7fb; background:radial-gradient(ellipse at 84% 9%,#355784a8,transparent 38%),linear-gradient(132deg,#101d35,#152c4a 64%,#203d5b); box-shadow:0 26px 65px #1429441c; }
.editorial-hero-copy,.editorial-preview { position:relative; z-index:1; }
.editorial-eyebrow { display:inline-flex; align-items:center; gap:9px; color:#9b7b3c; font-size:11px; font-weight:800; letter-spacing:.02em; }
.editorial-eyebrow i { width:7px; height:7px; border-radius:50%; background:#e2c47e; box-shadow:0 0 0 4px #e2c47e20; }
.editorial-hero .editorial-eyebrow { color:#e7d3a2; }
.editorial-hero h1 { margin:17px 0 12px; color:#fff; font-size:clamp(34px,4.4vw,54px); font-weight:800; letter-spacing:-.035em; line-height:1.48; }
.editorial-hero h1 em,.editorial-how h2 em { color:#e7ca88; font-style:normal; }
.editorial-hero-copy>p:not(.editorial-note) { max-width:530px; margin:0; color:#d0d9e5; font-size:14px; line-height:2.15; }
.editorial-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:23px; }
.editorial-primary,.editorial-secondary,.editorial-install { display:inline-flex; align-items:center; justify-content:center; gap:13px; min-height:45px; padding:0 17px; border:1px solid transparent; border-radius:12px; font:700 12px 'Vazirmatn',Tahoma,sans-serif; text-decoration:none; transition:transform .18s ease,background .18s ease; }
.editorial-primary { color:#182943; background:linear-gradient(135deg,#f1dfb1,#dfbf75); box-shadow:0 8px 20px #0713262e; }
.editorial-primary:hover { color:#182943; transform:translateY(-2px); }
.editorial-secondary { border-color:#ffffff35; color:#f0f3f7; background:#ffffff0b; }
.editorial-secondary:hover { color:#fff; background:#ffffff17; }
.editorial-install { border-color:#ffffff35; color:#f0f3f7; background:#ffffff0b; cursor:pointer; }
.editorial-install[hidden] { display:none; }
.editorial-note { margin:12px 0 0; color:#aebacc; font-size:10px; line-height:1.8; }
.editorial-proof { display:flex; gap:0; margin-top:30px; padding-top:20px; border-top:1px solid #ffffff1a; }
.editorial-proof span { display:grid; gap:4px; min-width:0; padding:0 17px; border-left:1px solid #ffffff20; }
.editorial-proof span:first-child { padding-right:0; }
.editorial-proof span:last-child { padding-left:0; border:0; }
.editorial-proof b { color:#f1e3c2; font-size:11px; }
.editorial-proof small { color:#aebacc; font-size:9px; }
.editorial-preview { display:grid; place-items:center; min-height:370px; }
.editorial-preview-glow { position:absolute; width:82%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,#7ba8d12b,transparent 68%); filter:blur(5px); }
.editorial-app-card { position:relative; width:min(100%,400px); overflow:hidden; border:1px solid #ffffffad; border-radius:22px; color:#243851; background:#fff; box-shadow:0 25px 65px #050e1e55,0 1px #ffffff; transform:rotate(-1.2deg); }
.editorial-app-header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:15px 17px; border-bottom:1px solid #edf0f4; }
.editorial-app-brand { display:inline-flex; align-items:center; gap:8px; color:#1b3351; font-size:10px; font-weight:800; }
.editorial-app-brand img,.editorial-app-footer img { width:25px; height:25px; border-radius:8px; object-fit:cover; }
.editorial-app-date { color:#8995a6; font-size:9px; }
.editorial-app-body { padding:22px 21px 14px; }
.editorial-app-kicker { color:#8b98a9; font-size:9px; }
.editorial-app-body h2 { margin:6px 0 17px; color:#1d3451; font-size:17px; line-height:1.7; }
.editorial-focus { display:flex; align-items:center; gap:11px; padding:12px; border:1px solid #e8edf4; border-radius:13px; background:linear-gradient(110deg,#f8f5ec,#f7f9fc); }
.editorial-focus-mark { display:grid; place-items:center; width:31px; height:31px; border-radius:10px; color:#99712b; background:#efe2c3; }
.editorial-focus>span:nth-child(2) { display:grid; gap:3px; flex:1; }
.editorial-focus small { color:#8591a1; font-size:8px; }
.editorial-focus b { color:#304561; font-size:10px; }
.editorial-focus-arrow { color:#9a793b; font-size:15px; }
.editorial-progress-row { display:flex; justify-content:space-between; margin:17px 0 7px; color:#687991; font-size:9px; }
.editorial-progress-row b { color:#2e496b; }
.editorial-progress { height:5px; overflow:hidden; border-radius:9px; background:#e9edf3; }
.editorial-progress i { display:block; width:66%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#b9c9df,#315b87); }
.editorial-task { display:flex; align-items:center; gap:9px; padding:12px 0; border-bottom:1px solid #f0f2f5; }
.editorial-task-check { display:grid; place-items:center; width:19px; height:19px; border:1px solid #d5dde8; border-radius:7px; color:#fff; font-size:10px; }
.editorial-task:first-of-type .editorial-task-check { border-color:#6a9b8a; background:#6a9b8a; }
.editorial-task>span:nth-child(2) { display:grid; flex:1; gap:4px; }
.editorial-task b { color:#334860; font-size:9px; }
.editorial-task small { color:#909bac; font-size:8px; }
.editorial-task em { padding:4px 7px; border-radius:7px; color:#658775; background:#edf5f0; font-size:8px; font-style:normal; }
.editorial-task em.editorial-task-next { color:#8a7447; background:#f8f2e4; }
.editorial-app-footer { display:flex; align-items:center; gap:8px; padding:11px 18px; color:#75849a; background:#fafbfd; font-size:8px; }
.editorial-app-footer img { width:19px; height:19px; border-radius:6px; }
.editorial-orbit { position:absolute; z-index:2; display:grid; place-items:center; border:1px solid #ffffff29; color:#eedaa8; background:#142c48d9; box-shadow:0 12px 32px #07132855; backdrop-filter:blur(10px); }
.editorial-orbit-one { top:8%; right:0; width:38px; height:38px; border-radius:13px; font-size:17px; }
.editorial-orbit-two { bottom:9%; left:0; padding:9px 13px; border-radius:11px; color:#f2e7cf; font-size:9px; }
.editorial-feature-section { padding:78px 0 28px; }
.editorial-section-heading { max-width:650px; margin:0 auto 27px; text-align:center; }
.editorial-section-heading h2,.editorial-contact h2 { margin:8px 0; color:#233953; font-size:clamp(23px,3.4vw,34px); line-height:1.6; }
.editorial-section-heading h2 em { color:#a37c35; font-style:normal; }
.editorial-section-heading p,.editorial-contact>div:first-child>p { margin:0; color:#78869a; font-size:12px; line-height:1.9; }
.editorial-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.editorial-feature { position:relative; min-height:190px; padding:22px; border:1px solid #e7ebf1; border-radius:19px; background:#fff; box-shadow:0 12px 35px #233b5808; }
.editorial-feature-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; }
.editorial-icon-blue { color:#416e9d; background:#edf3fa; }
.editorial-icon-green { color:#518879; background:#edf6f1; }
.editorial-icon-gold { color:#997b3e; background:#f7f1e4; }
.editorial-feature-number { position:absolute; top:25px; left:23px; color:#b5bfcb; font-size:10px; }
.editorial-feature h3 { margin:17px 0 6px; color:#253c57; font-size:14px; }
.editorial-feature p { margin:0; color:#758399; font-size:11px; line-height:2; }
.editorial-how { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:50px; margin-top:37px; padding:clamp(25px,5vw,48px); border:1px solid #e7ebf1; border-radius:25px; background:linear-gradient(125deg,#fff,#f4f7fa); }
.editorial-how h2 { margin:10px 0; color:#203650; font-size:30px; line-height:1.5; }
.editorial-how>div>p { max-width:350px; color:#758399; font-size:12px; line-height:2; }
.editorial-steps { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.editorial-steps li { display:flex; align-items:center; gap:13px; padding:13px 15px; border:1px solid #e9edf2; border-radius:14px; background:#fff; }
.editorial-steps li>span { display:grid; place-items:center; flex:0 0 31px; height:31px; border-radius:10px; color:#876a33; background:#f5eedc; font-size:12px; font-weight:800; }
.editorial-steps li>div { display:grid; gap:4px; }
.editorial-steps b { color:#314762; font-size:11px; }
.editorial-steps small { color:#8793a3; font-size:9px; }
.editorial-account-cta { display:flex; align-items:center; gap:18px; margin-top:35px; padding:22px 25px; border:1px solid #e5e9ef; border-radius:20px; background:#fff; box-shadow:0 12px 34px #20365008; }
.editorial-account-cta>img { width:53px; height:53px; border:1px solid #e6d4a3; border-radius:16px; object-fit:cover; }
.editorial-account-cta>div { flex:1; }
.editorial-account-cta h2 { margin:4px 0; color:#243b57; font-size:16px; }
.editorial-account-cta p { margin:0; color:#7a8798; font-size:10px; line-height:1.9; }
.editorial-account-cta .editorial-primary { min-width:max-content; color:#fff; background:#1c3e63; box-shadow:none; }
.editorial-contact { display:grid; grid-template-columns:.75fr 1.25fr; gap:35px; margin-top:55px; padding:clamp(22px,4vw,38px); border-radius:23px; color:#f4f6fa; background:#172a43; }
.editorial-contact .editorial-eyebrow { color:#e3cc96; }
.editorial-contact h2 { color:#fff; font-size:25px; }
.editorial-contact>div:first-child>p { color:#bdc8d7; }
.editorial-contact-slots { display:grid; gap:8px; }
.editorial-contact-slots>div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border:1px solid #ffffff20; border-radius:12px; background:#ffffff08; }
.editorial-contact-slots b { color:#f0e1bd; font-size:10px; }
.editorial-contact-slots span { color:#c0cad7; font-size:9px; text-align:left; }
.editorial-faq { display:grid; gap:9px; max-width:800px; margin:62px auto 20px; }
.editorial-faq .editorial-section-heading { margin-bottom:8px; }
.editorial-faq details { padding:14px 17px; border:1px solid #e6ebf1; border-radius:13px; background:#fff; }
.editorial-faq summary { color:#344b67; font-size:11px; font-weight:800; cursor:pointer; }
.editorial-faq details p { margin:9px 0 0; color:#77869a; font-size:10px; line-height:1.9; }
.editorial-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; flex-wrap:wrap; margin-top:34px; padding:19px 0 25px; border-top:1px solid #e1e6ed; color:#8290a2; font-size:10px; }
.editorial-footer .sales-identity { font-size:15px; }
.editorial-footer .sales-identity img { width:39px; height:39px; border-radius:12px; }
.editorial-footer .sales-identity small { font-size:8px; }
.editorial-footer>a:last-child { color:#536987; font-weight:800; }
.portal-avatar { overflow:hidden; padding:0; }
.portal-avatar img { width:100%; height:100%; border-radius:inherit; object-fit:cover; }
@media(max-width:900px) { .editorial-hero { grid-template-columns:1fr .85fr; gap:25px; padding:35px; }.editorial-proof span { padding-inline:10px; }.editorial-contact { grid-template-columns:1fr; gap:20px; } }
@media(max-width:700px) { .editorial-wrap { width:calc(100% - 28px); }.editorial-page:not(.glass-portal):not(.glass-admin) .editorial-nav { position:relative; top:auto; align-items:center; flex-direction:row; padding:10px 11px; }.editorial-page .sales-identity { gap:8px; font-size:14px; }.editorial-page .sales-identity img { width:39px; height:39px; border-radius:12px; }.editorial-page .sales-identity small { font-size:8px; }.editorial-page:not(.glass-portal):not(.glass-admin) .sales-links { width:auto; margin-right:auto; justify-content:flex-start; flex-wrap:nowrap; }.editorial-page .sales-links>a:not(.sales-button) { display:none; }.editorial-page .sales-nav-cta { padding:9px 10px; font-size:10px; }.editorial-hero { grid-template-columns:1fr; gap:15px; min-height:auto; padding:30px 22px 20px; border-radius:23px; }.editorial-hero h1 { font-size:35px; }.editorial-hero-copy>p:not(.editorial-note) { font-size:12px; }.editorial-actions { gap:8px; }.editorial-primary,.editorial-secondary,.editorial-install { min-height:42px; padding:0 12px; font-size:10px; }.editorial-proof { margin-top:23px; padding-top:15px; }.editorial-proof span { padding-inline:8px; }.editorial-proof b { font-size:9px; }.editorial-proof small { font-size:8px; }.editorial-preview { min-height:350px; }.editorial-app-card { width:min(100%,390px); }.editorial-orbit-one { top:3%; right:-3px; }.editorial-orbit-two { bottom:5%; left:-3px; }.editorial-feature-section { padding-top:55px; }.editorial-feature-grid { grid-template-columns:1fr; gap:10px; }.editorial-feature { min-height:0; padding:17px; }.editorial-feature h3 { margin-top:12px; }.editorial-how { grid-template-columns:1fr; gap:14px; margin-top:28px; padding:22px 17px; }.editorial-how h2 { font-size:26px; }.editorial-account-cta { align-items:flex-start; flex-wrap:wrap; gap:13px; padding:17px; }.editorial-account-cta>div { min-width:calc(100% - 70px); }.editorial-account-cta h2 { font-size:14px; }.editorial-account-cta .editorial-primary { margin-right:66px; }.editorial-contact { margin-top:35px; padding:21px 16px; }.editorial-contact-slots>div { align-items:flex-start; flex-direction:column; gap:5px; }.editorial-contact-slots span { text-align:right; }.editorial-faq { margin-top:45px; }.editorial-footer { justify-content:center; text-align:center; }.editorial-footer .sales-identity { flex-basis:100%; justify-content:center; } }
@media(max-width:380px) { .editorial-page .sales-identity small { display:none; }.editorial-page .sales-nav-cta { font-size:9px; }.editorial-hero { padding-inline:17px; }.editorial-hero h1 { font-size:31px; }.editorial-proof span { padding-inline:6px; }.editorial-proof b { font-size:8px; } }

/* Public landing header follows the dark navy and gold identity inside MY PLANNER. */
.sales-page:not(.glass-portal):not(.glass-admin) .sales-nav { direction:ltr; position:sticky; top:10px; z-index:10; margin:12px 0 22px; padding:12px 18px; border:1px solid #d7b86c66; border-radius:22px; background:linear-gradient(112deg,#07162e,#0d2447 54%,#102b50); box-shadow:0 14px 34px #08172b25,inset 0 1px #ffffff20; }
.sales-page:not(.glass-portal):not(.glass-admin) .sales-identity { color:#f5d98f; font-size:18px; }
.sales-page:not(.glass-portal):not(.glass-admin) .sales-identity img { width:50px; height:50px; border:1px solid #e6c56f99; border-radius:15px; box-shadow:0 5px 16px #0005; }
.sales-page:not(.glass-portal):not(.glass-admin) .sales-identity span { display:grid; gap:3px; }
.sales-page:not(.glass-portal):not(.glass-admin) .sales-identity small { color:#c3d1e5; font:500 10px 'Vazirmatn',Tahoma,sans-serif; letter-spacing:0; direction:rtl; }
.sales-page:not(.glass-portal):not(.glass-admin) .sales-links { direction:rtl; gap:clamp(10px,1.7vw,22px); }
.sales-page:not(.glass-portal):not(.glass-admin) .sales-links a:not(.sales-button) { color:#e5ebf4; transition:color .18s ease; }
.sales-page:not(.glass-portal):not(.glass-admin) .sales-links a:not(.sales-button):hover { color:#f4d48e; }
.sales-page:not(.glass-portal):not(.glass-admin) .sales-nav-cta { margin:0; padding:11px 16px; border:1px solid #ffe39a; background:linear-gradient(135deg,#f6dda0,#d9ad54); color:#132847; box-shadow:0 7px 18px #020c1c55; }
.sales-contact { margin-top:54px; padding:clamp(24px,4vw,44px); border:1px solid #dfe7f0; border-radius:28px; background:linear-gradient(145deg,#ffffff,#f6f8fc); box-shadow:0 18px 55px #263b590b; }
.sales-contact-heading { max-width:620px; margin:0 auto 24px; text-align:center; }
.sales-contact-heading h2 { margin:8px 0; color:#203654; font-size:clamp(22px,3vw,30px); }
.sales-contact-heading h2 em { color:#b88731; font-style:normal; }
.sales-contact-heading p { margin:0; color:#75849a; font-size:12px; line-height:1.9; }
.sales-contact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.sales-contact-card { display:flex; flex-direction:column; align-items:flex-start; min-height:205px; padding:20px; border:1px solid #e5ebf3; border-radius:20px; background:#fff; }
.contact-card-icon { display:grid; place-items:center; width:39px; height:39px; border:1px solid #e8d8b5; border-radius:13px; color:#9a7028; background:#fcf6e8; font-size:19px; }
.sales-contact-card h3 { margin:14px 0 5px; color:#293f5e; font-size:15px; }
.sales-contact-card p { margin:0 0 8px; color:#77869b; font-size:11px; line-height:1.8; }
.sales-contact-card>strong { color:#9a7028; font-size:11px; }
.sales-contact-card>small { margin-top:10px; color:#8996a9; font-size:10px; line-height:1.8; }
.sales-contact-card .intro-socials { display:flex; flex-wrap:wrap; gap:7px; margin-top:4px; }
.sales-contact-card .intro-socials a { padding:7px 9px; border:1px solid #e4eaf2; border-radius:10px; color:#5f718b; background:#f8fafd; font-size:10px; text-decoration:none; }
.trust-placeholder { display:grid; gap:4px; width:100%; margin-top:4px; padding:11px 12px; border:1px dashed #d9c89e; border-radius:13px; color:#715c34; background:#fffbf0; font-size:10px; }
.trust-placeholder small { color:#a18348; font-size:9px; }
.sales-legal-row { display:flex; align-items:center; gap:10px 18px; flex-wrap:wrap; margin-top:15px; padding:15px 17px; border:1px solid #e8edf4; border-radius:15px; color:#596d88; background:#f8fafd; font-size:11px; }
.sales-legal-row small { flex:1; color:#8a97aa; font-size:10px; line-height:1.8; }
.sales-legal-row a { color:#315780; font-weight:800; text-decoration:none; }
.sales-page:not(.glass-portal):not(.glass-admin) .sales-footer-new { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; padding:22px 0; }
.sales-page:not(.glass-portal):not(.glass-admin) .sales-footer-new>a:last-child { color:#536783; font-weight:700; }
@media(max-width:900px) { .sales-page:not(.glass-portal):not(.glass-admin) .sales-nav { align-items:center; } .sales-page:not(.glass-portal):not(.glass-admin) .sales-links { gap:9px 13px; } .sales-contact-grid { grid-template-columns:1fr 1fr; } .sales-contact-card:last-child { grid-column:1/-1; min-height:0; } }
@media(max-width:700px) { .sales-page:not(.glass-portal):not(.glass-admin) .sales-nav { position:relative; top:auto; align-items:flex-start; flex-direction:column; padding:12px; } .sales-page:not(.glass-portal):not(.glass-admin) .sales-links { width:100%; justify-content:flex-start; } .sales-page:not(.glass-portal):not(.glass-admin) .sales-links>a:not(.sales-button) { padding:6px 0; } .sales-contact { padding:22px 16px; } .sales-contact-grid { grid-template-columns:1fr; } .sales-contact-card:last-child { grid-column:auto; } .sales-legal-row { align-items:flex-start; flex-direction:column; } }

/* Account and admin glass portals share the public site's calm palette. */
.glass-portal,.glass-admin { background: radial-gradient(ellipse at 8% 6%,#b7c9ee55,transparent 28%),radial-gradient(ellipse at 90% 16%,#bfe7db66,transparent 24%),linear-gradient(145deg,#f6f8fc,#edf3fa 55%,#f7f5f1); }
.glass-panel { border:1px solid #ffffffc7; background:linear-gradient(145deg,#ffffffc9,#f8fbffad); box-shadow:0 18px 55px #31476b12,inset 0 1px #ffffff; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.portal-nav { position:relative; z-index:2; }
.portal-nav .sales-identity { font-size:18px; }
.portal-nav .sales-links { gap:22px; }
.portal-secure { display:inline-flex; align-items:center; gap:8px; color:#75849a; font-size:12px; }
.portal-secure:before { content:""; width:7px; height:7px; border-radius:50%; background:#42ae91; box-shadow:0 0 0 4px #42ae911c; }
.portal-main { padding:8px 0 30px; }
.portal-hero { position:relative; isolation:isolate; display:grid; grid-template-columns:1fr .82fr; align-items:center; gap:48px; min-height:390px; overflow:hidden; padding:clamp(30px,6vw,72px); border-radius:32px; color:#f6f8ff; background:radial-gradient(circle at 16% 12%,#6c8bc559,transparent 35%),linear-gradient(128deg,#101e39,#19375f 65%,#1c4a62); box-shadow:0 25px 70px #10274624; }
.portal-hero-copy,.portal-glass-card { position:relative; z-index:1; }
.portal-kicker { color:#8e9db4; font-size:11px; font-weight:800; letter-spacing:.02em; }
.portal-hero .portal-kicker { color:#d9c28b; }
.portal-kicker-dot { display:inline-block; width:7px; height:7px; margin-left:8px; border-radius:50%; background:#70d8b4; box-shadow:0 0 0 4px #70d8b422; }
.portal-hero h1 { margin:18px 0 8px; font-size:clamp(32px,4vw,48px); line-height:1.55; }
.portal-hero h1 em { color:#f0d18a; font-style:normal; }
.portal-hero-copy>p { max-width:470px; color:#d2dced; line-height:2; font-size:14px; }
.portal-hero-links { display:flex; align-items:center; gap:18px; margin-top:22px; flex-wrap:wrap; }
.portal-primary { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:48px; padding:0 20px; border:1px solid #fff4; border-radius:14px; color:#203552; background:linear-gradient(135deg,#f7dfa4,#e7bd68); box-shadow:0 8px 20px #090f1f2c; font-size:13px; font-weight:800; text-decoration:none; cursor:pointer; }
.portal-primary span { font-size:18px; }
.portal-quiet { color:#d5dfed; font-size:13px; font-weight:700; }
.portal-glass-card { padding:23px; border:1px solid #ffffff3b; border-radius:23px; background:linear-gradient(145deg,#ffffff22,#ffffff0b); box-shadow:inset 0 1px #fff4,0 20px 45px #090f1f2b; backdrop-filter:blur(18px); }
.portal-card-top,.portal-card-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.portal-avatar { display:grid; place-items:center; width:42px; height:42px; border:1px solid #ffffff55; border-radius:15px; color:#f0d18a; background:#ffffff14; font:italic 700 15px Georgia,serif; direction:ltr; }
.portal-status { display:flex; align-items:center; gap:8px; color:#d8e1ef; font-size:11px; }
.portal-status i { width:7px; height:7px; border-radius:50%; background:#69d5ab; }
.portal-card-title { margin-top:27px; color:#bdcbe0; font-size:12px; }
.portal-tier { display:flex; justify-content:space-between; align-items:center; margin-top:9px; color:#fff; font-size:17px; font-weight:800; }
.portal-tier span { color:#f0d18a; }
.portal-progress { height:6px; margin:18px 0; overflow:hidden; border-radius:99px; background:#ffffff22; }
.portal-progress span { display:block; width:45%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#82caba,#f0d18a); }
.portal-card-foot { padding-top:14px; border-top:1px solid #ffffff26; color:#c0cde0; font-size:10px; }
.portal-card-foot strong { color:#fff; font-size:10px; }
.portal-orb { position:absolute; z-index:0; width:210px; height:210px; border:1px solid #ffffff15; border-radius:50%; background:#ffffff08; }
.portal-orb-one { top:-120px; left:35%; }.portal-orb-two { right:38%; bottom:-170px; width:300px; height:300px; }
.portal-login-grid { display:grid; grid-template-columns:1fr .8fr; gap:45px; align-items:center; padding:65px 4% 45px; }
.portal-intro h2,.portal-section-title h2 { margin:10px 0; color:#203654; font-size:clamp(22px,2.7vw,30px); }
.portal-intro>p,.portal-section-title>p { color:#73829a; font-size:13px; line-height:2; }
.portal-benefits { display:grid; gap:17px; margin-top:27px; }
.portal-benefits>div { display:flex; align-items:center; gap:13px; }
.portal-benefit-icon { display:grid; place-items:center; width:40px; height:40px; border:1px solid #dce5f3; border-radius:14px; color:#5472b2; background:#ffffffa8; font-size:11px; font-weight:800; }
.portal-benefits strong,.portal-benefits small { display:block; }.portal-benefits strong { color:#324765; font-size:12px; }.portal-benefits small { margin-top:4px; color:#8996a9; font-size:10px; }
.portal-login { padding:26px; border-radius:24px; }
.portal-form-head { display:flex; align-items:center; gap:13px; margin-bottom:23px; }
.portal-form-symbol { display:grid; place-items:center; width:43px; height:43px; border-radius:15px; color:#5c78c1; background:#eaf0fc; font-size:23px; }
.portal-form-head h2 { margin:0 0 4px; color:#263b59; font-size:17px; }.portal-form-head p { margin:0; color:#8a98ab; font-size:11px; }
.portal-login label { display:block; margin:0 0 7px; color:#566984; font-size:11px; font-weight:750; }
.portal-phone-field { display:flex; align-items:center; min-height:49px; border:1px solid #d9e2ef; border-radius:13px; background:#ffffffcc; overflow:hidden; }
.portal-phone-field>span { padding:0 13px; border-left:1px solid #e1e8f2; color:#7888a0; font-size:12px; }
.portal-phone-field input { min-width:0; flex:1; padding:12px 14px; border:0; outline:0; color:#263b59; background:transparent; direction:ltr; text-align:right; font:inherit; font-size:13px; }
.portal-submit { width:100%; margin-top:14px; border:0; }
.portal-submit:disabled { opacity:.58; cursor:not-allowed; box-shadow:none; }.portal-phone-field input:disabled { color:#9aa5b3; cursor:not-allowed; }
.portal-consent { margin:12px 0 17px; color:#929eae; font-size:10px; line-height:1.8; }
.portal-trial-note { display:flex; align-items:center; gap:13px; padding:12px 14px; border:1px solid #dce9e6; border-radius:14px; background:linear-gradient(100deg,#f0faf6,#f8fbff); }
.portal-trial-note>span { display:grid; place-items:center; width:34px; height:34px; border-radius:12px; color:#237a63; background:#d9f2e8; font-size:17px; font-weight:850; }
.portal-trial-note p,.portal-trial-note strong,.portal-trial-note small { display:block; margin:0; }.portal-trial-note strong { color:#3a625b; font-size:11px; }.portal-trial-note small { margin-top:4px; color:#849a94; font-size:9px; }
.portal-inline-notice { margin:11px 0 0; padding:10px 12px; border:1px solid #ecd9a9; border-radius:12px; color:#725a2b; background:#fff8e8; font-size:10px; line-height:1.8; }
.portal-plans { padding-top:27px; }.portal-section-title { text-align:center; }.portal-section-title .portal-kicker { color:#637cae; }.portal-section-title>p { margin:0; }
.portal-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:24px; }
.portal-plan { padding:24px; border-radius:21px; }.portal-plan-featured { border-color:#a9bbeb; background:linear-gradient(145deg,#ffffffed,#edf2ffcf); box-shadow:0 20px 50px #566fa51b,inset 0 1px #fff; }
.portal-plan-label { color:#8291a6; font-size:10px; font-weight:750; }.portal-plan h3 { margin:12px 0; color:#253a59; font-size:19px; }
.portal-plan-price { margin:0 0 10px; color:#284771; font-size:24px; font-weight:850; }.portal-plan-price small { display:block; margin-top:3px; color:#8190a5; font-size:10px; font-weight:650; }
.portal-plan>p:not(.portal-plan-price) { min-height:42px; color:#78879b; font-size:11px; line-height:1.9; }.portal-plan ul { min-height:94px; margin:15px 0; padding:13px 17px 0 0; border-top:1px solid #e7edf4; color:#697a91; font-size:10px; line-height:2.3; }
.portal-plan-link { display:flex; justify-content:space-between; padding-top:12px; border-top:1px solid #e7edf4; color:#425f91; font-size:11px; font-weight:800; }
.portal-promo { display:flex; align-items:center; gap:13px; margin-top:17px; padding:15px 18px; border:1px solid #eedcae; border-radius:17px; background:linear-gradient(110deg,#fff9e9c9,#fffdf7a6); }
.portal-promo-icon { display:grid; place-items:center; width:39px; height:39px; border-radius:14px; color:#946a21; background:#f9e9bd; font-weight:850; }.portal-promo p,.portal-promo strong,.portal-promo p>span { display:block; margin:0; }.portal-promo strong { color:#785d2b; font-size:11px; }.portal-promo p>span { margin-top:4px; color:#927c4e; font-size:10px; line-height:1.8; }
.portal-foot { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; }.portal-foot a { color:#617594; font-weight:700; }
.portal-account-preview { padding-top:58px; }.portal-account-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:21px; }.portal-account-tile { display:flex; align-items:center; gap:13px; padding:18px; border-radius:17px; }.portal-account-mark { display:grid; flex:none; place-items:center; width:38px; height:38px; border-radius:13px; font-size:16px; font-weight:800; }.portal-account-mark.blue-mark { color:#5875b7;background:#e9effb; }.portal-account-mark.gold-mark { color:#a67c36;background:#fbf2df; }.portal-account-mark.mint-mark { color:#428c74;background:#e4f5ed; }.portal-account-mark.violet-mark { color:#806bb5;background:#f0ebfa; }.portal-account-tile strong,.portal-account-tile small { display:block; }.portal-account-tile strong { color:#4b607b; font-size:11px; }.portal-account-tile small { margin-top:5px; color:#8b98aa; font-size:9px; line-height:1.8; }

.glass-admin .sales-wrap { width:min(1320px,calc(100% - 40px)); }
.admin-topbar { padding:17px 0; }.admin-topbar-center { display:flex; align-items:center; gap:9px; color:#314765; font-size:12px; font-weight:800; }.admin-topbar-center small { margin-right:8px; color:#95a0af; font-size:9px; font-weight:500; }.admin-live-dot { width:7px; height:7px; border-radius:50%; background:#8da7ed; box-shadow:0 0 0 4px #8da7ed25; }
.admin-topbar>.sales-outline-button { padding:10px 14px; border:1px solid #d9e2ef; border-radius:12px; color:#586b86; background:#ffffff7a; font-size:11px; font-weight:700; }
.admin-layout { display:grid; grid-template-columns:205px minmax(0,1fr); gap:20px; align-items:start; padding:5px 0 30px; }
.admin-sidebar { position:sticky; top:15px; display:flex; flex-direction:column; gap:6px; min-height:calc(100vh - 110px); padding:17px 12px; border-radius:21px; }
.admin-side-label { padding:5px 10px 13px; color:#929eb0; font-size:10px; font-weight:700; }.admin-nav-item { display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:12px; color:#75849a; font-size:11px; font-weight:700; }.admin-nav-item>span { width:20px; color:#99a7ba; font-size:16px; text-align:center; }.admin-nav-item.active { color:#34558b; background:#e8eefb; }.admin-nav-item.active>span { color:#5879bf; }
.admin-side-bottom { display:flex; align-items:center; gap:10px; margin-top:auto; padding:13px 9px 4px; border-top:1px solid #e5ebf3; }.admin-lock { display:grid; place-items:center; width:31px; height:31px; border-radius:11px; color:#5374b4; background:#eaf0fb; font-size:18px; }.admin-side-bottom strong,.admin-side-bottom small { display:block; }.admin-side-bottom strong { color:#61748c; font-size:9px; }.admin-side-bottom small { margin-top:4px; color:#9aa5b3; font-size:8px; }
.admin-content { min-width:0; }.admin-demo-banner { display:flex; align-items:center; gap:10px; margin:0 0 19px; padding:10px 13px; border:1px solid #f0dfb8; border-radius:12px; color:#877247; background:#fff9eccc; font-size:10px; line-height:1.8; }.admin-demo-banner span { flex:none; padding:4px 8px; border-radius:8px; color:#755621; background:#f6e7bd; font-size:9px; font-weight:850; }
.admin-heading-row { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:17px; }.admin-heading-row h1 { margin:5px 0 3px; color:#263c5c; font-size:25px; }.admin-heading-row h1 span { font-size:18px; }.admin-heading-row p { margin:0; color:#8a97aa; font-size:10px; }.admin-heading-row .portal-primary { min-height:39px; padding:0 14px; border-radius:11px; font-size:10px; }
.admin-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.admin-stat { position:relative; min-height:151px; overflow:hidden; padding:15px; border-radius:17px; }.admin-stat-icon { display:grid; place-items:center; width:31px; height:31px; margin-bottom:12px; border-radius:11px; font-size:15px; }.admin-stat-icon.blue { color:#5575bd;background:#e8eefb; }.admin-stat-icon.violet { color:#866abd;background:#f1ebfc; }.admin-stat-icon.mint { color:#40977d;background:#e5f6ef; }.admin-stat-icon.amber { color:#b18338;background:#fbf2dd; }.admin-stat>span:nth-child(2) { position:absolute; top:21px; right:57px; color:#7f8ea3; font-size:10px; }.admin-stat>strong { display:block; color:#293f5e; font-size:24px; font-weight:850; }.admin-stat>strong small { font-size:9px; font-weight:650; }.admin-stat>small { display:block; margin-top:6px; color:#96a1b1; font-size:8px; }.trend-up { color:#4a9d7f; font-style:normal; font-weight:800; }.trend-neutral { color:#b58b43; font-style:normal; font-weight:800; }.admin-sparkline { position:absolute; left:13px; bottom:13px; display:flex; align-items:end; gap:3px; width:66px; height:26px; opacity:.65; }.admin-sparkline i { flex:1; height:45%; border-radius:3px 3px 0 0; background:#7e99e1; }.admin-sparkline i:nth-child(2n) { height:64%; }.admin-sparkline i:nth-child(3n) { height:82%; }.spark-violet i { background:#a88bd8; }.spark-mint i { background:#72bca1; }.admin-stat-foot { display:flex; justify-content:space-between; align-items:center; margin-top:14px; color:#919dae; font-size:8px; }.admin-stat-foot b { color:#586c89; font-size:9px; }
.admin-main-grid { display:grid; grid-template-columns:1.25fr .85fr; gap:13px; margin-top:13px; }.admin-panel { min-width:0; padding:18px; border-radius:18px; }.admin-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }.admin-panel-heading h2 { margin:5px 0 0; color:#304662; font-size:15px; }.admin-period { padding:8px 10px; border:1px solid #e0e7f0; border-radius:10px; color:#7989a0; background:#ffffffa8; font:inherit; font-size:9px; }.admin-chart-summary { display:flex; align-items:baseline; gap:11px; margin-top:16px; }.admin-chart-summary strong { color:#2e486b; font-size:23px; }.admin-chart-summary span { color:#91a0b1; font-size:9px; }.admin-chart { position:relative; height:151px; margin-top:14px; padding-right:39px; background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#e8edf4 36px); }.admin-chart-grid { position:absolute; top:-4px; right:0; bottom:0; display:flex; flex-direction:column; justify-content:space-between; color:#9aa6b6; font-size:8px; }.admin-chart svg { width:100%; height:100%; overflow:visible; }.admin-chart-labels { display:flex; justify-content:space-between; margin:9px 0 0 0; padding-right:39px; color:#97a3b2; font-size:8px; }
.admin-text-link { color:#627ba9; font-size:9px; font-weight:750; }.admin-inbox-item { display:flex; align-items:center; gap:9px; padding:12px 0; border-bottom:1px solid #edf0f5; }.admin-inbox-avatar { display:grid; flex:none; place-items:center; width:31px; height:31px; border-radius:11px; color:#5e78b2; font-size:12px; font-weight:800; }.lavender { background:#eee9fb; }.peach { color:#a66d60; background:#f9e9e4; }.mint { color:#478b75; background:#e4f4ec; }.admin-inbox-item>div { min-width:0; flex:1; }.admin-inbox-item strong,.admin-inbox-item small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.admin-inbox-item strong { color:#5d6f87; font-size:9px; }.admin-inbox-item small { margin-top:4px; color:#9aa5b4; font-size:8px; }.admin-inbox-status { flex:none; padding:4px 7px; border-radius:7px; font-size:8px; }.suggestion { color:#6d62a4; background:#f0edfa; }.waiting { color:#a17833; background:#fbf2df; }.admin-inbox-note { margin-top:11px; padding:9px 10px; border-radius:10px; color:#8492a4; background:#f2f6fb; font-size:8px; line-height:1.7; }
.admin-table-panel { margin-top:13px; }.admin-table-tools { display:flex; align-items:center; gap:13px; }.admin-table-scroll { overflow:auto; margin-top:14px; }.admin-table-scroll table { width:100%; min-width:620px; border-collapse:collapse; text-align:right; }.admin-table-scroll th { padding:10px 8px; border-bottom:1px solid #e9edf3; color:#9aa5b4; font-size:8px; font-weight:700; }.admin-table-scroll td { padding:11px 8px; border-bottom:1px solid #eef1f5; color:#77869a; font-size:9px; }.admin-user { display:flex; align-items:center; gap:8px; }.admin-user>i { display:grid; place-items:center; width:28px; height:28px; border-radius:10px; color:#5874b7; background:#e8eefb; font-size:11px; font-style:normal; font-weight:800; }.admin-user>i.user-lilac { color:#806bb4;background:#f0ebfb; }.admin-user>i.user-mint { color:#438d76;background:#e4f4ec; }.admin-user strong,.admin-user small { display:block; }.admin-user strong { color:#526780; font-size:9px; }.admin-user small { margin-top:3px; color:#a1aab8; font-size:8px; }.admin-pill { padding:5px 8px; border-radius:8px; font-size:8px; }.active-pill { color:#3d8a70;background:#e8f6ef; }.trial-pill { color:#a17936;background:#fbf3e2; }.admin-privacy-line { margin-top:12px; padding:10px 12px; border:1px solid #e2eaf3; border-radius:11px; color:#788ba4; background:#f8fbffb5; font-size:9px; line-height:1.8; }.admin-privacy-line span { margin-left:6px; color:#748fc8; }
.admin-footer-note { display:flex; align-items:center; gap:12px; margin-top:13px; padding:13px 16px; border:1px solid #dfe9e4; border-radius:15px; background:linear-gradient(100deg,#f0f8f4bc,#ffffff9c); }.admin-footer-note>span:first-child { color:#52a182; font-size:20px; }.admin-footer-note>span:nth-child(2) { flex:1; }.admin-footer-note strong,.admin-footer-note small { display:block; }.admin-footer-note strong { color:#587568; font-size:9px; }.admin-footer-note small { margin-top:4px; color:#90a39a; font-size:8px; }.admin-footer-note>a { color:#63799a; font-size:8px; font-weight:750; }
.admin-lower-grid { margin-bottom:3px; }.admin-payment-row,.admin-audit-row { display:flex; align-items:center; gap:10px; padding:13px 0; border-bottom:1px solid #edf0f5; }.admin-payment-mark,.audit-icon { display:grid; flex:none; place-items:center; width:29px; height:29px; border-radius:10px; color:#428e72; background:#e6f5ee; font-size:12px; font-weight:850; }.pending-mark { color:#a17b3e; background:#fbf1dc; }.admin-payment-row>div,.admin-audit-row>div { min-width:0; flex:1; }.admin-payment-row strong,.admin-payment-row small,.admin-audit-row strong,.admin-audit-row small { display:block; }.admin-payment-row strong,.admin-audit-row strong { color:#5c6e85; font-size:9px; }.admin-payment-row small,.admin-audit-row small { margin-top:4px; color:#99a4b2; font-size:8px; }.admin-payment-row>b { flex:none; color:#415b7d; font-size:9px; }.admin-payment-row>b small { display:inline; color:#8b98a9; font-size:7px; font-weight:600; }.audit-icon.blue-audit { color:#5975b5;background:#eaf0fb; }.audit-icon.mint-audit { color:#478c74;background:#e7f5ee; }.audit-icon.amber-audit { color:#aa803c;background:#fbf2df; }.audit-result { flex:none; color:#648778; font-size:8px; }
.portal-secure:before,.admin-live-dot { box-sizing:content-box; }
@media(max-width:980px) { .admin-layout { grid-template-columns:170px minmax(0,1fr); gap:12px; }.admin-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-main-grid { grid-template-columns:1fr; }.admin-sidebar { top:8px; }.portal-login-grid { gap:25px; padding-inline:0; } }
@media(max-width:720px) { .portal-nav .sales-links>a:not(.sales-button),.portal-secure { display:none; }.portal-nav .sales-links { margin-right:auto; }.portal-hero { grid-template-columns:1fr; gap:28px; padding:29px 23px; }.portal-glass-card { max-width:440px; }.portal-login-grid { grid-template-columns:1fr; gap:25px; padding-top:42px; }.portal-plan-grid { grid-template-columns:1fr; }.portal-plan>p:not(.portal-plan-price),.portal-plan ul { min-height:0; }.portal-section-title { text-align:right; }.portal-account-preview { padding-top:42px; }.portal-account-grid { grid-template-columns:1fr; }.admin-topbar-center { display:none; }.admin-layout { display:block; }.admin-sidebar { position:static; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; min-height:0; margin-bottom:12px; padding:9px; }.admin-side-label,.admin-side-bottom { display:none; }.admin-nav-item { justify-content:center; gap:6px; padding:9px 4px; font-size:9px; }.admin-nav-item>span { width:auto; font-size:14px; }.admin-heading-row { align-items:flex-start; }.admin-heading-row .portal-primary { min-height:35px; padding:0 9px; gap:5px; font-size:8px; }.admin-heading-row h1 { font-size:21px; }.admin-demo-banner { align-items:flex-start; }.admin-stat-grid { gap:8px; }.admin-stat { min-height:143px; padding:12px; }.admin-stat>span:nth-child(2) { right:52px; font-size:9px; }.admin-stat>strong { font-size:20px; }.admin-panel { padding:13px; }.admin-table-tools { flex-wrap:wrap; justify-content:flex-end; }.admin-footer-note>a { display:none; }.portal-foot { justify-content:center; text-align:center; } }

/* Admin text was too small in the visual mock-up; keep every label readable on phones. */
.glass-admin { font-family:Tahoma,"Segoe UI",sans-serif; }
.glass-admin .admin-topbar-center { font-size:14px; }
.glass-admin .admin-topbar-center small { font-size:12px; }
.glass-admin .admin-topbar>.sales-outline-button { font-size:13px; }
.glass-admin .admin-side-label,.glass-admin .admin-nav-item { font-size:13px; }
.glass-admin .admin-side-bottom strong { font-size:12px; }
.glass-admin .admin-side-bottom small { font-size:11px; }
.glass-admin .admin-demo-banner { font-size:13px; }
.glass-admin .admin-demo-banner span { font-size:12px; }
.glass-admin .admin-heading-row p { font-size:13px; }
.glass-admin .admin-heading-row .portal-primary { font-size:12px; }
.glass-admin .admin-stat>span:nth-child(2) { font-size:12px; }
.glass-admin .admin-stat>small,.glass-admin .admin-stat-foot { font-size:11px; }
.glass-admin .admin-stat>strong small,.glass-admin .admin-stat-foot b { font-size:11px; }
.glass-admin .admin-chart-summary span,.glass-admin .admin-chart-grid,.glass-admin .admin-chart-labels { font-size:11px; }
.glass-admin .admin-text-link,.glass-admin .admin-inbox-item strong,.glass-admin .admin-inbox-item small,.glass-admin .admin-inbox-status,.glass-admin .admin-inbox-note { font-size:12px; }
.glass-admin .admin-table-scroll th,.glass-admin .admin-table-scroll td,.glass-admin .admin-user strong,.glass-admin .admin-user small,.glass-admin .admin-pill { font-size:12px; }
.glass-admin .admin-privacy-line,.glass-admin .admin-footer-note strong,.glass-admin .admin-footer-note small,.glass-admin .admin-footer-note>a { font-size:12px; }
.glass-admin .admin-payment-row strong,.glass-admin .admin-payment-row small,.glass-admin .admin-audit-row strong,.glass-admin .admin-audit-row small,.glass-admin .audit-result { font-size:12px; }
@media(max-width:720px) {
  .glass-admin .admin-nav-item { font-size:12px; line-height:1.5; }
  .glass-admin .admin-heading-row .portal-primary { min-height:42px; padding-inline:12px; font-size:11px; }
  .glass-admin .admin-stat { min-height:154px; }
  .glass-admin .admin-stat>span:nth-child(2) { font-size:11px; }
  .glass-admin .admin-stat>small,.glass-admin .admin-stat-foot { font-size:10px; }
  .glass-admin .admin-table-scroll th,.glass-admin .admin-table-scroll td { font-size:11px; }
}

.portal-feedback { margin-top:48px; padding:clamp(20px,4vw,34px); border-radius:24px; }
.portal-feedback .portal-section-title h2 { margin:7px 0; color:#253a59; font-size:24px; }
.portal-feedback .portal-section-title p { max-width:760px; margin:0; color:#73839a; font-size:14px; line-height:1.9; }
.portal-feedback-grid { display:grid; grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr) auto; align-items:end; gap:13px; margin-top:20px; }
.portal-feedback-grid label { display:grid; gap:8px; color:#536783; font-size:14px; font-weight:700; }
.portal-feedback-grid select,.portal-feedback-grid textarea { width:100%; padding:12px 14px; border:1px solid #d8e1ed; border-radius:12px; color:#50627d; background:#fff; font:inherit; font-size:14px; }
.portal-feedback-grid textarea { resize:vertical; }
.portal-feedback-grid button:disabled,.portal-feedback-grid select:disabled,.portal-feedback-grid textarea:disabled { opacity:.72; cursor:not-allowed; }
.portal-feedback .portal-inline-notice { margin-top:13px; }
.portal-socials { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:18px; padding-top:16px; border-top:1px solid #e5ebf2; color:#586c87; font-size:13px; }
.portal-socials strong { margin-left:7px; color:#334c70; }
.portal-socials a { padding:7px 11px; border:1px solid #dce5f0; border-radius:999px; color:#637590; background:#ffffffaa; font-weight:700; }
.portal-socials a[aria-disabled="true"] { color:#8b97a8; border-style:dashed; cursor:default; }
.portal-socials a[aria-disabled="false"]:hover { color:#315fae; border-color:#aebfe1; }
.portal-socials small { flex-basis:100%; color:#8795a8; line-height:1.8; }
.intro-socials { margin-top:0; padding-top:0; border-top:0; }
.profile-modal .modal-actions a.quiet-button { display:inline-flex; align-items:center; justify-content:center; padding:9px 12px; border:1px solid var(--line); border-radius:11px; color:var(--ink); text-decoration:none; font-size:11px; }
@media(max-width:720px) { .portal-feedback { margin-top:34px; }.portal-feedback-grid { grid-template-columns:1fr; }.portal-feedback-grid button { width:100%; min-height:46px; }.portal-feedback .portal-section-title h2 { font-size:21px; } }

/* Keep the brand and profile action on one line on narrow screens. */
@media(max-width:700px) {
  .sales-page.editorial-page:not(.glass-portal):not(.glass-admin) .sales-nav { align-items:center; flex-direction:row; flex-wrap:nowrap; }
  .sales-page.editorial-page:not(.glass-portal):not(.glass-admin) .sales-links { width:auto; flex-wrap:nowrap; margin-right:auto; }
}

/* Marketing page polish: glass cards, richer product preview, clear trial gift. */
.editorial-page .editorial-profile-link { display:inline-flex; align-items:center; gap:9px; }
.editorial-person-icon,.portal-header-profile>span { display:inline-grid; place-items:center; width:31px; height:31px; border:1px solid #e5c979; border-radius:50%; color:#f3d98f; font-size:21px; line-height:1; }
.editorial-page .editorial-feature { position:relative; overflow:hidden; padding:30px 27px; border:1px solid #ffffffbb; border-radius:25px; background:linear-gradient(145deg,#ffffffd9,#f5f8fcaa); box-shadow:0 16px 40px #19355b12,inset 0 1px #fff; backdrop-filter:blur(18px); }
.editorial-page .editorial-feature:after { position:absolute; inset:0 0 auto; height:3px; content:""; background:linear-gradient(90deg,#eac86f,#a9c4ef,#a9d9c9); opacity:.8; }
.editorial-page .editorial-feature h3 { margin:18px 0 10px; font-size:21px; }
.editorial-page .editorial-feature p { line-height:2; }
.editorial-page .editorial-feature ul { display:grid; gap:9px; margin:17px 0 0; padding:15px 0 0; border-top:1px solid #dfe6ef; list-style:none; color:#51637d; font-size:13px; }
.editorial-page .editorial-feature li:before { content:"✦"; margin-left:9px; color:#bc9139; }
.editorial-trial { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:22px; overflow:hidden; margin:28px 0 72px; padding:25px 30px; border:1px solid #ffffffd9; border-radius:26px; background:linear-gradient(112deg,#f8e9bdc9,#ffffffd9 45%,#dce8f5d9); box-shadow:0 18px 48px #19355b16,inset 0 1px #fff; backdrop-filter:blur(20px); }
.editorial-trial:before { position:absolute; inset:0 auto 0 0; width:5px; content:""; background:linear-gradient(#f3d987,#c99c42); }
.editorial-trial-badge { position:absolute; top:0; right:26px; padding:5px 13px 7px; border-radius:0 0 11px 11px; background:#18375f; color:#f8e4a5; font-size:11px; font-weight:800; }
.editorial-trial-days { display:flex; align-items:center; gap:8px; padding:9px 15px; border:1px solid #d4b46088; border-radius:17px; background:#fff9e9aa; color:#173459; }
.editorial-trial-days strong { font-size:47px; line-height:1; color:#b68a36; }
.editorial-trial-days span { font-size:13px; font-weight:800; line-height:1.45; }
.editorial-trial-copy h2 { margin:4px 0 5px; color:#142d4b; font-size:21px; }
.editorial-trial-copy p { max-width:780px; margin:0; color:#5b6d84; font-size:13px; line-height:1.9; }
.editorial-trial .editorial-primary { white-space:nowrap; }
.editorial-demo-caption { margin:-5px 0 12px; color:#8290a2; font-size:10px; }
.editorial-demo-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:13px 0; }
.editorial-demo-stats span { display:grid; gap:3px; padding:9px; border:1px solid #e6ebf3; border-radius:12px; background:linear-gradient(145deg,#fff,#f3f6fa); }
.editorial-demo-stats b { color:#17385f; font-size:13px; }
.editorial-demo-stats small { color:#8390a2; font-size:10px; }
.editorial-app-brand { display:flex; align-items:center; gap:6px; }
.editorial-app-brand small { color:#8190a4; font-size:10px; }
.editorial-habit-line { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin-top:12px; padding:11px 13px; border-radius:12px; background:#f0f6f2; color:#587466; font-size:11px; }
.editorial-habit-line i { color:#68a98b; font-size:10px; font-style:normal; letter-spacing:2px; }
.editorial-orbit-three,.editorial-orbit-four { position:absolute; z-index:2; padding:11px 15px; border:1px solid #ffffff8c; border-radius:14px; background:#f8fbffd9; box-shadow:0 10px 30px #071b3830; color:#294666; font-size:12px; font-weight:800; backdrop-filter:blur(14px); }
.editorial-orbit-three { top:16%; left:-3%; }
.editorial-orbit-four { right:-6%; bottom:9%; }
.portal-header-profile { display:inline-flex; align-items:center; gap:7px; padding:5px 10px; border:1px solid #ffffff27; border-radius:999px; color:#f4e2ac; font-size:12px; }
.portal-header-profile>span { width:26px; height:26px; font-size:18px; }
@media(max-width:760px) {
 .editorial-trial { grid-template-columns:auto 1fr; gap:13px; margin:20px 0 48px; padding:29px 17px 18px; }
 .editorial-trial-copy h2 { font-size:17px; }
 .editorial-trial-copy p { font-size:12px; }
 .editorial-trial>.editorial-primary { grid-column:1/-1; justify-self:stretch; }
 .editorial-trial-days strong { font-size:39px; }
 .editorial-orbit-three { top:2%; left:1%; }
 .editorial-orbit-four { right:0; bottom:0; }
 .editorial-demo-stats { gap:5px; }
 .editorial-demo-stats span { padding:7px 5px; }
 .editorial-page .editorial-feature { padding:23px 19px; }
 .portal-header-profile { display:none; }
}.portal-credential-preview { margin:14px 0; padding:12px 14px; border:1px solid #e1e8f1; border-radius:14px; background:#f8fafd; }
.portal-credential-preview summary { display:flex; justify-content:space-between; gap:8px; color:#334b69; font-size:13px; font-weight:800; cursor:pointer; }
.portal-credential-preview summary span { color:#8b98a9; font-size:10px; font-weight:600; }
.portal-credential-preview label { display:block; margin-top:12px; color:#667992; font-size:12px; }
.portal-credential-preview input { width:100%; margin-top:6px; padding:11px 13px; border:1px solid #dce4ee; border-radius:11px; background:#fff; color:#60718a; font:inherit; }
.portal-credential-preview input:disabled { opacity:.7; }
/* Shared navigation and focused product preview refinements. */
.editorial-buy-link { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 17px; border:1px solid #f2d99088; border-radius:13px; color:#f3dfa7; background:#ffffff12; font-size:12px; font-weight:800; text-decoration:none; }
.editorial-buy-link:hover { color:#152c4b; background:linear-gradient(135deg,#fae9b4,#e7bd68); }
.editorial-profile-link { min-height:44px; padding:4px 14px; }
.editorial-profile-link .editorial-person-icon { color:#18365a; border-color:#dfbe6b; background:#fff8e8; }
.editorial-hero h1 { max-width:650px; }
.editorial-demo-stats { margin:9px 0; }
.editorial-demo-stats span { padding:7px 9px; }
.editorial-app-body>.editorial-task { padding-block:9px; }
.editorial-habit-line { margin-top:8px; padding:8px 11px; }
.editorial-orbit-three { right:auto; left:-2%; top:auto; bottom:18%; }
.portal-route-link { display:inline-flex; align-items:center; gap:7px; min-height:38px; padding:0 13px; border-color:#ffffff55; border-radius:12px; color:#314866; background:#ffffffb8; font-size:12px; font-weight:800; text-decoration:none; }
.portal-route-link:hover { border-color:#d9bd79; background:#fff8e9; color:#19375b; }
.portal-route-link:first-child { border-color:#d5ba76; background:linear-gradient(135deg,#fae7ae,#e5bf6d); }
.portal-form-symbol img { width:35px; height:35px; border-radius:10px; object-fit:cover; }
@media(max-width:700px) {
 .sales-page.editorial-page:not(.glass-portal):not(.glass-admin) .sales-links { gap:5px; }
 .editorial-page .editorial-profile-link,.editorial-buy-link { min-height:36px; padding:0 8px; border-radius:10px; font-size:9px; white-space:nowrap; }
 .editorial-person-icon { width:24px; height:24px; font-size:17px; }
 .editorial-orbit-two,.editorial-orbit-three { padding:8px 10px; font-size:10px; }
 .editorial-orbit-three { left:0; bottom:12%; }
 .portal-nav .sales-links>a.portal-route-link { display:inline-flex; min-height:34px; padding:0 9px; font-size:10px; }
}