:root{
  --bg:#031019;
  --bg2:#071923;
  --panel:#0d1a23;
  --panel2:#0a151d;
  --line:#21313d;
  --white:#f7f7f4;
  --muted:#c1cad2;
  --yellow:#ffd31a;
  --yellow2:#ffc400;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.home-v38{margin:0;background:var(--bg);color:var(--white);font-family:'Barlow Condensed',Arial,sans-serif}
.home-v38 a{color:inherit}
.v38-shell{width:min(1120px,calc(100% - 34px));margin:0 auto}

/* HEADER */
.v38-header{background:linear-gradient(180deg,#061018 0%,#02080d 100%);border-bottom:1px solid #20313d;position:relative;z-index:50}
.v38-headrow{min-height:104px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px}
.v38-brandblock{display:flex;align-items:center;gap:20px;min-width:0}
.v38-brandblock img{width:255px;max-width:100%;height:auto;display:block}
.v38-tag{border-left:1px solid #a8b2bb;padding-left:20px;text-transform:uppercase;font:700 14px/1.08 'Barlow Condensed',Arial,sans-serif;letter-spacing:.04em;color:#d7dde2;white-space:nowrap}
.v38-head-actions{display:flex;align-items:center;gap:14px}
.v38-phone{font:800 18px/1 'Barlow Condensed';text-decoration:none;white-space:nowrap}
.v38-phone:before{content:'☎';color:var(--yellow);margin-right:8px}
.v38-request{min-height:52px;padding:0 26px;border-radius:6px;background:linear-gradient(180deg,#ffe13d,#ffc400);color:#050505;text-transform:uppercase;font:900 17px/1 'Barlow Condensed';letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;box-shadow:0 6px 20px rgba(255,196,0,.18)}
.v38-menu{width:42px;height:42px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;padding:0}
.v38-menu span,.v38-menu span:before,.v38-menu span:after{content:'';display:block;width:29px;height:3px;background:#fff;border-radius:2px}
.v38-menu span{position:relative}.v38-menu span:before{position:absolute;top:-9px}.v38-menu span:after{position:absolute;top:9px}
.v38-drawer{display:none;position:absolute;right:18px;top:90px;min-width:240px;background:#071119;border:1px solid #314553;border-radius:9px;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.v38-drawer.open{display:grid}
.v38-drawer a{padding:13px 14px;text-decoration:none;border-bottom:1px solid #17303f;text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.v38-drawer a:last-child{border-bottom:0}

/* HERO */
.v38-hero{background:radial-gradient(circle at 16% 10%,rgba(20,70,96,.18),transparent 36%),#030c12;border-bottom:1px solid #16303f}
.v38-hero-grid{display:grid;grid-template-columns:1.14fr .86fr;min-height:408px}
.v38-hero-copy{padding:35px 22px 32px 0;display:flex;flex-direction:column;justify-content:center}
.v38-eyebrow{font:700 13px/1 'Barlow Condensed';letter-spacing:.20em;text-transform:uppercase;color:#c8d0d8;margin-bottom:22px}
.v38-hero h1{margin:0;font:900 61px/.92 'Barlow Condensed';text-transform:uppercase;letter-spacing:-.02em;max-width:600px}
.v38-hero h1 em{display:block;color:var(--yellow);font-style:normal}
.v38-hero p{margin:20px 0 0;max-width:590px;color:#d3dae0;font:600 18px/1.35 'Barlow Condensed'}
.v38-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.v38-btn{min-height:51px;padding:0 22px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;font:900 16px/1 'Barlow Condensed'}
.v38-btn.primary{background:linear-gradient(180deg,#ffe13d,#ffc400);color:#050505}
.v38-btn.secondary{border:2px solid #8294a2;color:#fff;background:rgba(5,15,22,.32)}
.v38-hero-media{min-height:408px;overflow:hidden;position:relative;border-left:1px solid #183342;background:#061827}
.v38-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

/* COLOR SPACES */
.v38-spectrum{padding:24px 0 26px;background:linear-gradient(180deg,#102533,#091923)}
.v38-spectrum h2{margin:0;font:900 33px/.95 'Barlow Condensed';text-transform:uppercase}
.v38-spectrum p{margin:8px 0 17px;color:#c6cfd6;font:600 18px/1.25 'Barlow Condensed'}
.v38-cardgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v38-cardgrid img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.3)}

/* PROCESS */
.v38-process{padding:16px 0 18px;background:#08141c}
.v38-process img{display:block;width:100%;height:auto;border-radius:9px}

/* CONNECT */
.v38-connect{padding:14px 0 18px;background:linear-gradient(180deg,#eef3f6,#f9fbfc);color:#090909}
.v38-connect-panel{display:grid;grid-template-columns:245px 1fr;gap:24px;align-items:center;background:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 10px 28px rgba(0,0,0,.15)}
.v38-connect-copy h2{margin:0;font:900 40px/.88 'Barlow Condensed';text-transform:uppercase}
.v38-connect-copy h2:after{content:'';display:block;width:44px;height:4px;background:var(--yellow);margin-top:12px}
.v38-connect-copy p{margin:13px 0 0;font:600 16px/1.25 'Barlow Condensed';color:#26313a}
.v38-form{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}
.v38-form input,.v38-form select{height:42px;border:1px solid #abb6bf;border-radius:4px;background:#f7f9fa;padding:0 12px;font:500 15px 'Barlow',Arial,sans-serif;color:#27323b}
.v38-form .wide{grid-column:1/-1}
.v38-submit{grid-column:1/-1;height:48px;border:0;border-radius:4px;background:linear-gradient(180deg,#ffe13d,#ffc400);color:#050505;text-transform:uppercase;font:900 16px 'Barlow Condensed';cursor:pointer}
.v38-status{grid-column:1/-1;font:600 13px 'Barlow Condensed'}.v38-status.ok{color:#1e762f}.v38-status.err{color:#a32727}

/* FOOTER */
.v38-footer{padding:22px 0 26px;background:#030a0f;border-top:1px solid #122633}
.v38-footrow{display:grid;grid-template-columns:230px 1fr auto;gap:24px;align-items:center}
.v38-footrow img{width:205px;height:auto;display:block}
.v38-foot-tag{font:700 14px/1.1 'Barlow Condensed';text-transform:uppercase;letter-spacing:.05em;color:#c7d0d7;border-left:1px solid #465764;padding-left:22px}
.v38-foot-links{display:flex;gap:22px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.v38-foot-links a{font:800 12px 'Barlow Condensed';text-transform:uppercase;text-decoration:underline}

/* MOBILE: preserve the reference composition instead of stacking into giant blocks */
@media(max-width:640px){
  .v38-shell{width:calc(100% - 20px)}
  .v38-headrow{min-height:70px;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}
  .v38-brandblock{gap:7px}.v38-brandblock img{width:135px}.v38-tag{font-size:6.8px;padding-left:7px;max-width:55px;white-space:normal}
  .v38-phone{display:none}.v38-request{min-height:38px;padding:0 8px;font-size:8.8px;border-radius:4px}.v38-menu{width:28px;height:34px}.v38-menu span,.v38-menu span:before,.v38-menu span:after{width:21px;height:2px}.v38-menu span:before{top:-7px}.v38-menu span:after{top:7px}.v38-drawer{top:66px;right:10px;min-width:205px}
  .v38-hero-grid{grid-template-columns:1.08fr .92fr;min-height:330px}.v38-hero-copy{padding:22px 8px 20px 0}.v38-eyebrow{font-size:7px;margin-bottom:11px;letter-spacing:.15em}.v38-hero h1{font-size:34px}.v38-hero p{font-size:10.8px;line-height:1.33;margin-top:13px}.v38-actions{display:grid;grid-template-columns:1.08fr .92fr;gap:5px;margin-top:13px}.v38-btn{min-height:37px;padding:0 6px;font-size:7.8px;text-align:center}.v38-btn.secondary{border-width:1px}.v38-hero-media{min-height:330px}.v38-hero-media img{object-position:84% center}.v38-hero-media:after{right:7px;bottom:10px;padding-left:7px;border-left-width:2px;font-size:8px}
  .v38-spectrum{padding:16px 0 13px}.v38-spectrum h2{font-size:23px}.v38-spectrum p{font-size:10px;margin:4px 0 10px}.v38-cardgrid{gap:5px}.v38-cardgrid img{border-radius:4px}
  .v38-process{padding:8px 0 10px}.v38-process img{border-radius:4px}
  .v38-connect{padding:8px 0 10px}.v38-connect-panel{grid-template-columns:98px 1fr;gap:8px;padding:10px;border-radius:5px}.v38-connect-copy h2{font-size:22px}.v38-connect-copy h2:after{width:26px;height:3px;margin-top:7px}.v38-connect-copy p{font-size:8.8px;margin-top:7px}.v38-form{gap:5px}.v38-form input,.v38-form select{height:28px;padding:0 6px;font-size:8px}.v38-submit{height:32px;font-size:9.5px}.v38-status{font-size:7.5px}
  .v38-footer{padding:12px 0 14px}.v38-footrow{grid-template-columns:112px 1fr auto;gap:8px}.v38-footrow img{width:105px}.v38-foot-tag{font-size:7px;padding-left:8px}.v38-foot-links{gap:6px}.v38-foot-links a{font-size:6.5px}
}
@media(max-width:380px){
  .v38-brandblock img{width:124px}.v38-tag{font-size:6.2px;max-width:48px}.v38-request{font-size:8px}.v38-hero-grid{min-height:315px}.v38-hero-media{min-height:315px}.v38-hero h1{font-size:31px}.v38-hero p{font-size:10px}.v38-btn{font-size:7.2px}.v38-spectrum h2{font-size:21px}.v38-connect-panel{grid-template-columns:90px 1fr}.v38-connect-copy h2{font-size:20px}
}