
/* TORR MASTER PROJECT — Premium Ana Sayfa v2.8 */

.premium-home{background:#fff}

.premium-hero{
  position:relative;
  overflow:hidden;
  min-height:780px;
  display:grid;
  align-items:center;
  padding-top:84px;
  background:
    radial-gradient(circle at 82% 18%,rgba(105,55,170,.30),transparent 30%),
    radial-gradient(circle at 16% 82%,rgba(105,55,170,.15),transparent 28%),
    linear-gradient(135deg,#0d0912 0%,#1b1028 52%,#2c1745 100%);
  color:#fff;
}

.premium-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,#000,transparent 88%);
}

.premium-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:76px;
  align-items:center;
  padding-block:92px 76px;
}

.premium-hero-copy h1{
  max-width:880px;
  margin:0;
  font-size:clamp(58px,6.8vw,106px);
  line-height:.95;
  letter-spacing:-.065em;
}

.premium-hero-copy h1 span{
  display:block;
  color:#c7a5ef;
}

.premium-hero-copy>p:not(.eyebrow){
  max-width:710px;
  margin:28px 0 0;
  color:#d9cfdf;
  font-size:20px;
  line-height:1.75;
}

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

.premium-hero-actions .btn-secondary{
  border-color:rgba(255,255,255,.32);
  color:#fff;
}

.premium-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:36px 0 0;
  padding:0;
  list-style:none;
}

.premium-trust li{
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:#ddd1e6;
  font-size:13px;
  font-weight:750;
}

.premium-machine-stage{
  position:relative;
  min-height:560px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:38px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:38px;
  background:rgba(255,255,255,.06);
  box-shadow:0 46px 110px rgba(0,0,0,.34);
  backdrop-filter:blur(16px);
}

.premium-machine{
  position:relative;
  min-height:360px;
  border-radius:25px;
  background:linear-gradient(160deg,#f7f6f8,#a9a2b4 70%);
  clip-path:polygon(0 8%,84% 0,100% 15%,100% 100%,0 100%);
  box-shadow:0 42px 80px rgba(0,0,0,.42);
}

.premium-machine .brand{
  position:absolute;
  left:9%;
  top:21%;
  color:#5b2ca0;
  font-size:clamp(66px,8vw,106px);
  font-weight:950;
  letter-spacing:-.075em;
}

.premium-machine .series{
  position:absolute;
  left:10%;
  top:51%;
  color:#3b3541;
  font-size:13px;
  font-weight:950;
  letter-spacing:.2em;
}

.premium-machine .panel{
  position:absolute;
  right:9%;
  top:20%;
  width:21%;
  height:29%;
  border-radius:8px;
  background:#211b28;
  box-shadow:inset 0 0 0 5px #4a4350;
}

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

.premium-machine-note{
  margin:22px 0 0;
  color:#bfaeca;
  font-size:12px;
  text-align:center;
}

.premium-stats{
  position:relative;
  z-index:2;
  transform:translateY(50%);
}

.premium-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
  border:1px solid rgba(91,44,160,.14);
  border-radius:25px;
  background:#fff;
  box-shadow:0 30px 85px rgba(31,18,48,.17);
}

.premium-stat{
  min-height:160px;
  padding:27px;
  border-right:1px solid rgba(91,44,160,.12);
}

.premium-stat:last-child{border-right:0}

.premium-stat strong{
  display:block;
  color:#5b2ca0;
  font-size:clamp(36px,4vw,54px);
  line-height:1;
  letter-spacing:-.045em;
}

.premium-stat span{
  display:block;
  margin-top:12px;
  color:#6f6878;
  font-weight:750;
  line-height:1.5;
}

.home-section{
  padding-block:120px;
}

.home-section-header{
  max-width:880px;
  margin-bottom:50px;
}

.home-section-header h2,
.energy-copy h2,
.continuity-copy h2{
  margin:0;
  font-size:clamp(40px,4.7vw,68px);
  line-height:1.04;
  letter-spacing:-.05em;
}

.home-section-header>p:not(.eyebrow),
.energy-copy>p:not(.eyebrow),
.continuity-copy>p:not(.eyebrow){
  color:#6f6878;
  font-size:18px;
  line-height:1.8;
}

.premium-product-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.premium-product{
  min-height:470px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(91,44,160,.14);
  border-radius:25px;
  background:#fff;
  transition:.25s;
}

.premium-product:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 80px rgba(31,18,48,.13);
}

.premium-product-visual{
  min-height:210px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:28px;
  background:
    radial-gradient(circle at 76% 22%,rgba(91,44,160,.20),transparent 28%),
    linear-gradient(140deg,#f8f5fb,#e9e0f4);
}

.premium-product-visual strong{
  color:#5b2ca0;
  font-size:54px;
  line-height:1;
  letter-spacing:-.05em;
}

.premium-product-visual span{
  margin-top:8px;
  color:#6f6878;
  font-size:13px;
  font-weight:850;
}

.premium-product-body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:28px;
}

.premium-product-body h3{
  margin:0 0 12px;
  font-size:27px;
}

.premium-product-body p{
  margin:0;
  color:#6f6878;
  line-height:1.72;
}

