.network-page {
  background: var(--paper);
}

.network-page .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem .7rem;
  margin: 0 0 1.35rem;
  padding: 0;
  list-style: none;
  color: var(--muted);
  font-size: .78rem;
  font-weight: 700;
}

.network-page .breadcrumb li:not(:last-child)::after {
  content: "/";
  margin-left: .7rem;
  color: #718995;
}

.network-page .breadcrumb a {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  text-decoration-thickness: 1px;
  text-underline-offset: .2rem;
}

.network-hero {
  position: relative;
  min-height: 78svh;
  display: grid;
  align-items: center;
  padding: 8.8rem 0 5rem;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 13%, rgba(240,118,69,.16), transparent 29rem),
    radial-gradient(circle at 7% 88%, rgba(111,220,237,.24), transparent 27rem),
    linear-gradient(135deg,#fff 0%,#f6fcff 56%,#fff9f5 100%);
}

.network-hero::after {
  content: "";
  position: absolute;
  right: -12rem;
  bottom: -16rem;
  width: 33rem;
  aspect-ratio: 1;
  border: 1px solid rgba(0,137,197,.12);
  border-radius: 50%;
  box-shadow: inset 0 0 0 5rem rgba(255,255,255,.45);
  pointer-events: none;
}

.network-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(23rem,.95fr);
  gap: clamp(2rem,6vw,6.5rem);
  align-items: center;
}

.network-hero-grid > * { min-width: 0; }
.network-hero h1 { max-width: 56rem; margin: 0; font-size: clamp(3.25rem,6.7vw,7rem); line-height: .91; letter-spacing: -.07em; }
.network-hero h1 em { display: block; color: var(--blue); font-style: normal; font-weight: 520; }
.network-hero .lead { max-width: 47rem; margin: 1.45rem 0 0; color: var(--muted); font-size: clamp(1.03rem,1.45vw,1.22rem); }
.network-page .detail-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.7rem; }

.network-visual {
  position: relative;
  min-height: 34rem;
  display: grid;
  place-items: center;
}

.network-visual::before {
  content: "";
  position: absolute;
  width: min(31rem,78vw);
  aspect-ratio: 1;
  border-radius: 50%;
  background: conic-gradient(from 210deg,rgba(111,220,237,.72),rgba(255,255,255,.24),rgba(255,165,117,.48),rgba(111,220,237,.72));
  box-shadow: inset 0 0 0 4.3rem rgba(255,255,255,.58);
}

.network-visual picture,
.network-visual > img { position: relative; z-index: 2; }
.network-visual img { width: min(42rem,100%); max-height: 39rem; object-fit: contain; filter: drop-shadow(0 40px 38px rgba(17,60,76,.2)); }
.network-visual.paired { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: end; }
.network-visual.paired picture:first-child { transform: translateX(13%) scale(.9); }
.network-visual.paired picture:last-child { transform: translateX(-8%) scale(.82); transform-origin: bottom; }

.solution-visual {
  min-height: 39rem;
  display: block;
}

.solution-visual::before { display: none; }

.solution-hero-slider {
  position: relative;
  width: 100%;
  min-height: 39rem;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(7,27,38,.12);
  border-radius: 2rem;
  background: var(--navy);
  box-shadow: 0 34px 80px rgba(7,27,38,.2);
}

.solution-slides,
.solution-slide { position: absolute; inset: 0; }

.solution-slide {
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.025);
  transition: opacity .55s ease, transform .85s cubic-bezier(.2,.7,.25,1), visibility .55s;
}

.solution-slide.is-active {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  transform: none;
}

