.free-services-page{--free-bg:#09090b;--free-card:#111114;--free-soft:#18181c;--free-border:#29292e;--free-text:#fafafa;--free-muted:#a1a1aa;overflow:hidden;background:var(--free-bg);color:var(--free-text)}body.theme-light .free-services-page{--free-bg:#f8fafc;--free-card:#fff;--free-soft:#f1f5f9;--free-border:#e2e8f0;--free-text:#101626;--free-muted:#64748b}.free-services-page .site-container{width:min(1180px,calc(100% - 40px));margin:auto}.free-hero{position:relative;padding:112px 0 74px;text-align:center;background:radial-gradient(circle at 50% 8%,rgba(255,48,78,.15),transparent 40%),var(--free-bg)}.free-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.free-orb-one{top:40px;left:8%;width:230px;height:230px;background:rgba(255,44,77,.09)}.free-orb-two{right:5%;bottom:0;width:270px;height:270px;background:rgba(255,126,45,.08)}.free-hero-inner{position:relative;z-index:1;display:grid;justify-items:center}.free-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid rgba(255,64,91,.35);border-radius:999px;background:rgba(255,50,78,.08);color:#ff526b;font-size:12px;font-weight:800;letter-spacing:.04em}.free-hero h1{max-width:850px;margin:24px 0 16px;font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.055em}.free-hero h1 em{font-style:normal;background:linear-gradient(100deg,#ff3155,#ff793c);-webkit-background-clip:text;background-clip:text;color:transparent}.free-hero>div>p{max-width:750px;margin:0;color:var(--free-muted);font-size:17px;line-height:1.75}.free-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:34px}.free-stats span{display:flex;align-items:center;gap:7px;color:var(--free-muted);font-size:13px}.free-stats b{color:#ff4965;font-size:16px}.free-catalog{padding:20px 0 88px}.free-platform-tabs{display:flex;gap:10px;padding:4px 0 25px;overflow-x:auto;scrollbar-width:none}.free-platform-tabs::-webkit-scrollbar{display:none}.free-platform-tabs button{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;min-height:46px;padding:8px 13px;border:1px solid var(--free-border);border-radius:999px;background:var(--free-card);color:var(--free-muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.free-platform-tabs button:hover{border-color:var(--free-brand);color:var(--free-text);transform:translateY(-1px)}.free-platform-tabs button[aria-selected=true]{border-color:transparent;background:var(--free-brand);color:#fff;box-shadow:0 10px 26px color-mix(in srgb,var(--free-brand) 28%,transparent)}.free-platform-tabs button[style*="#FFFC00"][aria-selected=true],.free-platform-tabs button[style*="#53FC18"][aria-selected=true]{color:#111}.free-tab-logo{width:18px;height:18px;fill:currentColor}.free-platform-tabs button b{display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;border-radius:20px;background:rgba(255,255,255,.16);font-size:10px}.free-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.free-service-grid[hidden]{display:none!important}.free-service-card{position:relative;display:flex;align-items:center;gap:15px;min-height:92px;padding:18px;border:1px solid var(--free-border);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--free-brand) 4%,var(--free-card)),var(--free-card));color:var(--free-text);text-decoration:none;box-shadow:0 7px 26px rgba(0,0,0,.12);transition:.25s}.free-service-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--free-brand) 65%,var(--free-border));box-shadow:0 14px 35px color-mix(in srgb,var(--free-brand) 12%,rgba(0,0,0,.2))}.free-card-icon{display:grid;flex:0 0 50px;width:50px;height:50px;place-items:center;border-radius:15px;background:var(--free-brand);box-shadow:0 8px 20px color-mix(in srgb,var(--free-brand) 28%,transparent)}.free-card-logo{width:25px;height:25px;fill:#fff}.free-service-card[style*="#FFFC00"] .free-card-logo,.free-service-card[style*="#53FC18"] .free-card-logo{fill:#111}.free-service-card>span:nth-child(2){display:grid;gap:5px;min-width:0}.free-service-card strong{font-size:14px}.free-service-card small{color:var(--free-muted);font-size:11px}.free-service-card>i{margin-left:auto;color:var(--free-muted);font-style:normal;font-size:20px}.free-how{padding:90px 0;background:linear-gradient(180deg,var(--free-bg),color-mix(in srgb,var(--free-soft) 55%,var(--free-bg)))}.free-how header,.free-faq header{text-align:center}.free-how header>span,.free-faq header>span,.free-upgrade span{color:#ff4b66;font-size:11px;font-weight:900;letter-spacing:.18em}.free-how h2,.free-faq h2{margin:10px 0 8px;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.free-how header p{margin:0;color:var(--free-muted)}.free-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.free-steps:before{content:"";position:absolute;top:37px;right:16%;left:16%;height:1px;background:linear-gradient(90deg,transparent,#ff3f5f,transparent)}.free-steps article{position:relative;display:grid;justify-items:center;padding:10px 28px;text-align:center}.free-steps article>b{position:absolute;top:-4px;right:calc(50% - 36px);display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#ff3f5f;color:#fff;font-size:10px}.free-steps article>i{display:grid;width:74px;height:74px;place-items:center;border:1px solid rgba(255,65,94,.35);border-radius:23px;background:rgba(255,50,80,.1);color:#ff4a66;font-style:normal;font-size:26px;box-shadow:0 12px 35px rgba(255,45,75,.12)}.free-steps h3{margin:20px 0 8px;font-size:18px}.free-steps p{margin:0;color:var(--free-muted);font-size:13px;line-height:1.65}.free-benefits{padding:25px 0 85px;background:color-mix(in srgb,var(--free-soft) 55%,var(--free-bg))}.free-benefits>.site-container{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.free-benefits article{display:flex;align-items:flex-start;gap:13px;padding:20px;border:1px solid var(--free-border);border-radius:17px;background:var(--free-card)}.free-benefits i{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:12px;background:rgba(255,52,82,.1);color:#ff4a66;font-style:normal}.free-benefits h3{margin:1px 0 5px;font-size:13px}.free-benefits p{margin:0;color:var(--free-muted);font-size:11px;line-height:1.5}.free-faq{padding:92px 0}.free-faq-list{max-width:850px;margin:42px auto 0}.free-faq details{border-bottom:1px solid var(--free-border)}.free-faq summary{display:flex;align-items:center;gap:17px;padding:20px 4px;color:var(--free-text);cursor:pointer;list-style:none}.free-faq summary::-webkit-details-marker{display:none}.free-faq summary b{color:#ff4a66;font-size:11px}.free-faq summary span{font-size:14px;font-weight:800}.free-faq summary i{margin-left:auto;color:var(--free-muted);font-style:normal;font-size:20px;transition:.2s}.free-faq details[open] summary i{transform:rotate(45deg);color:#ff4a66}.free-faq details p{margin:0;padding:0 42px 22px;color:var(--free-muted);font-size:13px;line-height:1.75}.free-upgrade{padding:20px 0 20px}.free-upgrade>.site-container>div{position:relative;overflow:hidden;padding:50px;border:1px solid rgba(255,60,88,.25);border-radius:28px;background:radial-gradient(circle at 90% 20%,rgba(255,110,50,.18),transparent 35%),linear-gradient(135deg,rgba(255,43,77,.14),var(--free-card))}.free-upgrade h2{margin:10px 0;font-size:34px}.free-upgrade p{max-width:650px;margin:0;color:var(--free-muted);line-height:1.7}.free-upgrade a,.free-final a{display:inline-flex;align-items:center;gap:18px;margin-top:24px;padding:13px 22px;border-radius:999px;background:linear-gradient(100deg,#ff3155,#ff713e);color:#fff;font-size:13px;font-weight:850;text-decoration:none;box-shadow:0 12px 28px rgba(255,47,78,.24)}.free-final{padding:24px 0;background:linear-gradient(110deg,#f52a4c,#ff6b38)}.free-final>.site-container{display:flex;align-items:center;justify-content:space-between;gap:30px}.free-final h2{margin:0 0 5px;font-size:27px}.free-final p{margin:0;color:rgba(255,255,255,.78)}.free-final a{flex:0 0 auto;margin:0;background:#fff;color:#ef2b33;box-shadow:0 10px 25px rgba(50,0,0,.18)}
@media(max-width:900px){.free-service-grid{grid-template-columns:repeat(2,1fr)}.free-benefits>.site-container{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.free-services-page .site-container{width:min(100% - 28px,1180px)}.free-hero{padding:76px 0 52px}.free-hero h1{font-size:39px}.free-hero>div>p{font-size:14px}.free-stats{display:grid;grid-template-columns:1fr 1fr;text-align:left}.free-catalog{padding-bottom:60px}.free-platform-tabs{margin-right:-14px}.free-service-grid{grid-template-columns:1fr}.free-service-card{min-height:84px}.free-how{padding:68px 0}.free-steps{grid-template-columns:1fr;gap:35px}.free-steps:before{display:none}.free-benefits>.site-container{grid-template-columns:1fr}.free-faq{padding:68px 0}.free-upgrade>.site-container>div{padding:32px 24px}.free-upgrade h2{font-size:28px}.free-final>.site-container{align-items:flex-start;flex-direction:column}.free-final a{margin-top:4px}}

.free-detail-page{--fd-bg:#09090b;--fd-card:#151419;--fd-soft:#1e1920;--fd-border:#3a2430;--fd-text:#fafafa;--fd-muted:#aaa5ad;min-height:760px;background:radial-gradient(circle at 32% 20%,rgba(226,43,105,.12),transparent 36%),linear-gradient(180deg,rgba(5,5,6,.22),#09090b),url('../images/services/service-guide-anime-original.png') center/cover fixed;color:var(--fd-text)}body.theme-light .free-detail-page{--fd-bg:#f8fafc;--fd-card:#fff;--fd-soft:#f7eaf0;--fd-border:#edd2dc;--fd-text:#111827;--fd-muted:#667085}.free-detail-shell{min-height:760px;padding:35px 0 90px;background:linear-gradient(90deg,rgba(6,6,7,.9),rgba(8,6,7,.74))}body.theme-light .free-detail-shell{background:linear-gradient(90deg,rgba(248,250,252,.94),rgba(248,250,252,.78))}.free-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:52px;color:var(--fd-muted);font-size:12px}.free-breadcrumb a{color:var(--fd-muted);text-decoration:none}.free-breadcrumb b{color:var(--fd-text)}.free-detail-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:center;gap:70px}.free-detail-intro{padding:10px 0}.free-detail-logo{display:grid;width:86px;height:86px;place-items:center;margin-bottom:18px;border-radius:24px;background:var(--free-brand);box-shadow:0 18px 40px color-mix(in srgb,var(--free-brand) 30%,transparent)}.free-detail-logo-svg{width:45px;height:45px;fill:#fff}.free-detail-intro>small{display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(226,43,105,.18);color:#ec3475;font-weight:800}.free-detail-intro h1{margin:25px 0 13px;font-size:clamp(38px,4.4vw,61px);line-height:1.05;letter-spacing:-.05em}.free-detail-intro h1 em{color:#e52b6f;font-style:normal}.free-detail-intro>p{max-width:650px;margin:0;color:var(--fd-muted);font-size:16px;line-height:1.75}.free-detail-trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:26px}.free-detail-trust span{color:var(--fd-muted);font-size:13px}.free-detail-trust span::first-letter{color:#e52b6f}.free-detail-rating{display:inline-flex;gap:9px;margin-top:25px;padding:10px 16px;border:1px solid var(--fd-border);border-radius:999px;background:rgba(12,12,14,.5);color:#ffc400;font-size:14px}.free-detail-rating b{color:var(--fd-text)}.free-flow-card{min-height:485px;padding:30px;border:1px solid rgba(229,43,111,.42);border-radius:28px;background:color-mix(in srgb,var(--fd-card) 95%,transparent);box-shadow:0 28px 80px rgba(0,0,0,.35);backdrop-filter:blur(16px)}.free-flow-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.free-flow-steps span{position:relative;display:grid;justify-items:start;gap:6px;color:var(--fd-muted)}.free-flow-steps span:not(:last-child):after{content:"";position:absolute;top:17px;left:43px;width:calc(100% - 52px);height:2px;background:var(--fd-border)}.free-flow-steps b{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#0c0d0f;font-size:12px}.free-flow-steps small{font-size:10px;font-weight:800}.free-flow-steps .active b{background:rgba(229,43,111,.25);color:#f13a7d}.free-flow-steps .active small{color:#e52b6f}.free-start-form>label{display:grid;gap:9px}.free-start-form label strong,.free-start-form legend{font-size:14px}.free-start-form input[type=text]{width:100%;box-sizing:border-box;padding:18px;border:1px solid var(--fd-border);border-radius:17px;background:#09090b;color:#fff;font:inherit;outline:none}.free-start-form input[type=text]:focus{border-color:#e52b6f;box-shadow:0 0 0 3px rgba(229,43,111,.12)}.free-start-form label small{color:var(--fd-muted);font-size:11px}.free-start-form fieldset{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 18px;padding:0;border:0}.free-start-form legend{width:100%;margin-bottom:8px;font-weight:800}.free-start-form fieldset label input{position:absolute;opacity:0}.free-start-form fieldset span{display:grid;min-width:66px;height:46px;place-items:center;border:1px solid var(--fd-muted);border-radius:15px;color:var(--fd-muted);font-weight:800;cursor:pointer}.free-start-form fieldset input:checked+span{border-color:#fff;background:#e52b6f;color:#fff}.free-start-form>button,.free-task-form>button,.free-state-message button{width:100%;padding:17px;border:0;border-radius:16px;background:#e52b6f;color:#fff;font:inherit;font-weight:850;cursor:pointer}.free-start-form>button span,.free-task-form>button span{margin-left:13px}.free-start-form>p{text-align:center;color:var(--fd-muted);font-size:11px}.free-flow-error{padding:10px 13px;border-radius:10px;background:rgba(239,68,68,.13);color:#fb7185}.free-task-head{text-align:center}.free-task-head>span,.free-state-message>span{display:grid;width:54px;height:54px;margin:0 auto 12px;place-items:center;border-radius:17px;background:rgba(229,43,111,.15);color:#e52b6f;font-size:24px}.free-task-head h2,.free-state-message h2{margin:0 0 7px}.free-task-head p,.free-state-message p{margin:0;color:var(--fd-muted);font-size:12px;line-height:1.65}.free-task-form{display:grid;gap:10px;margin-top:20px}.free-task-form>label{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--fd-border);border-radius:14px;background:var(--fd-soft);cursor:pointer}.free-task-form>label>input{width:18px;height:18px;accent-color:#e52b6f}.free-task-form>label>span{display:grid;grid-template-columns:27px 1fr;gap:2px 8px}.free-task-form>label b{grid-row:1/3;display:grid;width:27px;height:27px;place-items:center;border-radius:8px;background:rgba(229,43,111,.15);color:#e52b6f}.free-task-form>label strong{font-size:12px}.free-task-form>label small{color:var(--fd-muted);font-size:10px}.free-state-message{display:grid;justify-items:center;padding:42px 15px;text-align:center}.free-state-message>div{display:grid;gap:5px;min-width:180px;margin:22px 0;padding:13px;border:1px solid var(--fd-border);border-radius:13px}.free-state-message>div small{color:var(--fd-muted)}.free-state-message a{margin-top:22px;padding:14px 20px;border-radius:999px;background:#e52b6f;color:#fff;text-decoration:none;font-weight:800}.free-state-message.completed>span{background:rgba(16,185,129,.14);color:#10b981}.free-state-message.rejected>span{background:rgba(239,68,68,.14);color:#ef4444}
@media(max-width:900px){.free-detail-grid{grid-template-columns:1fr;gap:35px}.free-detail-intro{padding-top:0}.free-detail-shell{padding-top:25px}.free-breadcrumb{margin-bottom:30px}}
@media(max-width:600px){.free-detail-page .site-container{width:min(100% - 24px,1180px)}.free-detail-intro h1{font-size:39px}.free-detail-trust{gap:11px 17px}.free-flow-card{min-height:0;padding:19px 15px;border-radius:21px}.free-flow-steps small{font-size:9px}.free-flow-steps span:not(:last-child):after{left:37px;width:calc(100% - 42px)}.free-start-form fieldset span{min-width:56px}.free-breadcrumb{overflow-x:auto;white-space:nowrap}}



/* ==========================================================================
   FREE SERVICES CTA OPTIMIZATION (tb-free-cta-fix-v1)
   - Closed excessive 95px black gap between card and red banner
   - Trimmed red section height ("kırmızıyı biraz kesip")
   - Centered banner text with elegant compact padding
   ========================================================================== */
.free-upgrade {
  padding: 20px 0 20px !important;
}
.free-final {
  padding: 24px 0 !important;
  background: linear-gradient(110deg, #f52a4c, #ff6b38) !important;
}
.free-final > .site-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.free-final h2 {
  margin: 0 !important;
  font-size: 22px !important;
  color: #ffffff !important;
  letter-spacing: -0.3px !important;
}
.free-final p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 14px !important;
}

@media (max-width: 640px) {
  .free-upgrade {
    padding: 10px 0 16px !important;
  }
  .free-final {
    padding: 18px 0 !important;
  }
  .free-final h2 {
    font-size: 18px !important;
    line-height: 1.25 !important;
  }
  .free-final p {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }
}
/* === END FREE SERVICES CTA OPTIMIZATION === */