/* Unitus brand: harbor navy with the blue-to-teal mark.
   Loaded last on the homepage and public pages so they match the dashboard. */
body.home, body.home.light-theme, body.pub, body.pub.light-theme{
  --canvas:#0B1F26; --ink:#F4F7F6; --mute:#8FA0A5; --card:#142E38; --sand:#183743; --gold:#2FD9AE;
  --harbor:#0B1F26; --harbor-2:#142E38; --ice:#F4F7F6; --slate:#8FA0A5; --line:rgba(244,247,246,.12);
  --blue:#2E6FF2; --blue-2:#4C8CFF; --teal:#2FD9AE; --red:#E15B4D;
  --g1:#0F6FEF; --g2:#10B2BC; --grad:linear-gradient(135deg,var(--g1),var(--g2));
  background:#0B1F26; color:#F4F7F6;
}
body.home ::selection, body.pub ::selection{background:#2FD9AE;color:#0B1F26}

/* logo lockup */
.hnav .brand, footer.hf .brand{display:inline-flex;align-items:center;gap:11px;font-family:"Geist",system-ui,sans-serif;font-weight:600;font-stretch:100%;font-size:22px;letter-spacing:-.015em;color:#fff;text-decoration:none}
.hnav .brand img, footer.hf .brand img{height:34px;width:auto;display:block}

/* nav */
.hnav{background:rgba(11,31,38,.78)!important;border-bottom:1px solid rgba(244,247,246,.10)}
.hnav nav, .hnav .right a.login{color:#8FA0A5}
.hnav nav a:hover{color:#fff}

/* buttons */
.pillbtn, .req, .wm .pill{background:var(--grad);color:#fff!important}
.pillbtn:hover{box-shadow:0 10px 30px rgba(16,178,188,.35)}
.h-end .wm .pill{background:var(--grad);color:#fff}
body.pub .btn-primary{background:var(--grad);color:#fff}
body.pub .btn-primary:hover{background:var(--grad);box-shadow:0 10px 28px rgba(16,178,188,.35)}
body.pub .btn-ghost{border-color:rgba(244,247,246,.28);color:#F4F7F6}
.req .tick{background:#fff;color:#0F6FEF}
.req .bar{background:#fff}

/* cards and tiles */
.tile{background:var(--card);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 24px 60px rgba(0,0,0,.35);border:1px solid rgba(244,247,246,.06)}
.tile .tic{background:var(--grad)}
.tile.dark{background:var(--grad);color:#fff;border:0}
.tile.dark .tic{background:rgba(255,255,255,.2)}
.tile.sand{background:var(--sand)}
.tile .big{color:rgba(244,247,246,.05)}
.sw button, .amts button{background:var(--card);color:#F4F7F6}
.sw button.on, .amts button.on{border-color:#2FD9AE}
.cnote a{color:#2FD9AE}
.stage{background:#142E38;box-shadow:0 50px 100px rgba(0,0,0,.5)}
.cface{box-shadow:0 40px 90px rgba(0,0,0,.55)}
.band{box-shadow:0 50px 100px rgba(0,0,0,.5)}
.panel{background:linear-gradient(160deg,#143541,#0E2831);border:1px solid rgba(244,247,246,.10)}
.h-end{background:linear-gradient(180deg,#0F2B35,#08181d)}
footer.hf{background:#08181d}

/* background effects: blue and teal light instead of amber */
.fx .b1{background:radial-gradient(circle,rgba(15,111,239,.34),rgba(15,111,239,0) 62%)}
.fx .b2{background:radial-gradient(circle,rgba(47,217,174,.20),rgba(47,217,174,0) 62%)}
.fx .b3{background:radial-gradient(circle,rgba(16,178,188,.22),rgba(16,178,188,0) 62%)}
.fx::after{mix-blend-mode:screen;opacity:.05}
body.home .money-bg span, body.pub .money-bg span{color:#8FD9F0}

/* public pages */
body.pub .callout{background:var(--card);border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.3)}
body.pub .form-card{background:var(--card);border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.45)}
body.pub .field input, body.pub .field select{background:#0B1F26;border:1.5px solid rgba(244,247,246,.12);color:#F4F7F6}
body.pub .field input:focus, body.pub .field select:focus{border-color:#2FD9AE;background:#0B1F26}
body.pub .tabs, body.pub .upload-box{background:#0B1F26}
body.pub .tabs .tab.active{background:var(--grad);color:#fff}
body.pub .step-dots span.active{background:#2FD9AE}
body.pub .success-icon{background:rgba(47,217,174,.15);color:#2FD9AE}
body.pub .status-pill.ok{background:rgba(47,217,174,.15);color:#2FD9AE}
body.pub .status-banner{background:rgba(47,217,174,.10);border-color:rgba(47,217,174,.3);color:#2FD9AE}

/* page headers and sign-in backdrops */
body.pub .page-head{position:relative;isolation:isolate}
body.pub .page-head::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,31,38,.42),#0B1F26 97%),url(bg-page-header.jpg) center/cover no-repeat}
body.pub[data-ph="about"] .page-head::before{background-image:linear-gradient(180deg,rgba(11,31,38,.42),#0B1F26 97%),url(bg-about.jpg)}
body.pub[data-ph="security"] .page-head::before{background-image:linear-gradient(180deg,rgba(11,31,38,.35),#0B1F26 97%),url(bg-security.jpg)}
body.pub[data-ph="news"] .page-head::before{background-image:linear-gradient(180deg,rgba(11,31,38,.42),#0B1F26 97%),url(bg-news.jpg)}
body.authbg::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,31,38,.5),rgba(11,31,38,.82)),url(bg-login.jpg) center/cover no-repeat}

/* mobile menu */
.menu-btn{display:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(244,247,246,.16);background:rgba(244,247,246,.04);cursor:pointer;flex:none;padding:0;position:relative}
.menu-btn span{position:absolute;left:13px;right:13px;height:2px;border-radius:2px;background:#F4F7F6}
.menu-btn span:nth-child(1){top:15px}.menu-btn span:nth-child(2){top:21px}.menu-btn span:nth-child(3){top:27px}
@media(max-width:860px){.menu-btn{display:inline-block}.hnav .right{gap:12px}}
@media(max-width:420px){.hnav .brand{font-size:19px}.hnav .brand img{height:30px}.hnav .wrap{padding:0 16px}.hnav .pillbtn{padding:10px 16px;font-size:14px}}
.mnav{position:fixed;inset:0;z-index:1000;background:#0B1F26;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 22px 40px;opacity:0;transform:translateY(-14px);transition:opacity .28s ease,transform .32s cubic-bezier(.2,.8,.2,1);font-family:"Geist",system-ui,sans-serif;color:#F4F7F6}
.mnav[hidden]{display:none}
.mnav.on{opacity:1;transform:none}
.mnav::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(60vmax 40vmax at 100% 0,rgba(15,111,239,.22),transparent 70%),radial-gradient(60vmax 40vmax at 0 100%,rgba(47,217,174,.14),transparent 70%)}
.mn-top{display:flex;align-items:center;justify-content:space-between;height:76px}
.mn-top .brand{display:inline-flex;align-items:center;gap:11px;font-weight:600;font-size:21px;letter-spacing:-.015em;color:#fff;text-decoration:none}
.mn-top .brand img{height:32px;width:auto}
.mn-x{width:44px;height:44px;border-radius:50%;border:1px solid rgba(244,247,246,.16);background:rgba(244,247,246,.04);color:#F4F7F6;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mn-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;margin:10px 0 18px;border-radius:999px;border:1px solid rgba(244,247,246,.12);background:rgba(244,247,246,.04)}
.mn-seg button{height:56px;border-radius:999px;border:0;background:transparent;color:#F4F7F6;font:500 17px/1 "Geist",system-ui,sans-serif;cursor:pointer;transition:background .25s,color .25s}
.mn-seg button.on{background:linear-gradient(135deg,#0F6FEF,#10B2BC);color:#fff;font-weight:600}
.mn-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:22px 4px;border:0;border-bottom:1px solid rgba(244,247,246,.10);background:none;color:#F4F7F6;text-decoration:none;font:600 20px/1.2 "Geist",system-ui,sans-serif;text-align:left;cursor:pointer}
.mn-row small{font-weight:400;font-size:15px;color:#8FA0A5;margin-left:4px}
.mn-row svg{flex:none;color:#8FA0A5;transition:transform .3s}
.mn-grp.open .mn-row svg{transform:rotate(180deg);color:#2FD9AE}
.mn-grp.open .mn-row{border-bottom-color:transparent}
.mn-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}
.mn-grp.open .mn-panel{grid-template-rows:1fr}
.mn-in{overflow:hidden;min-height:0}
.mn-in a{display:block;padding:13px 4px 13px 16px;color:#B7C4C8;text-decoration:none;font-size:17px;border-left:2px solid rgba(47,217,174,.35);margin-left:4px}
.mn-in a:hover,.mn-in a:active{color:#fff}
.mn-grp.open .mn-in{padding-bottom:14px;border-bottom:1px solid rgba(244,247,246,.10)}
.mn-cta{margin-top:30px}
.mn-cta .pillbtn{width:100%;justify-content:center;padding:18px 22px;font-size:17px}
.mn-cta p{margin:18px 2px 0;font-size:12.5px;line-height:1.55;color:#8FA0A5}
@media (prefers-reduced-motion:reduce){.mnav,.mn-panel,.mn-row svg{transition:none}}
