/* =====================================================================
   TRSiber — Site Güvenliği vitrini (/site-guvenligi)
   trs-v3.css tokenları üzerine kurulur; tüm seçiciler "sg-" önekiyle yalnızca
   bu sayfayı etkiler. Gece kabuğu (hero, Radar özellikleri) + kâğıt bölümler.
   ===================================================================== */

/* ---------- Yardımcılar ---------- */
body.trs-v2 .sg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Hero ---------- */
body.trs-v2 .sg-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(36px,5vw,80px);align-items:center}
body.trs-v2 .sg-hero .tv3-display{max-width:none;font-size:clamp(2.4rem,5.2vw,4.8rem)}
body.trs-v2 .sg-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0 0}
/* trs-v3 ≤1100px'te başlık çubuğundaki pill'i gizler; vitrin düğmeleri her genişlikte görünür. */
body.trs-v2 .sg-hero-cta .tv3-pill{display:inline-flex;min-height:50px;padding:0 26px;font-size:.92rem}
body.trs-v2 .sg-console{position:relative;top:auto}
body.trs-v2 .sg-console .tv3-console-body b{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
body.trs-v2 .sg-console .tv3-console-body li{grid-template-columns:44px minmax(0,1fr) auto}

/* ---------- 01 Ücretsiz kontrol ---------- */
body.trs-v2 .sg-free-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:end}
body.trs-v2 .sg-check{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,3vw,34px);border:1px solid var(--ln);border-radius:22px;background:var(--surface);box-shadow:0 30px 60px -45px rgba(14,17,22,.45)}
body.trs-v2 .sg-check label{font:500 .68rem/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pt3)}
body.trs-v2 .sg-check-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
body.trs-v2 .sg-check input{width:100%;min-width:0;height:56px;padding:0 16px;border:1px solid var(--ln-2);border-radius:14px;background:var(--bg-2);color:var(--pt);font:500 1rem var(--f-mono);outline:none;transition:border-color .2s,box-shadow .2s}
body.trs-v2 .sg-check input::placeholder{color:var(--pt3)}
body.trs-v2 .sg-check input:focus{border-color:var(--teal-ink);box-shadow:0 0 0 4px rgba(29,116,104,.14)}
body.trs-v2 .sg-check button{height:56px;padding:0 24px;border:0;border-radius:14px;background:var(--pt);color:#fff;font:600 .95rem var(--f-display);cursor:pointer;white-space:nowrap;transition:background .25s}
body.trs-v2 .sg-check button:hover{background:var(--teal-ink)}
body.trs-v2 .sg-check button:focus-visible{outline:2px solid var(--teal-ink);outline-offset:3px}
body.trs-v2 .sg-check-hint{margin:0;font-size:.84rem;line-height:1.6;color:var(--pt3)}
body.trs-v2 .sg-trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0}
body.trs-v2 .sg-trust li{padding:7px 12px;border:1px solid var(--ln);border-radius:999px;font:500 .66rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pt2)}

/* ---------- 02 Nedir ---------- */
body.trs-v2 .sg-prose{max-width:68ch}
body.trs-v2 .sg-prose p{margin:0 0 1.15em;font-size:1.02rem;line-height:1.78}
body.trs-v2 .sg-prose h3{margin:2em 0 .6em;font:400 1.35rem/1.25 var(--f-display);letter-spacing:-.015em;color:var(--pt)}
body.trs-v2 .sg-prose a{color:var(--teal-ink);text-decoration:underline;text-underline-offset:3px}

