/* HedgeHub v23.9.0 — premium client-facing experience */
:root{
  --client-orange:#ff8a00;
  --client-orange-2:#ff6b00;
  --client-orange-soft:rgba(255,138,0,.11);
  --client-orange-line:rgba(255,138,0,.32);
  --client-bg:#050505;
  --client-panel:#101010;
  --client-panel-2:#151515;
  --client-line:rgba(255,255,255,.09);
  --client-line-strong:rgba(255,255,255,.16);
  --client-text:#f4f4f4;
  --client-muted:#929292;
  --client-green:#55d69b;
  --client-shadow:0 28px 90px rgba(0,0,0,.48);
  --client-radius:22px;
}

.client-brand-lockup,
.auth-page-nav .marketing-brand,
.crew-brand,
.tracker-brand,
.member-workspace .sidebar>.brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
  color:#fff;
  text-decoration:none;
}
.client-brand-lockup img,
.auth-page-nav .marketing-brand img,
.crew-brand img{
  width:132px;
  height:66px;
  object-fit:contain;
  object-position:left center;
}
.client-brand-mini{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(255,138,0,.12))}
.client-logo-watermark{position:absolute;right:clamp(18px,5vw,72px);top:50%;width:min(33vw,440px);opacity:.035;transform:translateY(-50%);pointer-events:none;filter:grayscale(1)}
.client-kicker{margin:0;color:var(--client-orange);font-size:10px;font-weight:950;letter-spacing:.17em;text-transform:uppercase}
.client-subtle{color:var(--client-muted)}
.client-chip{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 11px;border:1px solid var(--client-line);border-radius:999px;background:rgba(255,255,255,.025);color:#b8b8b8;font-size:10px;font-weight:900;letter-spacing:.04em}
.client-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--client-orange);box-shadow:0 0 0 4px rgba(255,138,0,.10)}
.client-card{border:1px solid var(--client-line);border-radius:var(--client-radius);background:radial-gradient(circle at 95% 0,rgba(255,138,0,.07),transparent 17rem),linear-gradient(145deg,#141414,#0b0b0b);box-shadow:var(--client-shadow)}

/* Public navigation and footer */
body:not(.member-workspace):not(.tracker-standalone) .nav,
.auth-page-nav,
.crew-topbar{
  border-bottom-color:var(--client-line)!important;
  background:rgba(5,5,5,.91)!important;
  backdrop-filter:blur(20px)!important;
}
.auth-page-nav{position:sticky;top:0;z-index:90;height:82px;padding:0 max(20px,5vw)!important}
.auth-page-nav .client-nav-actions{display:flex;align-items:center;gap:9px}
.auth-page-nav .client-nav-actions a,.auth-page-nav .client-nav-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid var(--client-line-strong);border-radius:11px;color:#d5d5d5;background:transparent;font:inherit;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer}
.auth-page-nav .client-nav-actions a.primary,.auth-page-nav .client-nav-actions button.primary{border-color:transparent;color:#070707;background:linear-gradient(135deg,#ffa820,#ff7200)}
.client-footer-brand{display:flex;align-items:center;gap:12px}
.client-footer-brand img{width:96px;height:50px;object-fit:contain}
.client-footer-links{display:flex;flex-wrap:wrap;gap:14px 20px}
.client-footer-links a{color:#858585;text-decoration:none;font-weight:800}
.client-footer-links a:hover{color:#fff}

/* Public landing and tools overview */
body .site-header .brand img,
body .nav .brand img{filter:drop-shadow(0 10px 28px rgba(255,138,0,.09))}
.hero-logo-signature{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.hero-logo-signature img{width:150px;height:78px;object-fit:contain;object-position:left center}
.hero-logo-signature span{max-width:190px;color:#707070;font-size:10px;font-weight:850;line-height:1.45;text-transform:uppercase;letter-spacing:.08em}
.client-proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}
.client-proof-strip article{padding:13px 14px;border:1px solid var(--client-line);border-radius:13px;background:rgba(255,255,255,.02)}
.client-proof-strip strong{display:block;color:#fff;font-size:13px}
.client-proof-strip span{display:block;margin-top:3px;color:#727272;font-size:9px;line-height:1.45}
.client-public-footer{padding:34px 0;border-top:1px solid var(--client-line);background:#050505}
.client-public-footer .container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;color:#6e6e6e;font-size:11px}
.client-public-footer img{width:104px;height:54px;object-fit:contain}
.client-public-footer p{margin:0;max-width:690px;line-height:1.6}

/* Pricing / membership */
.membership-hero-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.membership-hero-brand img{width:126px;height:66px;object-fit:contain}
.membership-hero-brand span{color:#767676;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
body .plan{overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body .plan:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.17)}
body .plan.popular:hover{border-color:rgba(255,138,0,.56);box-shadow:0 34px 100px rgba(0,0,0,.58),0 0 0 1px rgba(255,138,0,.10)}
.plan-logo{position:absolute;right:-18px;bottom:-22px;width:150px;opacity:.028;pointer-events:none}
.membership-reassurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.membership-reassurance article{padding:14px;border:1px solid var(--client-line);border-radius:13px;background:#0d0d0d}
.membership-reassurance strong{display:block;color:#fff;font-size:12px}
.membership-reassurance span{display:block;margin-top:4px;color:#777;font-size:10px;line-height:1.5}

/* Standalone account */
body.account-page{min-height:100vh;background:radial-gradient(circle at 80% 8%,rgba(255,138,0,.10),transparent 28rem),linear-gradient(180deg,#050505,#080808 48%,#050505)}
.account-page .auth-shell.account-shell{padding:38px 22px 76px!important}
.account-page .account-page-card{width:min(1240px,100%)!important;border-radius:26px!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 40px 130px rgba(0,0,0,.62)!important}
.account-page-heading{position:relative;overflow:hidden;padding:34px 38px 29px!important}
.account-page-heading:after{content:"";position:absolute;right:28px;bottom:-84px;width:260px;height:260px;background:url('assets/hedgehub-logo-transparent.png') center/contain no-repeat;opacity:.035;pointer-events:none}
.account-page-heading-copy{display:flex;align-items:center;gap:20px;min-width:0}
.account-page-heading-copy>img{flex:0 0 auto;width:92px;height:74px;object-fit:contain}
.account-page-heading h1{font-size:clamp(34px,5vw,52px)!important;letter-spacing:-.05em!important}
.account-page .account-overview{margin:22px 38px 18px!important;padding:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;background:transparent!important;border:0!important}
.account-page .account-overview>div{padding:18px;border:1px solid var(--client-line);border-radius:15px;background:#0d0d0d}
.account-page .account-overview span{color:#737373;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.account-page .account-overview strong{display:block;margin-top:8px;color:#fff;font-size:18px;overflow-wrap:anywhere}
.account-page-grid{gap:14px!important;padding:0 38px!important}
.account-page-section{position:relative;overflow:hidden;padding:25px!important;border-color:var(--client-line)!important;border-radius:18px!important}
.account-page-section:after{content:"";position:absolute;right:-42px;bottom:-58px;width:170px;height:170px;background:url('assets/hedgehub-logo-transparent.png') center/contain no-repeat;opacity:.022;pointer-events:none}
.account-page-section.current-plan-section{background:radial-gradient(circle at 90% 0,rgba(255,138,0,.13),transparent 18rem),linear-gradient(145deg,#17120d,#0d0d0d)!important}
.profile-summary>div{border-color:var(--client-line)!important;background:#0b0b0b!important}
.profile-lock-note{padding:12px 13px;border-left:2px solid var(--client-orange);border-radius:0 10px 10px 0;background:rgba(255,138,0,.045)}
.account-plan-section{margin:16px 38px 0!important;padding:28px!important;border-radius:20px!important;box-shadow:0 20px 70px rgba(0,0,0,.28)}
.account-plan-card{overflow:hidden;transition:transform .18s ease,border-color .18s ease}
.account-plan-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.17)}
.account-plan-card:after{content:"";position:absolute;right:-28px;bottom:-38px;width:125px;height:125px;background:url('assets/hedgehub-logo-transparent.png') center/contain no-repeat;opacity:.025;pointer-events:none}
.account-page-actions{margin:20px 38px 0!important;padding-bottom:6px!important}

/* Workspace account modal */
body.member-workspace .workspace-account-dialog{width:min(1120px,100%)!important;border-color:rgba(255,255,255,.13)!important;border-radius:24px!important;box-shadow:0 44px 150px rgba(0,0,0,.75)!important}
body.member-workspace .workspace-account-header{padding:24px 28px 20px!important}
.workspace-account-title-row{display:flex;align-items:center;gap:15px}
.workspace-account-title-row img{width:68px;height:56px;object-fit:contain}
body.member-workspace .workspace-account-card,
body.member-workspace .workspace-account-summary article{border-color:var(--client-line)!important;background:linear-gradient(145deg,#141414,#0c0c0c)!important}
body.member-workspace .workspace-account-summary article{transition:transform .16s ease,border-color .16s ease}
body.member-workspace .workspace-account-summary article:hover{transform:translateY(-2px);border-color:rgba(255,138,0,.24)!important}
body.member-workspace .workspace-account-tabs{border-bottom:1px solid var(--client-line);padding-bottom:0!important}
body.member-workspace .workspace-account-tabs button{border-radius:10px 10px 0 0!important}

/* Crew */
.crew-topbar{min-height:78px!important;padding:0 max(18px,4vw)!important}
.crew-brand img{width:126px;height:66px}
.crew-shell{padding-top:30px!important;padding-bottom:70px!important}
.crew-hero{position:relative;overflow:hidden;border-color:rgba(255,255,255,.12)!important;border-radius:25px!important;box-shadow:0 34px 110px rgba(0,0,0,.54)!important}
.crew-hero:after{content:"";position:absolute;left:42%;bottom:-150px;width:360px;height:360px;background:url('assets/hedgehub-logo-transparent.png') center/contain no-repeat;opacity:.025;pointer-events:none}
.crew-hero-copy{position:relative;z-index:1}
.crew-hero-logo{width:118px;height:70px;object-fit:contain;object-position:left center;margin-bottom:16px}
.crew-card{border-color:var(--client-line)!important;border-radius:19px!important;background:radial-gradient(circle at 95% 0,rgba(255,138,0,.055),transparent 14rem),linear-gradient(145deg,#141414,#0c0c0c)!important;box-shadow:0 18px 60px rgba(0,0,0,.25)}
.crew-card:hover{border-color:rgba(255,138,0,.22)!important}
.crew-loading{padding:56px 24px!important;border:1px solid var(--client-line);border-radius:20px;background:#0d0d0d;text-align:center}
.crew-footer-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;color:#676767;font-size:10px}
.crew-footer-brand img{width:82px;height:44px;object-fit:contain}

/* Auth pages */
body.auth-page:not(.account-page){min-height:100vh;background:radial-gradient(circle at 78% 12%,rgba(255,138,0,.12),transparent 29rem),linear-gradient(180deg,#050505,#080808)}
body.auth-page:not(.account-page) .auth-shell{position:relative;padding-top:52px;padding-bottom:72px}
body.auth-page:not(.account-page) .auth-shell:before{content:"";position:absolute;right:8vw;top:50%;width:min(34vw,430px);height:min(34vw,430px);background:url('assets/hedgehub-logo-transparent.png') center/contain no-repeat;opacity:.025;transform:translateY(-50%);pointer-events:none}
body.auth-page:not(.account-page) .auth-card{position:relative;z-index:1;border-color:rgba(255,255,255,.12)!important;border-radius:24px!important;background:radial-gradient(circle at 95% 0,rgba(255,138,0,.09),transparent 16rem),linear-gradient(145deg,#151515,#0b0b0b)!important;box-shadow:0 36px 120px rgba(0,0,0,.58)!important}
.auth-card-logo{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.auth-card-logo img{width:106px;height:64px;object-fit:contain;object-position:left center}
.auth-card-logo span{color:#6e6e6e;font-size:9px;font-weight:900;text-align:right;text-transform:uppercase;letter-spacing:.09em}
body.auth-page .auth-primary{box-shadow:0 14px 34px rgba(255,117,0,.18)}
body.auth-page input:focus,body.auth-page select:focus{border-color:rgba(255,138,0,.58)!important;box-shadow:0 0 0 3px rgba(255,138,0,.10)!important}

/* Help and feedback */
.hh-help-card{width:min(1040px,100%)!important;border-color:rgba(255,255,255,.13)!important;border-radius:24px!important;box-shadow:0 45px 150px rgba(0,0,0,.78)!important}
.hh-help-header-brand{display:flex;align-items:center;gap:15px;min-width:0}
.hh-help-header-brand img{width:70px;height:54px;object-fit:contain;flex:0 0 auto}
.hh-help-header h2{font-size:31px!important}
.hh-help-tabs{border-bottom:1px solid var(--client-line)}
.hh-help-panel{padding-top:24px!important}
.hh-help-context{border-color:var(--client-line)!important;background:linear-gradient(145deg,#141414,#0d0d0d)!important}
.hh-help-categories span{transition:transform .16s ease,border-color .16s ease,background .16s ease}
.hh-help-categories label:hover span{transform:translateY(-2px);border-color:rgba(255,255,255,.18)}
.hh-help-privacy{padding:12px 14px!important;border:1px solid var(--client-line);border-radius:11px;background:#0b0b0b;color:#737373!important}
.hh-help-empty{border-radius:16px!important;background:radial-gradient(circle at 90% 0,rgba(255,138,0,.06),transparent 13rem),#0d0d0d!important}

/* Member and tracker logo refinements */
.member-workspace .sidebar>.brand{padding:18px 16px 15px!important}
.member-workspace .sidebar>.brand img{width:132px;height:68px;object-fit:contain;object-position:left center}
.member-workspace .sidebar>.brand .brand-text{display:grid;gap:2px}
.member-workspace .sidebar>.brand .brand-text span{color:#555;font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.tracker-brand{display:grid!important;justify-items:start;gap:3px!important}
.tracker-brand img{width:128px;height:65px;object-fit:contain;object-position:left center}
.tracker-brand>span{color:#555!important;font-size:8px!important;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.top-actions .status#serverStatus{display:none!important}
.mode-pill.live{color:#83ddb5!important;border-color:rgba(85,214,155,.28)!important;background:rgba(85,214,155,.08)!important}
.mode-pill.demo{color:#ffb052!important;border-color:rgba(255,138,0,.28)!important;background:rgba(255,138,0,.08)!important}

/* Responsive */
@media(max-width:900px){
  .client-public-footer .container{grid-template-columns:1fr;text-align:left}
  .client-proof-strip,.membership-reassurance{grid-template-columns:1fr 1fr}
  .account-page .account-overview{grid-template-columns:1fr!important}
  .account-page-heading-copy{align-items:flex-start}
}
@media(max-width:700px){
  .auth-page-nav{height:68px;padding:0 14px!important}
  .auth-page-nav .marketing-brand img{width:105px;height:56px}
  .auth-page-nav .client-nav-actions a:not(.primary){display:none}
  .account-page .auth-shell.account-shell{padding:16px 10px 42px!important}
  .account-page-heading{padding:24px 19px 20px!important}
  .account-page-heading-copy>img{width:68px;height:58px}
  .account-page .account-overview{margin:15px 19px!important}
  .account-page-grid{padding:0 19px!important}
  .account-plan-section{margin:14px 19px 0!important;padding:18px!important}
  .account-page-actions{margin:16px 19px 0!important}
  .client-proof-strip,.membership-reassurance{grid-template-columns:1fr}
  .hero-logo-signature{display:none}
  .workspace-account-title-row img{width:52px;height:44px}
  .hh-help-header-brand img{width:55px;height:45px}
  .hh-help-header h2{font-size:24px!important}
  .crew-brand img{width:104px;height:56px}
}
@media(max-width:520px){
  .account-page-heading-copy{display:grid;gap:8px}
  .account-page-heading-copy>img{width:86px;height:58px}
  .client-footer-links{display:grid;gap:8px}
}