:root{
  --brand-night:#080d10;
  --brand-graphite:#15171a;
  --brand-gunmetal:#2a2d31;
  --brand-steel:#5b6168;
  --brand-offwhite:#e6e3de;
  --brand-yellow:#ffd100;
  --brand-rust:#c94d2a;
}

body{background-color:var(--brand-night)}

body:not(.auth-page) .site-header{
  background:linear-gradient(90deg,rgba(8,13,16,.98),rgba(21,23,26,.96));
  border-bottom-color:rgba(91,97,104,.35);
}

body:not(.auth-page) .site-header .brand,
body:not(.auth-page) .site-footer .brand{
  display:block;
  width:238px;
  height:58px;
  background:url('/assets/dirtelabel-brand-logo-v2.svg') left center/contain no-repeat!important;
  flex:0 0 auto;
}
.brand-logo-image{display:none!important}
body:not(.auth-page) .site-footer .brand{width:250px;height:62px}

body:not(.auth-page) .button,
.auth-button,
.portal-button{
  border-radius:6px;
  text-transform:none;
  letter-spacing:normal;
}
body:not(.auth-page) .button-primary,
.auth-button,
.portal-button:not(.secondary){
  background:linear-gradient(180deg,#ffdc2e,var(--brand-yellow));
  box-shadow:0 10px 26px rgba(255,209,0,.14),inset 0 1px 0 rgba(255,255,255,.35);
}
body:not(.auth-page) .button-secondary,
.portal-button.secondary,
.logout-button{
  background:linear-gradient(180deg,#1b1e21,#101214);
  border-color:#34383d;
}
body:not(.auth-page) .feature-card,
body:not(.auth-page) .price-card,
.portal-panel,
.page-card,
.template-library-card,
.dash-card,
.settings-card{
  background:linear-gradient(145deg,#1a1d20,#101214);
  border-color:#2d3135;
}
body:not(.auth-page) .problem-section,
body:not(.auth-page) .section-muted{
  background:linear-gradient(180deg,#0e1215,#15181b);
}
body:not(.auth-page) .eyebrow,
.eyebrow{letter-spacing:.16em}
body:not(.auth-page) .sale-card,
.platform-card{
  background:linear-gradient(145deg,#202327,#111315);
  border-color:#383d42;
}
body:not(.auth-page) .product-stage:after{
  content:"";
  position:absolute;
  inset:8% -8% auto 38%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--brand-yellow),transparent);
  opacity:.45;
  transform:skewX(-24deg);
}

body:not(.auth-page) main .section-heading.center,
body:not(.auth-page) main .problem-section .section-heading.center{
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

body:not(.auth-page) .whatnot-section .three-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:min(100%,780px)!important;
  max-width:780px!important;
  margin:44px auto 0!important;
}
body:not(.auth-page) #pricing .statement-strip{
  width:min(100%,1000px)!important;
  max-width:1000px!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start;
  margin-left:auto!important;
  margin-right:auto!important;
}
body:not(.auth-page) #pricing .statement-strip .button{margin-left:auto;flex:0 0 auto}

.brandmark{
  display:block;
  width:220px;
  height:54px;
  padding:0;
  background:url('/assets/dirtelabel-brand-logo-v2.svg') left center/contain no-repeat!important;
  flex:0 0 auto;
}
.brandmark:before,.brandmark:after{content:none!important;display:none!important}
.brandmark span{display:none!important}

.auth-page,
.account-shell{
  background:radial-gradient(circle at 82% 0,rgba(255,209,0,.065),transparent 29%),linear-gradient(180deg,var(--brand-night),#0d1012);
}
.auth-card{
  background:linear-gradient(180deg,#1a1d20,#121416);
  border-color:#30353a;
}
.account-topbar{
  background:linear-gradient(90deg,rgba(8,13,16,.98),rgba(21,23,26,.96));
  border-bottom-color:#2b3034;
}
.account-nav{background:linear-gradient(180deg,#111417,#090c0e)}
.account-nav a.active{background:linear-gradient(90deg,rgba(255,209,0,.15),rgba(255,209,0,.025))}

.account-topbar:after,
.site-header:after{
  content:"";
  position:absolute;
  right:0;
  bottom:-1px;
  width:28%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,209,0,.65));
  pointer-events:none;
}

body:not(.auth-page) .card-visual.coin{
  background:#090d11 url('/assets/home-coin-flip-workflow.png') center/cover no-repeat!important;
}
body:not(.auth-page) .card-visual.coin > img{
  display:none!important;
}
body:not(.auth-page) .media-frame.coin{
  aspect-ratio:4/3;
  min-height:420px;
  background:#080b0f url('/assets/home-coin-flip-workflow.png') center/contain no-repeat!important;
}
body:not(.auth-page) .media-frame.coin > img{
  display:none!important;
}

@media(max-width:900px){
  body:not(.auth-page) .whatnot-section .three-grid{grid-template-columns:1fr!important;max-width:620px!important}
  body:not(.auth-page) #pricing .statement-strip{flex-wrap:wrap!important;justify-content:center}
  body:not(.auth-page) #pricing .statement-strip .button{margin-left:0}
}

@media(max-width:700px){
  body:not(.auth-page) .site-header .brand{width:190px;height:47px}
  .brandmark{width:188px;height:47px}
  body:not(.auth-page) .media-frame.coin{min-height:280px}
  body:not(.auth-page) .site-header .header-actions .text-button{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 10px;
    font-size:.82rem;
    font-weight:800;
  }
}