/* Equiptova Foundation UI Build Wave 1 — Technical Calm / Mineral Tech
   Presentation only. Uses approved Design System tokens. */

/* ---------- Global shell ---------- */
.eq-site-header--build-wave1{
  position:sticky;
  top:0;
  z-index:50;
  border:0;
  border-bottom:1px solid var(--eq-border);
  background:rgba(255,255,255,.97);
  box-shadow:0 1px 2px rgba(23,35,38,.04);
  backdrop-filter:saturate(140%) blur(14px)
}
.admin-bar .eq-site-header--build-wave1{top:32px}
.eq-shell-header{
  min-height:72px;
  display:grid;
  grid-template-columns:minmax(150px,190px) minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(20px,3vw,42px)
}
.eq-shell-brand{min-width:0}
.eq-site-header--build-wave1 .eq-brand-logo{width:min(190px,100%);max-height:44px}
.eq-shell-primary{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,10px);min-width:0}
.eq-shell-nav-link{
  position:relative;
  display:inline-flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:var(--eq-radius-sm);
  color:var(--eq-brand-primary);
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
  transition:background 150ms ease-out,color 150ms ease-out
}
.eq-shell-nav-link:hover{background:var(--eq-surface-alt);color:var(--eq-brand-primary)}
.eq-shell-nav-link.is-active::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:4px;
  height:2px;
  border-radius:2px;
  background:var(--eq-accent)
}
.eq-shell-utility{display:flex;align-items:center;gap:4px;padding-left:12px;border-left:1px solid var(--eq-border)}
.eq-shell-nav-link--utility{color:var(--eq-text-secondary);font-size:13px;font-weight:500}
.eq-shell-mobile{display:none;position:relative}
.eq-shell-mobile summary{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid var(--eq-border);
  border-radius:var(--eq-radius-sm);
  background:var(--eq-surface);
  color:var(--eq-brand-primary);
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  list-style:none
}
.eq-shell-mobile summary::-webkit-details-marker{display:none}
.eq-shell-mobile[open] summary span:last-child{transform:rotate(45deg)}
.eq-shell-mobile__panel{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:min(310px,calc(100vw - 32px));
  padding:12px;
  border:1px solid var(--eq-border);
  border-radius:var(--eq-radius-lg);
  background:var(--eq-surface);
  box-shadow:var(--eq-shadow-md)
}
.eq-shell-mobile__panel nav,.eq-shell-mobile__trust{display:grid;gap:4px}
.eq-shell-mobile__panel .eq-shell-nav-link{justify-content:flex-start}
.eq-shell-mobile__trust{margin-top:8px;padding-top:8px;border-top:1px solid var(--eq-border)}

