/* Publishers With Us · site styles (header, footer, home, For Publishers, contact) */

/* Hizmet renk kodları: sayfa boyunca aynı */
:root{--c-analiz:#2563eb;--c-type:#d97706;--c-xml:#0f8a7e;--c-meta:#7c3aed;--c-mkt:#db2777;--ink-dark:#0b1730}
[data-renk="petrol"]{--ink-dark:#07272a}

/* ---------- Üst yardımcı şerit ---------- */
.util{background:var(--ink-dark);color:rgba(255,255,255,.72);font-size:13px}
.util .wrap{display:flex;align-items:center;gap:22px;height:38px}
.util .wrap{justify-content:center}
.util .slogan{margin:0;font-size:13px;letter-spacing:.06em;color:rgba(255,255,255,.8);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.util b{color:#fff;font-weight:600}

/* ---------- Ana menü + büyük açılır menü ---------- */
.mh{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.mh .wrap{height:70px;display:flex;align-items:center;gap:30px}
.mh .cta{margin-left:auto;display:flex;gap:10px;align-items:center}

/* ---------- Karşılama alanı (koyu) ---------- */
.hero2{position:relative;background:var(--ink-dark);color:#fff;overflow:hidden;padding:clamp(56px,7vw,96px) 0 clamp(120px,12vw,160px)}
.hero2 .art{position:absolute;inset:0;opacity:.55}
.hero2 .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.hero2 .eyebrow{background:rgba(255,255,255,.1);color:#fff}
.hero2 h1{font-size:clamp(2.2rem,3.7vw,3.2rem);margin:20px 0 18px;line-height:1.06}
.hero2 h1 em{font-style:normal;color:color-mix(in srgb,var(--accent) 60%,#fff)}
.hero2 .lead{color:rgba(255,255,255,.75)}
.paths{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.paths a{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-weight:500;transition:background .2s,border-color .2s}
.paths a:hover{background:rgba(255,255,255,.1);border-color:#fff}
.paths a svg{width:16px;height:16px}
.hero2 .btn-primary{margin-top:14px}
.hero2 .orbit{position:relative;aspect-ratio:1/.92;width:100%;max-width:600px;justify-self:end}

/* Karşılama alanı: ekosistem büyütüldü, sağ kenara taşar */
.hero2{padding:clamp(40px,5vw,72px) 0 clamp(56px,6vw,88px)}
.hero2 .wrap{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px}
.hero2 .orbit{max-width:none;width:calc(100% + var(--gutter));margin-right:calc(-1 * var(--gutter));aspect-ratio:1/.9;justify-self:stretch}
.hero2 .cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:22px}
.hero2 .cta-row .link{color:#fff;font-weight:500;display:inline-flex;gap:6px;align-items:center;opacity:.85}
.hero2 .cta-row .link:hover{opacity:1}
.hero2 .cta-row svg{width:16px;height:16px}

section[id]{scroll-margin-top:86px}
.hero2 .paths a{height:42px;padding:0 15px;font-size:15px}
/* Kartlar: koyu ışıklı bantta, yan yana yatay buzlu cam kartlar; şerit sayfa kenarlarından taşar (referans tasarım) */
.cstrip{position:relative;overflow:hidden;background:var(--ink-dark);color:#fff;padding:clamp(56px,7vw,96px) 0}
.cstrip .art{position:absolute;inset:0;opacity:.5}
/* Sabitlenmiş mod: bölüm ekrana oturur, dikey kaydırma kartları yatay ilerletir, son karttan sonra sayfa devam eder */
.cs-sticky{position:relative}
.cstrip.pin{overflow:visible;padding:0}
.cstrip.pin .cs-sticky{position:sticky;top:70px;height:calc(100vh - 70px);overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:24px 0}
.cstrip.pin .cs-track{overflow:visible;scroll-snap-type:none;cursor:default;will-change:transform}
.cstrip.pin .gcard{width:min(46vw,760px,(100vh - 300px) * 16 / 9)}
.cs-beam{position:absolute;left:-10%;right:-10%;top:52%;height:50%;pointer-events:none;background:radial-gradient(60% 50% at 50% 50%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 70%);filter:blur(30px);opacity:.75}
.cstrip .wrap,.cs-track{position:relative}
.cstrip .h2{color:#fff;text-align:center;margin-bottom:clamp(28px,4vw,44px)}
.cs-track{display:flex;gap:clamp(14px,1.6vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;--edge:max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)));padding:12px var(--edge);scroll-padding-inline:var(--edge);scrollbar-width:none;cursor:grab}
.cs-track::-webkit-scrollbar{display:none}
.cs-track.drag{cursor:grabbing;scroll-snap-type:none}
.cs-track.drag .gcard{pointer-events:none}
.gcard{position:relative;flex:none;scroll-snap-align:start;container-type:inline-size;width:min(46vw,760px);aspect-ratio:16/9;border-radius:14px;overflow:hidden;display:flex;padding:clamp(20px,6cqi,40px);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 30px 60px -30px rgba(0,0,0,.6);opacity:.88;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,background .4s;-webkit-user-drag:none}
.gcard.on,.gcard:hover{opacity:.96;border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.09)}
.gcard.on{transform:translateY(-6px)}
.gc-img{position:absolute;right:0;bottom:0;width:56%;height:90%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(.95);opacity:.8;-webkit-user-drag:none;user-select:none;
  -webkit-mask-image:radial-gradient(75% 80% at 78% 80%,#000 30%,transparent 78%);mask-image:radial-gradient(75% 80% at 78% 80%,#000 30%,transparent 78%);transition:opacity .4s,filter .4s,transform .6s cubic-bezier(.16,1,.3,1)}
.gcard.on .gc-img,.gcard:hover .gc-img{opacity:.92}
.gc-tx{position:relative;z-index:2;display:flex;flex-direction:column;width:60%;min-width:0}
.gc-kick{font:700 clamp(12px,2.4cqi,15px)/1.2 "Geist Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.92);display:flex;align-items:center;gap:8px}
.gc-kick::before{content:"";width:22px;height:3px;border-radius:2px;background:#fff}
.gc-title{margin-top:clamp(8px,1.8cqi,12px);font-size:clamp(19px,4.5cqi,34px);font-weight:700;line-height:1.1;letter-spacing:-.01em;text-transform:uppercase;color:#fff;text-wrap:balance}

/* Bölüm üst etiketi (Wiley: küçük, büyük harf, mono) */
.kick{display:block;font:500 12.5px "Geist Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:14px}
.center{text-align:center}
.center .lead{margin-inline:auto}

/* Zorluklar */
.chal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px;padding-top:44px;border-top:1px solid var(--line)}
.chal article{background:var(--bg-soft);border-radius:14px;padding:24px 22px 22px;display:flex;flex-direction:column;gap:10px}
.chal .ico{background:var(--ink-dark);color:#fff}
.chal h3{font-size:1.12rem;margin-top:8px}
@media(min-width:641px){.chal h3{min-height:2.3em}}
.chal p{font-size:15px;color:var(--muted)}
.chal .to{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--c)}
.chal .to::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}

/* Neden Publishers With Us */
.why{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:start}
.why .stick{position:sticky;top:140px}
.why-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.why-list article{border:1px solid var(--line);border-radius:14px;padding:24px 22px;background:#fff}
.why-list .n{font:500 13px "Geist Mono",monospace;color:var(--accent-ink)}
.why-list h3{font-size:1.18rem;margin:12px 0 8px}
.why-list p{font-size:15px;color:var(--muted)}

/* Koyu taahhüt bandı (rakam yerine) */
.pledge{background:var(--ink-dark);color:#fff;position:relative;overflow:hidden;padding:clamp(56px,7vw,88px) 0}
.pledge .art{position:absolute;inset:0;opacity:.45}
.pledge .wrap{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pledge div.it{border-left:1px solid rgba(255,255,255,.18);padding:4px 0 4px 22px}
.pledge b{display:block;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.02em;line-height:1.1}
.pledge span{display:block;margin-top:10px;color:rgba(255,255,255,.7);font-size:15px}

/* Nasıl çalışıyoruz (ilk taslaktan) */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{position:relative;padding-top:56px}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:600;font-size:15px}
.steps li::after{content:"";position:absolute;top:20px;left:52px;right:-8px;height:1px;background:var(--line)}
.steps li:last-child::after{display:none}
.steps h3{font-size:1.15rem;margin-bottom:8px}
.steps p{font-size:15.5px;color:var(--muted)}

/* Kapanış (ilk taslaktan) */
#start{padding-top:0}
#how-we-work{padding-bottom:clamp(32px,4vw,56px)}
.final{background:var(--brand);color:#fff;border-radius:24px;padding:clamp(40px,6vw,72px);display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:32px;align-items:center;position:relative;overflow:hidden}
.final::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:var(--accent);opacity:.25;filter:blur(40px)}
.final h2{font-size:clamp(1.8rem,3.2vw,2.6rem)}
.final p{color:rgba(255,255,255,.75);margin-top:12px;max-width:34em}
.final .btn-primary{position:relative;z-index:1}
.final .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.3);position:relative;z-index:1}
.final .acts{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- Koyu alt bilgi (sade) ---------- */
.foot2{background:var(--ink-dark);color:rgba(255,255,255,.7);padding:40px 0;font-size:14.5px}
.foot2 .fbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.foot2 .logo{color:#fff}
.foot2 p{margin-top:8px;max-width:30em;font-size:14px}
.foot2 .legal{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px}
.foot2 a:hover,.foot2 .lnk:hover{color:#fff}
.foot2 .legal{align-items:center}
.lnk{font:inherit;font-size:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}

/* ---------- Duyarlı ---------- */
@media(max-width:1100px){
  .gcard{width:min(70vw,640px)}
  .chal,.pledge .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .hero2 .wrap,.why,.final{grid-template-columns:minmax(0,1fr)}
  .hero2 .orbit{width:100%;margin:0;max-width:640px;justify-self:center}
  .why .stick{position:static}
  .steps{grid-template-columns:1fr 1fr;row-gap:36px}
  .steps li:nth-child(2)::after{display:none}
}
@media(max-width:640px){
  .mh .cta .btn-primary{display:none}
  .util .slogan{font-size:12px}
  .chal,.why-list,.steps,.pledge .wrap{grid-template-columns:minmax(0,1fr)}
  .steps li::after{display:none}
  .gcard{width:86vw;aspect-ratio:auto;min-height:340px}
  .gc-tx{width:100%}
  .gc-img{width:80%;height:70%;opacity:.55}
  .hero2 .orbit{aspect-ratio:1/1}
}

/* ---------- Contact / meeting page ---------- */
/* Başlık bandı */
.gtop{background:var(--ink-dark);color:#fff;position:relative;overflow:hidden;padding:clamp(48px,6vw,80px) 0 clamp(96px,10vw,128px)}
.gtop .art{position:absolute;inset:0;opacity:.45}
.gtop .wrap{position:relative}
.gtop h1{font-size:clamp(2.1rem,4vw,3.1rem);margin:0 0 14px}
.gtop .lead{color:rgba(255,255,255,.75)}
.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;padding:0;list-style:none}
.facts li{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.22);border-radius:8px;font-size:14.5px;background:rgba(255,255,255,.05)}
.facts svg{width:16px;height:16px;opacity:.85}

/* Gövde: solda bilgi, sağda randevu kartı */
.gbody{margin-top:clamp(-72px,-6vw,-56px);position:relative;padding-bottom:clamp(56px,7vw,96px)}
.gbody .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:start}
.info{padding-top:clamp(84px,8vw,104px)}
.info h2{font-size:1.35rem;margin-bottom:16px}
.agenda{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:a}
.agenda li{position:relative;padding-left:40px}
.agenda li::before{counter-increment:a;content:counter(a);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);font-size:13px;font-weight:600}
.agenda b{display:block;font-weight:600}
.agenda span{color:var(--muted);font-size:15px}
.after{margin-top:28px;padding:18px 20px;border-left:3px solid var(--accent);background:var(--bg-soft);border-radius:0 10px 10px 0;font-size:15px;color:var(--muted)}

.book{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -30px rgba(15,23,42,.35);padding:clamp(20px,3vw,32px)}
.book h2{font-size:1.3rem;margin-bottom:4px}
.book .sub{color:var(--muted);font-size:14.5px;margin-bottom:22px}
.step{border:0;margin:0 0 24px;padding:0;min-width:0}
.step legend{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15.5px;margin-bottom:12px;padding:0}
.step legend i{font:500 12px "Geist Mono",monospace;font-style:normal;color:var(--accent-ink);background:var(--accent-soft);padding:3px 8px;border-radius:5px}
.step legend small{margin-left:auto;font-weight:400;font-size:13px;color:var(--faint)}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.chips.wrapc{flex-wrap:wrap;overflow:visible}
.chip{flex:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font-size:14.5px;line-height:1.25;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.chip:hover{border-color:var(--faint)}
.chip[aria-pressed="true"]{border-color:var(--accent);background:var(--accent);color:#fff}
.chip small{display:block;font-size:12px;opacity:.75}
.chip:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.times{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.hint{font-size:13.5px;color:var(--faint)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f{display:flex;flex-direction:column;gap:6px}
.f.full{grid-column:1/-1}
.f label{font-size:14px;font-weight:500}
.f label em{color:#c2410c;font-style:normal}
.f input,.f select,.f textarea{font:inherit;font-size:15px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:var(--text);width:100%}
.f textarea{min-height:92px;resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.f [aria-invalid="true"]{border-color:#dc2626}
.svc{display:flex;flex-wrap:wrap;gap:8px}
.svc label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:14px;font-weight:400;cursor:pointer}
.svc input{accent-color:var(--accent);width:auto}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted);margin:4px 0 20px}
.consent input{margin-top:3px;accent-color:var(--accent);width:16px;height:16px;flex:none}
.consent a{color:var(--accent-ink);text-decoration:underline}
.err{color:#dc2626;font-size:13.5px;min-height:1.2em;margin:-10px 0 12px}
.submit{width:100%;height:52px}
.summary{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14.5px;color:var(--muted);margin:-8px 0 18px}
.summary b{color:var(--text);font-weight:600}

/* Onay ekranı */
.done{text-align:center;padding:12px 4px}
.done .ok{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center}
.done .ok svg{width:28px;height:28px}
.done h2{font-size:1.4rem;margin-bottom:8px}
.done p{color:var(--muted)}
.done dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;text-align:left;max-width:360px;margin:20px auto;font-size:15px}
.done dt{color:var(--faint)}
.done dd{margin:0;font-weight:500}
.done .acts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}

@media(max-width:900px){
  .gbody .wrap{grid-template-columns:minmax(0,1fr)}
  .info{padding-top:0;order:2}
}
@media(max-width:560px){
  .grid2{grid-template-columns:minmax(0,1fr)}
  
  
}

/* ---------- Site menüsü (tüm sayfalar) ---------- */
.mnav{display:flex;gap:4px;margin:0 0 0 12px;padding:0;list-style:none}
.mnav a{display:flex;align-items:center;height:70px;padding:0 14px;font-size:15.5px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}
.mnav a:hover{color:var(--text)}
.mnav a[aria-current="page"]{color:var(--text);border-bottom-color:var(--accent)}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;padding:10px 14px;border-radius:8px}
.skip:focus{left:16px}
@media(max-width:900px){.mnav{display:none}.menu-btn{display:inline-flex}.mobile-nav.open{display:grid;gap:4px;padding:8px var(--gutter) 20px;border-bottom:1px solid var(--line);background:#fff}.mobile-nav a{padding:12px 0;font-size:17px;border-bottom:1px solid var(--line)}}

/* ---------- İç sayfa başlık bandı (For Publishers) ---------- */
.ptop{background:var(--ink-dark);color:#fff;position:relative;overflow:hidden;padding:clamp(56px,7vw,96px) 0 clamp(56px,7vw,88px)}
.ptop .art{position:absolute;inset:0;opacity:.45}
.ptop .wrap{position:relative;max-width:var(--max)}
.ptop .eyebrow{background:rgba(255,255,255,.1);color:#fff}
.ptop h1{font-size:clamp(2.2rem,4.2vw,3.4rem);margin:18px 0 16px;max-width:16em;line-height:1.06}
.ptop h1 em{font-style:normal;color:color-mix(in srgb,var(--accent) 60%,#fff)}
.ptop .lead{color:rgba(255,255,255,.75);max-width:40em}
.ptop .jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.ptop .jump a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:14.5px;font-weight:500}
.ptop .jump a:hover{background:rgba(255,255,255,.1);border-color:#fff}
.ptop .jump i{width:8px;height:8px;border-radius:50%;background:var(--c)}

/* Destek ayrıntıları: dönüşümlü iki sütun */
.svc-detail{display:grid;gap:clamp(48px,7vw,96px)}
.sd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;scroll-margin-top:96px}
.sd:nth-child(even) .sd-tx{order:2}
.sd .tagc{display:inline-flex;align-items:center;gap:8px;font:600 12px "Geist Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.sd .tagc::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--c)}
.sd h2{font-size:clamp(1.7rem,3vw,2.3rem);margin:12px 0 12px}
.sd .lead{font-size:1.05rem}
.sd ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.sd li{display:grid;grid-template-columns:28px 1fr;gap:12px}
.sd li i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);font-style:normal;font-size:13px;font-weight:700}
.sd li b{display:block;font-size:16px}
.sd li span{color:var(--muted);font-size:15px}
.sd-viz{border-radius:18px;background:var(--bg-soft);border:1px solid var(--line);padding:clamp(20px,3vw,32px);min-height:320px;display:grid;align-items:center}
.cardx{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:20px}
.cardx h5{margin:0 0 14px;font-size:14px;display:flex;justify-content:space-between;align-items:center}
.cardx h5 small{font-weight:500;color:var(--faint);font-size:12px}
.rep{display:grid;gap:12px}
.rep div{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:14px;align-items:center}
.rep .bar,.mets .bar{grid-column:1/-1;height:7px;border-radius:9px;background:var(--line);overflow:hidden}
.rep .bar i,.mets .bar i{display:block;height:100%;border-radius:9px;background:var(--c)}
.st2{font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px}
.ok2{background:#e7f6ee;color:#13784a}.wr2{background:#fef3c7;color:#92400e}.er2{background:#fee2e2;color:#991b1b}
.spread{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:6px;box-shadow:0 20px 40px -20px rgba(15,23,42,.35),0 0 0 1px var(--line);aspect-ratio:1.45/1;position:relative}
.spread::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:30px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(15,23,42,.08),transparent)}
.spread .pg{padding:9%;display:flex;flex-direction:column;gap:6px}
.spread .pg i{display:block;height:5px;border-radius:3px;background:#e2e6ed}
.spread .pg i.h{height:10px;width:70%;background:var(--ink-dark);margin-bottom:8px}
.spread .pg i.a{height:44px;background:color-mix(in srgb,var(--c-type) 12%,#fff);margin:4px 0 8px}
.spread .pg i.f{height:70px;background:linear-gradient(180deg,transparent 45%,color-mix(in srgb,var(--c-type) 25%,#fff) 45%);border:1px solid var(--line);margin:4px 0}
.spread .pg i.s{width:60%}
.chips2{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chips2 span{font-size:13px;font-weight:500;background:#fff;border:1px solid var(--line);border-radius:99px;padding:5px 12px}
.code{background:#0d1526;color:#9fb0cc;border-radius:14px;padding:20px 22px;font:500 13.5px/1.75 "Geist Mono",ui-monospace,monospace;overflow:auto;white-space:pre}
.code .t{color:#7dd3fc}.code .a{color:#fbbf77}.code .v{color:#e2e8f0}
.valid{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px}
.valid b{color:#13784a}
.score{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
.gauge{position:relative;width:140px;height:140px}
.gauge svg{width:140px;height:140px;transform:rotate(-90deg)}
.gauge circle{fill:none;stroke-width:12}
.gauge .bg{stroke:var(--line)}
.gauge .fg{stroke:var(--c-meta);stroke-linecap:round;stroke-dasharray:408;stroke-dashoffset:106}
.gauge .v{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.gauge .v b{font-size:34px;line-height:1;letter-spacing:-.03em}
.gauge .v small{display:block;font-size:12px;color:var(--muted)}
.mets{display:grid;gap:10px;font-size:13.5px}
.mets div{display:grid;grid-template-columns:1fr auto;gap:4px 10px}
.chart{width:100%;height:auto;display:block}
.legend{display:flex;gap:16px;font-size:13px;color:var(--muted);margin-top:10px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.sample{font-size:12px;color:var(--faint);margin-top:12px}

/* Kimlere hizmet veriyoruz */
.aud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.aud article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--c);border-radius:4px 4px 14px 14px;padding:26px 22px 24px;display:flex;flex-direction:column;gap:8px;scroll-margin-top:96px}
.aud .ico{background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--c)}
.aud b{font-size:18px;margin-top:10px}
.aud p{font-size:15px;color:var(--muted)}
.aud ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px;font-size:14.5px}
.aud li::before{content:"✓ ";color:var(--c);font-weight:700}

/* İş birliği modelleri */
.models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.models article{border:1px solid var(--line);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;background:#fff;position:relative}
.models article.hl{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow)}
.models .badge{position:absolute;top:-12px;left:24px;font-size:12px;font-weight:600;background:var(--accent);color:#fff;padding:3px 10px;border-radius:99px}
.models h3{font-size:1.3rem}
.models p{color:var(--muted);font-size:15px}
.models ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;font-size:14.5px}
.models li::before{content:"✓ ";color:var(--accent);font-weight:700}
.models .btn{margin-top:auto;align-self:flex-start}
.faq{max-width:52em;margin:0 auto;display:grid;gap:10px}
.faq details{border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 20px}
.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:600;font-size:16.5px;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;font-size:22px;line-height:1;color:var(--muted)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 18px;color:var(--muted)}
@media(max-width:980px){.sd{grid-template-columns:minmax(0,1fr)}.sd:nth-child(even) .sd-tx{order:0}.aud{grid-template-columns:repeat(2,minmax(0,1fr))}.models{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:640px){.aud{grid-template-columns:minmax(0,1fr)}.score{grid-template-columns:1fr;justify-items:center}}

/* 404 */
.nf{min-height:60vh;display:grid;place-items:center;text-align:center;padding:80px 0}
.nf b{display:block;font:500 14px "Geist Mono",monospace;color:var(--accent-ink);margin-bottom:12px}
.nf h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:12px}
.nf p{color:var(--muted);margin-bottom:24px}
.times .hint{grid-column:1/-1}

/* Contact: time zone selector */
.tzline b{color:var(--text);font-weight:600}
.tzchange{border:0;background:none;padding:0;margin-left:4px;font:inherit;color:var(--accent-ink);text-decoration:underline;cursor:pointer}
.tzpick{display:grid;gap:6px;margin:-10px 0 20px;max-width:360px}
.tzpick label{font-size:13px;font-weight:500}
.tzpick select{font:inherit;font-size:15px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#fff}
.chip small.ist{display:block;font-size:11px;opacity:.6;margin-top:2px}
.tzpick[hidden]{display:none}