/* ---------- 03 Güvenlik Radarı (gece bölümü) ---------- */
body.trs-v2 .sg-dark{--tx:var(--nt);--tx-2:var(--nt2);--tx-3:var(--nt3);--ln:var(--nl);--ln-2:var(--nl2);position:relative;isolation:isolate;overflow:hidden;padding:clamp(90px,12vw,160px) 0;background:var(--n0);color:var(--nt)}
body.trs-v2 .sg-dark::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px circle at 85% 0%,rgba(108,195,182,.12),transparent 60%)}
body.trs-v2 .sg-dark .tv3-display{color:#fff}
body.trs-v2 .sg-dark .tv3-display span{color:var(--nt3)}
body.trs-v2 .sg-features{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 32px;margin:clamp(56px,7vw,96px) 0 0;padding:0}
body.trs-v2 .sg-features li{display:flex;flex-direction:column;gap:12px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}
body.trs-v2 .sg-features .tv3-no{color:var(--teal)}
body.trs-v2 .sg-features h3{margin:4px 0 0;font:400 1.15rem/1.3 var(--f-display);letter-spacing:-.008em;color:#fff}
body.trs-v2 .sg-features p{margin:0;font-size:.9rem;line-height:1.65;color:var(--nt2)}

/* ---------- 04 Örnek pano ---------- */
body.trs-v2 .sg-demo{margin:clamp(48px,6vw,80px) 0 0}
body.trs-v2 .sg-demo-window{--d-ok:#5fb3a8;--d-warn:#d4a55a;--d-bad:#ef5b5b;padding:18px;border-radius:24px;background:linear-gradient(170deg,#141a23,#07090c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 60px 100px -50px rgba(7,9,12,.75);color:var(--nt);font-size:.85rem}
body.trs-v2 .sg-demo-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:4px 6px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
body.trs-v2 .sg-demo-brand{font:500 .95rem var(--f-display);color:#fff;margin-right:10px}
body.trs-v2 .sg-demo-tab{font:500 .68rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--nt3);padding:8px 0;border-bottom:1px solid transparent}
body.trs-v2 .sg-demo-tab.is-on{color:#fff;border-color:var(--teal)}
body.trs-v2 .sg-demo-live{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font:500 .66rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--nt2)}
body.trs-v2 .sg-demo-alert{margin:16px 0 0;padding:12px 16px;border:1px solid rgba(239,91,91,.35);border-radius:12px;background:rgba(239,91,91,.1);color:#ffd9d6;font-size:.84rem}
body.trs-v2 .sg-demo-alert strong{margin-right:10px;padding:3px 8px;border-radius:6px;background:var(--d-bad);color:#1a0705;font:600 .64rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
body.trs-v2 .sg-demo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
body.trs-v2 .sg-demo-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:16px 16px 14px;border-radius:14px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);overflow:hidden}
body.trs-v2 .sg-demo-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c)}
body.trs-v2 .sg-demo-card.is-ok{--c:var(--d-ok)}
body.trs-v2 .sg-demo-card.is-warn{--c:var(--d-warn)}
body.trs-v2 .sg-demo-card.is-bad{--c:var(--d-bad)}
body.trs-v2 .sg-demo-host{font:500 .8rem var(--f-mono);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.trs-v2 .sg-demo-score{grid-row:span 2;font:300 2.2rem/1 var(--f-display);letter-spacing:-.04em;color:var(--c)}
body.trs-v2 .sg-demo-state{font-size:.78rem;color:var(--nt2)}
body.trs-v2 .sg-demo-card dl{grid-column:1/-1;display:flex;gap:18px;margin:8px 0 0;padding-top:10px;border-top:1px dashed rgba(255,255,255,.08)}
body.trs-v2 .sg-demo-card dl div{display:flex;flex-direction:column;gap:3px}
body.trs-v2 .sg-demo-card dt{font:500 .6rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--nt3)}
body.trs-v2 .sg-demo-card dd{margin:0;font:500 .82rem var(--f-mono);color:var(--nt)}
body.trs-v2 .sg-demo-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:12px;margin-top:12px}
body.trs-v2 .sg-demo-panel{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);min-width:0}
body.trs-v2 .sg-demo-label{font:500 .62rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--nt3)}
body.trs-v2 .sg-demo-chart{display:block;width:100%;height:110px}
body.trs-v2 .sg-demo-area{fill:rgba(108,195,182,.12)}
body.trs-v2 .sg-demo-line{fill:none;stroke:var(--teal);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
body.trs-v2 .sg-demo-bars{display:flex;gap:3px;height:34px;align-items:stretch}
body.trs-v2 .sg-demo-bars i{flex:1;border-radius:2px;background:var(--d-ok);opacity:.75}
body.trs-v2 .sg-demo-bars i.is-down{background:var(--d-bad);opacity:1}
body.trs-v2 .sg-demo-bars i.is-slow{background:var(--d-warn);opacity:1}
body.trs-v2 .sg-demo-events{list-style:none;margin:0;padding:0}
body.trs-v2 .sg-demo-events li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:2px 10px;align-items:baseline;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.07)}
body.trs-v2 .sg-demo-events time{grid-row:span 2;font:500 .7rem var(--f-mono);color:var(--nt3)}
body.trs-v2 .sg-demo-events span{font:500 .76rem var(--f-mono);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.trs-v2 .sg-demo-events em{grid-column:2;font-style:normal;font-size:.78rem;color:var(--nt2)}
body.trs-v2 .sg-demo-events b{grid-column:3;grid-row:1/span 2;align-self:center;padding:4px 8px;border-radius:6px;font:600 .6rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#0b0e13}
body.trs-v2 .sg-demo-events b.is-ok{background:var(--d-ok)}
body.trs-v2 .sg-demo-events b.is-warn{background:var(--d-warn)}
body.trs-v2 .sg-demo-events b.is-bad{background:var(--d-bad)}
body.trs-v2 .sg-demo-tg{margin-top:auto;padding:12px 14px;border-radius:14px 14px 14px 4px;background:#1f2b3a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
body.trs-v2 .sg-demo-tg-from{display:block;margin-bottom:6px;font:500 .64rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#7fb6e8}
body.trs-v2 .sg-demo-tg p{margin:0;font-size:.82rem;line-height:1.55;color:var(--nt)}
body.trs-v2 .sg-demo-tg p span{font-size:.72rem;color:var(--nt3)}
body.trs-v2 .sg-demo figcaption{margin-top:16px;font:500 .7rem/1.5 var(--f-mono);letter-spacing:.06em;color:var(--pt3)}

/* ---------- 05 Nasıl çalışır ---------- */
body.trs-v2 .sg-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 36px;margin:clamp(56px,7vw,96px) 0 0;padding:0}
body.trs-v2 .sg-steps li{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid var(--pt)}
body.trs-v2 .sg-step-no{font:200 clamp(3rem,5vw,4.4rem)/.9 var(--f-display);letter-spacing:-.05em;color:var(--teal-ink)}
body.trs-v2 .sg-steps h3{margin:6px 0 0;font:400 1.3rem/1.25 var(--f-display);letter-spacing:-.015em}
body.trs-v2 .sg-steps p{margin:0;font-size:.95rem;line-height:1.68}

/* ---------- 06 Karşılaştırma ---------- */
body.trs-v2 .sg-table-wrap{position:relative;margin:clamp(48px,6vw,80px) 0 0;overflow-x:auto;border-top:1px solid var(--pt);-webkit-overflow-scrolling:touch}
body.trs-v2 .sg-table-wrap:focus-visible{outline:2px solid var(--teal-ink);outline-offset:4px}
body.trs-v2 .sg-compare{width:100%;min-width:640px;border-collapse:collapse}
body.trs-v2 .sg-compare th,body.trs-v2 .sg-compare td{padding:16px 18px 16px 0;border-bottom:1px solid var(--ln);text-align:left;vertical-align:top;font-size:.94rem;line-height:1.5;color:var(--pt2)}
body.trs-v2 .sg-compare thead th{font:500 .66rem/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pt3)}
body.trs-v2 .sg-compare tbody th{width:40%;font-weight:500;color:var(--pt)}
body.trs-v2 .sg-compare td:last-child{color:var(--pt)}
body.trs-v2 .sg-yes{font-weight:700;color:var(--teal-ink)}
body.trs-v2 .sg-no{color:var(--pt3)}

/* ---------- 07 Planlar ---------- */
body.trs-v2 .sg-plans{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:clamp(48px,6vw,80px) 0 0;padding:0;align-items:stretch}
body.trs-v2 .sg-plan{position:relative;display:flex;flex-direction:column;padding:clamp(24px,3vw,34px);border:1px solid var(--ln);border-radius:24px;background:var(--surface)}
body.trs-v2 .sg-plan.is-recommended{--pt:#fff;--pt2:var(--nt2);--pt3:var(--nt3);--ln:rgba(255,255,255,.12);border-color:transparent;background:linear-gradient(165deg,#141a23,#07090c);color:var(--nt);box-shadow:0 40px 80px -50px rgba(7,9,12,.8)}
body.trs-v2 .sg-plan-badge{position:absolute;top:22px;right:22px;padding:6px 10px;border-radius:999px;background:var(--teal);color:#07090c;font:600 .6rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
body.trs-v2 .sg-plan h3{margin:0;font:400 1.6rem/1.1 var(--f-display);letter-spacing:-.02em;color:var(--pt)}
body.trs-v2 .sg-plan-tagline{margin:8px 0 0;font-size:.9rem;color:var(--pt3)}
body.trs-v2 .sg-plan-price{display:flex;align-items:baseline;gap:8px;margin:28px 0 0}
body.trs-v2 .sg-plan-price strong{font:300 clamp(2.4rem,3.6vw,3.1rem)/1 var(--f-display);letter-spacing:-.045em;color:var(--pt);font-variant-numeric:tabular-nums}
body.trs-v2 .sg-plan-price span{font:500 .72rem var(--f-mono);letter-spacing:.08em;color:var(--pt3)}
body.trs-v2 .sg-plan-yearly{margin:10px 0 0;font:500 .74rem/1.4 var(--f-mono);letter-spacing:.04em;color:var(--teal-ink)}
body.trs-v2 .sg-plan.is-recommended .sg-plan-yearly{color:var(--teal)}
body.trs-v2 .sg-plan-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin:26px 0 30px;padding:24px 0 0;border-top:1px solid var(--ln)}
body.trs-v2 .sg-plan-list li{position:relative;padding-left:26px;font-size:.92rem;line-height:1.45;color:var(--pt2)}
body.trs-v2 .sg-plan-list li::before{content:"";position:absolute;left:2px;top:.42em;width:10px;height:5px;border-left:2px solid var(--teal-ink);border-bottom:2px solid var(--teal-ink);transform:rotate(-45deg)}
body.trs-v2 .sg-plan.is-recommended .sg-plan-list li::before{border-color:var(--teal)}
body.trs-v2 .sg-plan-cta{display:flex;align-items:center;justify-content:center;min-height:50px;margin-top:auto;padding:0 20px;border:1px solid var(--pt);border-radius:999px;font:600 .9rem var(--f-display);color:var(--pt);transition:background .25s,color .25s}
body.trs-v2 a.sg-plan-cta:hover{background:var(--pt);color:var(--surface)}
body.trs-v2 .sg-plan.is-recommended a.sg-plan-cta{background:#fff;color:#07090c;border-color:#fff}
body.trs-v2 .sg-plan.is-recommended a.sg-plan-cta:hover{background:var(--teal);border-color:var(--teal)}
body.trs-v2 .sg-plan-cta.is-soon{border-style:dashed;color:var(--pt3);cursor:default}
body.trs-v2 .sg-plans-note{margin:40px 0 0;color:var(--pt2)}
body.trs-v2 .sg-plans-notes{list-style:none;display:flex;flex-direction:column;gap:6px;margin:28px 0 0;padding:0}
body.trs-v2 .sg-plans-notes li{font-size:.86rem;color:var(--pt3)}

/* ---------- Yasal bağlantılar ---------- */
body.trs-v2 .sg-legal{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:26px;padding-bottom:26px;border-top:1px solid var(--nl)}
body.trs-v2 .sg-legal a{font:500 .7rem/1.4 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--nt3);transition:color .2s}
body.trs-v2 .sg-legal a:hover{color:#fff}

/* ---------- Duyarlı düzen ---------- */
@media (max-width:1100px){
  body.trs-v2 .sg-hero-grid,body.trs-v2 .sg-free-grid{grid-template-columns:1fr}
  body.trs-v2 .sg-features{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.trs-v2 .sg-plans{grid-template-columns:1fr;max-width:560px}
  body.trs-v2 .sg-demo-grid{grid-template-columns:1fr}
}
@media (max-width:820px){
  body.trs-v2 .sg-demo-cards{grid-template-columns:1fr}
  body.trs-v2 .sg-steps{grid-template-columns:1fr}
}
@media (max-width:720px){
  body.trs-v2 .sg-features{grid-template-columns:1fr}
  body.trs-v2 .sg-check-row{grid-template-columns:1fr}
  body.trs-v2 .sg-check button{width:100%}
  body.trs-v2 .sg-hero-cta .tv3-pill{flex:1 1 100%}
  body.trs-v2 .sg-demo-window{padding:12px;border-radius:18px}
  body.trs-v2 .sg-demo-tab:not(.is-on){display:none}
  body.trs-v2 .sg-console{display:none}
}
@media (prefers-reduced-motion:reduce){
  body.trs-v2 .sg-check input,body.trs-v2 .sg-check button,body.trs-v2 .sg-plan-cta,body.trs-v2 .sg-legal a{transition:none}
}
@media print{
  body.trs-v2 .sg-dark,body.trs-v2 .sg-demo-window,body.trs-v2 .sg-plan.is-recommended{background:#fff!important;color:#000!important;box-shadow:none!important}
}