*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#050912;color:#fff}a{text-decoration:none;color:inherit}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 6%;background:rgba(5,9,18,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:#ff8a00;font-size:24px}.brand img{width:48px;height:48px;object-fit:cover;border-radius:14px}.menu{display:flex;align-items:center;gap:16px;font-size:14px}.menu a{color:#e8edf6}.menu a:hover{color:#ff9b24}.nav-btn{background:#ff8500!important;color:#fff!important;padding:12px 17px;border-radius:999px;font-weight:900}.hero{min-height:92vh;display:grid;place-items:center;padding:76px 6%;background:linear-gradient(rgba(4,8,16,.76),rgba(4,8,16,.96)),url("/assets/teknik-servis-arka-plan.png") center/cover no-repeat fixed}.hero-card{width:min(1120px,100%);text-align:center;padding:42px;border:1px solid rgba(255,255,255,.16);border-radius:34px;background:rgba(7,14,27,.80);box-shadow:0 30px 110px rgba(0,0,0,.58);backdrop-filter:blur(14px)}.logo{width:174px;max-width:70%;border-radius:26px;margin:0 auto 22px;display:block;box-shadow:0 20px 60px rgba(0,0,0,.36)}.badge{display:inline-block;margin:0 0 18px;padding:9px 16px;border:1px solid rgba(255,133,0,.42);border-radius:999px;color:#ffb35c;background:rgba(255,133,0,.09);font-weight:900;font-size:14px}.hero h1{margin:0 auto;max-width:930px;font-size:clamp(36px,6vw,72px);line-height:1.02;letter-spacing:-2.4px}.hero h1 span{color:#ff8500;display:block}.lead{max-width:800px;margin:24px auto 0;color:#d7dde8;font-size:19px;line-height:1.7}.track-widget{max-width:760px;margin:34px auto 0;padding:22px;border-radius:28px;background:linear-gradient(135deg,rgba(255,133,0,.14),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.30)}.track-widget-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.track-title{display:flex;align-items:center;gap:12px;text-align:left}.track-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:rgba(255,133,0,.16);border:1px solid rgba(255,133,0,.36);font-size:24px}.track-title strong{display:block;font-size:18px}.track-title small{display:block;color:#b8c2d2;margin-top:3px}.track-demo{color:#ffb35c;font-size:13px;font-weight:900}.track-form{display:flex;gap:12px}.track-form input{flex:1;min-width:0;height:58px;padding:0 20px;border-radius:17px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:#fff;font-size:16px;outline:none}.track-form input::placeholder{color:#aeb8c8}.track-form button{height:58px;padding:0 26px;border:0;border-radius:17px;background:linear-gradient(135deg,#ff7600,#ffa000);color:white;font-weight:900;cursor:pointer;box-shadow:0 14px 34px rgba(255,118,0,.28)}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:16px 24px;border-radius:16px;font-weight:900}.primary{background:linear-gradient(135deg,#ff7600,#ffa000);box-shadow:0 12px 30px rgba(255,118,0,.28)}.secondary{background:#fff;color:#111827}.ghost{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px auto 0;max-width:900px}.stat{padding:17px;border-radius:18px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.09)}.stat strong{display:block;color:#ffb35c;font-size:24px}.stat small{color:#cfd6e3}.section{padding:86px 6%;background:#090f19}.dark{background:#050912}.section-head{text-align:center;max-width:820px;margin:0 auto 38px}.section-head h2{font-size:clamp(32px,4.6vw,52px);margin:0 0 12px}.section-head p{color:#cfd6e3;line-height:1.7;font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1180px;margin:auto}.card{position:relative;overflow:hidden;padding:26px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 60px rgba(0,0,0,.25)}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,133,0,.13),transparent 36%);pointer-events:none}.card>*{position:relative;z-index:1}.icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(255,133,0,.14);border:1px solid rgba(255,133,0,.30);font-size:26px;margin-bottom:16px}.card h3{margin:0 0 9px;font-size:24px;color:#fff}.card p{margin:0;color:#cfd6e3;line-height:1.65}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1180px;margin:auto;align-items:center}.showcase{border-radius:30px;padding:30px;background:linear-gradient(135deg,rgba(255,133,0,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.12)}.mock{border-radius:24px;background:#0b1220;border:1px solid rgba(255,255,255,.12);padding:22px;box-shadow:0 25px 80px rgba(0,0,0,.35)}.mock-row{display:flex;justify-content:space-between;gap:10px;padding:14px;border-radius:14px;background:rgba(255,255,255,.06);margin:10px 0;color:#dbe4f0}.ok{color:#ffb35c;font-weight:900}.pricing{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-card{padding:28px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden}.price-card.best{outline:2px solid #ff8500;transform:translateY(-10px)}.popular{position:absolute;top:18px;right:-42px;transform:rotate(35deg);background:#ff8500;padding:8px 48px;font-size:12px;font-weight:900}.price-card h3{font-size:32px;margin:0 0 8px}.desc{color:#cfd6e3;line-height:1.6;min-height:52px}.price{margin:22px 0;padding:18px;border-radius:18px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.1)}.price small{display:block;color:#aeb8c8}.price strong{font-size:38px}.havale{margin-top:10px;padding:15px;border-radius:16px;background:rgba(255,133,0,.09);border:1px solid rgba(255,133,0,.30);color:#ffb35c;font-weight:900}ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}li{color:#e5ebf5;padding-left:29px;position:relative;line-height:1.45}li:before{content:"✓";position:absolute;left:0;color:#ff9b24;font-weight:900}.cta{text-align:center;padding:90px 6%;background:radial-gradient(circle at center,rgba(255,133,0,.18),transparent 36%),linear-gradient(135deg,#101827,#050912)}.cta h2{font-size:clamp(32px,5vw,58px);margin:0 0 14px}.cta p{color:#cfd6e3;font-size:18px;line-height:1.7}.footer{text-align:center;padding:28px;color:#9ea7b6;background:#04070c}@media(max-width:950px){.menu{flex-wrap:wrap}.hero{padding:45px 4%;background-attachment:scroll}.hero-card{padding:30px 18px}.track-widget-top{flex-direction:column;align-items:flex-start}.track-form{flex-direction:column}.track-form button{width:100%}.stats,.grid,.split,.pricing{grid-template-columns:1fr}.price-card.best{transform:none}.nav{position:relative;align-items:flex-start;flex-direction:column}}/* TURUNCUPC PREMIUM SERVIS SORGU KUTUSU */
.track-widget{
  max-width:780px!important;
  margin:38px auto 0!important;
  padding:24px!important;
  border-radius:30px!important;
  background:
    linear-gradient(135deg,rgba(255,133,0,.18),rgba(255,255,255,.055)),
    rgba(7,14,27,.86)!important;
  border:1px solid rgba(255,133,0,.30)!important;
  box-shadow:
    0 26px 80px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 45px rgba(255,133,0,.10)!important;
  backdrop-filter:blur(16px)!important;
  position:relative!important;
  overflow:hidden!important;
}
.track-widget:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(circle at 12% 15%,rgba(255,133,0,.24),transparent 28%),
    radial-gradient(circle at 90% 20%,rgba(255,255,255,.12),transparent 25%);
  pointer-events:none;
}
.track-widget>*{position:relative;z-index:1}
.track-widget-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:18px!important;
}
.track-title{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  text-align:left!important;
}
.track-icon{
  width:56px!important;
  height:56px!important;
  border-radius:19px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,rgba(255,118,0,.24),rgba(255,160,0,.10))!important;
  border:1px solid rgba(255,133,0,.42)!important;
  box-shadow:0 14px 34px rgba(255,118,0,.12)!important;
  font-size:27px!important;
}
.track-title strong{
  display:block!important;
  font-size:20px!important;
  color:#fff!important;
  letter-spacing:-.3px!important;
}
.track-title small{
  display:block!important;
  color:#cdd6e5!important;
  margin-top:4px!important;
  line-height:1.35!important;
}
.track-demo{
  white-space:nowrap!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  background:rgba(255,133,0,.13)!important;
  border:1px solid rgba(255,133,0,.34)!important;
  color:#ffbd75!important;
  font-size:13px!important;
  font-weight:900!important;
}
.track-form{
  display:flex!important;
  gap:12px!important;
  padding:8px!important;
  border-radius:22px!important;
  background:rgba(0,0,0,.26)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.track-form input{
  flex:1!important;
  min-width:0!important;
  height:60px!important;
  padding:0 22px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.085)!important;
  color:#fff!important;
  font-size:16px!important;
  outline:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
.track-form input::placeholder{color:#9eaabd!important}
.track-form input:focus{
  border-color:rgba(255,133,0,.55)!important;
  box-shadow:0 0 0 4px rgba(255,133,0,.12)!important;
}
.track-form button{
  height:60px!important;
  padding:0 30px!important;
  min-width:150px!important;
  border:0!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ff7600,#ffa000)!important;
  color:white!important;
  font-weight:900!important;
  letter-spacing:.3px!important;
  cursor:pointer!important;
  box-shadow:0 16px 36px rgba(255,118,0,.30)!important;
  transition:.18s ease!important;
}
.track-form button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 20px 42px rgba(255,118,0,.38)!important;
}
.track-mini-note{
  margin-top:12px!important;
  color:#9ea7b6!important;
  font-size:12px!important;
}
@media(max-width:720px){
  .track-widget{padding:18px!important}
  .track-widget-top{align-items:flex-start!important;flex-direction:column!important}
  .track-form{flex-direction:column!important}
  .track-form button{width:100%!important}
}
/* NAV MENU SIZE FIX */
.nav{padding:16px 6%;}
.menu{gap:22px;font-size:17px;font-weight:800;}
.menu a{white-space:nowrap;}
.nav-btn{padding:14px 22px;font-size:17px;}
.brand{font-size:27px;}
.brand img{width:54px;height:54px;}
@media(max-width:950px){
  .menu{font-size:16px;gap:14px;}
  .nav-btn{font-size:16px;padding:12px 18px;}
}

/* Blog Styles */
.blog-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
}

