.qt-plat{
--ink:#0f172a;
--muted:#6a7398;
--ac:#5c6cff;
--ac2:color-mix(in srgb,var(--ac) 45%,#fff);
--bg-top:#eef2ff;
--bg-bottom:#f6f8ff;
--max:1320px;
--card-bd:rgba(15,23,42,.10);
--card-bd-soft:rgba(15,23,42,.07);
--qc-qmask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cdefs%3E%3Cfilter id='soft'%3E%3CfeGaussianBlur in='SourceAlpha' stdDeviation='1.8' result='b'/%3E%3CfeColorMatrix in='b' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .22 0'/%3E%3CfeOffset dy='1'/%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Cmask id='qInnerCut'%3E%3Crect width='120' height='120' fill='white'/%3E%3Cline x1='60' y1='60' x2='78' y2='78' stroke='black' stroke-width='13' stroke-linecap='round'/%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='60' cy='60' r='40' fill='none' stroke='%23000' stroke-width='3.2' opacity='.9'/%3E%3Ccircle cx='60' cy='60' r='24' fill='none' stroke='%23000' stroke-width='7.5' stroke-linecap='round' filter='url(%23soft)' mask='url(%23qInnerCut)'/%3E%3Cline x1='68' y1='68' x2='84' y2='84' stroke='%23000' stroke-width='7' stroke-linecap='round' filter='url(%23soft)'/%3E%3C/svg%3E");
font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
color:var(--ink);
}
.qt-plat,.qt-plat *{box-sizing:border-box}
.qt-plat :where(h1,h2,h3,p,ul,li){margin:0;padding:0}
.qt-plat :where(ul){list-style:none}

.qt-plat-bleed{
width:100vw;max-width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
padding:6px 0 22px;
position:relative;
overflow-x:hidden;
overflow-x:clip;
background:
radial-gradient(1000px 360px at 50% -240px,color-mix(in srgb,var(--ac) 12%,transparent),transparent 74%),
linear-gradient(180deg,var(--bg-top),var(--bg-bottom));
}
.qt-plat-bleed::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
z-index:0;
background:
radial-gradient(1200px 360px at 50% -220px,color-mix(in srgb,var(--ac) 9%,transparent),transparent 76%),
radial-gradient(900px 260px at 82% 10%,color-mix(in srgb,var(--ac) 6%,transparent),transparent 62%),
linear-gradient(180deg,rgba(248,250,255,.50),rgba(244,247,255,.18));
border-top:1px solid rgba(15,23,42,.05);
border-bottom:1px solid rgba(15,23,42,.05);
box-shadow:0 16px 40px rgba(15,23,42,.07),0 0 0 1px rgba(255,255,255,.18) inset;
}
.qt-plat-shell{
width:min(var(--max),100%);
margin:0 auto;
padding:0 12px;
position:relative;
z-index:1;
isolation:isolate;
}
@media (max-width:560px){.qt-plat-shell{padding:0 10px}}