.premium-product-specs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin:22px 0;
}

.premium-product-specs span{
  padding:10px;
  border-radius:10px;
  background:#f7f5fa;
  color:#534b5c;
  font-size:12px;
  font-weight:750;
}

.premium-product-body a{
  margin-top:auto;
  color:#5b2ca0;
  font-weight:900;
}

.energy-section{
  background:linear-gradient(135deg,#f7f5fa,#eee7f8);
}

.energy-grid{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:70px;
  align-items:start;
}

.energy-calculator{
  padding:32px;
  border:1px solid rgba(91,44,160,.14);
  border-radius:27px;
  background:#fff;
  box-shadow:0 28px 80px rgba(31,18,48,.12);
}

.energy-form{
  display:grid;
  gap:17px;
}

.energy-form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

.energy-form label{
  display:grid;
  gap:8px;
  color:#17131e;
  font-weight:800;
}

.energy-form input,
.energy-form select{
  width:100%;
  padding:14px 15px;
  border:1px solid rgba(91,44,160,.16);
  border-radius:12px;
  background:#fff;
  color:#17131e;
  font:inherit;
}

.energy-disclaimer{
  margin:0;
  color:#7c7384;
  font-size:12px;
  line-height:1.6;
}

.energy-results{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-top:22px;
}

.energy-result{
  padding:20px;
  border-radius:17px;
  background:#f7f5fa;
}

.energy-result.highlight{
  background:linear-gradient(135deg,#5b2ca0,#35136f);
  color:#fff;
}

.energy-result span{
  display:block;
  color:#6f6878;
  font-size:12px;
  font-weight:800;
}

.energy-result.highlight span{color:#d9cde4}

.energy-result strong{
  display:block;
  margin-top:8px;
  font-size:24px;
  line-height:1.15;
}

.energy-result small{
  display:block;
  margin-top:6px;
  color:#817789;
}

.energy-result.highlight small{color:#dacfe5}

.energy-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}

.sector-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}

.sector-card{
  min-height:210px;
  padding:24px;
  border:1px solid rgba(91,44,160,.14);
  border-radius:20px;
  background:#fff;
}

.sector-card span{
  display:block;
  color:#5b2ca0;
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
}

.sector-card h3{
  margin:34px 0 10px;
  font-size:22px;
}

.sector-card p{
  margin:0;
  color:#6f6878;
  line-height:1.65;
}

.continuity-section{
  background:linear-gradient(135deg,#35136f,#160c24);
  color:#fff;
}

.continuity-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}

.continuity-copy>p:not(.eyebrow){color:#d8cde3}

.continuity-points{
  display:grid;
  gap:14px;
}

.continuity-point{
  display:flex;
  gap:18px;
  padding:22px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:rgba(255,255,255,.07);
}

.continuity-point>span{
  color:#c9adea;
  font-weight:950;
}

.continuity-point h3{
  margin:0 0 6px;
  font-size:21px;
}

.continuity-point p{
  margin:0;
  color:#d8cde3;
  line-height:1.65;
}

.premium-final-cta{
  text-align:center;
  background:#fff;
}

.premium-final-cta .container{
  max-width:980px;
}

.premium-final-cta h2{
  margin:0;
  font-size:clamp(42px,5.5vw,78px);
  line-height:1.02;
  letter-spacing:-.055em;
}

.premium-final-cta p{
  max-width:760px;
  margin:22px auto 0;
  color:#6f6878;
  font-size:18px;
  line-height:1.78;
}

.premium-final-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-top:30px;
}

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

@media(max-width:1020px){
  .premium-hero-grid,
  .energy-grid,
  .continuity-grid{
    grid-template-columns:1fr;
  }

  .premium-hero{min-height:auto}
  .premium-machine-stage{min-height:500px}
  .premium-stats{transform:translateY(35%)}
  .premium-stats-grid{grid-template-columns:1fr 1fr}
  .premium-stat:nth-child(2){border-right:0}
  .premium-stat:nth-child(-n+2){border-bottom:1px solid rgba(91,44,160,.12)}
  .premium-product-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:680px){
  .premium-hero{padding-top:70px}
  .premium-hero-grid{padding-block:56px 44px;gap:38px}
  .premium-hero-copy h1{font-size:clamp(50px,15vw,72px)}
  .premium-hero-actions{display:grid}
  .premium-hero-actions .btn{width:100%}
  .premium-machine-stage{min-height:390px;padding:22px;border-radius:27px}
  .premium-machine{min-height:260px}
  .premium-stats{transform:translateY(22%)}
  .premium-stats-grid,
  .premium-product-grid,
  .energy-form-row,
  .energy-results,
  .sector-grid{grid-template-columns:1fr}
  .premium-stat{border-right:0;border-bottom:1px solid rgba(91,44,160,.12)!important}
  .premium-stat:last-child{border-bottom:0!important}
  .home-section{padding-block:88px}
  .energy-calculator{padding:22px}
  .energy-actions,
  .premium-final-actions{display:grid}
  .energy-actions .btn,
  .premium-final-actions .btn{width:100%}
}