/* ---------- Footer ---------- */
.eq-site-footer--build-wave1{margin-top:clamp(64px,8vw,96px);border:0;background:var(--eq-brand-primary);color:var(--eq-text-inverse)}
.eq-shell-footer{
  display:grid;
  grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(140px,.65fr));
  gap:clamp(28px,4vw,64px);
  padding-block:clamp(48px,6vw,72px)
}
.eq-shell-footer__brand{display:grid;align-content:start;gap:18px}
.eq-shell-footer__brand .eq-footer-brand-logo{width:min(210px,100%)}
.eq-shell-footer__brand>p{max-width:38ch;margin:0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.65}
.eq-shell-footer__signal{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.eq-shell-footer__signal span{padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:var(--eq-radius-pill);color:rgba(255,255,255,.78);font-size:11px;font-weight:500;letter-spacing:.01em}
.eq-shell-footer__column{display:grid;align-content:start;gap:3px}
.eq-site-footer--build-wave1 h2{margin:0 0 12px;color:#fff;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.eq-site-footer--build-wave1 .eq-shell-footer-link{min-height:38px;justify-content:flex-start;padding:6px 0;border-radius:0;color:rgba(255,255,255,.76);font-size:14px;font-weight:500}
.eq-site-footer--build-wave1 .eq-shell-footer-link:hover{background:transparent;color:#fff;text-decoration:underline;text-underline-offset:3px}
.eq-site-footer--build-wave1 .eq-shell-footer-link.is-active::after{display:none}
.eq-shell-footer__bottom{display:flex;justify-content:space-between;gap:16px;padding-block:18px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.68);font-size:12px}

/* ---------- Foundation hero ---------- */
.eq-page-id-site-001 .eq-page-hero,
.eq-page-id-site-002 .eq-page-hero,
.eq-page-id-site-004 .eq-page-hero,
.eq-page-id-site-006 .eq-page-hero,
.eq-page-id-site-007 .eq-page-hero{
  isolation:isolate;
  width:min(100%,var(--eq-content-wide));
  max-width:var(--eq-content-wide);
  margin-inline:auto;
  margin-bottom:clamp(32px,5vw,56px);
  padding:clamp(32px,5vw,64px);
  border:1px solid var(--eq-border);
  border-radius:var(--eq-radius-lg);
  background:linear-gradient(135deg,#fff 0%,#fff 56%,var(--eq-surface-alt) 100%);
  box-shadow:none;
  overflow:hidden
}
.eq-page-id-site-001 .eq-page-hero::before,
.eq-page-id-site-002 .eq-page-hero::before,
.eq-page-id-site-004 .eq-page-hero::before,
.eq-page-id-site-006 .eq-page-hero::before,
.eq-page-id-site-007 .eq-page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:linear-gradient(rgba(47,102,112,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(47,102,112,.055) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(90deg,transparent 22%,#000 82%)
}
.eq-page-id-site-001 .eq-page-hero::after,
.eq-page-id-site-002 .eq-page-hero::after,
.eq-page-id-site-004 .eq-page-hero::after,
.eq-page-id-site-006 .eq-page-hero::after,
.eq-page-id-site-007 .eq-page-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:240px;height:240px;
  right:-80px;bottom:-100px;
  border:44px solid rgba(18,52,59,.055);
  border-radius:50%;
  background:transparent
}
.eq-page-id-site-001 .eq-page-hero{min-height:400px;display:flex;flex-direction:column;justify-content:center}
.eq-page-id-site-001 .eq-page-title{max-width:14ch;font-size:clamp(44px,6vw,68px);font-weight:600;line-height:1.02;letter-spacing:-.045em}
.eq-page-id-site-002 .eq-page-title,
.eq-page-id-site-004 .eq-page-title,
.eq-page-id-site-006 .eq-page-title,
.eq-page-id-site-007 .eq-page-title{max-width:16ch;font-size:clamp(38px,5vw,56px);font-weight:600;line-height:1.06;letter-spacing:-.04em}
.eq-page-id-site-001 .eq-page-context,
.eq-page-id-site-002 .eq-page-context,
.eq-page-id-site-004 .eq-page-context,
.eq-page-id-site-006 .eq-page-context,
.eq-page-id-site-007 .eq-page-context{max-width:66ch;margin-top:20px}
.eq-page-id-site-001 .eq-page-context__answer,
.eq-page-id-site-002 .eq-page-context__answer,
.eq-page-id-site-004 .eq-page-context__answer,
.eq-page-id-site-006 .eq-page-context__answer,
.eq-page-id-site-007 .eq-page-context__answer{font-size:clamp(17px,2vw,20px);line-height:1.6;color:var(--eq-text-secondary)}

/* ---------- Foundation page experience ---------- */
.eq-foundation-wave1{
  width:min(100%,var(--eq-content-wide));
  margin-inline:auto;
  display:grid;
  gap:clamp(28px,4vw,48px)
}
.eq-foundation-wave1>.eq-search-lede{
  width:min(100%,860px);
  margin:0;
  padding-left:20px;
  border-left:3px solid var(--eq-brand-secondary);
  color:var(--eq-text);
  font-size:clamp(19px,2vw,23px);
  line-height:1.62;
  letter-spacing:-.012em
}
.eq-foundation-wave1>section{margin:0}
.eq-foundation-wave1__pathways{
  padding:clamp(24px,4vw,40px);
  border:1px solid var(--eq-border);
  border-radius:var(--eq-radius-lg);
  background:var(--eq-surface)
}
.eq-foundation-wave1__pathways h2,
.eq-foundation-wave1__catalog h2,
.eq-foundation-wave1__guide h2{margin:0 0 20px;font-size:clamp(25px,3vw,32px);line-height:1.18;letter-spacing:-.025em}
.eq-foundation-wave1__pathways ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.eq-foundation-wave1__pathways li{
  position:relative;
  min-height:112px;
  max-width:none;
  margin:0;
  padding:20px 20px 20px 52px;
  border:1px solid var(--eq-border);
  border-radius:var(--eq-radius-md);
  background:linear-gradient(180deg,#fff,var(--eq-canvas));
  color:var(--eq-text);
  font-size:16px;
  line-height:1.55
}
.eq-foundation-wave1__pathways li::before{
  content:"";
  position:absolute;
  left:20px;top:23px;
  width:14px;height:14px;
  border:2px solid var(--eq-brand-secondary);
  border-radius:3px;
  box-shadow:5px 5px 0 -3px var(--eq-accent)
}
.eq-foundation-wave1__guide{
  display:grid;
  grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);
  gap:clamp(20px,4vw,52px);
  align-items:start;
  padding:clamp(24px,4vw,36px);
  border-radius:var(--eq-radius-lg);
  background:var(--eq-surface-alt)
}
.eq-foundation-wave1__guide h2{margin:0}
.eq-foundation-wave1__guide p{margin:0;max-width:66ch;color:var(--eq-text-secondary);font-size:16px;line-height:1.7}
.eq-foundation-wave1__catalog{padding:0;border:0;background:transparent}
.eq-foundation-wave1__catalog ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.eq-foundation-wave1__catalog li{max-width:none;margin:0;padding:0;border:0;background:transparent}
.eq-foundation-wave1__catalog a{
  position:relative;
  display:flex;
  min-height:96px;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:18px 44px 18px 18px;
  border:1px solid var(--eq-border);
  border-radius:var(--eq-radius-md);
  background:var(--eq-surface);
  color:var(--eq-brand-primary);
  font-size:15px;
  font-weight:600;
  line-height:1.35;
  text-decoration:none;
  box-shadow:var(--eq-shadow-sm);
  transition:transform 150ms ease-out,border-color 150ms ease-out,box-shadow 150ms ease-out
}
.eq-foundation-wave1__catalog a::after{content:"→";position:absolute;right:18px;top:18px;color:var(--eq-accent-strong);font-size:18px;font-weight:600}
.eq-foundation-wave1__catalog a:hover{transform:translateY(-2px);border-color:var(--eq-brand-secondary);box-shadow:var(--eq-shadow-md)}
.eq-foundation-wave1>.eq-search-reviewed{
  margin:0;
  padding:14px 0 0;
  border-top:1px solid var(--eq-border);
  color:var(--eq-text-secondary);
  font-family:var(--eq-font-mono);
  font-size:12px;
  line-height:1.5
}

/* Home has a stronger entry-grid while staying within the same content contract. */
.eq-foundation-wave1--home .eq-foundation-wave1__pathways ul{grid-template-columns:repeat(4,minmax(0,1fr))}
.eq-foundation-wave1--home .eq-foundation-wave1__pathways li{min-height:160px;padding:54px 18px 20px}
.eq-foundation-wave1--home .eq-foundation-wave1__pathways li::before{left:18px;top:22px}
.eq-foundation-wave1--home .eq-foundation-wave1__catalog ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.eq-foundation-wave1--calculators .eq-foundation-wave1__catalog ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.eq-foundation-wave1--guides .eq-foundation-wave1__catalog ul,
.eq-foundation-wave1--references .eq-foundation-wave1__catalog ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.eq-foundation-wave1--topics .eq-foundation-wave1__catalog ul{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Breadcrumbs become a calm utility rail beneath the global shell. */
.equiptova-breadcrumbs{padding-block:10px;border-bottom:1px solid var(--eq-border);background:rgba(246,245,241,.58);font-size:13px;color:var(--eq-text-secondary)}

@media(max-width:1024px){
  .eq-shell-header{grid-template-columns:minmax(150px,180px) 1fr auto;gap:18px}
  .eq-shell-utility{display:none}
  .eq-foundation-wave1--home .eq-foundation-wave1__pathways ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eq-foundation-wave1__catalog ul,.eq-foundation-wave1--calculators .eq-foundation-wave1__catalog ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eq-shell-footer{grid-template-columns:minmax(240px,1.2fr) repeat(2,minmax(140px,.8fr))}
  .eq-shell-footer__column:last-child{grid-column:2 / span 2}
}
@media(max-width:860px){
  .eq-site-header--build-wave1{position:relative;top:auto}
  .admin-bar .eq-site-header--build-wave1{top:auto}
  .eq-shell-header{min-height:66px;grid-template-columns:1fr auto;gap:16px}
  .eq-shell-primary,.eq-shell-utility{display:none}
  .eq-shell-mobile{display:block}
  .eq-site-header--build-wave1 .eq-brand-logo{width:166px}
  .eq-foundation-wave1__guide{grid-template-columns:1fr;gap:10px}
  .eq-shell-footer{grid-template-columns:1fr 1fr}
  .eq-shell-footer__brand{grid-column:1 / -1}
  .eq-shell-footer__column:last-child{grid-column:auto}
}
@media(max-width:640px){
  .eq-page-id-site-001 .eq-page-hero,
  .eq-page-id-site-002 .eq-page-hero,
  .eq-page-id-site-004 .eq-page-hero,
  .eq-page-id-site-006 .eq-page-hero,
  .eq-page-id-site-007 .eq-page-hero{padding:28px 22px;min-height:auto;border-radius:var(--eq-radius-md)}
  .eq-page-id-site-001 .eq-page-title{font-size:clamp(38px,12vw,48px)}
  .eq-page-id-site-002 .eq-page-title,
  .eq-page-id-site-004 .eq-page-title,
  .eq-page-id-site-006 .eq-page-title,
  .eq-page-id-site-007 .eq-page-title{font-size:clamp(34px,10vw,44px)}
  .eq-foundation-wave1{gap:28px}
  .eq-foundation-wave1>.eq-search-lede{padding-left:14px;font-size:18px}
  .eq-foundation-wave1__pathways{padding:20px}
  .eq-foundation-wave1__pathways ul,
  .eq-foundation-wave1--home .eq-foundation-wave1__pathways ul,
  .eq-foundation-wave1__catalog ul,
  .eq-foundation-wave1--home .eq-foundation-wave1__catalog ul,
  .eq-foundation-wave1--calculators .eq-foundation-wave1__catalog ul,
  .eq-foundation-wave1--guides .eq-foundation-wave1__catalog ul,
  .eq-foundation-wave1--references .eq-foundation-wave1__catalog ul,
  .eq-foundation-wave1--topics .eq-foundation-wave1__catalog ul{grid-template-columns:1fr}
  .eq-foundation-wave1--home .eq-foundation-wave1__pathways li{min-height:auto;padding:52px 18px 20px}
  .eq-shell-footer{grid-template-columns:1fr;gap:28px}
  .eq-shell-footer__brand,.eq-shell-footer__column:last-child{grid-column:auto}
  .eq-shell-footer__bottom{flex-direction:column}
}
@media(max-width:782px){.admin-bar .eq-site-header--build-wave1{top:auto}}
@media(prefers-reduced-motion:reduce){
  .eq-shell-nav-link,.eq-foundation-wave1__catalog a{transition:none}
}