.qt-plat-hero{
position:relative;
border-radius:18px;
overflow:hidden;
margin-bottom:6px;
background:
radial-gradient(900px 240px at 12% 0%,color-mix(in srgb,var(--ac) 12%,transparent),transparent 62%),
linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,255,.86));
backdrop-filter:blur(12px) saturate(150%);
-webkit-backdrop-filter:blur(12px) saturate(150%);
border:1px solid color-mix(in srgb,var(--ac) 22%,rgba(15,23,42,.08));
box-shadow:0 0 0 1px color-mix(in srgb,var(--ac) 26%,transparent),0 16px 38px rgba(15,23,42,.10),0 0 0 1px rgba(255,255,255,.70) inset;
}
.qt-plat-hero:where(:hover,:focus-within){
box-shadow:0 0 0 1px color-mix(in srgb,var(--ac) 32%,transparent),0 0 14px color-mix(in srgb,var(--ac) 9%,transparent),0 18px 44px rgba(15,23,42,.12),0 0 0 1px rgba(255,255,255,.74) inset;
}
.qt-plat-hero::before{
content:"";
position:absolute;
right:-26px;top:-24px;
width:clamp(140px,22vw,220px);
height:clamp(140px,22vw,220px);
opacity:.18;
background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 35%,#fff),var(--ac));
filter:drop-shadow(0 18px 45px rgba(0,0,0,.10)) drop-shadow(0 0 14px color-mix(in srgb,var(--ac) 18%,transparent));
animation:qt-q-breathe 4.2s ease-in-out infinite;
pointer-events:none;
}
@supports ((-webkit-mask: url("")) or (mask: url(""))){
.qt-plat-hero::before{
-webkit-mask:var(--qc-qmask) center/100% 100% no-repeat;
mask:var(--qc-qmask) center/100% 100% no-repeat;
}
}
.qt-plat-hero::after{
content:"";
position:absolute;
right:-26px;top:-24px;
width:clamp(140px,22vw,220px);
height:clamp(140px,22vw,220px);
border-radius:999px;
opacity:.15;
background:
radial-gradient(circle at 52% 12%,color-mix(in srgb,var(--ac) 52%,#fff) 0 5px,rgba(255,255,255,.16) 6px,transparent 8px),
radial-gradient(circle at 94% 50%,color-mix(in srgb,var(--ac) 48%,#fff) 0 5px,rgba(255,255,255,.14) 6px,transparent 8px),
radial-gradient(circle at 48% 92%,color-mix(in srgb,var(--ac) 44%,#fff) 0 5px,rgba(255,255,255,.12) 6px,transparent 8px),
radial-gradient(circle at 6% 44%,color-mix(in srgb,var(--ac) 40%,#fff) 0 5px,rgba(255,255,255,.14) 6px,transparent 8px);
filter:drop-shadow(0 0 12px rgba(167,186,255,.10));
transform-origin:50% 50%;
animation:qt-q-orbit 7.2s linear infinite;
will-change:transform;
pointer-events:none;
}
@keyframes qt-q-orbit{to{transform:rotate(360deg)}}
@keyframes qt-q-breathe{0%,100%{transform:scale(1);opacity:.20}50%{transform:scale(1.03);opacity:.16}}

.qt-plat-hero-inner{
position:relative;
z-index:1;
padding:16px 16px;
display:flex;
align-items:center;
gap:12px;
}
.qt-plat-badge{
width:50px;height:50px;border-radius:14px;
display:grid;place-items:center;
flex:0 0 50px;
background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,247,255,.90));
color:var(--ac);
box-shadow:0 10px 20px -16px rgba(15,23,42,.40),inset 0 0 0 1px color-mix(in srgb,var(--ac) 18%,rgba(15,23,42,.08));
position:relative;isolation:isolate;
}
.qt-plat-badge i{font-size:21px;line-height:1}
.qt-plat-badge::before{
content:"";
position:absolute;
inset:-10px;
border-radius:18px;
background:conic-gradient(from 0deg,rgba(110,125,255,0),color-mix(in srgb,var(--ac) 58%,transparent),rgba(170,180,255,.18),rgba(110,125,255,0));
opacity:.80;
filter:blur(.15px) drop-shadow(0 10px 18px color-mix(in srgb,var(--ac) 18%,transparent));
-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%);
mask:radial-gradient(circle,transparent 62%,#000 64%);
animation:qt-badge-orbit 5.8s linear infinite;
pointer-events:none;
z-index:-1;
}
@keyframes qt-badge-orbit{to{transform:rotate(360deg)}}

.qt-plat-hero-txt h1{
font-size:clamp(19px,2.6vw,27px);
font-weight:900;
letter-spacing:-.02em;
line-height:1.12;
color:var(--ink);
text-shadow:0 2px 10px rgba(15,23,42,.08);
}
.qt-plat-hero-txt p{
margin-top:4px;
color:color-mix(in srgb,var(--ink) 72%,#fff);
line-height:1.42;
max-width:62ch;
}

.qt-plat-grid{
display:grid;
grid-template-columns:1fr;
gap:12px;
margin-top:10px;
}
@media (min-width:980px){.qt-plat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media (min-width:1220px){.qt-plat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@supports (content-visibility:auto){.qt-plat-grid{content-visibility:auto;contain-intrinsic-size:900px}}

.qt-plat-card{
position:relative;
isolation:isolate;
display:grid;
grid-template-columns:42px minmax(0,1fr) 34px;
align-items:center;
gap:12px;
padding:12px 14px;
border-radius:16px;
text-decoration:none;
color:var(--ink);
border:1px solid var(--card-bd);
background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.90));
box-shadow:0 10px 18px -16px rgba(15,23,42,.38),0 0 0 1px rgba(255,255,255,.70) inset;
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.qt-plat-card::before{
content:"";
position:absolute;
inset:-1px;
border-radius:inherit;
pointer-events:none;
z-index:-1;
background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(255,255,255,.22));
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
padding:1px;
opacity:.40;
box-shadow:0 0 0 1px color-mix(in srgb,var(--ac) 8%,rgba(15,23,42,.08));
}
.qt-plat-card:hover{
transform:translateY(-2px);
border-color:rgba(15,23,42,.12);
box-shadow:0 16px 26px -18px rgba(15,23,42,.48),0 0 18px color-mix(in srgb,var(--ac) 10%,transparent),0 0 0 1px rgba(255,255,255,.72) inset;
}
.qt-plat-card:hover::before{
opacity:.62;
box-shadow:0 0 0 1px color-mix(in srgb,var(--ac) 12%,rgba(15,23,42,.09));
}
.qt-plat-card:focus-visible{
outline:none;
box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 18%,transparent),0 16px 26px -18px rgba(15,23,42,.48),0 0 0 1px rgba(255,255,255,.72) inset;
}

.qt-plat-ico{
width:42px;height:42px;border-radius:14px;
display:grid;place-items:center;
background:radial-gradient(circle at 30% 20%,#fff,rgba(250,252,255,.96));
color:var(--ac);
box-shadow:0 0 0 1px rgba(15,23,42,.07),0 8px 16px -14px rgba(15,23,42,.42);
}
.qt-plat-ico i{font-size:18px;line-height:1}
.qt-plat-title{
font-weight:850;
letter-spacing:-.01em;
font-size:1.02rem;
line-height:1.25;
min-width:0;
}
.qt-plat-go{
justify-self:end;
width:34px;height:34px;border-radius:12px;
display:grid;place-items:center;
background:rgba(255,255,255,.94);
border:1px solid var(--card-bd-soft);
color:var(--ac);
box-shadow:0 10px 18px -16px rgba(15,23,42,.40);
transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.qt-plat-card:hover .qt-plat-go{
background:linear-gradient(135deg,var(--ac),color-mix(in srgb,var(--ac) 32%,#fff));
color:#fff;
border-color:transparent;
transform:translateX(1px);
box-shadow:0 14px 24px -18px rgba(15,23,42,.55),0 0 14px color-mix(in srgb,var(--ac) 12%,transparent);
}

@media (max-width:640px){
.qt-plat-grid{gap:8px}
.qt-plat-card{grid-template-columns:32px minmax(0,1fr) 28px;gap:10px;padding:9px 10px;border-radius:14px}
.qt-plat-ico{width:32px;height:32px;border-radius:11px;box-shadow:0 0 0 1px rgba(15,23,42,.06),0 8px 14px -14px rgba(15,23,42,.42)}
.qt-plat-ico i{font-size:15px}
.qt-plat-title{font-size:.95rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qt-plat-go{width:28px;height:28px;border-radius:10px;box-shadow:none}
}
@media (max-width:560px){
.qt-plat-hero-inner{padding:14px 14px;gap:10px}
.qt-plat-badge{width:46px;height:46px;flex-basis:46px}
.qt-plat-badge i{font-size:20px}
.qt-plat-hero-txt p{line-height:1.40}
@supports ((-webkit-mask: url("")) or (mask: url(""))){.qt-plat-hero::before{opacity:.16}}
}
@media (min-width:980px){
.qt-plat-card{padding:14px 16px;border-radius:18px}
.qt-plat-card:hover{transform:translateY(-4px)}
.qt-plat-card:hover .qt-plat-ico{transform:scale(1.05);box-shadow:0 10px 24px -14px rgba(15,23,42,.55),0 0 18px color-mix(in srgb,var(--ac) 18%,transparent)}
.qt-plat-title{font-size:1.04rem}
}
@media (prefers-reduced-motion:reduce){
.qt-plat-hero::before,.qt-plat-hero::after,.qt-plat-badge::before{animation:none!important}
.qt-plat-card{transition:none!important}
}

.qt-plat.platform-telegram{--ac:#229ED9}
.qt-plat.platform-twitter{--ac:#1D9BF0}
.qt-plat.platform-instagram{--ac:#E1306C}
.qt-plat.platform-youtube{--ac:#FF0000}
.qt-plat.platform-tiktok{--ac:#111827}
.qt-plat.platform-facebook{--ac:#1877F2}
.qt-plat.platform-linkedin{--ac:#0A66C2}
.qt-plat.platform-spotify{--ac:#1DB954}
.qt-plat.platform-soundcloud{--ac:#FF5500}
.qt-plat.platform-whatsapp{--ac:#25D366}
.qt-plat.platform-kick{--ac:#00E701}
.qt-plat.platform-pinterest{--ac:#E60023}
.qt-plat.platform-twitch{--ac:#9146FF}

.qt-ic{ width:1em; height:1em; display:block; }

/* Hero badge içindeki svg */
.qt-ic--hero{ width:22px; height:22px; color: var(--ac); }

/* Sağ ok */
.qt-ic--chev{ width:18px; height:18px; color: currentColor; }

/* Liste ikon kutusu: nokta/pil */
.qt-plat-ico{ position:relative; }
.qt-plat-ico::before{
  content:"";
  width:10px; height:10px;
  border-radius:999px;
  background: currentColor;
  box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 16%, transparent);
}

/* Mobil */
@media (max-width:640px){
  .qt-plat-ico::before{ width:8px; height:8px; }
}


.qt-faq{
width:100%;
margin:clamp(22px,3.5vw,34px) auto 0;
--qt-ac: var(--ac, var(--qt-buy-accent, var(--accent, #6a7eff)));
--qt-ac-soft: color-mix(in srgb, var(--qt-ac) 22%, transparent);
--faq-radius:22px;
--faq-item-radius:16px;
--faq-bd: color-mix(in srgb, var(--qt-ac) 14%, rgba(148,163,184,.28));
--faq-bd-2: rgba(148,163,184,.22);
--faq-ink:#0b1120;
--faq-muted:#5b6678;
}
.qt-faq__inner{
width:100%;
max-width:var(--qt-shell-inner, calc(var(--qt-shell-max, 1320px) - (var(--qt-shell-pad, 12px) * 2)));
margin-inline:auto;
padding:clamp(16px,2.6vw,24px);
border-radius:var(--faq-radius);
position:relative;
overflow:hidden;
isolation:isolate;
background:
radial-gradient(900px 420px at 10% -10%, color-mix(in srgb, var(--qt-ac) 12%, transparent), transparent 60%),
radial-gradient(900px 420px at 90% 0%,  color-mix(in srgb, var(--qt-ac) 10%, transparent), transparent 60%),
linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
border:1px solid rgba(255,255,255,.70);
box-shadow:
0 18px 55px -40px rgba(2,6,23,.28),
0 0 0 1px rgba(15,18,36,.04);
}
.qt-faq__inner::before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:3px;
background:linear-gradient(90deg, transparent 0%, var(--qt-ac) 18%, var(--qt-ac) 82%, transparent 100%);
opacity:.9;
z-index:-1;
}
.qt-faq__inner::after{
content:"";
position:absolute;
right:-90px; top:-90px;
width:220px; height:220px;
background:radial-gradient(circle, color-mix(in srgb, var(--qt-ac) 22%, transparent) 0%, transparent 70%);
opacity:.9;
pointer-events:none;
z-index:-1;
}
.qt-faq__head{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px 16px;
margin:0 0 14px;
}
.qt-faq__headL{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
.qt-faq__badge{
width:38px;
height:38px;
border-radius:14px;
display:grid;
place-items:center;
font-weight:950;
color:#fff;
background:linear-gradient(
135deg,
color-mix(in srgb, var(--qt-ac) 92%, #111827),
color-mix(in srgb, var(--qt-ac) 55%, #ffffff)
);
box-shadow:0 16px 34px -26px color-mix(in srgb, var(--qt-ac) 55%, transparent);
flex:0 0 auto;
}
.qt-faq__headTxt{ min-width:0; }
.qt-faq__title{
margin:0;
font-size:clamp(1.08rem, 1.0rem + .45vw, 1.42rem);
font-weight:950;
letter-spacing:-.02em;
color:var(--faq-ink);
line-height:1.12;
}
.qt-faq__sub{
margin:4px 0 0;
font-size:.86rem;
color:var(--faq-muted);
line-height:1.35;
max-width:60ch;
}
.qt-faq__meta{
display:flex;
align-items:center;
gap:10px;
flex:0 0 auto;
}
.qt-faq__count{
display:inline-flex;
align-items:center;
gap:8px;
padding:7px 10px;
border-radius:999px;
font-size:.82rem;
font-weight:850;
color:color-mix(in srgb, var(--qt-ac) 65%, #0b1120);
background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.65));
border:1px solid color-mix(in srgb, var(--qt-ac) 16%, rgba(148,163,184,.22));
}
.qt-faq__list{ display:grid; gap:10px; }
.qt-faq__item{
border-radius:var(--faq-item-radius);
background:rgba(255,255,255,.86);
border:1px solid var(--faq-bd-2);
box-shadow:0 10px 24px -22px rgba(2,6,23,.18);
overflow:hidden;
transition:transform .14s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
position:relative;
}
.qt-faq__item::before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:3px;
background:color-mix(in srgb, var(--qt-ac) 35%, transparent);
opacity:.35;
}
.qt-faq__item:hover{
transform:translateY(-1px);
border-color:var(--faq-bd);
box-shadow:0 18px 38px -26px rgba(2,6,23,.22);
}
.qt-faq__item[open]{
background:linear-gradient(
180deg,
rgba(255,255,255,.92),
color-mix(in srgb, var(--qt-ac) 8%, rgba(255,255,255,.84))
);
border-color:color-mix(in srgb, var(--qt-ac) 22%, rgba(148,163,184,.26));
box-shadow:
0 22px 50px -36px rgba(2,6,23,.28),
0 0 0 4px color-mix(in srgb, var(--qt-ac) 14%, transparent);
}
.qt-faq__item[open]::before{ opacity:.95; background:var(--qt-ac); }
.qt-faq__question{
list-style:none;
cursor:pointer;
padding:12px 12px 12px 14px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.qt-faq__question::-webkit-details-marker{ display:none; }
.qt-faq__question-text{
display:flex;
align-items:flex-start;
gap:10px;
min-width:0;
font-size:.93rem;
font-weight:850;
color:var(--faq-ink);
line-height:1.35;
}
.qt-faq__question-text::before{
content:"Q";
flex:0 0 auto;
width:22px;
height:22px;
border-radius:999px;
display:grid;
place-items:center;
font-size:.72rem;
font-weight:950;
color:var(--qt-ac);
background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.80));
border:1px solid color-mix(in srgb, var(--qt-ac) 18%, rgba(148,163,184,.18));
box-shadow:0 10px 20px -18px rgba(2,6,23,.22);
}
.qt-faq__chev{
flex:0 0 auto;
width:32px;
height:32px;
border-radius:12px;
display:grid;
place-items:center;
background:rgba(248,250,252,.85);
border:1px solid rgba(148,163,184,.20);
color:#5b6678;
transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
user-select:none;
}
.qt-faq__item[open] .qt-faq__chev{
transform:rotate(180deg);
background:color-mix(in srgb, var(--qt-ac) 16%, rgba(255,255,255,.86));
border-color:transparent;
color:var(--qt-ac);
}
.qt-faq__answer{
padding:0 14px 12px 14px;
border-top:1px solid rgba(148,163,184,.20);
animation:faqFade .14s ease both;
}
@keyframes faqFade{
from{ opacity:0; transform:translateY(-2px); }
to{ opacity:1; transform:translateY(0); }
}
.qt-faq__answer p{
margin:10px 0 0;
font-size:.89rem;
line-height:1.65;
color:var(--faq-muted);
}
.qt-faq__question:focus-visible{
outline:none;
box-shadow:0 0 0 4px color-mix(in srgb, var(--qt-ac) 20%, transparent);
border-radius:12px;
}
.qt-faq__more{
margin-top:12px;
display:flex;
justify-content:center;
}
.qt-faq__moreBtn{
appearance:none;
border:1px solid color-mix(in srgb, var(--qt-ac) 18%, rgba(148,163,184,.24));
background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.70));
color:#0b1120;
border-radius:14px;
padding:10px 14px;
font-weight:900;
cursor:pointer;
box-shadow:0 14px 30px -26px rgba(2,6,23,.22);
transition:transform .14s ease, box-shadow .18s ease, border-color .18s ease;
}
.qt-faq__moreBtn:hover{
transform:translateY(-1px);
border-color:color-mix(in srgb, var(--qt-ac) 24%, rgba(148,163,184,.22));
box-shadow:0 18px 40px -28px rgba(2,6,23,.26);
}
.qt-faq__moreBtn:focus-visible{
outline:none;
box-shadow:
0 0 0 4px color-mix(in srgb, var(--qt-ac) 20%, transparent),
0 18px 40px -28px rgba(2,6,23,.26);
}
@media (max-width:640px){
.qt-faq{ margin-top:18px; }
.qt-faq__inner{ border-radius:18px; padding:12px 12px 14px; }
.qt-faq__question{ padding:11px 10px 11px 12px; }
.qt-faq__answer{ padding:0 12px 11px; }
.qt-faq__chev{ width:30px; height:30px; }
.qt-faq__meta{ display:none; }
}
@media (prefers-reduced-motion: reduce){
.qt-faq *{ transition:none !important; animation:none !important; }
.qt-faq__moreBtn{ transition:none !important; }
}