.solution-slide[hidden] { display: none; }
.solution-slide[data-tone="ice"] { background: linear-gradient(145deg,#e6f8ff,#f9fdff 62%,#ffece2); }
.solution-slide[data-tone="blue"] { background: radial-gradient(circle at 75% 30%,rgba(92,211,244,.48),transparent 21rem),linear-gradient(145deg,#05344b,#087ba6); }
.solution-slide[data-tone="warm"] { background: radial-gradient(circle at 79% 18%,rgba(255,185,139,.68),transparent 22rem),linear-gradient(145deg,#f5fbfd,#ffede2); }
.solution-slide[data-tone="navy"] { background: radial-gradient(circle at 68% 25%,rgba(22,157,210,.28),transparent 22rem),#071b26; }

.solution-slide::before,
.solution-slide::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.solution-slide::after {
  display: none;
}

.solution-slide[data-layout="cover"]::after,
.solution-slide[data-layout="reference"]::after { display: none; }

.solution-slide[data-scene="floor"]::before {
  right: -6%;
  bottom: 20%;
  width: 69%;
  height: 30%;
  border-radius: 45% 0 0 45%;
  background: repeating-radial-gradient(ellipse at 100% 50%,transparent 0 20px,rgba(86,215,248,.36) 22px 26px,transparent 28px 43px);
  transform: rotate(-5deg);
}

.solution-slide[data-scene="radiator"]::before {
  top: 8%;
  right: 7%;
  width: 44%;
  height: 56%;
  border: 1px solid rgba(240,118,69,.38);
  border-radius: 1.4rem;
  background: repeating-linear-gradient(90deg,rgba(240,118,69,.17) 0 10px,transparent 10px 21px);
  box-shadow: 0 0 45px rgba(240,118,69,.19);
}

.solution-slide[data-scene="airflow"]::before {
  top: 5%;
  right: -12%;
  width: 78%;
  aspect-ratio: 1;
  border: 1px solid rgba(92,211,244,.34);
  border-radius: 50%;
  box-shadow: inset 0 0 0 4rem rgba(92,211,244,.06),inset 0 0 0 8rem rgba(92,211,244,.05);
}

.solution-slide[data-scene="water"]::before {
  top: -10%;
  right: -14%;
  width: 78%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: repeating-radial-gradient(circle,transparent 0 34px,rgba(22,157,210,.18) 36px 39px,transparent 41px 62px);
}

.solution-slide[data-scene="commercial"]::before {
  inset: 0;
  opacity: .38;
  background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(to left,#000,transparent 78%);
}

.solution-slide__media {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: grid;
  place-items: center;
}

.solution-visual .solution-slide__media img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  filter: none;
}

.solution-slide[data-layout="product"] .solution-slide__media {
  inset: 3% 0 17% 22%;
  align-items: end;
  justify-items: end;
}

.solution-visual .solution-slide[data-layout="product"] .solution-slide__media img {
  width: 86%;
  height: 100%;
  object-fit: contain;
  object-position: right bottom;
  filter: drop-shadow(0 34px 34px rgba(4,23,32,.3));
}

.solution-slide[data-layout="screen"] .solution-slide__media {
  inset: 4% 5% 36%;
  padding: clamp(1rem,3vw,2rem);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 1.4rem;
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 0 0 .5rem rgba(0,0,0,.08);
}

.solution-visual .solution-slide[data-layout="screen"] .solution-slide__media img {
  object-fit: contain;
  filter: drop-shadow(0 20px 20px rgba(0,0,0,.22));
}

.solution-slide[data-layout="reference"] .solution-slide__media img { object-position: center 43%; }

.solution-slide__copy {
  position: absolute;
  z-index: 3;
  right: auto;
  bottom: 1.1rem;
  left: 1.1rem;
  max-width: 20.5rem;
  padding: 1.25rem 1.3rem;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 1.25rem;
  color: #fff;
  background: rgba(7,27,38,.86);
  box-shadow: 0 18px 45px rgba(0,0,0,.2);
  backdrop-filter: blur(14px) saturate(130%);
}

.solution-slide__copy small {
  color: #75d7f7;
  font-size: .66rem;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.solution-slide__copy h2 {
  margin: .35rem 0 .45rem;
  font-size: clamp(1.55rem,2.3vw,2.5rem);
  line-height: .98;
  letter-spacing: -.045em;
}

.solution-slide__copy p { margin: 0; color: #cad9de; font-size: .8rem; line-height: 1.5; }
.solution-slide__tags { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .8rem; }
.solution-slide__tags span { padding: .38rem .58rem; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; color: #e9f7fb; background: rgba(255,255,255,.08); font-size: .61rem; font-weight: 730; }

.solution-slider-controls {
  position: absolute;
  z-index: 5;
  top: 1rem;
  right: 1rem;
  display: flex;
  align-items: center;
  gap: .35rem;
  padding: .36rem;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  background: rgba(7,27,38,.76);
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  backdrop-filter: blur(12px);
}

.solution-slider-arrow {
  width: 2.35rem;
  height: 2.35rem;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: rgba(255,255,255,.08);
}

.solution-slider-arrow:hover,
.solution-slider-arrow:focus-visible { background: var(--blue-deep); }
.solution-slider-arrow svg { width: 1.05rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.solution-slider-dots { display: flex; align-items: center; gap: .2rem; }
.solution-slider-dots button { width: 1.65rem; height: 2.35rem; display: grid; place-items: center; padding: 0; border: 0; background: transparent; }
.solution-slider-dots button span { width: .42rem; height: .42rem; border-radius: 99px; background: rgba(255,255,255,.48); transition: width .25s ease, background .25s ease; }
.solution-slider-dots button[aria-current="true"] span { width: 1.1rem; background: #79ddfb; }
.solution-slider-dots button:focus-visible { outline: 2px solid #fff; outline-offset: -2px; border-radius: 999px; }
.no-js .solution-slider-controls { display: none; }

.network-section { padding: clamp(5rem,8vw,8rem) 0; }
.network-section.soft { background: var(--off-white); }
.network-heading { max-width: 56rem; margin-bottom: 2.8rem; }
.network-heading h2 { margin: 0; font-size: clamp(2.45rem,5vw,5.1rem); line-height: .95; letter-spacing: -.058em; }
.network-heading > p:last-child { max-width: 47rem; margin: 1.2rem 0 0; color: var(--muted); font-size: 1.05rem; }

.family-grid,
.document-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.family-card { min-height: 28rem; display: flex; flex-direction: column; justify-content: end; padding: clamp(1.4rem,3vw,2.5rem); border: 1px solid var(--line); border-radius: 2rem; overflow: hidden; text-decoration: none; box-shadow: var(--shadow-sm); transition: transform .25s ease, box-shadow .25s ease; }
.family-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.family-card.blue { background: radial-gradient(circle at 86% 8%,rgba(111,220,237,.45),transparent 17rem),linear-gradient(145deg,#fff,#eafaff); }
.family-card.orange { background: radial-gradient(circle at 86% 8%,rgba(255,173,126,.45),transparent 17rem),linear-gradient(145deg,#fff,#fff1e8); }
.family-card small { color: var(--muted); font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.family-card h3 { margin: .7rem 0 .5rem; font-size: clamp(2.2rem,4vw,4.2rem); line-height: .95; letter-spacing: -.055em; }
.family-card p { max-width: 34rem; color: var(--muted); }
.family-card > strong { margin-top: 1.2rem; font-size: clamp(1.8rem,3.5vw,3.2rem); letter-spacing: -.05em; }
.family-card > span { margin-top: 1.4rem; color: var(--blue-deep); font-weight: 800; }

.model-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.model-card { min-width: 0; padding: 1.45rem; border: 1px solid var(--line); border-radius: 1.5rem; background: var(--paper); box-shadow: var(--shadow-sm); }
.model-card-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; }
.model-card-top span { color: var(--muted); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.model-card-top strong { font-size: 1rem; }
.model-card dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; margin: 1.5rem 0; }
.model-card dl > div { min-width: 0; padding: .85rem; border-radius: .9rem; background: var(--ice); }
.model-card dt { color: var(--muted); font-size: .72rem; font-weight: 750; }
.model-card dd { margin: .22rem 0 0; overflow-wrap: anywhere; font-size: .9rem; font-weight: 820; }
.card-link { min-height: 2.75rem; display: inline-flex; align-items: center; gap: .4rem; color: var(--blue-deep); font-weight: 800; text-underline-offset: .2rem; }

.editorial-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.editorial-card { min-height: 23rem; display: flex; flex-direction: column; padding: clamp(1.4rem,3vw,2.3rem); border: 1px solid var(--line); border-radius: 1.7rem; text-decoration: none; background: linear-gradient(145deg,#fff,#f6fcff); box-shadow: var(--shadow-sm); transition: transform .25s ease, border-color .25s ease; }
.editorial-card:hover { transform: translateY(-4px); border-color: #8ecfe4; }
.editorial-card small { color: var(--blue-deep); font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.editorial-card h3 { margin: auto 0 .8rem; font-size: clamp(2rem,3vw,3.1rem); line-height: 1; letter-spacing: -.05em; }
.editorial-card p { margin: 0; color: var(--muted); }
.editorial-card span { margin-top: 1.4rem; color: var(--blue-deep); font-weight: 820; }

.insight-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.insight-grid article { min-height: 19rem; padding: 1.6rem; border: 1px solid var(--line); border-radius: 1.5rem; background: var(--paper); box-shadow: var(--shadow-sm); }
.insight-grid article > span { color: var(--blue-deep); font-size: 2rem; font-weight: 900; }
.insight-grid h3 { margin: 4rem 0 .65rem; font-size: 1.55rem; letter-spacing: -.035em; }
.insight-grid p { margin: 0; color: var(--muted); }

.data-warning { margin: 1rem 0 0; padding: 1.1rem 1.2rem; border: 1px solid #f0d6c5; border-radius: 1rem; color: #754327; background: var(--peach); }
.source-line { margin: 1.5rem 0 0; color: var(--muted); font-size: .86rem; }

.decision-band { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; padding: clamp(1.5rem,4vw,3rem); border: 1px solid #c8e6ef; border-radius: 1.8rem; background: linear-gradient(135deg,#effbff,#fff); box-shadow: var(--shadow-sm); }
.decision-band-spaced { margin-top: 1rem; }
.decision-band h2 { margin: 0; font-size: clamp(2rem,4vw,4rem); line-height: .96; letter-spacing: -.055em; }
.decision-band p { max-width: 44rem; margin: .8rem 0 0; color: var(--muted); }

.concept-orbit { position: relative; width: min(31rem,78vw); aspect-ratio: 1; margin: auto; border: 1px solid #afe2ef; border-radius: 50%; background: radial-gradient(circle,rgba(255,255,255,.95) 0 28%,rgba(111,220,237,.22) 29% 31%,transparent 32%),linear-gradient(145deg,rgba(255,255,255,.9),rgba(230,249,255,.85)); box-shadow: inset 0 0 0 4rem rgba(255,255,255,.5),var(--shadow); }
.concept-orbit strong { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%,-50%); font-size: clamp(3rem,6vw,5rem); letter-spacing: -.06em; }
.concept-orbit span { position: absolute; padding: .55rem .85rem; border-radius: 999px; color: var(--blue-deep); background: white; box-shadow: var(--shadow-sm); font-weight: 800; }
.concept-orbit span:nth-child(1) { top: 12%; left: 42%; }
.concept-orbit span:nth-child(2) { right: 1%; top: 52%; }
.concept-orbit span:nth-child(3) { left: 8%; bottom: 13%; }

.document-stack { min-height: 32rem; display: grid; place-items: center; position: relative; }
.document-stack span { position: absolute; width: 13rem; aspect-ratio: .76; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 1.2rem; color: white; font-size: 3rem; font-weight: 900; box-shadow: var(--shadow); }
.document-stack span:first-child { transform: translate(-3.2rem,-1rem) rotate(-9deg); background: linear-gradient(145deg,#062f42,#0b759c); }
.document-stack span:nth-child(2) { transform: translate(3.2rem,1rem) rotate(8deg); background: linear-gradient(145deg,#0b5947,#20a178); }
.document-stack strong { z-index: 2; align-self: end; margin-bottom: 1rem; padding: .7rem 1rem; border-radius: 999px; background: white; box-shadow: var(--shadow-sm); }
.document-grid { max-width: 70rem; margin: 0 auto; }
.document-card { min-height: 24rem; display: flex; flex-direction: column; padding: 2rem; border: 1px solid var(--line); border-radius: 1.7rem; text-decoration: none; background: linear-gradient(145deg,#fff,#f6fcff); box-shadow: var(--shadow-sm); }
.document-card > span { width: 4rem; height: 4rem; display: grid; place-items: center; border-radius: 1rem; color: white; background: var(--ink); font-weight: 900; }
.document-card h2 { margin: auto 0 .7rem; font-size: clamp(2rem,3.6vw,3.4rem); line-height: .98; letter-spacing: -.05em; }
.document-card p { color: var(--muted); }
.document-card > strong { color: var(--blue-deep); }
.document-seal { width: min(26rem,76vw); aspect-ratio: 1; display: grid; place-items: center; align-content: center; gap: .3rem; margin: auto; border: 1px solid #b6dfe9; border-radius: 50%; background: radial-gradient(circle at 30% 20%,#fff,#def5fb); box-shadow: inset 0 0 0 2rem rgba(255,255,255,.62),var(--shadow); }
.document-seal strong { font-size: clamp(4.5rem,10vw,8rem); letter-spacing: -.08em; }
.document-seal span { color: var(--muted); font-weight: 800; }

.about-story-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(28rem,1.2fr); gap: clamp(1.5rem,5vw,5rem); align-items: center; }
.about-story-copy h2 { max-width: 14ch; margin: 0; font-size: clamp(2.7rem,5vw,5.5rem); line-height: .94; letter-spacing: -.06em; }
.about-story-copy p { max-width: 44rem; color: var(--muted); }
.about-story-copy .detail-actions { margin-top: 1.4rem; }
.about-hero-visual { overflow: hidden; margin: 0; border: 1px solid var(--line); border-radius: 1.7rem; background: #eaf7fb; box-shadow: var(--shadow); }
.about-hero-visual img { width: 100%; aspect-ratio: 16/9; display: block; object-fit: cover; }
.about-hero-visual figcaption { padding: .85rem 1rem; color: var(--muted); font-size: .7rem; line-height: 1.45; }

.legal-visual { width: min(28rem,80vw); aspect-ratio: 1; display: grid; place-items: center; margin: auto; border: 1px solid #b6dfe9; border-radius: 2.4rem; background: radial-gradient(circle at 30% 20%,#fff,#def5fb); box-shadow: inset 0 0 0 2rem rgba(255,255,255,.58),var(--shadow); transform: rotate(3deg); }
.legal-visual svg { width: 44%; height: 44%; color: var(--blue-deep); fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; transform: rotate(-3deg); }
.legal-visual--peach { border-color: #efd7c7; background: radial-gradient(circle at 30% 20%,#fff,#fff0e8); }
.legal-visual--peach svg { color: #aa5a35; }
.legal-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.legal-fact { min-height: 15rem; padding: clamp(1.25rem,3vw,2rem); border: 1px solid var(--line); border-radius: 1.5rem; background: var(--paper); box-shadow: var(--shadow-sm); }
.legal-fact > span { width: 3rem; height: 3rem; display: grid; place-items: center; border-radius: .9rem; color: var(--blue-deep); background: var(--blue-soft); font-weight: 900; }
.legal-fact h2,.legal-fact h3 { margin: 2.4rem 0 .55rem; font-size: clamp(1.35rem,2.4vw,2rem); letter-spacing: -.04em; }
.legal-fact p { margin: 0; color: var(--muted); }
.legal-fact a { min-height: 2.75rem; display: inline-flex; align-items: center; color: var(--blue-deep); font-weight: 780; text-underline-offset: .18rem; }
.legal-status { margin-top: 1rem; padding: clamp(1.2rem,3vw,2rem); border: 1px solid #f0d6c5; border-radius: 1.35rem; background: var(--peach); }
.legal-status strong { color: #754327; }
.legal-status p { margin: .45rem 0 0; color: #754327; }

.faq-network { display: grid; gap: .8rem; max-width: 70rem; margin-inline: auto; }
.faq-network details { border: 1px solid var(--line); border-radius: 1.15rem; background: var(--paper); box-shadow: var(--shadow-sm); }
.faq-network summary { min-height: 3.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; cursor: pointer; font-weight: 820; }
.faq-network summary::after { content: "+"; color: var(--blue-deep); font-size: 1.4rem; }
.faq-network details[open] summary::after { content: "–"; }
.faq-network details p { max-width: 60rem; margin: 0; padding: 0 1.2rem 1.2rem; color: var(--muted); }

.contact-cards { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.6rem; }
.contact-cards a { min-width: 13rem; min-height: 5.2rem; display: flex; flex-direction: column; justify-content: center; padding: .85rem 1rem; border: 1px solid var(--line); border-radius: 1rem; text-decoration: none; background: rgba(255,255,255,.87); box-shadow: var(--shadow-sm); }
.contact-cards small { color: var(--muted); font-weight: 720; }
.contact-cards strong { margin-top: .15rem; color: var(--blue-deep); font-size: 1.1rem; }

.gated-form { max-width: 62rem; margin: 0 auto; padding: clamp(1.3rem,3vw,2.3rem); border: 1px solid var(--line); border-radius: 1.6rem; background: var(--paper); box-shadow: var(--shadow-sm); }
.gated-form fieldset { margin: 0; padding: 0; border: 0; }
.gated-form legend { margin-bottom: 1.3rem; font-size: clamp(2rem,4vw,3.5rem); font-weight: 850; letter-spacing: -.05em; }
.gated-form .form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.gated-form label { display: grid; gap: .4rem; color: var(--muted); font-size: .82rem; font-weight: 760; }
.gated-form input,.gated-form textarea { width: 100%; min-height: 3rem; padding: .75rem; border: 1px solid var(--line); border-radius: .8rem; background: #f3f7f9; }
.gated-form textarea { resize: vertical; }
.gated-form .button { margin-top: 1rem; }

/* Conversion tools */
.contact-cards {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: .7rem;
  margin-top: 1.6rem;
}

.contact-cards .contact-card {
  min-width: 0;
  min-height: 5.7rem;
  display: grid;
  grid-template-columns: 2.8rem minmax(0,1fr);
  align-items: center;
  gap: .75rem;
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  color: var(--ink);
  background: rgba(255,255,255,.9);
  box-shadow: var(--shadow-sm);
  text-decoration: none;
  transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.contact-cards .contact-card:hover {
  transform: translateY(-3px);
  border-color: rgba(22,157,210,.42);
  box-shadow: 0 18px 38px rgba(13,37,48,.12);
}

.contact-card > span:last-child { min-width: 0; }
.contact-card small,.contact-card strong { display: block; }
.contact-card small { color: var(--muted); font-size: .68rem; font-weight: 760; }
.contact-card strong { margin-top: .12rem; overflow-wrap: anywhere; color: var(--blue-deep); font-size: .88rem; line-height: 1.2; }
.contact-icon { width: 2.8rem; height: 2.8rem; display: grid; place-items: center; border-radius: .8rem; color: var(--blue-deep); background: var(--blue-soft); }
.contact-icon svg { width: 1.35rem; height: 1.35rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.contact-card--whatsapp .contact-icon { color: #fff; background: #168c62; }

.capacity-section { scroll-margin-top: 6rem; }
.capacity-workspace { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(21rem,.92fr); gap: 1rem; align-items: start; }
.capacity-form,.capacity-result,.project-brief { border: 1px solid var(--line); border-radius: 1.7rem; background: var(--paper); box-shadow: var(--shadow-sm); }
.capacity-form { padding: clamp(1.2rem,3vw,2rem); }
.capacity-form fieldset,.project-brief fieldset { margin: 0; padding: 0; border: 0; }
.capacity-fields,.brief-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.capacity-fields label,.brief-grid label,.brief-note { min-width: 0; display: grid; gap: .42rem; color: var(--ink-soft); font-size: .78rem; font-weight: 790; }
.capacity-fields input,.capacity-fields select,.brief-grid input,.brief-grid select,.brief-note textarea {
  width: 100%;
  min-height: 3.25rem;
  padding: .72rem .82rem;
  border: 1px solid var(--line-strong);
  border-radius: .85rem;
  outline: none;
  color: var(--ink);
  background: #fff;
  transition: border-color .2s ease,box-shadow .2s ease;
}
.capacity-fields input:focus,.capacity-fields select:focus,.brief-grid input:focus,.brief-grid select:focus,.brief-note textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 .22rem rgba(22,157,210,.12); }
.capacity-fields input:disabled { color: #89979d; background: #eef2f3; cursor: not-allowed; }
.unit-field { position: relative; display: block; }
.unit-field input { padding-right: 3.4rem; }
.unit-field i { position: absolute; top: 50%; right: .85rem; color: var(--muted); font-size: .75rem; font-style: normal; transform: translateY(-50%); pointer-events: none; }
.local-calculation-note { display: flex; flex-wrap: wrap; gap: .25rem .75rem; margin-top: 1rem; padding: .85rem 1rem; border-radius: 1rem; color: #28584c; background: #edf9f4; font-size: .78rem; }
.local-calculation-note span { color: #55716a; }
.capacity-submit { width: 100%; margin-top: 1rem; }

.capacity-result { position: sticky; top: 6.2rem; scroll-margin-top: 6.2rem; display: flex; flex-direction: column; padding: clamp(1.2rem,3vw,2rem); color: #fff; background: radial-gradient(circle at 84% 8%,rgba(22,157,210,.32),transparent 18rem),var(--navy); }
.capacity-result [hidden] { display: none !important; }
.result-kicker { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; color: #8fdcf4; font-size: .7rem; font-weight: 820; letter-spacing: .07em; text-transform: uppercase; }
.capacity-result h3 { margin: 1.1rem 0 0; font-size: clamp(1.5rem,2.7vw,2.35rem); line-height: 1.04; letter-spacing: -.045em; }
.capacity-result h3:focus-visible { outline: 2px solid #78d8fa; outline-offset: .35rem; }
.capacity-result .result-number { margin-top: 1.5rem; padding: 1.1rem; border: 1px solid rgba(255,255,255,.14); border-radius: 1.1rem; background: rgba(255,255,255,.07); }
.capacity-result .result-number strong,.capacity-result .result-number span { display: block; }
.capacity-result .result-number strong { color: #78d8fa; font-size: clamp(2.4rem,5vw,4.6rem); line-height: .95; letter-spacing: -.06em; }
.capacity-result .result-number span { margin-top: .4rem; color: #b9cbd2; font-size: .76rem; }
.capacity-result dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .5rem; margin: .75rem 0 0; }
.capacity-result dl div { min-width: 0; padding: .72rem; border-radius: .8rem; background: rgba(255,255,255,.07); }
.capacity-result dt { color: #9eb3bb; font-size: .65rem; }
.capacity-result dd { margin: .18rem 0 0; overflow-wrap: anywhere; color: #fff; font-size: .84rem; font-weight: 800; }
.result-family { margin-top: .75rem; padding: 1rem; border-radius: 1rem; color: var(--ink); background: #fff; }
.result-family span,.result-family strong { display: block; }
.result-family span { color: var(--blue-deep); font-size: .65rem; font-weight: 840; letter-spacing: .06em; text-transform: uppercase; }
.result-family strong { margin-top: .25rem; font-size: 1rem; }
.result-family p { margin: .55rem 0 0; color: var(--muted); font-size: .75rem; }
.capacity-result details { margin-top: .75rem; border: 1px solid rgba(255,255,255,.14); border-radius: .9rem; }
.capacity-result summary { padding: .8rem; color: #dce9ed; cursor: pointer; font-size: .75rem; font-weight: 780; }
.capacity-result ul { margin: 0; padding: 0 .9rem 1rem 1.9rem; color: #b8cbd2; font-size: .7rem; }
.result-warning { margin: .75rem 0; color: #b8cbd2; font-size: .69rem; }
.capacity-result .button-secondary { color: var(--navy); border-color: #fff; background: #fff; }
.capacity-result > .result-warning { order: 1; }
.capacity-result > .capacity-result-actions,.capacity-result > .capacity-share-note,.capacity-result > .capacity-share-stale { order: 2; }
.capacity-result > details:not(.capacity-share-preview) { order: 3; }
.capacity-result > .capacity-share-preview { order: 4; }
.capacity-result-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; margin-top: .8rem; }
.capacity-result-actions .button { width: 100%; min-height: 3.5rem; }
.capacity-whatsapp { grid-column: 1 / -1; color: #0c5b36; border-color: #9bdab5; background: linear-gradient(135deg,#ecfbf2,#c9f1d8); box-shadow: 0 14px 28px rgba(23,132,78,.2); }
.capacity-whatsapp:hover { color: #08492b; background: linear-gradient(135deg,#f4fff8,#d8f7e4); box-shadow: 0 18px 34px rgba(23,132,78,.25); }
.capacity-whatsapp svg { width: 1.45rem; height: 1.45rem; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.capacity-copy { color: #dff4fb; border-color: rgba(143,220,244,.36); background: rgba(22,157,210,.13); }
.capacity-copy:hover { color: #fff; border-color: rgba(143,220,244,.65); background: rgba(22,157,210,.24); }
.capacity-share-note,.capacity-share-stale { margin: .65rem 0 0; padding: .72rem .8rem; border-radius: .8rem; font-size: .68rem; line-height: 1.5; }
.capacity-share-note { color: #bfe9cf; border: 1px solid rgba(155,218,181,.25); background: rgba(35,139,86,.13); }
.capacity-share-stale { color: #ffe5bf; border: 1px solid rgba(255,179,91,.28); background: rgba(255,145,51,.12); }
.capacity-share-preview pre { max-height: 14rem; margin: 0; overflow: auto; padding: 0 .85rem .9rem; white-space: pre-wrap; overflow-wrap: anywhere; color: #b8cbd2; font: 500 .67rem/1.55 Inter,ui-sans-serif,sans-serif; }
.capacity-result.is-stale .result-kicker b { color: #ffd39b; }

.project-brief { max-width: 74rem; margin: 0 auto; padding: clamp(1.25rem,3vw,2.4rem); }
.project-brief legend { font-size: clamp(2rem,4vw,3.7rem); font-weight: 850; line-height: .98; letter-spacing: -.055em; }
.project-brief fieldset > p { max-width: 50rem; margin: .8rem 0 1.6rem; color: var(--muted); }
.managed-lead-fields { display: grid; gap: 1rem; margin-top: 1rem; padding: 1rem; border: 1px solid #c9e7f0; border-radius: 1rem; background: #f4fbfe; }
.managed-lead-fields[hidden] { display: none !important; }
.lead-consent { display: flex !important; grid-template-columns: 1.2rem minmax(0,1fr); align-items: start; gap: .65rem !important; color: var(--ink-soft); font-size: .76rem; font-weight: 650; line-height: 1.5; }
.lead-consent input { width: 1.1rem !important; min-height: 1.1rem !important; margin-top: .14rem; padding: 0 !important; }
.lead-consent a { color: var(--blue-deep); }
.lead-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.project-brief button:disabled { opacity: .62; cursor: wait; }
.brief-note { margin-top: 1rem; }
.brief-note small { color: var(--muted); font-weight: 650; }
.brief-note textarea { min-height: 6rem; resize: vertical; }
.brief-preview { display: grid; grid-template-columns: 12rem minmax(0,1fr); gap: 1rem; margin-top: 1rem; padding: 1rem; border-radius: 1rem; color: #d7e5e9; background: var(--navy); }
.brief-preview > span { color: #7bd7f6; font-size: .7rem; font-weight: 820; letter-spacing: .07em; text-transform: uppercase; }
.brief-preview pre { margin: 0; overflow: auto; white-space: pre-wrap; color: #fff; font: 500 .77rem/1.6 Inter,ui-sans-serif,sans-serif; }
.brief-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1rem; }

.network-page .intent-slider { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(19rem,34%); gap: 1rem; overflow-x: auto; padding: .2rem 0 1rem; scroll-snap-type: x mandatory; scrollbar-color: var(--blue) #e5eef1; }
.intent-slider > * { scroll-snap-align: start; }

.hero-proof-row { display: flex; flex-wrap: wrap; gap: .7rem 1.4rem; margin-top: 1.7rem; color: var(--muted); font-size: .72rem; }
.hero-proof-row span { display: grid; }
.hero-proof-row strong { color: var(--ink); font-size: 1.18rem; }
.product-showcase-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.product-showcase-card { min-height: 34rem; display: grid; grid-template-columns: minmax(0,1fr) minmax(13rem,.72fr); align-items: end; gap: 1rem; padding: clamp(1.4rem,3vw,2.5rem); overflow: hidden; border: 1px solid var(--line); border-radius: 2rem; background: radial-gradient(circle at 90% 8%,rgba(22,157,210,.2),transparent 20rem),#fff; box-shadow: var(--shadow-sm); }
.product-showcase-card > div { position: relative; z-index: 2; padding-bottom: 1rem; }
.product-showcase-card span { color: var(--blue-deep); font-size: .75rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.product-showcase-card h3 { margin: .65rem 0; font-size: clamp(2.5rem,4vw,4.3rem); line-height: .92; letter-spacing: -.06em; }
.product-showcase-card p { color: var(--muted); }
.product-showcase-card strong { display: block; margin: 1.1rem 0; font-size: clamp(1.8rem,3vw,3rem); letter-spacing: -.05em; }
.product-showcase-card img { width: 100%; max-height: 28rem; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 2rem 2rem rgba(7,27,38,.2)); }
.product-showcase-card--dark { color: #fff; border-color: var(--navy); background: radial-gradient(circle at 86% 12%,rgba(22,157,210,.28),transparent 20rem),var(--navy); }
.product-showcase-card--dark span { color: #75d7f7; }
.product-showcase-card--dark p { color: #b9cbd2; }
.product-showcase-card--dark img { width: 100%; height: 27rem; object-fit: cover; border-radius: 1.25rem; filter: none; }
.product-showcase-card--dark .button-secondary { color: var(--navy); border-color: #fff; background: #fff; }

.network-page .technical-table a {
  min-width: 2.75rem;
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .2rem;
}

/* Yerden ısıtma karar sayfası */
.solution-slide__media picture { width: 100%; height: 100%; display: grid; }
.underfloor-hero h1 { font-size: clamp(3.05rem,6.15vw,6.55rem); }
.underfloor-hero .lead { max-width: 49rem; }
.ufh-hero-proof { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.ufh-hero-proof li { padding-top: .8rem; border-top: 1px solid rgba(31,47,54,.14); }
.ufh-hero-proof strong,.ufh-hero-proof span { display: block; }
.ufh-hero-proof strong { color: var(--ink); font-size: .82rem; }
.ufh-hero-proof span { margin-top: .16rem; color: var(--muted); font-size: .69rem; }

.underfloor-jump { position: sticky; z-index: 18; top: 5.8rem; padding: .65rem 0; border-block: 1px solid var(--line); background: rgba(255,255,255,.91); box-shadow: 0 12px 28px rgba(7,27,38,.06); backdrop-filter: blur(16px) saturate(140%); }
.underfloor-jump .shell { display: flex; justify-content: center; gap: .45rem; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.underfloor-jump .shell::-webkit-scrollbar { display: none; }
.underfloor-jump .shell:focus-visible { outline: 3px solid rgba(22,157,210,.38); outline-offset: -3px; }
.underfloor-jump a { min-height: 2.75rem; display: inline-flex; flex: 0 0 auto; align-items: center; padding: .55rem .85rem; border-radius: 999px; color: #37515c; font-size: .74rem; font-weight: 790; text-decoration: none; scroll-snap-align: start; }
.underfloor-jump a:hover,.underfloor-jump a:focus-visible { color: var(--blue-deep); background: var(--blue-soft); }
.underfloor-jump .horizontal-scroll-hint { display: none; }
#nasil-calisir,#zemin-katmanlari,#uygulama,#proje-kriterleri,#sik-sorulanlar { scroll-margin-top: 9.4rem; }

.ufh-flow-figure { margin: 0; padding: clamp(1rem,2vw,1.5rem); border: 1px solid rgba(111,220,237,.18); border-radius: 2rem; color: #fff; background: radial-gradient(circle at 8% 10%,rgba(22,157,210,.32),transparent 22rem),linear-gradient(145deg,#071b26,#0a2e3e); box-shadow: var(--shadow); }
.ufh-flow { display: grid; grid-template-columns: repeat(7,minmax(0,auto)); align-items: center; gap: .65rem; }
.ufh-flow-node { min-width: 0; min-height: 15rem; display: flex; flex-direction: column; justify-content: end; padding: 1.25rem; border: 1px solid rgba(255,255,255,.12); border-radius: 1.4rem; background: rgba(255,255,255,.07); }
.ufh-flow-node--product { min-height: 17rem; justify-content: space-between; background: radial-gradient(circle at 50% 20%,rgba(111,220,237,.22),transparent 11rem),rgba(255,255,255,.07); }
.ufh-flow-node--product img { width: 100%; height: 8.7rem; object-fit: contain; filter: drop-shadow(0 16px 16px rgba(0,0,0,.32)); }
.ufh-flow-node small { color: #78daf7; font-size: .62rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.ufh-flow-node h3 { margin: .4rem 0; font-size: 1.12rem; line-height: 1.08; }
.ufh-flow-node p { margin: 0; color: #bed0d7; font-size: .76rem; }
.ufh-flow-icon { width: 2.8rem; height: 2.8rem; display: grid; place-items: center; margin-bottom: auto; border-radius: .85rem; color: #071b26; background: #68d9f8; box-shadow: 0 0 24px rgba(104,217,248,.38); font-size: 1.4rem; font-weight: 900; }
.ufh-flow-arrow { color: #6cdaf8; font-size: 1.65rem; font-weight: 900; }
.ufh-flow-figure figcaption { margin: 1rem .2rem 0; color: #a8c0ca; font-size: .75rem; }

.ufh-split { display: grid; grid-template-columns: minmax(0,.9fr) minmax(27rem,1.1fr); gap: clamp(2rem,6vw,6rem); align-items: center; }
.ufh-layer-legend { display: grid; gap: .7rem; margin: 0; padding: 0; list-style: none; }
.ufh-layer-legend li { display: grid; grid-template-columns: 2.5rem minmax(0,1fr); gap: .75rem; align-items: start; padding: .85rem; border: 1px solid var(--line); border-radius: 1rem; background: rgba(255,255,255,.72); }
.ufh-layer-legend li > span { width: 2.5rem; height: 2.5rem; display: grid; place-items: center; border-radius: .75rem; color: var(--blue-deep); background: var(--blue-soft); font-size: .7rem; font-weight: 880; }
.ufh-layer-legend strong { display: block; font-size: .88rem; }
.ufh-layer-legend p { margin: .15rem 0 0; color: var(--muted); font-size: .74rem; }
.ufh-layer-figure { min-width: 0; margin: 0; padding: clamp(1.25rem,3vw,2.5rem); overflow: hidden; border-radius: 2rem; color: #fff; background: radial-gradient(circle at 82% 18%,rgba(240,118,69,.2),transparent 18rem),var(--navy); box-shadow: var(--shadow); }
.ufh-layer-stack { min-height: 34rem; display: flex; flex-direction: column; justify-content: center; perspective: 900px; }
.ufh-layer { position: relative; min-height: 5rem; display: flex; align-items: center; padding: 1rem 1.5rem; border: 1px solid rgba(255,255,255,.18); transform: rotateX(56deg) rotateZ(-4deg); transform-origin: center; box-shadow: 0 22px 24px rgba(0,0,0,.18); }
.ufh-layer span { position: relative; z-index: 2; padding: .35rem .55rem; border-radius: .55rem; background: rgba(7,27,38,.74); font-size: .7rem; font-weight: 820; }
.ufh-layer--finish { background: linear-gradient(90deg,#bd9877,#e3c6a7); }
.ufh-layer--screed { min-height: 9rem; overflow: hidden; background: linear-gradient(90deg,#9fa8aa,#d1d7d8); }
.ufh-layer--insulation { background: repeating-linear-gradient(90deg,#27b7e3 0 34px,#68d9f8 34px 68px); }
.ufh-layer--slab { background: repeating-linear-gradient(135deg,#59676d 0 12px,#707e83 12px 24px); }
.ufh-pipe-loop { position: absolute; inset: 8% 2%; width: 96%; height: 84%; fill: none; stroke: #f06f48; stroke-width: 16; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 4px 3px rgba(85,28,14,.34)); }
.ufh-layer-figure figcaption { margin-top: 1.1rem; color: #b9cdd5; font-size: .76rem; }

.ufh-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.ufh-photo-card { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 1.75rem; background: #fff; box-shadow: var(--shadow-sm); }
.ufh-photo-card picture { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--ice); }
.ufh-photo-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.25,1); }
.ufh-photo-card:hover img { transform: scale(1.025); }
.ufh-photo-card figcaption { padding: 1.35rem; }
.ufh-photo-card figcaption span { display: block; color: var(--blue-deep); font-size: .68rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.ufh-photo-card figcaption strong { display: block; margin-top: .55rem; font-size: 1.4rem; letter-spacing: -.03em; }
.ufh-photo-card figcaption p { margin: .45rem 0 0; color: var(--muted); font-size: .85rem; }
.ufh-visual-note { margin: 1rem 0 0; color: var(--muted); font-size: .75rem; }

.ufh-check-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.ufh-check-grid article { min-height: 15rem; padding: 1.35rem; border: 1px solid var(--line); border-radius: 1.35rem; background: #fff; box-shadow: var(--shadow-sm); }
.ufh-check-grid article > span { width: 2.65rem; height: 2.65rem; display: grid; place-items: center; border-radius: .8rem; color: var(--blue-deep); background: var(--blue-soft); font-size: .72rem; font-weight: 900; }
.ufh-check-grid h3 { margin: 2.5rem 0 .45rem; font-size: 1.16rem; letter-spacing: -.025em; }
.ufh-check-grid p { margin: 0; color: var(--muted); font-size: .82rem; }

.ufh-process-section { background: linear-gradient(180deg,#fff,#f3fbfe); }
.ufh-process { counter-reset: ufh-step; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.ufh-process li { counter-increment: ufh-step; min-height: 17rem; display: flex; flex-direction: column; padding: 1.4rem; border: 1px solid #c8e7ef; border-radius: 1.4rem; background: rgba(255,255,255,.9); box-shadow: var(--shadow-sm); }
.ufh-process li::before { content: "0" counter(ufh-step); color: var(--blue-deep); font-size: 2.6rem; font-weight: 900; letter-spacing: -.06em; }
.ufh-process strong { margin-top: auto; font-size: 1.08rem; }
.ufh-process p { margin: .45rem 0 0; color: var(--muted); font-size: .8rem; }

.network-section.ufh-dark { color: #fff; background: radial-gradient(circle at 87% 18%,rgba(22,157,210,.22),transparent 24rem),var(--navy); }
.ufh-fit-grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(27rem,1.15fr); gap: clamp(2rem,6vw,6rem); align-items: center; }
.ufh-fit-grid > div:first-child > p:not(.eyebrow) { color: #b7cad2; }
.ufh-fit-grid h2 { margin: .6rem 0 1rem; font-size: clamp(2.5rem,5vw,5.2rem); line-height: .94; letter-spacing: -.06em; }
.ufh-fit-grid .button-secondary { color: var(--navy); border-color: #fff; background: #fff; }
.ufh-fit-cards { display: grid; gap: 1rem; }
.ufh-fit-cards article { min-height: 14rem; padding: 1.5rem; border: 1px solid rgba(255,255,255,.14); border-radius: 1.4rem; background: rgba(255,255,255,.07); }
.ufh-fit-cards span { color: #73d8f7; font-size: .7rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.ufh-fit-cards h3 { margin: 2.6rem 0 .45rem; font-size: 1.4rem; }
.ufh-fit-cards p { margin: 0; color: #b7cad2; font-size: .84rem; }
.ufh-decision-actions { display: grid; gap: .65rem; min-width: min(100%,19rem); }
.ufh-meta { font-size: .72rem; }

.radiator-hero h1 { max-width: 58rem; font-size: clamp(2.8rem,5.45vw,5.8rem); }
.radiator-analysis-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(22rem,.8fr); gap: clamp(2rem,5vw,5rem); align-items: start; }
.radiator-temp-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; }
.radiator-temp-grid article { min-height: 16rem; display: flex; flex-direction: column; padding: 1.25rem; border: 1px solid var(--line); border-radius: 1.35rem; background: #fff; box-shadow: var(--shadow-sm); }
.radiator-temp-grid article > span { color: var(--blue-deep); font-size: clamp(2.2rem,4vw,3.6rem); font-weight: 900; line-height: 1; letter-spacing: -.06em; }
.radiator-temp-grid article:nth-child(2) > span { color: #1688b5; }
.radiator-temp-grid article:nth-child(3) > span { color: #d9653d; }
.radiator-temp-grid h3 { margin: auto 0 .45rem; font-size: 1.05rem; line-height: 1.08; }
.radiator-temp-grid p { margin: 0; color: var(--muted); font-size: .76rem; }
.radiator-method { padding: clamp(1.35rem,3vw,2rem); border-radius: 1.75rem; color: #fff; background: radial-gradient(circle at 85% 8%,rgba(240,118,69,.24),transparent 17rem),var(--navy); box-shadow: var(--shadow); }
.radiator-method .eyebrow { color: #79dcfa; }
.radiator-method h3 { margin: .4rem 0 1.2rem; font-size: clamp(1.8rem,3vw,2.8rem); line-height: .98; letter-spacing: -.05em; }
.radiator-method ol { display: grid; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.radiator-method li { display: grid; grid-template-columns: 2.35rem minmax(0,1fr); gap: .7rem; align-items: center; padding: .75rem; border: 1px solid rgba(255,255,255,.12); border-radius: .9rem; background: rgba(255,255,255,.07); }
.radiator-method li span { width: 2.35rem; height: 2.35rem; display: grid; place-items: center; border-radius: .7rem; color: #071b26; background: #73d8f7; font-size: .66rem; font-weight: 900; }
.radiator-method li p { margin: 0; color: #d6e4e8; font-size: .77rem; }
.radiator-method__note { margin: 1rem 0 0; color: #abc0c8; font-size: .72rem; }
.radiator-method__note strong { color: #fff; }
.radiator-dark-heading { max-width: 62rem; }
.radiator-dark-heading h2 { color: #fff; }
.radiator-dark-heading > p:not(.eyebrow) { color: #b7cad2; }
.radiator-scenarios { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.radiator-scenarios article { min-height: 19rem; display: flex; flex-direction: column; padding: 1.5rem; border: 1px solid rgba(255,255,255,.14); border-radius: 1.4rem; background: rgba(255,255,255,.07); }
.radiator-scenarios span { color: #73d8f7; font-size: .7rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.radiator-scenarios article:nth-child(2) span { color: #ffb18f; }
.radiator-scenarios h3 { margin: auto 0 .55rem; color: #fff; font-size: 1.45rem; line-height: 1.03; letter-spacing: -.035em; }
.radiator-scenarios p { margin: 0; color: #b7cad2; font-size: .82rem; }
#nasil-degerlendirilir,#sicaklik-kapasite { scroll-margin-top: 9.4rem; }

.fan-coil-hero h1 { max-width: 62rem; font-size: clamp(2.75rem,5.25vw,5.65rem); }
.fancoil-season-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)) minmax(20rem,.82fr); gap: 1rem; align-items: stretch; }
.fancoil-season-card,.fancoil-season-result { min-height: 27rem; padding: clamp(1.35rem,2.4vw,2rem); border-radius: 1.6rem; box-shadow: var(--shadow-sm); }
.fancoil-season-card { position: relative; overflow: hidden; border: 1px solid var(--line); background: #fff; }
.fancoil-season-card::after { content: ""; position: absolute; width: 14rem; height: 14rem; right: -4rem; bottom: -5rem; border: 1px solid rgba(16,156,210,.18); border-radius: 50%; box-shadow: 0 0 0 2.8rem rgba(16,156,210,.045),0 0 0 5.6rem rgba(16,156,210,.025); }
.fancoil-season-card.is-winter::after { border-color: rgba(240,111,72,.22); box-shadow: 0 0 0 2.8rem rgba(240,111,72,.05),0 0 0 5.6rem rgba(240,111,72,.025); }
.fancoil-season-card > span { color: var(--blue-deep); font-size: .7rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.fancoil-season-card.is-winter > span { color: #a94024; }
.fancoil-season-icon { width: 4.5rem; height: 4.5rem; display: grid; place-items: center; margin: 2rem 0 4.5rem; border-radius: 1.25rem; color: #075873; background: #dff7fd; font-size: 2rem; box-shadow: 0 12px 30px rgba(22,157,210,.16); }
.fancoil-season-card.is-winter .fancoil-season-icon { color: #a84427; background: #fff0e9; box-shadow: 0 12px 30px rgba(240,111,72,.14); }
.fancoil-season-card h3 { position: relative; z-index: 1; margin: 0 0 1rem; max-width: 19rem; font-size: 1.8rem; line-height: 1; letter-spacing: -.045em; }
.fancoil-season-card ul { position: relative; z-index: 1; display: grid; gap: .55rem; margin: 0; padding: 0; list-style: none; color: var(--muted); font-size: .79rem; }
.fancoil-season-card li { display: flex; gap: .55rem; align-items: center; }
.fancoil-season-card li::before { content: ""; width: .42rem; height: .42rem; flex: 0 0 auto; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 .2rem rgba(22,157,210,.11); }
.fancoil-season-card.is-winter li::before { background: #ef7049; box-shadow: 0 0 0 .2rem rgba(239,112,73,.11); }
.fancoil-season-result { display: flex; flex-direction: column; justify-content: end; color: #fff; background: radial-gradient(circle at 80% 7%,rgba(111,220,237,.26),transparent 16rem),var(--navy); box-shadow: var(--shadow); }
.fancoil-season-result .eyebrow { margin-bottom: auto; color: #75dcf8; }
.fancoil-season-result h3 { margin: 3rem 0 .8rem; font-size: clamp(1.7rem,2.3vw,2.45rem); line-height: .98; letter-spacing: -.045em; }
.fancoil-season-result p { color: #bed0d7; font-size: .82rem; }
.fancoil-season-result .card-link { margin-top: 1rem; color: #fff; }

.fancoil-condensation-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(28rem,1.1fr); gap: clamp(2rem,6vw,6rem); align-items: center; }
.fancoil-condensation-figure { min-width: 0; margin: 0; padding: clamp(1.25rem,2.8vw,2rem); overflow: hidden; border-radius: 2rem; color: #fff; background: radial-gradient(circle at 80% 12%,rgba(240,111,72,.18),transparent 18rem),linear-gradient(145deg,#071b26,#0a3143); box-shadow: var(--shadow); }
.fancoil-condensation-figure figcaption { margin-top: 1rem; color: #b7cad2; font-size: .74rem; }
.fancoil-diagram { position: relative; min-height: 34rem; border: 1px solid rgba(255,255,255,.1); border-radius: 1.5rem; background: linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015)); }
.fancoil-pipes { position: absolute; top: 3.2rem; right: 10%; left: 10%; display: grid; gap: 1rem; }
.fancoil-pipes span { height: 1.1rem; border: .34rem solid #9edceb; border-radius: 999px; background: #14475a; box-shadow: 0 0 0 .28rem rgba(6,25,35,.8),0 0 20px rgba(111,220,237,.28); }
.fancoil-pipes span:nth-child(2) { border-color: #ff9b71; box-shadow: 0 0 0 .28rem rgba(6,25,35,.8),0 0 20px rgba(240,111,72,.24); }
.fancoil-unit { position: absolute; top: 9.4rem; right: 13%; left: 13%; height: 10.5rem; display: grid; grid-template-columns: repeat(6,1fr); gap: .5rem; padding: 1.35rem; border: 1px solid rgba(255,255,255,.24); border-radius: 1.15rem; background: linear-gradient(145deg,#d7e0e2,#8fa1a7); box-shadow: 0 20px 36px rgba(0,0,0,.34); }
.fancoil-unit i { display: block; border-radius: .35rem; background: repeating-linear-gradient(180deg,#1e5c73 0 5px,#6ccbe8 5px 8px); box-shadow: inset 0 0 0 1px rgba(255,255,255,.24); }
.fancoil-air { position: absolute; top: 20.5rem; right: 24%; left: 24%; display: flex; justify-content: space-between; color: #74dcfa; font-size: 2.7rem; text-shadow: 0 0 18px rgba(104,217,248,.65); }
.fancoil-tray { position: absolute; top: 19.3rem; right: 17%; left: 17%; height: 2rem; display: flex; justify-content: space-around; align-items: end; border: 2px solid rgba(255,255,255,.42); border-top: 0; border-radius: 0 0 .8rem .8rem; }
.fancoil-tray b { width: .55rem; height: .55rem; border-radius: 50% 50% 58% 58%; background: #67d9f7; box-shadow: 0 0 12px rgba(103,217,247,.65); }
.fancoil-drain { position: absolute; top: 20rem; right: 7%; width: 28%; height: 7.5rem; border-right: .75rem solid #dcebed; border-bottom: .75rem solid #dcebed; border-radius: 0 0 1.2rem 0; transform: skewY(12deg); filter: drop-shadow(0 5px 7px rgba(0,0,0,.32)); }
.fancoil-label { position: absolute; padding: .55rem .75rem; border: 1px solid rgba(255,255,255,.13); border-radius: .75rem; color: #ddecf0; background: rgba(7,27,38,.82); font-size: .68rem; font-weight: 800; }
.fancoil-label--water { top: 1rem; left: 1rem; }
.fancoil-label--air { bottom: 4.8rem; left: 1rem; }
.fancoil-label--drain { right: 1rem; bottom: 1rem; }
.fancoil-scenarios { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.fancoil-scenarios article { min-height: 20rem; display: flex; flex-direction: column; padding: 1.5rem; border: 1px solid rgba(255,255,255,.14); border-radius: 1.4rem; background: rgba(255,255,255,.07); }
.fancoil-scenarios span { color: #73d8f7; font-size: .7rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.fancoil-scenarios article:nth-child(2) span { color: #ffb18f; }
.fancoil-scenarios h3 { margin: auto 0 .55rem; color: #fff; font-size: 1.45rem; line-height: 1.03; letter-spacing: -.035em; }
.fancoil-scenarios p { margin: 0; color: #b7cad2; font-size: .82rem; }
#iki-mevsim,#yogusma-drenaj { scroll-margin-top: 9.4rem; }

.dhw-demand-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)) minmax(20rem,.82fr); gap: 1rem; align-items: stretch; }
.dhw-demand-grid > article { min-height: 25rem; padding: clamp(1.35rem,2.4vw,2rem); border-radius: 1.6rem; }
.dhw-demand-grid > article:not(.dhw-demand-result) { position: relative; overflow: hidden; border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow-sm); }
.dhw-demand-grid > article:not(.dhw-demand-result)::after { content: ""; position: absolute; right: -5rem; bottom: -6rem; width: 17rem; height: 17rem; border: 1px solid rgba(22,157,210,.17); border-radius: 50%; box-shadow: 0 0 0 3rem rgba(22,157,210,.045),0 0 0 6rem rgba(22,157,210,.02); }
.dhw-demand-grid > article:nth-child(2)::after { border-color: rgba(240,111,72,.2); box-shadow: 0 0 0 3rem rgba(240,111,72,.045),0 0 0 6rem rgba(240,111,72,.02); }
.dhw-demand-grid article > span { color: var(--blue-deep); font-size: .7rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.dhw-demand-grid article:nth-child(2) > span { color: #a94024; }
.dhw-demand-icon { width: 4.6rem; height: 4.6rem; display: grid; place-items: center; margin: 2rem 0 4.2rem; border-radius: 1.25rem; color: #075873; background: #dff7fd; box-shadow: 0 12px 30px rgba(22,157,210,.16); font-size: 2rem; font-weight: 900; }
.dhw-demand-grid article:nth-child(2) .dhw-demand-icon { color: #a84427; background: #fff0e9; box-shadow: 0 12px 30px rgba(240,111,72,.14); }
.dhw-demand-grid h3 { position: relative; z-index: 1; margin: 0 0 .8rem; max-width: 21rem; font-size: 1.8rem; line-height: 1; letter-spacing: -.045em; }
.dhw-demand-grid article > p { position: relative; z-index: 1; margin: 0; color: var(--muted); font-size: .82rem; }
.dhw-demand-result { display: flex; flex-direction: column; justify-content: end; color: #fff; background: radial-gradient(circle at 80% 7%,rgba(111,220,237,.27),transparent 16rem),var(--navy); box-shadow: var(--shadow); }
.dhw-demand-result .eyebrow { margin-bottom: auto; color: #75dcf8; }
.dhw-demand-result h3 { margin: 3rem 0 .8rem; color: #fff; font-size: clamp(1.7rem,2.3vw,2.45rem); }
.dhw-demand-result > p { color: #bed0d7; }
.dhw-demand-result .card-link { margin-top: 1rem; color: #fff; }

.dhw-cylinder-grid { display: grid; grid-template-columns: minmax(0,.95fr) minmax(28rem,1.05fr); gap: clamp(2rem,6vw,6rem); align-items: center; }
.dhw-tank-figure { min-width: 0; margin: 0; padding: clamp(1.25rem,2.8vw,2rem); overflow: hidden; border-radius: 2rem; color: #fff; background: radial-gradient(circle at 78% 10%,rgba(240,111,72,.2),transparent 18rem),linear-gradient(145deg,#071b26,#0a3143); box-shadow: var(--shadow); }
.dhw-tank-diagram { position: relative; min-height: 36rem; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 1.5rem; background: radial-gradient(circle at 50% 45%,rgba(83,205,241,.12),transparent 18rem),rgba(255,255,255,.025); }
.dhw-tank { position: absolute; top: 4.5rem; right: 17%; bottom: 6.8rem; left: 17%; border: .7rem solid #b8c8cd; border-radius: 4.5rem 4.5rem 2rem 2rem; background: linear-gradient(90deg,#869aa1,#d9e2e4 20%,#f5fafb 48%,#becdd1 78%,#788e96); box-shadow: 0 24px 50px rgba(0,0,0,.34),inset 0 0 0 .35rem rgba(255,255,255,.45); }
.dhw-tank::before { content: "BOYLER"; position: absolute; top: 1.3rem; left: 50%; z-index: 4; color: #274754; font-size: .7rem; font-weight: 900; letter-spacing: .14em; transform: translateX(-50%); }
.dhw-tank-water { position: absolute; z-index: 1; right: 1.3rem; bottom: 1.3rem; left: 1.3rem; height: 68%; border-radius: 1rem 1rem .7rem .7rem; background: linear-gradient(180deg,rgba(255,138,89,.88),rgba(237,89,57,.7) 28%,rgba(42,166,215,.76) 74%,rgba(50,190,232,.86)); box-shadow: inset 0 12px 24px rgba(255,255,255,.18); }
.dhw-tank-coil { position: absolute; z-index: 2; right: 24%; bottom: 14%; left: 24%; height: 40%; border: .65rem solid #ffce78; border-top-color: #ff9a68; border-radius: 50%; box-shadow: 0 0 0 1.2rem rgba(255,190,95,.08),0 0 25px rgba(255,158,92,.36); }
.dhw-tank-coil::before,.dhw-tank-coil::after { content: ""; position: absolute; right: -42%; width: 42%; height: .65rem; border-radius: 999px; background: #ffb06e; box-shadow: 0 0 14px rgba(255,158,92,.35); }
.dhw-tank-coil::before { top: 17%; }
.dhw-tank-coil::after { bottom: 17%; }
.dhw-tank-sensor { position: absolute; z-index: 3; top: 45%; right: 8%; width: .9rem; height: 4.4rem; border-radius: 999px; background: #071b26; box-shadow: 0 0 0 .3rem rgba(255,255,255,.55),0 0 18px rgba(7,27,38,.3); }
.dhw-tank-hot,.dhw-tank-cold,.dhw-tank-charge { position: absolute; z-index: 5; min-width: max-content; padding: .48rem .65rem; border: 1px solid rgba(255,255,255,.18); border-radius: .7rem; color: #fff; background: rgba(7,27,38,.9); font-size: .66rem; font-weight: 800; }
.dhw-tank-hot { top: -3.2rem; left: -3rem; }
.dhw-tank-cold { right: -4.3rem; bottom: -3rem; }
.dhw-tank-charge { right: -5.6rem; bottom: 30%; }
.dhw-tank-legend { position: absolute; right: 1.2rem; bottom: 1.1rem; left: 1.2rem; display: flex; flex-wrap: wrap; justify-content: center; gap: .55rem 1rem; color: #c7d8de; font-size: .68rem; }
.dhw-tank-legend span { display: inline-flex; align-items: center; gap: .4rem; }
.dhw-tank-legend i { width: .62rem; height: .62rem; border-radius: 50%; background: #ff8d63; box-shadow: 0 0 12px currentColor; }
.dhw-tank-legend i.is-coil { background: #ffcb73; }
.dhw-tank-legend i.is-cold { background: #40c2ed; }
.dhw-tank-figure figcaption { margin-top: 1rem; color: #b7cad2; font-size: .74rem; }

.dhw-control-grid { display: grid; grid-template-columns: minmax(28rem,1.05fr) minmax(0,.95fr); gap: clamp(2rem,6vw,6rem); align-items: center; }
.dhw-control-figure { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 2rem; background: radial-gradient(circle at 85% 12%,rgba(22,157,210,.18),transparent 18rem),var(--navy); box-shadow: var(--shadow); }
.dhw-control-figure img { width: 100%; aspect-ratio: 5 / 3; object-fit: cover; }
.dhw-control-figure figcaption { padding: 1rem 1.2rem; color: #b7cad2; font-size: .74rem; }
.dhw-control-list { display: grid; gap: .75rem; }
.dhw-control-list article { display: grid; grid-template-columns: 2.7rem minmax(0,1fr); gap: .85rem; align-items: start; padding: 1rem; border: 1px solid var(--line); border-radius: 1.1rem; background: #fff; box-shadow: var(--shadow-sm); }
.dhw-control-list article > span { width: 2.7rem; height: 2.7rem; display: grid; place-items: center; border-radius: .8rem; color: var(--blue-deep); background: var(--blue-soft); font-size: .7rem; font-weight: 900; }
.dhw-control-list h3 { margin: 0; font-size: 1rem; }
.dhw-control-list p { margin: .25rem 0 0; color: var(--muted); font-size: .76rem; }
#ihtiyac-hesabi,#boyler-esanjor,#kontrol { scroll-margin-top: 9.4rem; }

/* Ticari ısı pompası proje karar sayfası */
.commercial-hero h1 { font-size: clamp(3.55rem,6.2vw,6.7rem); }
.commercial-approach-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.commercial-approach-grid article { min-height: 22rem; display: flex; flex-direction: column; padding: 1.35rem; overflow: hidden; border: 1px solid var(--line); border-radius: 1.45rem; background: #fff; box-shadow: var(--shadow-sm); }
.commercial-approach-grid article > span,.commercial-app-grid article > span,.commercial-criteria-grid article > span { color: var(--blue-deep); font-size: .68rem; font-weight: 900; letter-spacing: .08em; }
.commercial-approach-grid h3,.commercial-app-grid h3,.commercial-criteria-grid h3 { margin: auto 0 .65rem; font-size: 1.2rem; line-height: 1.05; letter-spacing: -.03em; }
.commercial-approach-grid p,.commercial-app-grid p,.commercial-criteria-grid p { margin: 0; color: var(--muted); font-size: .77rem; }
.commercial-card-visual {
  --commercial-visual-accent: #138fbe;
  --commercial-visual-rgb: 19,143,190;
  width: 100%;
  height: 8.6rem;
  flex: 0 0 auto;
  display: block;
  margin: 1rem 0 1.1rem;
  overflow: hidden;
  border: 1px solid rgba(var(--commercial-visual-rgb),.22);
  border-radius: 1rem;
  color: var(--commercial-visual-accent);
  background:
    linear-gradient(rgba(var(--commercial-visual-rgb),.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--commercial-visual-rgb),.055) 1px,transparent 1px),
    radial-gradient(circle at 82% 18%,rgba(var(--commercial-visual-rgb),.18),transparent 42%),
    linear-gradient(145deg,#fbfeff,#f0f9fc);
  background-size: 1.15rem 1.15rem,1.15rem 1.15rem,auto,auto;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
  pointer-events: none;
  shape-rendering: geometricPrecision;
}
.commercial-card-visual--warm { --commercial-visual-accent: #df7149; --commercial-visual-rgb: 223,113,73; }
.commercial-card-visual--mint { --commercial-visual-accent: #279d80; --commercial-visual-rgb: 39,157,128; }
.js .commercial-card-visual[data-reveal] { opacity: 0; transform: translateY(12px) scale(.985); transition: opacity .65s ease,transform .65s cubic-bezier(.2,.7,.25,1); }
.js .commercial-card-visual[data-reveal].is-visible { opacity: 1; transform: none; }

.commercial-load-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.commercial-load-grid article { position: relative; min-height: 26rem; display: flex; flex-direction: column; overflow: hidden; padding: 1.45rem; border-radius: 1.55rem; color: #fff; background: radial-gradient(circle at 85% 12%,rgba(255,151,105,.24),transparent 14rem),linear-gradient(145deg,#071b26,#0a3041); box-shadow: var(--shadow); }
.commercial-load-grid article:nth-child(2) { background: radial-gradient(circle at 85% 12%,rgba(104,217,248,.27),transparent 14rem),linear-gradient(145deg,#071b26,#0a3041); }
.commercial-load-grid article:nth-child(3) { background: radial-gradient(circle at 85% 12%,rgba(72,198,171,.22),transparent 14rem),linear-gradient(145deg,#071b26,#0a3041); }
.commercial-load-grid article::after { content: ""; position: absolute; right: -4rem; bottom: -5rem; width: 15rem; height: 15rem; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 2.8rem rgba(255,255,255,.025),0 0 0 5.6rem rgba(255,255,255,.018); }
.commercial-load-grid article > span { position: relative; z-index: 1; color: #ffad86; font-size: .72rem; font-weight: 900; letter-spacing: .1em; }
.commercial-load-grid article:nth-child(2) > span { color: #6fdcf8; }
.commercial-load-grid article:nth-child(3) > span { color: #7fe0c8; }
.commercial-load-grid .commercial-card-visual {
  position: relative;
  z-index: 1;
  height: 10.25rem;
  margin: 1.2rem 0 1rem;
  border-color: rgba(var(--commercial-visual-rgb),.42);
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    radial-gradient(circle at 82% 18%,rgba(var(--commercial-visual-rgb),.2),transparent 43%),
    rgba(255,255,255,.035);
  background-size: 1.2rem 1.2rem,1.2rem 1.2rem,auto,auto;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.commercial-load-grid h3 { position: relative; z-index: 1; margin: auto 0 .75rem; color: #fff; font-size: clamp(1.45rem,2vw,2rem); line-height: 1.02; letter-spacing: -.04em; }
.commercial-load-grid p { position: relative; z-index: 1; margin: 0; color: #c4d5da; font-size: .79rem; }
.commercial-load-grid small { position: relative; z-index: 1; margin-top: 1.2rem; color: #fff; font-size: .64rem; font-weight: 800; }
.commercial-profile-note { display: grid; grid-template-columns: minmax(12rem,.35fr) minmax(0,1fr); gap: 1.4rem; align-items: center; margin-top: 1rem; padding: 1.15rem 1.3rem; border: 1px solid #bdeaf6; border-radius: 1.2rem; background: #eefdff; }
.commercial-profile-note strong { color: var(--blue-deep); font-size: .9rem; }
.commercial-profile-note p { margin: 0; color: var(--muted); font-size: .76rem; }

.commercial-cascade-grid { display: grid; grid-template-columns: minmax(29rem,1.05fr) minmax(0,.95fr); gap: clamp(2rem,6vw,6rem); align-items: center; }
.commercial-cascade-figure { min-width: 0; margin: 0; padding: clamp(.8rem,1.8vw,1.15rem); overflow: hidden; border: 1px solid rgba(111,220,237,.2); border-radius: 2rem; background: radial-gradient(circle at 15% 8%,rgba(22,157,210,.25),transparent 20rem),rgba(255,255,255,.035); box-shadow: 0 30px 70px rgba(0,0,0,.22); }
.commercial-cascade-figure img { width: 100%; height: auto; display: block; border-radius: 1.35rem; }
.commercial-cascade-figure figcaption { margin: .9rem .2rem .15rem; color: #adc5cc; font-size: .72rem; }
.commercial-cascade-points { display: grid; gap: .7rem; }
.commercial-cascade-points article { display: grid; grid-template-columns: 2.7rem minmax(0,1fr); gap: .85rem; align-items: start; padding: .95rem; border: 1px solid rgba(255,255,255,.12); border-radius: 1.05rem; background: rgba(255,255,255,.055); }
.commercial-cascade-points article > span { width: 2.7rem; height: 2.7rem; display: grid; place-items: center; border-radius: .8rem; color: #061d29; background: #6bdcf8; font-size: .68rem; font-weight: 900; }
.commercial-cascade-points h3 { margin: .05rem 0 .25rem; color: #fff; font-size: .96rem; }
.commercial-cascade-points p { margin: 0; color: #b9cdd3; font-size: .72rem; }
.commercial-cascade-grid .detail-actions { margin-top: 1rem; }

.commercial-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.commercial-photo-card { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 1.55rem; color: #fff; background: var(--navy); box-shadow: var(--shadow); }
.commercial-photo-card > img,.commercial-photo-card picture,.commercial-photo-card picture img { width: 100%; display: block; }
.commercial-photo-card > img,.commercial-photo-card picture img { aspect-ratio: 4 / 5; object-fit: cover; }
.commercial-photo-card picture { overflow: hidden; }
.commercial-photo-card--wide { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(17rem,.7fr); align-items: stretch; }
.commercial-photo-card--wide picture img { height: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.commercial-photo-card figcaption { display: grid; gap: .35rem; padding: 1rem 1.15rem; }
.commercial-photo-card figcaption strong { color: #fff; font-size: .87rem; }
.commercial-photo-card figcaption span { color: #b8cdd4; font-size: .72rem; }
.commercial-photo-card--wide figcaption { align-content: center; padding: 1.4rem; }
.commercial-site-checks { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; margin-top: 1rem; }
.commercial-site-checks span { min-width: 0; padding: .8rem .9rem; border: 1px solid var(--line); border-radius: .9rem; color: var(--ink); background: #fff; box-shadow: var(--shadow-sm); font-size: .71rem; font-weight: 750; }

.commercial-app-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.commercial-app-grid article { min-height: 23rem; display: flex; flex-direction: column; padding: 1.35rem; overflow: hidden; border: 1px solid var(--line); border-radius: 1.45rem; background: linear-gradient(180deg,#fff,#f4fbfd); box-shadow: var(--shadow-sm); }
.commercial-app-grid article:nth-child(even) { background: linear-gradient(180deg,#fff,#fff7f3); }
.commercial-app-grid .commercial-card-visual { height: 8.6rem; }
.commercial-model-table { max-width: 100%; margin-bottom: 1rem; overflow-x: auto; background: #fff; box-shadow: var(--shadow-sm); -webkit-overflow-scrolling: touch; }
.commercial-family-link { display: flex; justify-content: space-between; gap: 1.2rem; align-items: center; padding: 1rem 1.15rem; border: 1px solid var(--line); border-radius: 1.15rem; background: #fff; box-shadow: var(--shadow-sm); }
.commercial-family-link strong { font-size: .9rem; }
.commercial-family-link p { margin: .25rem 0 0; color: var(--muted); font-size: .73rem; }
.commercial-criteria-heading { margin-top: clamp(3.5rem,7vw,6rem); }
.commercial-criteria-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .85rem; }
.commercial-criteria-grid article { min-height: 19rem; display: flex; flex-direction: column; padding: 1.2rem; border: 1px solid var(--line); border-radius: 1.25rem; background: #fff; box-shadow: var(--shadow-sm); }
.commercial-criteria-grid .commercial-card-visual { height: 6.35rem; margin: .8rem 0 .85rem; border-radius: .85rem; }
.commercial-process-section { background: linear-gradient(180deg,#fff,#edf8fb); }

/* Ticari sayfada sabit iletişim kanalları görünür kalırken içeriği örtmesin. */
body.commercial-page .contact-dock__item {
  width: 3.65rem;
  min-width: 3.65rem;
  justify-content: flex-start;
  gap: 0;
  overflow: hidden;
  padding-inline: .65rem;
  transition: width .24s ease, transform .2s ease, box-shadow .2s ease;
}
body.commercial-page .contact-dock__item span {
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  white-space: nowrap;
  transition: max-width .24s ease, margin .24s ease, opacity .18s ease;
}

@media (hover: hover) and (pointer: fine) {
  body.commercial-page .contact-dock__item:hover,
  body.commercial-page .contact-dock__item:focus-visible { width: 12.5rem; }
  body.commercial-page .contact-dock__item:hover span,
  body.commercial-page .contact-dock__item:focus-visible span { max-width: 9rem; margin-left: .7rem; opacity: 1; }
}
#proje-yaklasimi,#yuk-profili,#kaskad-yedeklilik,#saha-altyapi,#uygulama-alanlari,#proje-kriterleri,#sik-sorulanlar { scroll-margin-top: 9.4rem; }

/* Isı pompasında hidrolik tasarım karar sayfası */
.hyd-flow-figure { margin: 0; padding: clamp(1rem,2vw,1.5rem); overflow: hidden; border: 1px solid rgba(111,220,237,.18); border-radius: 2rem; color: #fff; background: radial-gradient(circle at 9% 8%,rgba(22,157,210,.34),transparent 24rem),radial-gradient(circle at 92% 88%,rgba(240,111,72,.16),transparent 18rem),linear-gradient(145deg,#071b26,#0a3041); box-shadow: var(--shadow); }
.hyd-flow { display: grid; grid-template-columns: minmax(11rem,1.15fr) repeat(4,auto minmax(10rem,1fr)); align-items: stretch; gap: .6rem; }
.hyd-flow-node { min-width: 0; min-height: 17rem; display: flex; flex-direction: column; justify-content: end; padding: 1.2rem; border: 1px solid rgba(255,255,255,.12); border-radius: 1.35rem; background: rgba(255,255,255,.07); }
.hyd-flow-node--product { min-height: 19rem; justify-content: space-between; background: radial-gradient(circle at 50% 18%,rgba(111,220,237,.23),transparent 11rem),rgba(255,255,255,.07); }
.hyd-flow-node--product img { width: 100%; height: 9.5rem; object-fit: contain; filter: drop-shadow(0 17px 18px rgba(0,0,0,.34)); }
.hyd-flow-node small { color: #79dcfa; font-size: .61rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.hyd-flow-node h3 { margin: .45rem 0; font-size: 1.08rem; line-height: 1.08; letter-spacing: -.025em; }
.hyd-flow-node p { margin: 0; color: #bfd1d7; font-size: .73rem; }
.hyd-flow-icon { width: 2.9rem; height: 2.9rem; display: grid; place-items: center; margin-bottom: auto; border-radius: .85rem; color: #071b26; background: #68d9f8; box-shadow: 0 0 25px rgba(104,217,248,.36); font-size: 1.35rem; font-weight: 900; }
.hyd-flow-node:nth-of-type(even) .hyd-flow-icon { background: #ff9a70; box-shadow: 0 0 25px rgba(240,111,72,.3); }
.hyd-flow-arrow { align-self: center; color: #6cdaf8; font-size: 1.55rem; font-weight: 900; }
.hyd-flow-figure figcaption { margin: 1rem .2rem 0; color: #a9c1c9; font-size: .74rem; }

.hyd-calc-grid { display: grid; grid-template-columns: minmax(0,.96fr) minmax(28rem,1.04fr); gap: clamp(2rem,6vw,6rem); align-items: center; }
.hyd-equation { display: grid; gap: .45rem; margin-bottom: 1rem; padding: 1.25rem 1.35rem; border: 1px solid rgba(111,220,237,.2); border-radius: 1.35rem; color: #fff; background: radial-gradient(circle at 88% 10%,rgba(22,157,210,.28),transparent 14rem),var(--navy); box-shadow: var(--shadow-sm); }
.hyd-equation strong { color: #79dcfa; font-size: clamp(1.7rem,3.3vw,2.8rem); line-height: 1; letter-spacing: -.04em; }
.hyd-equation span { color: #b9ccd3; font-size: .73rem; }
.hyd-number-list { display: grid; gap: .65rem; margin: 0; padding: 0; list-style: none; }
.hyd-number-list li { display: grid; grid-template-columns: 2.55rem minmax(0,1fr); gap: .8rem; align-items: start; padding: .85rem; border: 1px solid var(--line); border-radius: 1rem; background: rgba(255,255,255,.82); box-shadow: var(--shadow-sm); }
.hyd-number-list li > span { width: 2.55rem; height: 2.55rem; display: grid; place-items: center; border-radius: .75rem; color: var(--blue-deep); background: var(--blue-soft); font-size: .68rem; font-weight: 900; }
.hyd-number-list strong { display: block; font-size: .88rem; }
.hyd-number-list p { margin: .16rem 0 0; color: var(--muted); font-size: .74rem; }
.hyd-curve-figure { min-width: 0; margin: 0; padding: clamp(1rem,2vw,1.4rem); overflow: hidden; border-radius: 2rem; color: #fff; background: #071b26; box-shadow: var(--shadow); }
.hyd-curve-figure svg { width: 100%; height: auto; display: block; border-radius: 1.4rem; }
.hyd-curve-figure figcaption { margin: 1rem .25rem .15rem; color: #b4c8cf; font-size: .74rem; }

.hyd-volume-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.hyd-volume-grid article { position: relative; min-height: 24rem; display: flex; flex-direction: column; overflow: hidden; padding: 1.35rem; border: 1px solid var(--line); border-radius: 1.45rem; background: #fff; box-shadow: var(--shadow-sm); }
.hyd-volume-grid article::after { content: ""; position: absolute; right: -5rem; bottom: -6rem; width: 15rem; height: 15rem; border: 1px solid rgba(22,157,210,.16); border-radius: 50%; box-shadow: 0 0 0 2.8rem rgba(22,157,210,.04),0 0 0 5.6rem rgba(22,157,210,.02); }
.hyd-volume-grid article:nth-child(even)::after { border-color: rgba(240,111,72,.18); box-shadow: 0 0 0 2.8rem rgba(240,111,72,.04),0 0 0 5.6rem rgba(240,111,72,.02); }
.hyd-volume-grid article > span { position: relative; z-index: 1; color: var(--blue-deep); font-size: .66rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.hyd-volume-grid article:nth-child(even) > span { color: #a94024; }
.hyd-volume-icon { position: relative; z-index: 1; width: 3.8rem; height: 3.8rem; display: grid; place-items: center; margin: 2rem 0 3rem; border-radius: 1.05rem; color: #075873; background: #dff7fd; box-shadow: 0 12px 28px rgba(22,157,210,.14); font-size: 1.65rem; font-weight: 900; }
.hyd-volume-grid article:nth-child(even) .hyd-volume-icon { color: #a84427; background: #fff0e9; box-shadow: 0 12px 28px rgba(240,111,72,.13); }
.hyd-volume-grid h3 { position: relative; z-index: 1; margin: auto 0 .55rem; font-size: 1.25rem; line-height: 1.04; letter-spacing: -.035em; }
.hyd-volume-grid p { position: relative; z-index: 1; margin: 0; color: var(--muted); font-size: .76rem; }
.hyd-volume-grid article > small { position: relative; z-index: 1; margin-top: 1rem; color: var(--blue-deep); font-size: .66rem; font-weight: 800; }

.hyd-balance-grid { display: grid; grid-template-columns: minmax(28rem,1.05fr) minmax(0,.95fr); gap: clamp(2rem,6vw,6rem); align-items: center; }
.hyd-photo { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 2rem; background: var(--navy); box-shadow: var(--shadow); }
.hyd-photo picture { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #0a2c3b; }
.hyd-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.25,1); }
.hyd-photo:hover img { transform: scale(1.025); }
.hyd-photo figcaption { padding: 1rem 1.2rem; color: #b9cdd4; font-size: .74rem; }
.hyd-balance-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.hyd-balance-options article { min-width: 0; display: grid; grid-template-columns: 2.55rem minmax(0,1fr); gap: .75rem; align-items: start; padding: 1rem; border: 1px solid var(--line); border-radius: 1.1rem; background: #fff; box-shadow: var(--shadow-sm); }
.hyd-balance-options article > span { width: 2.55rem; height: 2.55rem; display: grid; place-items: center; border-radius: .75rem; color: var(--blue-deep); background: var(--blue-soft); font-size: .68rem; font-weight: 900; }
.hyd-balance-options h3 { margin: .05rem 0 .3rem; font-size: .95rem; line-height: 1.08; }
.hyd-balance-options p { margin: 0; color: var(--muted); font-size: .72rem; }
.hyd-balance-grid .detail-actions { margin-top: 1rem; }
#sistem-akisi,#debi-basinc-kaybi,#su-hacmi,#hidrolik-denge,#proje-kriterleri,#sik-sorulanlar { scroll-margin-top: 9.4rem; }

@media (max-width: 1050px) {
  .model-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .contact-cards { grid-template-columns: 1fr; }
  .ufh-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ufh-flow-arrow { display: none; }
  .ufh-flow-node,.ufh-flow-node--product { min-height: 14rem; }
  .ufh-check-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .radiator-analysis-grid { grid-template-columns: 1fr; }
  .fancoil-season-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .fancoil-season-result { grid-column: 1 / -1; min-height: 20rem; }
  .dhw-demand-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dhw-demand-result { grid-column: 1 / -1; min-height: 20rem; }
  .dhw-cylinder-grid,.dhw-control-grid { grid-template-columns: 1fr; }
  .dhw-tank-figure,.dhw-control-figure { max-width: 48rem; margin-inline: auto; }
  .hyd-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hyd-flow-arrow { display: none; }
  .hyd-flow-node,.hyd-flow-node--product { min-height: 15rem; }
  .hyd-volume-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hyd-balance-grid { grid-template-columns: 1fr; }
  .hyd-photo { width: 100%; max-width: 48rem; margin-inline: auto; }
  .commercial-approach-grid,.commercial-app-grid,.commercial-criteria-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .commercial-cascade-grid { grid-template-columns: 1fr; }
  .commercial-cascade-figure { width: 100%; max-width: 48rem; margin-inline: auto; }
}

@media (max-width: 820px) {
  .network-hero { min-height: auto; padding-top: 8.2rem; }
  .network-hero-grid { grid-template-columns: 1fr; }
  .about-story-grid { grid-template-columns: 1fr; }
  .network-visual { min-height: 27rem; }
  .solution-visual,
  .solution-hero-slider { min-height: 35rem; }
  .network-visual.paired { max-width: 39rem; margin-inline: auto; }
  .family-grid,.document-grid,.editorial-grid { grid-template-columns: 1fr; }
  .insight-grid { grid-template-columns: 1fr; }
  .insight-grid article { min-height: auto; }
  .insight-grid h3 { margin-top: 2.5rem; }
  .decision-band { grid-template-columns: 1fr; }
  .gated-form .form-grid { grid-template-columns: 1fr; }
  .capacity-workspace { grid-template-columns: 1fr; }
  .capacity-result { position: relative; top: auto; }
  .brief-preview { grid-template-columns: 1fr; }
  .network-page .intent-slider { grid-auto-columns: minmax(17rem,76%); }
  .product-showcase-grid { grid-template-columns: 1fr; }
  .underfloor-jump { top: 5.55rem; }
  .underfloor-jump .shell { justify-content: start; }
  .underfloor-jump.is-scrollable { padding-bottom: .35rem; }
  .underfloor-jump.is-scrollable .horizontal-scroll-hint:not([hidden]) { width: var(--shell); display: flex; align-items: center; justify-content: flex-end; gap: .35rem; margin: .18rem auto 0; color: var(--blue-deep); font-size: .64rem; font-weight: 780; }
  .underfloor-jump.is-scrollable .horizontal-scroll-hint b { font-size: .92rem; }
  .ufh-split,.ufh-fit-grid { grid-template-columns: 1fr; }
  .ufh-layer-figure { max-width: 42rem; margin-inline: auto; }
  .ufh-process { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .radiator-temp-grid,.radiator-scenarios { grid-template-columns: 1fr; }
  .radiator-temp-grid article,.radiator-scenarios article { min-height: 13rem; }
  .fancoil-condensation-grid { grid-template-columns: 1fr; }
  .fancoil-condensation-figure { max-width: 46rem; margin-inline: auto; }
  .fancoil-scenarios { grid-template-columns: 1fr; }
  .fancoil-scenarios article { min-height: 13rem; }
  .dhw-cylinder-grid,.dhw-control-grid { grid-template-columns: 1fr; }
  .hyd-calc-grid { grid-template-columns: 1fr; }
  .hyd-curve-figure { width: 100%; max-width: 46rem; margin-inline: auto; }
  .hyd-balance-options { grid-template-columns: 1fr; }
  .commercial-load-grid { grid-template-columns: 1fr; }
  .commercial-load-grid article { min-height: 21rem; }
  .commercial-load-grid .commercial-card-visual { height: clamp(8.4rem,24vw,10rem); }
  .commercial-profile-note { grid-template-columns: 1fr; gap: .45rem; }
  .commercial-gallery { grid-template-columns: 1fr; }
  .commercial-photo-card--wide { grid-column: auto; display: block; }
  .commercial-photo-card--wide picture img { aspect-ratio: 16 / 10; }
  .commercial-site-checks { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .commercial-family-link { align-items: flex-start; flex-direction: column; }
  body.commercial-page .solution-visual,
  body.commercial-page .solution-hero-slider { width: 100%; min-height: 31rem; max-width: 46rem; margin-inline: auto; }
  body.commercial-page .commercial-approach-grid article,
  body.commercial-page .commercial-app-grid article,
  body.commercial-page .commercial-criteria-grid article { min-height: 17rem; }
  body.commercial-page .underfloor-jump::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2.8rem;
    pointer-events: none;
    background: linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.98));
    content: "";
  }
  body.commercial-page .underfloor-jump .shell { padding-inline: .5rem 2.8rem; scroll-padding-inline: .5rem 2.8rem; }
  body.commercial-page .network-page .shell { width: auto; margin-left: .625rem; margin-right: 3.6rem; }
  body.commercial-page .contact-dock__item {
    width: 2.75rem;
    min-width: 2.75rem;
    min-height: 2.75rem;
    justify-content: center;
    padding: .3rem;
  }
  body.commercial-page .contact-dock__item svg { width: 2.15rem; height: 2.15rem; padding: .48rem; }
}

@media (max-width: 560px) {
  .network-hero { padding-top: 7.4rem; }
  .network-hero h1 { font-size: clamp(3rem,15vw,4.7rem); }
  .network-visual { min-height: 21rem; }
  .solution-visual,
  .solution-hero-slider { min-height: 31rem; }
  .solution-hero-slider { border-radius: 1.45rem; }
  .solution-slider-controls { top: .7rem; right: .7rem; }
  .solution-slider-arrow { width: 2.75rem; height: 2.75rem; }
  .solution-slider-dots button { width: 2.75rem; height: 2.75rem; }
  .solution-slide__copy { right: .7rem; bottom: 4.65rem; left: .7rem; max-width: none; padding: 1rem; }
  .solution-slide__copy h2 { font-size: 1.45rem; }
  .solution-slide__copy p { font-size: .72rem; }
  .solution-slide__tags span:nth-child(n+3) { display: none; }
  .solution-slide[data-layout="screen"] .solution-slide__media { inset: 4% 4% 43%; padding: .7rem; }
  .solution-slide[data-layout="product"] .solution-slide__media { inset: 4% -7% 29% 13%; }
  .network-visual.paired { min-height: 22rem; }
  .legal-facts { grid-template-columns: 1fr; }
  .legal-fact { min-height: 0; }
  .network-page .detail-actions { display: grid; }
  .model-grid { grid-template-columns: 1fr; }
  .model-card dl { grid-template-columns: 1fr; }
  .family-card,.editorial-card,.document-card { min-height: 21rem; }
  .document-stack { min-height: 24rem; transform: scale(.8); }
  .capacity-fields,.brief-grid { grid-template-columns: 1fr; }
  .capacity-result dl { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .capacity-result dl div { padding: .58rem .48rem; }
  .capacity-result dt { font-size: .58rem; line-height: 1.25; }
  .capacity-result dd { font-size: .78rem; }
  .capacity-result-actions { grid-template-columns: 1fr; }
  .capacity-whatsapp { grid-column: auto; }
  .brief-actions .button { width: 100%; }
  .product-showcase-card { min-height: 31rem; grid-template-columns: 1fr; }
  .product-showcase-card img { max-height: 19rem; }
  .product-showcase-card--dark img { height: 18rem; }
  .underfloor-hero h1 { font-size: clamp(2.75rem,13.4vw,4.45rem); }
  .radiator-hero h1 { font-size: clamp(2.55rem,12.25vw,4.1rem); }
  .fan-coil-hero h1 { font-size: clamp(2.35rem,10.8vw,3.9rem); }
  .ufh-hero-proof { grid-template-columns: 1fr; gap: .55rem; }
  .underfloor-jump { top: 5.15rem; }
  .underfloor-jump .shell { width: calc(100% - 1rem); }
  #nasil-calisir,#zemin-katmanlari,#uygulama,#proje-kriterleri,#sik-sorulanlar { scroll-margin-top: 10rem; }
  #nasil-degerlendirilir,#sicaklik-kapasite { scroll-margin-top: 10rem; }
  #iki-mevsim,#yogusma-drenaj { scroll-margin-top: 10rem; }
  #ihtiyac-hesabi,#boyler-esanjor,#kontrol { scroll-margin-top: 10rem; }
  #sistem-akisi,#debi-basinc-kaybi,#su-hacmi,#hidrolik-denge,#proje-kriterleri,#sik-sorulanlar { scroll-margin-top: 10rem; }
  .ufh-flow { grid-template-columns: 1fr; }
  .ufh-flow-node,.ufh-flow-node--product { min-height: 12rem; }
  .ufh-flow-node--product img { height: 9.5rem; }
  .ufh-layer-stack { min-height: 25rem; }
  .ufh-layer { min-height: 4rem; padding: .8rem; }
  .ufh-layer--screed { min-height: 7rem; }
  .ufh-gallery,.ufh-check-grid,.ufh-process { grid-template-columns: 1fr; }
  .ufh-check-grid article,.ufh-process li { min-height: 13rem; }
  .ufh-fit-cards article { min-height: 12rem; }
  .ufh-decision-actions { width: 100%; min-width: 0; }
  .fancoil-season-grid { grid-template-columns: 1fr; }
  .fancoil-season-result { grid-column: auto; }
  .fancoil-season-card,.fancoil-season-result { min-height: 22rem; }
  .fancoil-season-icon { margin-bottom: 3rem; }
  .fancoil-diagram { min-height: 26rem; }
  .fancoil-pipes { top: 2.7rem; right: 7%; left: 7%; }
  .fancoil-unit { top: 8rem; right: 8%; left: 8%; height: 8.5rem; padding: 1rem; }
  .fancoil-tray { top: 15.8rem; right: 12%; left: 12%; }
  .fancoil-air { top: 17rem; right: 19%; left: 19%; }
  .fancoil-drain { top: 16.4rem; right: 4%; height: 6rem; }
  .dhw-demand-grid { grid-template-columns: 1fr; }
  .dhw-demand-result { grid-column: auto; }
  .dhw-demand-grid > article { min-height: 21rem; }
  .dhw-demand-icon { margin-bottom: 2.8rem; }
  .dhw-tank-diagram { min-height: 31rem; }
  .dhw-tank { top: 4.2rem; right: 15%; bottom: 7rem; left: 15%; border-width: .55rem; }
  .dhw-tank-hot { left: -1.2rem; }
  .dhw-tank-cold { right: -1.8rem; }
  .dhw-tank-charge { right: -2.8rem; max-width: 8rem; min-width: 0; }
  .dhw-control-figure img { min-height: 16rem; object-fit: cover; }
  .hyd-flow { grid-template-columns: 1fr; }
  .hyd-flow-node,.hyd-flow-node--product { min-height: 13rem; }
  .hyd-flow-node--product img { height: 10rem; }
  .hyd-volume-grid { grid-template-columns: 1fr; }
  .hyd-volume-grid article { min-height: 21rem; }
  .hyd-volume-icon { margin-bottom: 2.4rem; }
  .hyd-balance-options article { grid-template-columns: 2.55rem minmax(0,1fr); }
  .commercial-hero h1 { font-size: clamp(2.45rem,11.7vw,3.95rem); }
  .commercial-approach-grid,.commercial-app-grid,.commercial-criteria-grid,.commercial-site-checks { grid-template-columns: 1fr; }
  .commercial-approach-grid article,.commercial-app-grid article,.commercial-criteria-grid article { min-height: 15rem; }
  .commercial-cascade-figure { border-radius: 1.35rem; }
  .commercial-cascade-points article { grid-template-columns: 2.55rem minmax(0,1fr); }
  .commercial-photo-card > img { aspect-ratio: 4 / 5; }
  body.commercial-page .contact-dock { left: max(.5rem,env(safe-area-inset-left)); right: max(.5rem,env(safe-area-inset-right)); grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.commercial-page .commercial-approach-grid article,
  body.commercial-page .commercial-app-grid article,
  body.commercial-page .commercial-criteria-grid article { min-height: auto; }
  body.commercial-page .commercial-approach-grid h3,
  body.commercial-page .commercial-app-grid h3,
  body.commercial-page .commercial-criteria-grid h3 { margin: .25rem 0 .65rem; }
  body.commercial-page .commercial-card-visual { height: 7.35rem; margin: .8rem 0 .95rem; }
  body.commercial-page .commercial-load-grid .commercial-card-visual { height: 8.75rem; margin-block: 1rem; }
  body.commercial-page .commercial-criteria-grid .commercial-card-visual { height: 5.75rem; margin: .7rem 0 .8rem; }
  body.commercial-page .network-page .shell { width: var(--shell); margin-inline: auto; }
  body.commercial-page .contact-dock__item { width: auto; min-width: 0; min-height: 3.6rem; justify-content: center; gap: .5rem; overflow: visible; padding: .48rem .62rem; }
  body.commercial-page .contact-dock__item span { max-width: none; display: block; overflow: visible; margin-left: 0; opacity: 1; }
  body.commercial-page .site-footer { padding-bottom: 8.5rem; }
  #proje-yaklasimi,#yuk-profili,#kaskad-yedeklilik,#saha-altyapi,#uygulama-alanlari,#proje-kriterleri,#sik-sorulanlar { scroll-margin-top: 10rem; }
}

@media (prefers-reduced-motion: reduce) {
  .family-card,.editorial-card,.solution-slide,.solution-slider-dots button span { transition: none; }
  .js .commercial-card-visual[data-reveal] { opacity: 1; transform: none; transition: none; }
}

/* Long-form legal documents: readable measures and sticky-header-safe anchors. */
.legal-document-body { display:grid; gap:1.25rem; max-width:980px; margin:2rem auto; }
.payment-brand-panel { margin:2rem 0; padding:1.5rem; border-radius:18px; background:#fff; color:#34434a; }
.payment-brand-panel img { display:block; width:min(100%,600px); height:auto; margin:auto; }
.payment-brand-panel p { text-align:center; font-size:.8rem; line-height:1.6; margin:1rem 0 0; color:#52636c; }
.legal-document-body .legal-fact { scroll-margin-top:140px; padding:clamp(1.25rem,3vw,2.5rem); }
.legal-document-body .legal-fact h2 { font-size:clamp(1.4rem,2.5vw,2rem); line-height:1.25; }
.legal-document-body .legal-fact p { max-width:76ch; line-height:1.8; overflow-wrap:anywhere; }
nav[aria-label="Belge bölümleri"] { max-width:980px; margin:auto; }
nav[aria-label="Belge bölümleri"] ul { display:flex; flex-wrap:wrap; gap:.6rem; padding:0; list-style:none; }
nav[aria-label="Belge bölümleri"] a { display:block; padding:.65rem .9rem; border:1px solid #c9e5ed; border-radius:12px; color:#086d91; background:#fff; text-decoration:none; font-size:.9rem; }