/* assets/css/pages/tsoft-hub.css — T-Soft Hub Sayfası */
:root {
    --tm-primary: #c2410c;
    --tm-primary-light: #ea580c;
    --tm-primary-dark: #7c2d12;
    --tm-accent: #fb923c;
    --tm-success: #10b981;
    --tm-dark: #1e293b;
    --tm-text: #475569;
    --tm-text-light: #94a3b8;
    --tm-bg: #f8fafc;
    --tm-bg-alt: #f1f5f9;
    --tm-white: #ffffff;
    --tm-border: #e2e8f0;
    --tm-gradient: linear-gradient(135deg, #c2410c 0%, #ea580c 50%, #7c2d12 100%);
}

/* HERO */
.tm-hero { background: url('/assets/img/bg/inner-hero-bg.webp') no-repeat center center/cover; position: relative; padding: 180px 0 130px; color: #fff; text-align: center; overflow: hidden; }
.tm-hero::before { content:''; position:absolute; inset:0; background: linear-gradient(160deg, rgba(194,65,12,0.97), rgba(124,45,18,0.95) 60%, rgba(234,88,12,0.90)); z-index:1; }
.tm-hero::after { content:''; position:absolute; inset:0; background: radial-gradient(circle at 20% 80%, rgba(251,146,60,0.12), transparent 60%), radial-gradient(circle at 80% 20%, rgba(251,146,60,0.08), transparent 50%); z-index:1; }
.tm-hero-content { position:relative; z-index:2; }
.tm-hero-logo { max-width:180px; margin:0 auto 20px; display:block; filter:brightness(0) invert(1); }
.tm-badge { display:inline-flex; align-items:center; padding:8px 22px; background:rgba(251,146,60,0.2); border:1px solid rgba(251,146,60,0.4); border-radius:50px; margin-bottom:24px; font-size:0.85rem; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:#fed7aa; backdrop-filter:blur(8px); }
.tm-hero h1 { font-size:clamp(2.2rem,5vw,3.8rem); font-weight:800; margin-bottom:20px; letter-spacing:-0.03em; line-height:1.15; }
.tm-hero h1 span { color:#fed7aa; }
.tm-hero>p, .tm-hero .tm-hero-content>p { font-size:1.2rem; max-width:720px; margin:0 auto 35px; opacity:0.92; font-weight:400; line-height:1.7; }
.tm-hero-stats { display:flex; justify-content:center; gap:50px; margin-top:50px; flex-wrap:wrap; }
.tm-hero-stat { text-align:center; }
.tm-hero-stat .num { display:block; font-size:2.5rem; font-weight:800; color:#fff; line-height:1; }
.tm-hero-stat .label { font-size:0.85rem; color:rgba(255,255,255,0.7); margin-top:6px; }

/* TRUST BAR */
.tm-trust-bar { background:var(--tm-white); border-bottom:1px solid var(--tm-border); padding:28px 0; }
.tm-trust-items { display:flex; justify-content:center; align-items:center; gap:50px; flex-wrap:wrap; }
.tm-trust-item { display:flex; align-items:center; gap:12px; color:var(--tm-text); font-size:0.95rem; font-weight:600; }
.tm-trust-item i { font-size:1.4rem; color:var(--tm-primary); }

/* SERVICE CARDS */
.tm-grid-sec { padding:100px 0; background:var(--tm-bg); }
.tm-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.tm-card { background:var(--tm-white); border-radius:16px; padding:45px 35px; transition:all .4s cubic-bezier(.4,0,.2,1); border:1px solid var(--tm-border); height:100%; display:flex; flex-direction:column; position:relative; overflow:hidden; }
.tm-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:var(--tm-primary); transform:scaleX(0); transition:transform .4s; }
.tm-card:hover::before { transform:scaleX(1); }
.tm-card:hover { transform:translateY(-8px); box-shadow:0 20px 40px -10px rgba(194,65,12,.15); border-color:rgba(194,65,12,.2); }
.tm-icon { width:65px; height:65px; background:linear-gradient(135deg,rgba(194,65,12,.08),rgba(194,65,12,.04)); color:var(--tm-primary); border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:26px; margin-bottom:24px; transition:all .4s; }
.tm-card:hover .tm-icon { background:var(--tm-primary); color:#fff; transform:scale(1.05); }
.tm-card h3 { font-size:1.4rem; font-weight:700; color:var(--tm-dark); margin-bottom:14px; }
.tm-card p { font-size:0.95rem; color:var(--tm-text); line-height:1.7; margin-bottom:25px; flex-grow:1; }
.tm-btn { color:var(--tm-primary); font-weight:700; display:inline-flex; align-items:center; gap:8px; text-decoration:none; transition:gap .3s,color .3s; font-size:0.95rem; }
.tm-btn:hover { gap:14px; color:var(--tm-accent); }

/* FEATURES GRID */
.tm-features-sec { padding:100px 0; background:var(--tm-white); }
.tm-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:50px; }
.tm-feature-card { padding:35px 30px; border-radius:16px; background:var(--tm-bg); border:1px solid var(--tm-border); transition:all .3s; }
.tm-feature-card:hover { border-color:var(--tm-primary); background:rgba(194,65,12,.02); }
.tm-feature-card .icon-wrap { width:50px; height:50px; background:var(--tm-primary); color:#fff; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:22px; margin-bottom:20px; }
.tm-feature-card h4 { font-size:1.15rem; font-weight:700; color:var(--tm-dark); margin-bottom:10px; }
.tm-feature-card p { font-size:0.9rem; color:var(--tm-text); line-height:1.65; margin:0; }

/* COMPARE TABLE */
.tm-compare-sec { padding:100px 0; background:var(--tm-bg); }
.tm-compare-table { width:100%; border-collapse:separate; border-spacing:0; border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,.06); background:var(--tm-white); }
.tm-compare-table thead th { background:var(--tm-primary); color:#fff; padding:18px 20px; font-weight:700; font-size:0.95rem; text-align:center; border:none; }
.tm-compare-table thead th:first-child { text-align:left; }
.tm-compare-table thead th.highlight { background:var(--tm-accent); }
.tm-compare-table tbody td { padding:16px 20px; border-bottom:1px solid var(--tm-border); font-size:0.92rem; color:var(--tm-text); text-align:center; }
.tm-compare-table tbody td:first-child { text-align:left; font-weight:600; color:var(--tm-dark); }
.tm-compare-table tbody tr:hover { background:rgba(194,65,12,.02); }
.tm-compare-table .check { color:var(--tm-success); font-size:1.1rem; }
.tm-compare-table .cross { color:#ef4444; font-size:0.9rem; }

/* PROCESS TIMELINE */
.tm-process-sec { padding:100px 0; background:var(--tm-white); }
.tm-timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; margin-top:50px; }
.tm-step { text-align:center; position:relative; padding:0 15px; }
.tm-step-num { width:60px; height:60px; border-radius:50%; background:var(--tm-gradient); color:#fff; font-size:1.4rem; font-weight:800; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; box-shadow:0 8px 20px rgba(194,65,12,.25); }
.tm-step h4 { font-size:1.1rem; font-weight:700; color:var(--tm-dark); margin-bottom:8px; }
.tm-step p { font-size:0.88rem; color:var(--tm-text); line-height:1.6; }

/* SEO CONTENT */
.tm-content-sec { padding:100px 0; }
.tm-content-sec.bg-light { background:var(--tm-bg); }
.tm-content-sec.bg-white { background:var(--tm-white); }
.tm-content-block { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.tm-content-block.reverse { direction:rtl; }
.tm-content-block.reverse>* { direction:ltr; }
.tm-content-text h2 { font-size:2rem; font-weight:800; color:var(--tm-dark); margin-bottom:18px; line-height:1.25; }
.tm-content-text h2 span { color:var(--tm-primary); }
.tm-content-text p { font-size:1rem; color:var(--tm-text); line-height:1.75; margin-bottom:16px; }
.tm-content-text h3 { font-size:1.2rem; font-weight:700; color:var(--tm-dark); margin:24px 0 12px; }
.tm-content-image { position:relative; border-radius:16px; overflow:hidden; box-shadow:0 20px 40px rgba(0,0,0,.08); }
.tm-content-image img { width:100%; display:block; border-radius:16px; }

/* Checklist */
.tm-checklist { list-style:none!important; padding:0!important; margin:20px 0!important; }
.tm-checklist li { display:flex; align-items:flex-start; gap:12px; padding:8px 0; font-size:0.95rem; color:var(--tm-text); line-height:1.5; }
.tm-checklist li i { color:var(--tm-success); margin-top:3px; flex-shrink:0; }

/* CTA */
.tm-cta-sec { padding:80px 0; background:var(--tm-gradient); color:#fff; text-align:center; position:relative; overflow:hidden; }
.tm-cta-sec::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 30% 50%,rgba(251,146,60,.15),transparent 60%); pointer-events:none; }
.tm-cta-sec .container { position:relative; z-index:1; }
.tm-cta-sec h2 { font-size:2.2rem; font-weight:800; margin-bottom:16px; position:relative; }
.tm-cta-sec p { font-size:1.1rem; opacity:0.9; margin-bottom:30px; position:relative; }

/* FAQ */
.tm-faq-sec { padding:100px 0; background:var(--tm-bg-alt); }

/* RESPONSIVE */
@media (max-width:992px) {
    .tm-hero { padding:140px 0 90px; }
    .tm-grid, .tm-feature-grid, .tm-timeline { grid-template-columns:1fr; }
    .tm-content-block { grid-template-columns:1fr; gap:40px; }
    .tm-content-block.reverse { direction:ltr; }
    .tm-hero-stats { gap:30px; }
    .tm-trust-items { gap:25px; }
    .tm-compare-table { font-size:0.85rem; }
    .tm-compare-table thead th, .tm-compare-table tbody td { padding:12px 10px; }
}
@media (max-width:576px) {
    .tm-hero { padding:120px 0 70px; }
    .tm-hero-stats { display:grid; grid-template-columns:repeat(2,minmax(120px,1fr)); gap:20px 14px; max-width:340px; margin:36px auto 0; }
    .tm-hero-stat .num { font-size:2.1rem; }
    .tm-trust-items { display:grid; grid-template-columns:repeat(2,minmax(140px,1fr)); gap:12px 14px; align-items:start; }
    .tm-trust-item { font-size:.84rem; line-height:1.35; align-items:flex-start; }
    .tm-trust-item i { margin-top:2px; }
}