/*
TORR MASTER PROJECT
Page: TSC Serisi
Version: v1.9
*/

:root{
  --tsc-purple:#5b2ca0;
  --tsc-purple-dark:#35136f;
  --tsc-purple-soft:#eee7f8;
  --tsc-ink:#17131e;
  --tsc-muted:#6f6878;
  --tsc-line:rgba(91,44,160,.14);
  --tsc-surface:#f7f5fa;
  --tsc-shadow:0 26px 70px rgba(31,18,48,.12);
}

.tsc-page{padding-top:84px;background:#fff}

.breadcrumb{
  border-bottom:1px solid var(--tsc-line);
  background:#fff;
}

.breadcrumb .container{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--tsc-muted);
  font-size:13px;
}

.breadcrumb a{color:var(--tsc-muted)}
.breadcrumb a:hover{color:var(--tsc-purple)}

.tsc-hero{
  background:
    radial-gradient(circle at 86% 18%,rgba(91,44,160,.18),transparent 30%),
    linear-gradient(135deg,#fff 0%,#faf8fd 56%,#f0e9f9 100%);
}

.tsc-hero-grid{
  min-height:690px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:72px;
  align-items:center;
  padding-block:76px;
}

.tsc-hero h1{
  margin:0;
  font-size:clamp(54px,6vw,88px);
  line-height:1;
  letter-spacing:-.06em;
}

.tsc-hero-lead{
  max-width:680px;
  margin-top:26px;
  color:var(--tsc-muted);
  font-size:19px;
  line-height:1.75;
}

.tsc-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}

.tsc-key-data{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:38px 0 0;
}

.tsc-key-data div{
  padding:18px;
  border:1px solid var(--tsc-line);
  border-radius:18px;
  background:rgba(255,255,255,.74);
}

.tsc-key-data dt{
  color:var(--tsc-muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tsc-key-data dd{
  margin:7px 0 0;
  color:var(--tsc-ink);
  font-size:20px;
  font-weight:900;
}

.tsc-product-visual{
  min-height:520px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:22px;
  padding:40px;
  border-radius:36px;
  background:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(145deg,#2a2134,#0f0c14);
  background-size:42px 42px,42px 42px,auto;
  box-shadow:var(--tsc-shadow);
}

.machine{
  position:relative;
  min-height:320px;
  border-radius:22px;
  background:linear-gradient(160deg,#f5f4f7,#a9a3b4);
  clip-path:polygon(0 8%,84% 0,100% 15%,100% 100%,0 100%);
  box-shadow:0 38px 68px rgba(0,0,0,.35);
}

.machine-brand{
  position:absolute;
  top:22%;
  left:10%;
  color:var(--tsc-purple);
  font-size:clamp(50px,7vw,82px);
  font-weight:950;
  letter-spacing:-.06em;
}

.machine-series{
  position:absolute;
  top:47%;
  left:11%;
  color:#37313d;
  font-size:13px;
  font-weight:900;
  letter-spacing:.18em;
}

.machine-panel{
  position:absolute;
  top:20%;
  right:10%;
  width:20%;
  height:28%;
  border-radius:7px;
  background:#211b28;
  box-shadow:inset 0 0 0 5px #4a4350;
}

.machine-vent{
  position:absolute;
  right:8%;
  bottom:14%;
  width:38%;
  height:22%;
  border-radius:7px;
  background:repeating-linear-gradient(to bottom,#4b4550 0 7px,#252129 7px 13px);
}

.tsc-product-visual>p{
  margin:0;
  color:#cfc2dc;
  font-size:12px;
  text-align:center;
}

.tsc-overview-grid,
.applications-grid,
.maintenance-grid,
.tsc-cta-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:76px;
  align-items:start;
}

.tsc-overview h2,
.applications-section h2,
.maintenance-section h2,
.tsc-cta h2{
  margin-top:0;
  font-size:clamp(36px,4.1vw,58px);
  line-height:1.08;
  letter-spacing:-.04em;
}

.tsc-overview-copy p,
.applications-section>div>div>p,
.maintenance-section p{
  color:var(--tsc-muted);
  font-size:18px;
  line-height:1.82;
}

.tsc-benefits,
.models-section,
.system-section{
  background:var(--tsc-surface);
}

.benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:46px;
}

.benefit-grid article,
.application-list article,
.system-flow article{
  padding:28px;
  border:1px solid var(--tsc-line);
  border-radius:22px;
  background:#fff;
}

.benefit-grid span,
.system-flow span{
  display:block;
  margin-bottom:30px;
  color:var(--tsc-purple);
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
}

.benefit-grid h3,
.application-list h3,
.system-flow h3{
  margin:0 0 12px;
  font-size:23px;
}

.benefit-grid p,
.application-list p,
.system-flow p{
  margin:0;
  color:var(--tsc-muted);
  line-height:1.7;
}

.table-wrapper{
  overflow-x:auto;
  margin-top:42px;
  border:1px solid var(--tsc-line);
  border-radius:22px;
  background:#fff;
}

.models-table{
  width:100%;
  min-width:840px;
  border-collapse:collapse;
}

.models-table th,
.models-table td{
  padding:20px;
  border-bottom:1px solid var(--tsc-line);
  text-align:left;
  vertical-align:top;
}

.models-table thead th{
  background:var(--tsc-purple-dark);
  color:#fff;
  font-size:13px;
  letter-spacing:.04em;
}

.models-table tbody th{
  color:var(--tsc-purple);
  font-weight:900;
}

.models-table tbody tr:last-child th,
.models-table tbody tr:last-child td{
  border-bottom:0;
}

.technical-note{
  margin:20px 0 0;
  color:var(--tsc-muted);
  font-size:13px;
}

.application-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.system-flow{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  margin-top:44px;
}

.maintenance-list{
  display:grid;
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}

.maintenance-list li{
  position:relative;
  padding:20px 20px 20px 58px;
  border:1px solid var(--tsc-line);
  border-radius:18px;
  background:#fff;
  color:var(--tsc-muted);
}

.maintenance-list li::before{
  content:"✓";
  position:absolute;
  left:20px;
  top:18px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--tsc-purple-soft);
  color:var(--tsc-purple);
  font-weight:900;
}

.tsc-cta{
  background:var(--tsc-purple);
  color:#fff;
}

.tsc-cta p:not(.eyebrow){color:#e0d6ec}

.tsc-cta-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px;
  align-self:center;
}

@media(max-width:1100px){
  .system-flow{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:1020px){
  .tsc-hero-grid,
  .tsc-overview-grid,
  .applications-grid,
  .maintenance-grid,
  .tsc-cta-grid{
    grid-template-columns:1fr;
  }

  .tsc-hero-grid{min-height:auto}
  .tsc-product-visual{min-height:460px}
  .benefit-grid{grid-template-columns:1fr 1fr}
  .tsc-cta-actions{justify-content:flex-start}
}

@media(max-width:680px){
  .tsc-page{padding-top:70px}
  .tsc-hero-grid{padding-block:52px;gap:38px}
  .tsc-hero h1{font-size:clamp(46px,14vw,68px)}
  .tsc-hero-actions{display:grid}
  .tsc-hero-actions .btn{width:100%}
  .tsc-key-data{grid-template-columns:1fr}
  .tsc-product-visual{min-height:360px;padding:22px;border-radius:26px}
  .machine{min-height:250px}
  .benefit-grid,
  .application-list,
  .system-flow{grid-template-columns:1fr}
  .tsc-cta-actions{display:grid}
  .tsc-cta-actions .btn{width:100%}
}