/* Developer Forged Studios — 2026 site styles (header, menu, forms, phone layout). Page sections use inline styles. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:#0F1B2D;font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
img{max-width:100%;height:auto}
a{color:#0F766E}a:hover{color:#115E59}
:focus-visible{outline:3px solid #2DD4BF;outline-offset:2px}

.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.topbar{background:#0F1B2D;color:#E2E8F0;font-size:14px}
.topbar .wrap{padding-top:10px;padding-bottom:10px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.topbar a{color:#FFFFFF;font-weight:700;text-decoration:none}

.site-header{background:#FFFFFF;border-bottom:4px solid #0F766E;position:relative}
.site-header .wrap{padding-top:16px;padding-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0F1B2D}
.brand img{width:46px;height:46px;flex:none}
.brand-name{font-weight:800;font-size:23px;white-space:nowrap}
.brand-name span{color:#0F766E}
.main-nav{display:flex;flex-wrap:wrap;align-items:center;gap:26px;font-size:15px;font-weight:600}
.main-nav a{color:#0F1B2D;text-decoration:none}
.main-nav a:hover{color:#0F766E}
.main-nav a[aria-current="page"]{color:#0F766E}
.main-nav a.nav-cta{background:#0F766E;color:#FFFFFF;padding:12px 20px;border-radius:8px}
.main-nav a.nav-cta:hover{background:#115E59;color:#FFFFFF}
.menu-btn{display:none;flex:none;background:none;border:1px solid #CBD5E1;border-radius:8px;width:46px;height:42px;padding:10px;cursor:pointer;flex-direction:column;justify-content:space-between}
.menu-btn span{display:block;height:2px;background:#0F1B2D;border-radius:2px}

.trades a:hover{border-color:#0F766E!important}

.form-status{margin:0;font-size:15px;min-height:1px}
.form-status.error{color:#B91C1C;font-weight:600}
.dfs-form input:not([type=checkbox]),.dfs-form select,.dfs-form textarea{width:100%}
.dfs-form button[disabled]{opacity:.6;cursor:wait}
.req{color:#B91C1C}
.other-text[hidden]{display:none}

@media (max-width:900px){
  .menu-btn{display:flex}
  .main-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:50;background:#FFFFFF;border-bottom:4px solid #0F766E;box-shadow:0 12px 24px rgba(15,27,45,.12);flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 18px;font-size:17px}
  .main-nav.open{display:flex}
  .main-nav a{padding:13px 0;border-bottom:1px solid #EEF2F5}
  .main-nav a.nav-cta{margin-top:12px;text-align:center;border-bottom:0}
}
@media (max-width:640px){
  .topbar .wrap{justify-content:center}
  .topbar .where{display:none}
  .site-header .wrap{gap:10px}
  .brand{gap:8px;min-width:0}
  .brand img{width:34px;height:34px}
  .brand-name{font-size:17px}
  .trades{font-size:14px!important}
  .trades a{padding:7px 12px!important}
}
@media (max-width:370px){
  .brand-name{font-size:15px}
  .brand img{width:30px;height:30px}
}