.blog-posts {
    display: grid;
    gap: 30px;
}

.blog-post {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.blog-post h2 {
    margin: 0 0 10px;
    font-size: 24px;
}

.blog-post h2 a {
    color: #ff790b;
    text-decoration: none;
}

.post-meta {
    color: #64748b;
    font-size: 14px;
    margin-bottom: 15px;
}

.post-content {
    line-height: 1.6;
}

@media(max-width: 768px) {
    .blog-container {
        padding: 20px 15px;
    }
}

/* Reviews Page Styles */
.reviews-section {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
}

.review-form {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    padding: 30px;
    margin-bottom: 40px;
}

.review-form h2 {
    color: #ff790b;
    margin-top: 0;
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    color: #dbe4f0;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 12px 16px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 12px;
    color: #fff;
}

.form-group textarea {
    height: 120px;
}

.rating-stars {
    display: flex;
    gap: 8px;
}

.rating-stars input {
    display: none;
}

.rating-stars label {
    font-size: 24px;
    color: #64748b;
    cursor: pointer;
}

.rating-stars input:checked ~ label,
.rating-stars label:hover,
.rating-stars label:hover ~ label {
    color: #ff790b;
}

.submit-btn {
    background: linear-gradient(135deg,#ff790b,#ffa42e);
    color: white;
    border: none;
    padding: 14px 28px;
    border-radius: 12px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 12px 30px rgba(255,121,11,.28);
}

.reviews-list {
    margin-top: 40px;
}

.review-item {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    padding: 24px;
    margin-bottom: 20px;
}

.review-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.review-name {
    font-weight: 900;
    color: #ff790b;
}

.review-date {
    color: #94a3b8;
    font-size: 14px;
}

.star-rating {
    color: #ff790b;
    margin-bottom: 12px;
}

.success-message {
    background: rgba(22,163,74,.12);
    color: #16a34a;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid rgba(22,163,74,.30);
}

@media(max-width: 768px) {
    .reviews-section {
        padding: 20px 15px;
    }
}

/* FAQ Styles */
.faq-section {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
}

.faq-container {
    margin-top: 30px;
}

.faq-item {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    padding: 24px;
    margin-bottom: 20px;
}

.faq-question h3 {
    margin: 0;
    color: #ff790b;
    font-size: 20px;
}

.faq-answer {
    margin-top: 12px;
    color: #dbe4f0;
    line-height: 1.6;
}

@media(max-width: 768px) {
    .faq-section {
        padding: 20px 15px;
    }
}