/* Boxesden brand layer: fonts, logo, navy + kraft polish. Loaded after every other theme stylesheet. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin-wght-normal.woff2) format("woff2")}
:root{--db-font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--db-font-head:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--db-orange-dark:color-mix(in srgb,var(--db-orange) 84%,#000)}
body{font-family:var(--db-font-body);color:var(--db-text,var(--db-ink))}
h1,h2,h3,h4,.brand,.btn,.eyebrow,.hero-badge,.chip,.price,.stat strong,.step .num,.fmt-card__num{font-family:var(--db-font-head)}
h1,h2{font-weight:800}h3,h4{font-weight:700}

/* logo */
.brand--logo{display:inline-flex;align-items:center;line-height:0}
.brand--logo img{display:block;height:40px;width:auto;max-width:100%}
.custom-logo-link{display:inline-flex;align-items:center}.custom-logo-link img{max-height:46px;width:auto}
.site-footer .brand--logo img{height:38px}

/* buttons: squarer, more B2B than pill */
.btn{border-radius:12px;letter-spacing:.005em}
.btn--orange{background:var(--db-orange);color:#fff;box-shadow:0 6px 16px rgba(var(--db-orange-rgb),.28)}
.btn--orange:hover{background:var(--db-orange-dark);box-shadow:0 10px 22px rgba(var(--db-orange-rgb),.34)}
.btn--dark:hover{background:#1b2d47}
.btn--light:hover{border-color:var(--db-ink)}
.btn--ghost{border-radius:12px}

/* header */
.site-header{position:sticky;top:0;background:rgba(255,255,255,.97);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}
.topbar{background:var(--db-ink);letter-spacing:.01em}
.primary-menu>li>a{color:var(--db-ink);font-size:14px}
.primary-menu>li.current-menu-item>a,.primary-menu>li>a[aria-current="page"]{color:var(--db-orange)}
.cart-count{background:var(--db-orange)}

/* readable accents on navy surfaces (the primary orange is tuned for white backgrounds) */
.topbar a:hover,.site-footer a:hover{color:#fff}
.db-inner-hero .eyebrow,.db-dieline-hero .eyebrow,.dlx-hero .eyebrow,.dlx-cta .eyebrow,.contact-hero .eyebrow,.dieline-hero .eyebrow,.section--ink .eyebrow,.showcase .eyebrow,.studio-teaser .eyebrow,.hero-stage .eyebrow{color:var(--db-kraft)}
.trust__row .ico,.studio-teaser li:before,.stat strong{color:var(--db-kraft)}
.showcase__list .ico{background:rgba(231,166,79,.14);color:var(--db-kraft)}
.db-inner-hero:after,.db-dieline-hero:after{border-color:rgba(231,166,79,.11)}
.site-footer :focus-visible,.topbar :focus-visible,.trust :focus-visible,.showcase :focus-visible,.studio-teaser :focus-visible,.db-inner-hero :focus-visible,.dlx-hero :focus-visible,.dlx-cta :focus-visible,.db-dieline-hero :focus-visible,.contact-hero :focus-visible{outline-color:var(--db-kraft)}
.site-footer{background:#0A1422}.site-footer h3{font-family:var(--db-font-head);font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.footer-bottom{border-top-color:rgba(255,255,255,.1);color:#8E9AAD}

/* sections: calmer, more premium rhythm */
.section--paper{background:var(--db-paper)}
.hero--v2{background:radial-gradient(900px 480px at 82% 8%,#F7E3C9 0,transparent 60%),var(--db-paper)}
.hero-badge i{background:var(--db-orange)}
.fmt-card:hover,.feat:hover{border-color:var(--db-ink)}
.db-faq-card summary span,.faq-item summary:after,.faq-teaser summary:after{color:var(--db-orange)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}}

/* header: keep the nav on one line */
.primary-menu>li>a,.nav-actions .btn,.cart-link{white-space:nowrap}
.primary-menu{gap:0}.primary-menu>li>a{padding:28px 11px}
.nav-main{gap:22px}.nav-actions .btn{padding:11px 18px}
@media(max-width:1260px){.primary-menu>li>a{padding:28px 8px;font-size:13.5px}.nav-main{gap:14px}.brand--logo img{height:36px}.cart-link{margin-left:4px}}
@media(max-width:1100px){.nav-actions .btn{padding:10px 14px;font-size:13.5px}.primary-menu>li>a{padding:28px 6px;font-size:13px}}

/* v3.2.0 — larger header type + toll-free number */
.topbar{font-size:14px}
.primary-menu>li>a{font-size:15px}
.nav-actions .btn{font-size:15px}
.cart-link{font-size:15px}
@media(max-width:1260px){.primary-menu>li>a{font-size:14px}}
.nav-phone{display:inline-flex;align-items:center;gap:10px;margin-right:6px;color:var(--db-ink);white-space:nowrap;line-height:1.15}
.nav-phone__icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#fff0e6;color:var(--db-orange);transition:background-color .2s ease,color .2s ease}
.nav-phone__icon .ico{width:19px;height:19px}
.nav-phone:hover .nav-phone__icon{background:var(--db-orange);color:#fff}
.nav-phone small{display:block;color:var(--db-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.nav-phone strong{display:block;font-size:16px;font-weight:850;letter-spacing:-.01em}
@media(min-width:1001px) and (max-width:1239px){.nav-phone__text{display:none}.nav-phone{margin-right:0}}
.nav-call-mobile{display:none}
.mobile-call{display:flex;align-items:center;gap:12px;margin:14px 0 6px;padding:14px 16px;border-radius:14px;background:#fff0e6;color:var(--db-ink)}
.mobile-call .ico{flex:0 0 24px;width:24px;height:24px;color:var(--db-orange)}
.mobile-call small{display:block;color:var(--db-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.mobile-call strong{display:block;font-size:19px;font-weight:850}
@media(max-width:1000px){
  .nav-call-mobile{display:inline-grid;place-items:center;flex:0 0 42px;width:42px;height:42px;margin-left:auto;border-radius:50%;background:#fff0e6;color:var(--db-orange)}
  .nav-call-mobile .ico{width:20px;height:20px}
  .cart-link{margin-left:0}
}