/* =====================================================================
   SAATLİK ÜCRET TARİFESİ — /saatlik-ucret · /en/hourly-rates
   kurumsal.css (.k-) üzerine kurulur; buradaki önek .t-
   Açık tema kuralı: koyu zemin yok, arka plan görseli yok.
   ===================================================================== */

/* ---------- hero sağ panel: tarife fişi ---------- */
.t-ticket{background:#fff;border:1px solid rgba(26,22,18,.09);border-radius:24px;overflow:hidden;
  box-shadow:0 40px 80px -50px rgba(26,22,18,.45);position:relative}
.t-ticket::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#ef4444,#b91c1c)}
.t-ticket-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:18px 22px 14px;border-bottom:1px dashed rgba(26,22,18,.14)}
.t-ticket-head strong{font-size:13.5px;font-weight:830;color:#141210;letter-spacing:-.1px}
.t-ticket-head small{display:block;font-size:11.5px;color:#7b756b;font-weight:600;margin-top:2px}
.t-ticket-year{font-family:"JetBrains Mono",monospace;font-size:22px;font-weight:700;color:#dc2626;letter-spacing:-1px}
.t-ticket table{width:100%;border-collapse:collapse}
.t-ticket th{font-size:11px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:#8a8378;
  text-align:left;padding:12px 22px 8px}
.t-ticket th:last-child,.t-ticket td:last-child{text-align:right}
.t-ticket td{padding:11px 22px;border-top:1px solid rgba(26,22,18,.055);font-size:14px;color:#141210;font-weight:700}
.t-ticket td small{display:block;font-size:11.5px;font-weight:600;color:#8a8378;margin-top:1px}
.t-ticket td.price{font-family:"JetBrains Mono",monospace;font-weight:700;font-size:15px;white-space:nowrap}
.t-ticket td.price span{font-size:11px;color:#8a8378;font-weight:500;font-family:Manrope,sans-serif;margin-left:3px}
.t-ticket-group td{padding-top:14px;padding-bottom:6px;border-top:1px dashed rgba(26,22,18,.14);
  font-size:12px;font-weight:850;color:#b91c1c;letter-spacing:.6px;text-transform:uppercase}
.t-ticket-group td i{margin-right:6px;font-size:11px}
.t-ticket-foot{padding:13px 22px;background:#faf8f5;border-top:1px dashed rgba(26,22,18,.14);
  font-size:12px;font-weight:650;color:#6f6a60;display:flex;flex-wrap:wrap;gap:6px 16px}
.t-ticket-foot span{display:inline-flex;align-items:center;gap:6px}
.t-ticket-foot i{color:#dc2626;font-size:10.5px}

/* ---------- kategori anahtarı (Yazılım / Tasarım) ---------- */
.t-seg{display:inline-flex;padding:5px;border-radius:99px;background:#fff;border:1px solid rgba(26,22,18,.1);
  box-shadow:0 10px 30px -18px rgba(26,22,18,.35);gap:4px;margin:0 auto 40px}
.t-seg-wrap{text-align:center}
.t-seg button{appearance:none;border:0;background:transparent;cursor:pointer;padding:12px 26px;border-radius:99px;
  font:800 14px Manrope,sans-serif;color:#55504a;display:inline-flex;align-items:center;gap:9px;
  transition:background .2s,color .2s,box-shadow .2s}
.t-seg button i{font-size:13px;opacity:.75}
.t-seg button.on{background:linear-gradient(120deg,#ef4444,#dc2626);color:#fff;
  box-shadow:0 12px 26px -12px rgba(220,38,38,.7)}
.t-seg button.on i{opacity:1}
.t-cat{display:none}
.t-cat.on{display:block;animation:fadeUp .45s ease-out}
.t-cat-sub{text-align:center;font-size:14.5px;color:#7b756b;font-weight:600;margin:-22px 0 32px}

/* ---------- kademe kartları ---------- */
.t-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
@media(max-width:1023px){.t-tiers{grid-template-columns:1fr;max-width:560px;margin:0 auto}}
.t-tier{position:relative;background:#fff;border:1px solid rgba(26,22,18,.08);border-radius:24px;
  padding:32px 30px 28px;display:flex;flex-direction:column;
  transition:border-color .18s,transform .18s,box-shadow .18s}
.t-tier:hover{border-color:rgba(220,38,38,.22);transform:translateY(-4px);box-shadow:0 28px 56px -32px rgba(26,22,18,.4)}
.t-tier--one{border-color:rgba(220,38,38,.35);box-shadow:0 30px 60px -34px rgba(220,38,38,.45)}
.t-tier--one::before{content:"";position:absolute;inset:-1px;border-radius:25px;padding:1.5px;pointer-events:none;
  background:linear-gradient(140deg,#ef4444,#b91c1c 60%,#fca5a5);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.t-tier-flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;
  padding:6px 14px;border-radius:99px;background:linear-gradient(120deg,#ef4444,#b91c1c);color:#fff;
  font-size:11px;font-weight:850;letter-spacing:.7px;text-transform:uppercase;
  box-shadow:0 10px 20px -10px rgba(220,38,38,.8)}
.t-tier-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.t-tier-top h3{font-size:22px;font-weight:880;letter-spacing:-.5px;margin:0;color:#141210;line-height:1.1}
.t-tier-top small{display:block;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  color:#b91c1c;margin-top:7px}
.t-lvl{display:inline-flex;gap:3px;flex:none;margin-top:5px}
.t-lvl i{width:7px;height:18px;border-radius:3px;background:rgba(26,22,18,.09)}
.t-lvl i.on{background:linear-gradient(180deg,#ef4444,#b91c1c)}
.t-tier-kime{font-size:14.5px;line-height:1.66;color:#55504a;margin:0 0 20px;min-height:48px}
.t-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:18px 0;margin-bottom:18px;
  border-top:1px solid rgba(26,22,18,.07);border-bottom:1px solid rgba(26,22,18,.07)}
.t-price .from{font-size:11.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#8a8378;width:100%}
.t-price .num{font-family:"JetBrains Mono",monospace;font-size:clamp(30px,3.2vw,38px);font-weight:700;
  letter-spacing:-1.5px;line-height:1;color:#141210}
.t-tier--one .t-price .num{background:linear-gradient(120deg,#ef4444,#b91c1c);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent}
.t-price .unit{font-size:14px;font-weight:700;color:#7b756b}
.t-price .vat{width:100%;font-size:12px;color:#a09a90;font-weight:600}
.t-tier-lbl{font-size:11px;font-weight:850;letter-spacing:.9px;text-transform:uppercase;color:#8a8378;margin:0 0 10px}
.t-tier ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px}
.t-tier ul li{display:flex;gap:10px;font-size:14px;line-height:1.5;color:#3f3a32;font-weight:600}
.t-tier ul li i{flex:none;margin-top:4px;font-size:11px;color:#16a34a}
.t-tier-meta{margin-top:auto;display:grid;gap:8px;padding-top:18px;border-top:1px solid rgba(26,22,18,.07)}
.t-tier-meta div{display:flex;gap:9px;font-size:13px;color:#6f6a60;line-height:1.5;font-weight:600}
.t-tier-meta i{flex:none;width:18px;color:#dc2626;font-size:12px;margin-top:3px;text-align:center}
.t-tier-meta strong{color:#141210;font-weight:780}
.t-tier .btn-primary,.t-tier .btn-ghost{width:100%;justify-content:center;margin-top:20px}

/* ---------- hesaplayıcı ---------- */
.t-calc{background:#fff;border:1px solid rgba(26,22,18,.09);border-radius:26px;overflow:hidden;
  box-shadow:0 34px 70px -50px rgba(26,22,18,.45);display:grid;grid-template-columns:1.15fr .85fr}
@media(max-width:900px){.t-calc{grid-template-columns:1fr}}
.t-calc-in{padding:34px 34px 30px}
@media(max-width:600px){.t-calc-in{padding:26px 22px}}
.t-calc-row{margin-bottom:24px}
.t-calc-row:last-child{margin-bottom:0}
.t-calc-lbl{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:850;
  letter-spacing:.8px;text-transform:uppercase;color:#8a8378;margin-bottom:10px}
.t-calc-lbl output{font-family:"JetBrains Mono",monospace;font-size:15px;color:#141210;letter-spacing:-.3px;text-transform:none}
.t-chips{display:flex;flex-wrap:wrap;gap:8px}
.t-chip{appearance:none;cursor:pointer;border:1px solid rgba(26,22,18,.12);background:#fff;border-radius:12px;
  padding:10px 15px;font:750 13.5px Manrope,sans-serif;color:#55504a;transition:all .18s;display:inline-flex;align-items:center;gap:8px}
.t-chip i{font-size:12px;opacity:.7}
.t-chip:hover{border-color:rgba(220,38,38,.3);color:#b91c1c}
.t-chip.on{background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.4);color:#b91c1c}
.t-chip.on i{opacity:1}
.t-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;outline:0;
  background:linear-gradient(90deg,#dc2626 var(--p,10%),rgba(26,22,18,.1) var(--p,10%))}
.t-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;
  border:3px solid #dc2626;box-shadow:0 6px 16px -4px rgba(220,38,38,.6);cursor:pointer}
.t-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #dc2626;cursor:pointer}
.t-range-marks{display:flex;justify-content:space-between;font-size:11px;color:#a09a90;font-weight:700;margin-top:8px;
  font-family:"JetBrains Mono",monospace}
.t-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;
  border:1px solid rgba(26,22,18,.1);border-radius:14px;background:#faf8f5;cursor:pointer;user-select:none}
.t-toggle span{font-size:13.5px;font-weight:700;color:#3f3a32;line-height:1.4}
.t-toggle span small{display:block;font-size:12px;font-weight:600;color:#8a8378}
.t-sw{position:relative;flex:none;width:44px;height:26px;border-radius:99px;background:rgba(26,22,18,.15);transition:background .2s}
.t-sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .2s}
.t-toggle input{position:absolute;opacity:0;pointer-events:none}
.t-toggle input:checked + .t-sw{background:#dc2626}
.t-toggle input:checked + .t-sw::after{transform:translateX(18px)}

.t-calc-out{background:#faf8f5;border-left:1px solid rgba(26,22,18,.08);padding:34px;display:flex;flex-direction:column}
@media(max-width:900px){.t-calc-out{border-left:0;border-top:1px solid rgba(26,22,18,.08)}}
@media(max-width:600px){.t-calc-out{padding:26px 22px}}
.t-calc-out .eyebrow{font-size:11.5px;font-weight:850;letter-spacing:.9px;text-transform:uppercase;color:#8a8378;margin-bottom:12px}
.t-total{font-family:"JetBrains Mono",monospace;font-size:clamp(34px,4vw,46px);font-weight:700;letter-spacing:-2px;line-height:1;
  color:#141210;margin-bottom:6px}
.t-total-sub{font-size:13px;color:#7b756b;font-weight:600;margin-bottom:22px}
.t-lines{display:grid;gap:9px;padding-top:18px;border-top:1px dashed rgba(26,22,18,.16);font-size:13.5px;color:#55504a;font-weight:600}
.t-lines div{display:flex;justify-content:space-between;gap:12px}
.t-lines b{font-family:"JetBrains Mono",monospace;font-weight:700;color:#141210;white-space:nowrap}
.t-lines .disc b{color:#16a34a}
.t-lines .surch b{color:#b91c1c}
.t-calc-note{margin-top:auto;padding-top:20px;font-size:12px;line-height:1.6;color:#8a8378}
.t-calc-out .btn-primary{margin-top:18px;justify-content:center}

/* ---------- kurallar ---------- */
.t-rule{background:#fff;border:1px solid rgba(26,22,18,.08);border-radius:20px;padding:26px 24px;display:flex;gap:16px}
.t-rule i{flex:none;width:44px;height:44px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.16);color:#dc2626;font-size:15px}
.t-rule strong{display:block;font-size:15.5px;font-weight:830;color:#141210;margin-bottom:6px;letter-spacing:-.2px}
.t-rule p{margin:0;font-size:13.5px;line-height:1.66;color:#6f6a60}

/* ---------- saat paketleri ---------- */
.t-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:860px){.t-packs{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
.t-pack{background:#fff;border:1px solid rgba(26,22,18,.08);border-radius:22px;padding:28px 26px;text-align:center;
  transition:border-color .18s,transform .18s,box-shadow .18s}
.t-pack:hover{border-color:rgba(220,38,38,.22);transform:translateY(-3px);box-shadow:0 24px 48px -30px rgba(26,22,18,.35)}
.t-pack .hrs{font-family:"JetBrains Mono",monospace;font-size:44px;font-weight:700;letter-spacing:-2px;line-height:1;color:#141210}
.t-pack .hrs small{font-family:Manrope,sans-serif;font-size:14px;font-weight:700;letter-spacing:0;color:#7b756b;margin-left:4px}
.t-pack .off{display:inline-block;margin:14px 0 12px;padding:7px 14px;border-radius:99px;
  background:rgba(22,163,74,.09);border:1px solid rgba(22,163,74,.22);color:#15803d;font-size:13px;font-weight:850}
.t-pack p{margin:0;font-size:13.5px;line-height:1.66;color:#6f6a60}

/* ---------- ek koşullar ---------- */
.t-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:760px){.t-terms{grid-template-columns:1fr}}
.t-term{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;background:#fff;border:1px solid rgba(26,22,18,.08);border-radius:16px}
.t-term i{flex:none;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
  font-size:13px;background:rgba(26,22,18,.05);color:#55504a;border:1px solid rgba(26,22,18,.08)}
.t-term.up i{background:rgba(220,38,38,.08);color:#dc2626;border-color:rgba(220,38,38,.16)}
.t-term.free i{background:rgba(22,163,74,.08);color:#16a34a;border-color:rgba(22,163,74,.2)}
.t-term strong{display:block;font-size:14.5px;font-weight:800;color:#141210;margin-bottom:3px}
.t-term span{font-size:13.5px;line-height:1.6;color:#6f6a60}

/* ---------- saatlik mi proje mi ---------- */
.t-vs{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:860px){.t-vs{grid-template-columns:1fr}}
.t-vs-card{background:#fff;border:1px solid rgba(26,22,18,.08);border-radius:22px;padding:30px 28px}
.t-vs-card h3{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:850;color:#141210;margin:0 0 8px;letter-spacing:-.3px}
.t-vs-card h3 i{width:36px;height:36px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;
  background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.16);color:#dc2626}
.t-vs-card > p{margin:0 0 18px;font-size:14.5px;line-height:1.66;color:#6f6a60}
.t-vs-card ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.t-vs-card ul li{display:flex;gap:10px;font-size:14px;line-height:1.55;color:#3f3a32;font-weight:600}
.t-vs-card ul li i{flex:none;margin-top:4px;font-size:11px;color:#dc2626}
.t-vs-card .link{display:inline-flex;align-items:center;gap:7px;margin-top:20px;color:#b91c1c;font-weight:800;font-size:13.5px}

/* ---------- geçerlilik notu ---------- */
.t-validity{margin-top:28px;text-align:center;font-size:12.5px;color:#8a8378;font-weight:600;line-height:1.7}
.t-validity strong{color:#55504a}