/* ==========================================================================
   ROUND 3.15: CATEGORY CLARITY
   Clarifies the difference between implementation, identity, marketing,
   and the business-first Market Rebuild without changing the core visual system.
   ========================================================================== */

/* Hero clarity hierarchy */
.refined-hero-deck--clarity{
  max-width:610px;
  margin:0 0 11px;
  color:#fff;
  font-size:clamp(18px,1.55vw,23px);
  font-weight:680;
  line-height:1.34;
  letter-spacing:-.022em;
}
.refined-hero-system{
  max-width:610px;
  margin:0 0 19px;
  padding-left:14px;
  border-left:2px solid var(--signal);
  color:rgba(255,255,255,.58);
  font-size:13px;
  line-height:1.52;
}
.refined-hero-lower .refined-hero-audience{margin-top:0}

/* Homepage distinction */
.distinction-section{
  position:relative;
  overflow:hidden;
  background:#ded7cb;
  border-top:1px solid rgba(17,17,15,.12);
  border-bottom:1px solid rgba(17,17,15,.15);
}
.distinction-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.33;
  background:
    linear-gradient(rgba(17,17,15,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,17,15,.045) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,#000,transparent 72%);
}
.distinction-section>.shell{position:relative;z-index:1}
.distinction-intro .eyebrow{margin-bottom:17px}
.distinction-intro h2{max-width:1040px}
.distinction-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-top:64px;
  border:1px solid rgba(17,17,15,.20);
  background:rgba(17,17,15,.18);
}
.distinction-card{
  min-height:510px;
  display:flex;
  flex-direction:column;
  padding:25px 23px 22px;
  background:rgba(245,241,233,.92);
}
.distinction-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(17,17,15,.15);
  color:#6a665e;
  font:9px var(--mono);
  letter-spacing:.08em;
}
.distinction-card__head span{color:var(--signal-dark)}
.distinction-card__head strong{font-weight:600;text-align:right}
.distinction-card h3{
  min-height:123px;
  margin:54px 0 30px;
  font-size:clamp(25px,2.15vw,34px);
  line-height:1.02;
}
.distinction-card__detail{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid rgba(17,17,15,.13);
}
.distinction-card__detail+.distinction-card__detail{margin-top:22px}
.distinction-card__detail span{
  display:block;
  margin-bottom:8px;
  color:var(--signal-dark);
  font:9px var(--mono);
  letter-spacing:.09em;
}
.distinction-card__detail p{
  margin:0;
  color:#666159;
  font-size:12px;
  line-height:1.55;
}
.distinction-card--signal{background:var(--ink);color:#fff}
.distinction-card--signal .distinction-card__head{border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.47)}
.distinction-card--signal .distinction-card__head span,
.distinction-card--signal .distinction-card__detail span{color:var(--signal)}
.distinction-card--signal .distinction-card__detail{border-color:rgba(255,255,255,.13)}
.distinction-card--signal .distinction-card__detail p{color:rgba(255,255,255,.61)}
.distinction-close{
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr);
  gap:70px;
  align-items:end;
  margin-top:44px;
  padding-top:34px;
  border-top:1px solid rgba(17,17,15,.20);
}
.distinction-close__line{
  max-width:870px;
  margin:0;
  font-size:clamp(38px,4.6vw,69px);
  font-weight:740;
  line-height:.97;
  letter-spacing:-.055em;
}
.distinction-close__line strong{color:var(--signal-dark);font-weight:inherit}
.distinction-close__support{
  max-width:400px;
  margin:0;
  color:#625d55;
  font-size:14px;
  line-height:1.62;
}

/* Market Rebuild definition and category FAQ */
.market-rebuild-definition{
  max-width:900px;
  margin:34px 0 0;
  padding:25px 28px;
  border-left:3px solid var(--signal);
  background:rgba(255,255,255,.045);
}
.market-rebuild-definition strong{
  display:block;
  max-width:820px;
  color:#fff;
  font-size:clamp(20px,2vw,29px);
  line-height:1.18;
  letter-spacing:-.025em;
}
.market-rebuild-definition p{
  max-width:790px;
  margin:13px 0 0;
  color:rgba(255,255,255,.58);
  font-size:15px;
}
.website-starts-later{
  margin-top:34px;
  padding:28px;
  border:1px solid var(--line);
  background:var(--ink);
  color:#fff;
}
.website-starts-later span{color:var(--signal);font:9px var(--mono);letter-spacing:.09em}
.website-starts-later p{
  max-width:980px;
  margin:15px 0 0;
  font-size:clamp(22px,2.55vw,36px);
  font-weight:670;
  line-height:1.12;
  letter-spacing:-.038em;
}
.faq-card--category{
  position:relative;
  background:#191916;
  color:#fff;
}
.faq-card--category::before{
  content:"CATEGORY DISTINCTION";
  display:block;
  margin-bottom:30px;
  color:var(--signal);
  font:8px var(--mono);
  letter-spacing:.09em;
}
.faq-card--category p{color:rgba(255,255,255,.57)}

/* About and case-study clarity */
.case-positioning-note{
  max-width:900px;
  margin:-10px 0 32px;
  padding:16px 19px;
  border-left:3px solid var(--signal);
  background:rgba(255,255,255,.055);
  color:rgba(255,255,255,.64);
  font-size:14px;
  line-height:1.55;
}
.case-positioning-note strong{color:#fff}

@media(max-width:1100px){
  .distinction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .distinction-card{min-height:455px}
  .distinction-card h3{min-height:auto}
}
@media(max-width:760px){
  .refined-hero-deck--clarity{font-size:17px;line-height:1.4}
  .refined-hero-system{font-size:12px;line-height:1.5}
  .distinction-grid{grid-template-columns:1fr;margin-top:42px}
  .distinction-card{min-height:0;padding:22px}
  .distinction-card h3{margin:38px 0 28px;font-size:30px}
  .distinction-close{grid-template-columns:1fr;gap:25px;margin-top:34px;padding-top:28px}
  .distinction-close__line{font-size:42px}
  .market-rebuild-definition{padding:22px 20px}
  .website-starts-later{padding:22px}
}