/* ShipOptimizerPro · unified black + blue appearance, 25 Oct 2026
   Loaded AFTER site-blue.css; no brand-green or violet surfaces. */
:root{
 color-scheme:dark;
 --bg:#090b0e;--panel:rgba(20,24,29,.90);--panel2:rgba(28,33,40,.87);
 --border:rgba(133,151,171,.19);--text:#edf2f8;--muted:#a7b5c7;
 --accent:#4c9eff;--accent2:#2273f5;--cyan:#6ebaff;--gold:#74bcff;
 --shadow:0 15px 42px rgba(0,0,0,.27);
 --site-background:radial-gradient(ellipse at 82% -10%,rgba(39,110,223,.11),transparent 36%),
                    linear-gradient(180deg,#090b0e 0%,#101317 54%,#090b0e 100%);
 --site-card:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.007)),var(--panel);
 --site-soft:rgba(57,115,217,.12);--site-line:rgba(124,154,194,.22);
 --site-highlight:#4598ff;--site-on-highlight:#061427;
 --site-small-bg:#1c232c;
}
html[data-site-theme="dark"]{color-scheme:dark}
html[data-site-theme="light"]{
 color-scheme:light;
 --bg:#f5f7fb;--panel:rgba(255,255,255,.91);--panel2:rgba(245,248,253,.94);
 --border:rgba(102,123,153,.23);--text:#15202e;--muted:#58697e;
 --accent:#186bd5;--accent2:#1155b0;--cyan:#1264cc;--gold:#165eb8;
 --shadow:0 12px 35px rgba(25,49,83,.07);
 --site-background:radial-gradient(ellipse at 84% -10%,rgba(46,117,245,.10),transparent 37%),
                    linear-gradient(180deg,#f7f9fc,#f0f4fa 56%,#f8fafc);
 --site-card:linear-gradient(145deg,rgba(255,255,255,.97),rgba(247,250,255,.92));
 --site-soft:rgba(31,108,231,.075);--site-line:rgba(86,123,167,.20);
 --site-highlight:#186bd5;--site-on-highlight:white;--site-small-bg:#edf2fa;
}
html[data-site-theme] body{background:var(--site-background)!important;color:var(--text)}
html[data-site-theme] body:before{opacity:.1;background-image:radial-gradient(currentColor .5px,transparent .5px)}
html[data-site-theme] .glass{
 background:var(--site-card);border-color:var(--border);box-shadow:var(--shadow);
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
html[data-site-theme] .navlinks a,html[data-site-theme] .footerlinks a{color:var(--text)}
html[data-site-theme] .brand small,
html[data-site-theme] .hero p,html[data-site-theme] .lead,
html[data-site-theme] .sectionhead p,html[data-site-theme] .tile p,
html[data-site-theme] .plan .term,html[data-site-theme] .plan p,
html[data-site-theme] .plan li,html[data-site-theme] .scan-row small,
html[data-site-theme] .scan-result small,html[data-site-theme] .community small,
html[data-site-theme] .footerin small,html[data-site-theme] .proof,
html[data-site-theme] .note,html[data-site-theme] details.faq p{color:var(--muted)}
html[data-site-theme] .tag,html[data-site-theme] .demo-title,
html[data-site-theme] .plan .label,html[data-site-theme] .eyebrow{color:var(--accent)}
html[data-site-theme] .hero h1 .gradient-text{
 background:linear-gradient(105deg,#7bc0ff 0%,#4198ff 56%,#2273f5 100%);
 -webkit-background-clip:text;background-clip:text;color:transparent;
}
html[data-site-theme="light"] .hero h1 .gradient-text{
 background:linear-gradient(105deg,#1054ac,#1a76df 60%,#267af0);
 -webkit-background-clip:text;background-clip:text;color:transparent;
}
html[data-site-theme] .button.primary{
 color:white;background:linear-gradient(120deg,#328dff,#156de9);border-color:rgba(86,152,255,.4);
 box-shadow:0 8px 21px rgba(37,115,240,.19);
}
html[data-site-theme] .button.primary:hover{background:linear-gradient(120deg,#4c9eff,#207aeb)}
html[data-site-theme] .button.ghost,html[data-site-theme] .button:not(.primary),
html[data-site-theme] .menu-toggle{color:var(--text);background:var(--site-soft);border-color:var(--border)}
html[data-site-theme] .hero-panel:before{background:radial-gradient(circle,rgba(42,116,239,.15),transparent 72%)}
html[data-site-theme] .eyebrow,html[data-site-theme] .demo-pill,
html[data-site-theme] .note{background:var(--site-soft);border-color:var(--site-line);color:var(--text)}
html[data-site-theme] .scan-bars i{background:linear-gradient(to top,#1755b8,#4a9eff)}
html[data-site-theme] .scan-bars i.best{background:linear-gradient(to top,#2471e3,#9ed2ff)}
html[data-site-theme] .scan-result{background:var(--site-soft);border-color:var(--site-line)}
html[data-site-theme] .scan-result strong{color:var(--accent)}
html[data-site-theme] .scan-row{border-color:var(--border)}
html[data-site-theme] .scan-row b{color:var(--text)}
html[data-site-theme] .demo-pill,html[data-site-theme] .demo-title{color:var(--accent)}
html[data-site-theme] .tile-icon,
html[data-site-theme] .flow .tile:before{color:var(--text);background:var(--site-soft);border:1px solid var(--site-line)}
html[data-site-theme] .flow .tile:before{color:var(--accent)}
html[data-site-theme] .plan.featured{background:var(--site-card);border-color:var(--accent);box-shadow:0 12px 28px rgba(33,111,221,.11)}
html[data-site-theme] .plan li:before{color:var(--accent)}
html[data-site-theme] .upgrade{color:var(--text);background:var(--site-soft)}
html[data-site-theme] .community a .tile-icon{background:var(--site-soft)}
html[data-site-theme] .community a:hover strong{color:var(--accent)}
html[data-site-theme] .shipu-panel{
 background:var(--site-card);color:var(--text);border-color:var(--site-line);
 box-shadow:var(--shadow);
}
html[data-site-theme] .shipu-panel p{color:var(--muted)}
html[data-site-theme] .shipu-actions button,html[data-site-theme] .shipu-x{
 color:var(--text);background:var(--site-soft);border-color:var(--border);
}
html[data-site-theme] .shipu-avatar{filter:drop-shadow(0 5px 12px rgba(17,87,181,.22))}
html[data-site-theme] .nav.expanded .navlinks{background:var(--panel2);border-color:var(--border)}
html[data-site-theme="light"] .navlinks a:hover{background:#e4efff;color:#154f9d}
html[data-site-theme="light"] details.faq summary{color:var(--text)}
/* Functional and accessible, equal-height segmented Appearance control */
.site-appearance{display:flex;flex:0 0 auto;align-items:center;gap:3px;
 background:var(--site-small-bg);border:1px solid var(--border);
 padding:3px;border-radius:12px;max-width:100%;isolation:isolate;
}
.site-appearance button{border:0;border-radius:9px;background:transparent;color:var(--muted);
 min-width:57px;min-height:30px;padding:6px 8px;line-height:1;font-size:11px;font-weight:760;
 box-shadow:none;transition:background-color .16s,color .16s;
}
.site-appearance button:hover{color:var(--accent);background:var(--site-soft)}
.site-appearance button[aria-pressed="true"]{
 color:white;background:linear-gradient(110deg,#338ff9,#1b70e0);
 box-shadow:0 2px 9px rgba(20,92,202,.24);
}
.site-appearance-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1180px){.navin{gap:10px}.navlinks{gap:1px}.navlinks a:not(.button){font-size:12px;padding:6px 7px}}
@media(max-width:910px){.navin{flex-wrap:wrap}.site-appearance{order:2}.navlinks{order:3;margin-left:auto}}
@media(max-width:560px){.navin{gap:9px}.brand{flex:1 1 170px}.site-appearance{order:3;margin:0;flex:0 0 auto}
 .navlinks{order:2;width:auto;justify-content:flex-end;margin:0}
 .navlinks a.button.always{min-width:0;max-width:116px;font-size:11px;padding:6px 9px;white-space:nowrap}
 .navlinks .menu-toggle{font-size:11px;padding:6px 9px}
 .nav.expanded .navlinks{order:4;position:absolute;top:calc(100% + 6px);left:0;right:0;width:auto;margin:0}
 .site-appearance button{min-width:53px}
}
@media(prefers-reduced-motion:reduce){.site-appearance button{transition:none}}


/* 25 Oct navigation polish: centered flat links, appearance right, CTA far right. */
.nav.glass{
  transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,backdrop-filter .2s ease;
  -webkit-backdrop-filter:blur(20px) saturate(125%);backdrop-filter:blur(20px) saturate(125%);
}
html[data-site-theme="dark"] .nav.glass:hover,
html[data-site-theme="dark"] .nav.glass:focus-within{
  background:linear-gradient(115deg,rgba(32,37,46,.89),rgba(15,22,31,.87));
  border-color:rgba(91,154,243,.38);
  box-shadow:0 20px 45px rgba(0,0,0,.33),inset 0 1px 0 rgba(255,255,255,.055);
  -webkit-backdrop-filter:blur(29px) saturate(148%);backdrop-filter:blur(29px) saturate(148%);
}
html[data-site-theme="light"] .nav.glass:hover,
html[data-site-theme="light"] .nav.glass:focus-within{
  background:linear-gradient(115deg,rgba(255,255,255,.87),rgba(243,248,255,.86));
  border-color:rgba(71,128,220,.32);
  box-shadow:0 15px 38px rgba(37,64,106,.09),inset 0 1px 0 rgba(255,255,255,.75);
  -webkit-backdrop-filter:blur(29px) saturate(140%);backdrop-filter:blur(29px) saturate(140%);
}
.nav .navin{
  display:grid;
  grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);
  align-items:center;gap:17px;
}
.nav .brand{grid-column:1;justify-self:start;min-width:0}
.nav .navlinks{grid-column:2;display:flex;align-items:center;justify-content:center;gap:2px;min-width:0;white-space:nowrap;margin:0}
.nav .navlinks a,.nav .navlinks a:not(.button){
  display:inline-flex;align-items:center;min-height:35px;
  padding:7px 11px;border:0;border-radius:9px;
  color:var(--text);background:transparent;box-shadow:none;
  font-size:13px;font-weight:620;text-decoration:none;
  transition:color .18s ease,background-color .18s ease,transform .18s ease;
}
.nav .navlinks a:hover,.nav .navlinks a:focus-visible{
  color:var(--accent)!important;background:var(--site-soft)!important;
  transform:translateY(-1px);
}
.nav .nav-right{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.nav .nav-install{flex:0 0 auto;white-space:nowrap}
.nav .menu-toggle{display:none}
.nav .site-appearance{margin:0;flex:0 0 auto}
@media(max-width:1160px){
  .nav .navin{grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .nav .brand{grid-column:1}
  .nav .nav-right{grid-column:2}
  .nav .navlinks{display:none;position:absolute;z-index:35;top:calc(100% + 7px);right:0;left:0;
   flex-direction:column;align-items:stretch;gap:3px;padding:12px;
   border-radius:14px;border:1px solid var(--border);background:var(--panel2);
   box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  }
  .nav.expanded .navlinks{display:flex}
  .nav.expanded .navlinks a:not(.always){display:flex;min-height:42px;padding:11px 14px}
  .nav .menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:35px;min-width:48px}
}
@media(max-width:675px){
  .nav .navin{grid-template-columns:minmax(0,1fr);gap:9px}
  .nav .brand{grid-column:1;grid-row:1}
  .nav .nav-right{grid-column:1;grid-row:2;justify-content:space-between;gap:7px}
  .nav .nav-install{margin-left:auto;font-size:11px;padding:6px 10px}
  .nav .site-appearance button{min-width:49px;padding:6px 5px}
  .nav .navlinks{top:calc(100% + 6px);width:auto}
  .nav .menu-toggle{min-width:47px}
}
@media(max-width:385px){
  .nav .nav-install{font-size:10px;padding:6px 7px}
  .nav .site-appearance button{min-width:46px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.nav.glass,.nav .navlinks a{transition:none}}