/* aligned.com — faithful light rebuild of the original Wix design
   Fonts: Noticia Text (serif body) + Barlow Light (DIN-Next-like tracked headings)
   Accent blue #116dff · text #292929 / #5f6360 · white background */

:root{
  --blue:#116dff;
  --blue-bar:#1f6fde;
  --ink:#292929;
  --gray:#5f6360;
  --gray-light:#8a8d8b;
  --rule:#e3e3e3;
  --band:#f1f1f1;
  --panel:#2b2d31;
  --maxw:980px;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:#fff;
  color:var(--gray);
  font-family:"Noticia Text",Georgia,"Times New Roman",serif;
  font-size:15px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:var(--blue);text-decoration:none;}
a:hover{text-decoration:underline;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* DIN-like tracked headings */
.din{font-family:"Barlow","DIN Next W01 Light",Helvetica,Arial,sans-serif;font-weight:300;}

/* ---------- Header ---------- */
.site-header{padding:26px 0 0;}
.header-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.logo{display:inline-block;}
.logo img{width:188px;height:auto;}
.main-nav ul{list-style:none;margin:0 0 4px;padding:0;display:flex;gap:26px;}
.main-nav a{
  font-family:"Barlow",Helvetica,Arial,sans-serif;
  font-weight:400;
  font-size:13px;
  letter-spacing:.04em;
  color:var(--gray);
  padding-bottom:4px;
}
.main-nav a:hover{color:var(--ink);text-decoration:none;}
.main-nav a[aria-current="page"]{color:var(--ink);border-bottom:2px solid var(--blue);}
.header-rule{border:0;border-top:1px solid var(--rule);margin:18px 0 0;}
.nav-toggle{display:none;}

/* ---------- Hero ---------- */
.hero{position:relative;margin-top:30px;}
.hero img{width:100%;height:auto;object-fit:cover;max-height:360px;}
.hero .hero-cap{
  position:absolute;top:34px;left:36px;right:36px;
  color:#fff;
}
.hero .hero-cap h1{
  font-family:"Barlow","DIN Next W01 Light",Helvetica,Arial,sans-serif;
  font-weight:300;
  font-size:clamp(1.4rem,3.4vw,2rem);
  line-height:1.25;
  letter-spacing:.02em;
  margin:0;
  max-width:18ch;
  text-shadow:0 1px 12px rgba(0,0,0,.35);
}

/* ---------- Sections ---------- */
section{padding:46px 0;}
.tight{padding:30px 0;}

/* blue section label bar */
.label-bar{
  display:block;
  background:linear-gradient(180deg,#2f7ce6,#1f6fde);
  color:#fff;
  font-family:"Barlow",Helvetica,Arial,sans-serif;
  font-weight:300;
  font-size:14px;
  letter-spacing:.08em;
  padding:7px 14px;
  margin:0 0 26px;
}

/* tracked heading (e.g. INTEGRATION / semiconductor services) */
h2.track,h3.track{
  font-family:"Barlow","DIN Next W01 Light",Helvetica,Arial,sans-serif;
  font-weight:300;
  color:var(--ink);
  letter-spacing:.22em;
  text-transform:uppercase;
  font-size:15px;
  margin:0 0 12px;
}
h3.track-lc{
  font-family:"Barlow","DIN Next W01 Light",Helvetica,Arial,sans-serif;
  font-weight:300;color:var(--ink);
  letter-spacing:.18em;font-size:18px;margin:34px 0 10px;text-transform:lowercase;
}

/* page title (serif) */
.page-title{
  font-family:"Barlow","DIN Next W01 Light",Helvetica,Arial,sans-serif;
  font-weight:300;color:var(--ink);
  font-size:clamp(1.5rem,3.2vw,1.9rem);letter-spacing:.02em;margin:6px 0 18px;
}

p{margin:0 0 16px;}
.muted{color:var(--gray);}

/* two-column rows */
.cols{display:grid;grid-template-columns:1fr 1fr;gap:48px;}
.cols-7-5{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:start;}

/* ---------- Dark texture panels ---------- */
.panel{
  background:#2b2d31 url("/assets/texture.jpg") center/cover;
  color:#dfe2e6;border-radius:2px;padding:26px 28px;
}
.panel .panel-label{
  font-family:"Barlow",Helvetica,Arial,sans-serif;font-weight:300;
  color:#cfd6df;letter-spacing:.06em;font-size:13px;border-bottom:1px solid rgba(255,255,255,.15);
  padding-bottom:8px;margin-bottom:16px;
}
.panel ul{list-style:none;margin:0;padding:0;}
.panel li{
  font-family:"Barlow",Helvetica,Arial,sans-serif;font-weight:300;
  letter-spacing:.14em;text-transform:lowercase;font-size:15px;
  color:#e8ebef;padding:7px 0;text-align:center;
}
.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;}
.panel-grid h4{
  font-family:"Barlow",Helvetica,Arial,sans-serif;font-weight:400;color:#fff;
  letter-spacing:.06em;font-size:13px;margin:4px 0 10px;
}
.panel-grid li{text-align:left;letter-spacing:.04em;text-transform:none;font-size:13.5px;color:#c7cdd4;padding:4px 0;}
.panel-grid .span2{grid-column:1 / -1;margin-top:8px;text-align:center;}

/* ---------- Services list ---------- */
.svc{display:flex;gap:20px;margin-bottom:30px;}
.svc img{width:62px;height:62px;flex:none;}
.svc h3{
  font-family:"Barlow",Helvetica,Arial,sans-serif;font-weight:400;color:var(--ink);
  font-size:16px;letter-spacing:.02em;margin:4px 0 8px;
}
.svc p{font-size:13.5px;margin:0;}
.code-shot{border-radius:2px;}

/* ---------- INTEGRATION/DESIGN home blocks ---------- */
.id-block p{font-size:13.5px;}

/* center ALIGNED divider */
.divider{text-align:center;padding:14px 0 6px;}
.divider img{width:150px;margin:0 auto;opacity:.95;}

/* ---------- Partner band ---------- */
.partner-band{background:var(--band);padding:34px 0;}
.partner-band img{width:300px;height:auto;}
.partner-band .din{color:var(--gray-light);font-size:13px;letter-spacing:.12em;margin-bottom:16px;text-transform:uppercase;}

/* ---------- Prose (legal) ---------- */
.prose{max-width:820px;}
.prose h2{font-family:"Barlow",Helvetica,Arial,sans-serif;font-weight:400;color:var(--ink);
  letter-spacing:.04em;font-size:16px;margin:26px 0 8px;}
.prose p,.prose li{font-size:13.5px;color:var(--gray);}
.prose .effective{color:var(--gray-light);font-size:12.5px;margin-bottom:24px;}
.prose ul{padding-left:20px;}
.prose li{margin:5px 0;}

/* contact */
.contact-rows{margin-top:10px;}
.contact-rows .row{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--rule);}
.contact-rows .k{font-family:"Barlow",Helvetica,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:var(--gray-light);width:90px;flex:none;padding-top:3px;}
.contact-rows .v{font-size:15px;color:var(--ink);}

/* ---------- Footer ---------- */
.site-footer{border-top:1px solid var(--rule);padding:30px 0;margin-top:10px;}
.site-footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center;}
.site-footer a{color:var(--gray);}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-family:"Barlow",Helvetica,Arial,sans-serif;font-size:12.5px;letter-spacing:.04em;}
.footer-copy{font-family:"Barlow",Helvetica,Arial,sans-serif;font-size:12px;color:var(--gray-light);letter-spacing:.03em;}

/* ---------- Responsive ---------- */
@media (max-width:760px){
  .cols,.cols-7-5,.panel-grid{grid-template-columns:1fr;gap:26px;}
  .header-inner{align-items:center;}
  .nav-toggle{display:inline-flex;background:none;border:0;color:var(--ink);cursor:pointer;padding:6px;}
  .main-nav{flex-basis:100%;display:none;}
  .main-nav.open{display:block;}
  .main-nav ul{flex-direction:column;gap:0;margin-top:10px;}
  .main-nav li{border-top:1px solid var(--rule);}
  .main-nav a{display:block;padding:11px 2px;}
  .hero .hero-cap{top:18px;left:20px;right:20px;}
  .svc img{width:52px;height:52px;}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;}}