/* =====================================================================
   exgie-home.css — YALNIZ ANA SAYFA (08.10.2026, exgie-site.css'ten ayrıldı).
   exgie-site.css'ten SONRA yüklenir (aynı sıra korunur). Hero/çark, bölümler, nasıl çalışır,
   özellikler, fiyatlandırma/bespoke, iletişim formu ve bunların duyarlı kuralları.
   Ortak dosyada sonradan gelip buradaki bir kuralı ezen birkaç kural sıra bozulmasın diye
   burada da tekrarlandı (ör. .is-on durumları).
   ===================================================================== */

.howto,.integ,.feat,.pipe-sec,.ssa,.pricing,.tools,.contact{scroll-margin-top:24px}
.line-2{
  display:flex; align-items:center; justify-content:center;
  gap:0.28em; flex-wrap:nowrap;
}
.headline-text{position:relative; z-index:1}
.sub,.actions{position:relative; z-index:1}
.slot{
  position:relative; display:inline-block;
  height:var(--stage-h);
  width:var(--w0, auto);
  animation:slotw 24s cubic-bezier(.65,.05,.35,1) infinite;
  margin-top:calc((var(--stage-h) - var(--fs) * 1.06) / -2);
  margin-bottom:calc((var(--stage-h) - var(--fs) * 1.06) / -2);
  overflow:visible;
  z-index:0;
}
.sizer{display:block; height:0; overflow:hidden; visibility:hidden; white-space:nowrap}
.wheel{
  position:absolute; top:50%; left:calc(-1 * var(--r));
  width:0; height:0;
  animation:spin 24s cubic-bezier(.65,.05,.35,1) infinite;
}
.word{
  position:absolute; left:0; top:0;
  width:calc(var(--fs) * 8); height:0;
  display:flex; align-items:center; justify-content:flex-start;
  white-space:nowrap;
  filter:blur(4px);
  transform-origin:0 0;
  transform:rotate(var(--a)) translateX(var(--r));
  animation:blurword 24s cubic-bezier(.65,.05,.35,1) infinite;
}
.word > span{
  display:inline-block;
  background-image:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:var(--ghost);
  color:var(--ghost);
  animation:focusword 24s cubic-bezier(.65,.05,.35,1) infinite;
  animation-delay:inherit;
}
.sub{
  max-width:720px; margin:clamp(20px, calc(var(--fs) * 0.55), 36px) auto 0;
  font-size:clamp(11.5px, calc(var(--fs) * 0.26), 17px);
  text-wrap:pretty;
  line-height:1.6; color:var(--ink-soft);
}
.actions{display:flex; gap:12px; justify-content:center; margin-top:36px; flex-wrap:nowrap}
.marquee{
  position:relative; margin-top:64px; overflow:hidden;
  -webkit-mask-image:linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
  mask-image:linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
}
.marquee-track{display:flex; width:max-content; animation:marquee 32s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.mq-group{display:flex; align-items:center; gap:64px; padding-right:64px}
.mq-item{
  height:36px; display:flex; align-items:center;
  font-family:'Archivo','Archivo Yedek',sans-serif; font-weight:600; font-size:17px;
  letter-spacing:-0.02em; color:#a9a9a3; white-space:nowrap;
}
.mq-item[class*="mq-"]{
  height:36px; background-repeat:no-repeat; background-position:center;
  background-size:contain; opacity:.36;
}
.mq-aws{width:204px; background-image:url("/img/aws.png")}
.mq-ads{width:324px; background-image:url("/img/amazon-ads.png")}
.mq-spapi{width:204px; background-image:url("/img/amazon-sp-api.png")}
.mq-mcf{width:207px; background-image:url("/img/amazon-mcf.png")}
.mq-br{width:250px; background-image:url("/img/amazon-brand-registry.png")}
.mq-trans{width:170px; background-image:url("/img/transparency.png")}
.mq-meta{width:90px; background-image:url("/img/meta-business-partner.png")}
.mq-shop{width:214px; background-image:url("/img/shopify-partners.png")}
.stats{
  display:flex; justify-content:center; gap:56px; flex-wrap:wrap;
  margin-top:36px; padding-top:0;
  max-width:760px; margin-left:auto; margin-right:auto;
}
.stat-n{font-family:'Archivo','Archivo Yedek',sans-serif; font-weight:700; font-size:30px; letter-spacing:-0.03em}
.stat-l{font-size:13px; color:var(--ink-soft); margin-top:4px}
.howto{max-width:1180px; margin:0 auto; padding:0 24px 96px}
.howto-card{border:1px solid var(--line); border-radius:22px; overflow:hidden; background:#fff}
.howto-body{display:flex; align-items:stretch}
.howto-left{
  flex:0 0 340px; display:flex; flex-direction:column; justify-content:center;
  border-right:1px solid var(--line);
}
.howto-head{
  display:flex; align-items:center; gap:13px;
  padding:26px 24px 0;
}
.howto-badge{
  flex:none; width:44px; height:44px; border-radius:13px;
  display:flex; align-items:center; justify-content:center;
  border:1.6px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
  color:#8d8d86;
}
.howto-badge svg{
  width:22px; height:22px; display:block;
  fill:none; stroke:currentColor; stroke-width:1.6;
  stroke-linecap:round; stroke-linejoin:round;
}
.howto-head h3{
  font-family:'Archivo','Archivo Yedek',sans-serif; font-size:17px; font-weight:700; letter-spacing:-0.02em;
}
.howto-head p{font-size:14px; color:var(--ink-soft); margin-top:10px}
.howto-ver{
  display:block; margin-top:3px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:12px; color:#9a9a93; letter-spacing:.01em;
}
.howto-rule{
  flex:none; padding:16px 24px 22px;
  font-size:14px; line-height:1.7; color:var(--ink-soft);
}
.howto-desc{
  padding:0 24px 26px;
  font-size:14px; line-height:1.65; color:var(--ink-soft); text-wrap:pretty;
}
.howto-canvas{
  flex:1; min-width:0; overflow-x:auto;
  scrollbar-width:none; -ms-overflow-style:none;
  display:flex; align-items:center;
  padding:36px 0;
  background-image:radial-gradient(circle, #e0e0da 1.3px, transparent 1.3px);
  background-size:16px 16px;
}
.howto-canvas::-webkit-scrollbar{display:none}
.howto-canvas svg{display:block; width:100%; min-width:660px; height:auto}
.flow{width:100%; min-width:660px; height:auto; display:block}
.flow .fbase{fill:none; stroke:#e4e4de; stroke-width:1.2}
.flow .fhalo1,.flow .fhalo2,.flow .fhalo3,.flow .fhalo4,
.flow .fhead,.flow .fmid,.flow .ftail{
  fill:none; stroke-linecap:round;
  animation:beam 1.9s linear infinite;
}
.flow .fhalo1{stroke-width:13; opacity:.45; filter:url(#fblur); stroke-dasharray:5 95}
.flow .fhalo2{stroke-width:10; opacity:.26; filter:url(#fblur); stroke-dasharray:13 87}
.flow .fhalo3{stroke-width:7;  opacity:.15; filter:url(#fblur); stroke-dasharray:21 79}
.flow .fhalo4{stroke-width:5;  opacity:.08; filter:url(#fblur); stroke-dasharray:30 70}
.flow .fhead{stroke-width:3.4; opacity:1;   stroke-dasharray:2.5 97.5}
.flow .fmid {stroke-width:2.4; opacity:.5;  stroke-dasharray:5 95}
.flow .ftail{stroke-width:1.4; opacity:.22; stroke-dasharray:9 91}
.flow .is-out{
  animation-name:beam, hue;
  animation-duration:1.9s, 5.4s;
  animation-timing-function:linear, linear;
  animation-iteration-count:infinite, infinite;
}
.flow .floop{animation-duration:3.2s, 5.4s}
.flow .fnode rect{fill:#fff; stroke:var(--line); stroke-width:1}
.flow .fedge{
  fill:none; stroke-width:2; stroke-linecap:round;
  stroke-dasharray:16 84;
  animation:beam 1.9s linear infinite;
}
.flow .fnode text{font-family:'Inter','Inter Yedek',sans-serif; font-size:13px; fill:var(--ink)}
.flow .fring{transform-origin:550px 220px}
.flow .fring-a{animation:orbitA 54s linear infinite}
.flow .fring-b{animation:orbitB 78s linear infinite}
.flow .fring-c{animation:orbitC 108s linear infinite}
.flow .fring circle{
  transform-box:fill-box; transform-origin:center;
  animation-name:dotpulse; animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
}
.flow .xb{transform-box:fill-box; transform-origin:center; animation-timing-function:ease-in-out;
  animation-iteration-count:infinite}
.flow .xb1{animation-name:xd1; animation-duration:17s}
.flow .xb2{animation-name:xd2; animation-duration:23s}
.flow .xb3{animation-name:xd3; animation-duration:19s}
.flow .xb4{animation-name:xd4; animation-duration:26s}
.flow .xb5{animation-name:xd5; animation-duration:14s}
.flow .xb6{animation-name:xd6; animation-duration:21s}
@keyframes spin{
  0%,3.125% {transform:rotate(-0deg)}
  4.1667%,7.2917% {transform:rotate(-15deg)}
  8.3333%,11.4583% {transform:rotate(-30deg)}
  12.5%,15.625% {transform:rotate(-45deg)}
  16.6667%,19.7917% {transform:rotate(-60deg)}
  20.8333%,23.9583% {transform:rotate(-75deg)}
  25%,28.125% {transform:rotate(-90deg)}
  29.1667%,32.2917% {transform:rotate(-105deg)}
  33.3333%,36.4583% {transform:rotate(-120deg)}
  37.5%,40.625% {transform:rotate(-135deg)}
  41.6667%,44.7917% {transform:rotate(-150deg)}
  45.8333%,48.9583% {transform:rotate(-165deg)}
  50%,53.125% {transform:rotate(-180deg)}
  54.1667%,57.2917% {transform:rotate(-195deg)}
  58.3333%,61.4583% {transform:rotate(-210deg)}
  62.5%,65.625% {transform:rotate(-225deg)}
  66.6667%,69.7917% {transform:rotate(-240deg)}
  70.8333%,73.9583% {transform:rotate(-255deg)}
  75%,78.125% {transform:rotate(-270deg)}
  79.1667%,82.2917% {transform:rotate(-285deg)}
  83.3333%,86.4583% {transform:rotate(-300deg)}
  87.5%,90.625% {transform:rotate(-315deg)}
  91.6667%,94.7917% {transform:rotate(-330deg)}
  95.8333%,98.9583% {transform:rotate(-345deg)}
  100% {transform:rotate(-360deg)}
}
@keyframes slotw{
  0%,3.125% {width:var(--w0, auto)}
  4.1667%,7.2917% {width:var(--w1, auto)}
  8.3333%,11.4583% {width:var(--w2, auto)}
  12.5%,15.625% {width:var(--w3, auto)}
  16.6667%,19.7917% {width:var(--w4, auto)}
  20.8333%,23.9583% {width:var(--w5, auto)}
  25%,28.125% {width:var(--w6, auto)}
  29.1667%,32.2917% {width:var(--w7, auto)}
  33.3333%,36.4583% {width:var(--w8, auto)}
  37.5%,40.625% {width:var(--w9, auto)}
  41.6667%,44.7917% {width:var(--w10, auto)}
  45.8333%,48.9583% {width:var(--w11, auto)}
  50%,53.125% {width:var(--w0, auto)}
  54.1667%,57.2917% {width:var(--w1, auto)}
  58.3333%,61.4583% {width:var(--w2, auto)}
  62.5%,65.625% {width:var(--w3, auto)}
  66.6667%,69.7917% {width:var(--w4, auto)}
  70.8333%,73.9583% {width:var(--w5, auto)}
  75%,78.125% {width:var(--w6, auto)}
  79.1667%,82.2917% {width:var(--w7, auto)}
  83.3333%,86.4583% {width:var(--w8, auto)}
  87.5%,90.625% {width:var(--w9, auto)}
  91.6667%,94.7917% {width:var(--w10, auto)}
  95.8333%,98.9583% {width:var(--w11, auto)}
  100% {width:var(--w0, auto)}
}
@keyframes blurword{
  0%,3.125% {filter:blur(0);   opacity:1}
  4.1667%,7.2917% {filter:blur(4px); opacity:.45}
  8.3333%,11.4583% {filter:blur(8px); opacity:.18}
  12.5%,87.5% {filter:none;     opacity:0}
  91.6667%,94.7917% {filter:blur(8px); opacity:.18}
  95.8333%,98.9583% {filter:blur(4px); opacity:.45}
  100% {filter:blur(0);   opacity:1}
}
@keyframes focusword{
  0%,3.125% {-webkit-text-fill-color:transparent}
  4.1667%,98.9583% {-webkit-text-fill-color:var(--ghost)}
  100% {-webkit-text-fill-color:transparent}
}
@keyframes marquee{from{transform:translateX(0)} to{transform:translateX(-50%)}}
@keyframes beam{from{stroke-dashoffset:100} to{stroke-dashoffset:0}}
@keyframes hue{
  0%  {stroke:#FF5F0E}
  17% {stroke:#FFA23D}
  34% {stroke:#E0B21C}
  50% {stroke:#5FA36F}
  67% {stroke:#2E8F84}
  84% {stroke:#4A7FC1}
  100%{stroke:#FF5F0E}
}
@keyframes orbitA{to{transform:rotate(360deg)}}
@keyframes orbitB{to{transform:rotate(-360deg)}}
@keyframes orbitC{to{transform:rotate(360deg)}}
@keyframes dotpulse{
  0%,100%{transform:scale(.35); opacity:.12}
  50%    {transform:scale(1.4);  opacity:1}
}
@keyframes xd1{0%,100%{transform:translate(0,0)} 33%{transform:translate(42px,30px)} 66%{transform:translate(-18px,52px)}}
@keyframes xd2{0%,100%{transform:translate(0,0)} 30%{transform:translate(-46px,24px)} 70%{transform:translate(-14px,64px)}}
@keyframes xd3{0%,100%{transform:translate(0,0)} 35%{transform:translate(-38px,-44px)} 72%{transform:translate(18px,-62px)}}
@keyframes xd4{0%,100%{transform:translate(0,0)} 40%{transform:translate(52px,-30px)} 75%{transform:translate(22px,-58px)}}
@keyframes xd5{0%,100%{transform:translate(0,0)} 50%{transform:translate(-34px,38px)}}
@keyframes xd6{0%,100%{transform:translate(0,0)} 45%{transform:translate(30px,64px)} 80%{transform:translate(-40px,30px)}}
.feat{max-width:1180px; margin:0 auto; padding:0 24px 96px}
.feat-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.feat-card{
  border:1px solid var(--line); border-radius:18px; background:#fff; padding:22px 22px 24px;
  transition:border-color .15s ease;
}
.feat-card:hover{border-color:#d9d9d3}
.feat-card .fi{
  display:flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:12px;
  border:1px solid var(--line); color:#8d8d86;
}
.feat-card .fi svg{
  width:20px; height:20px; display:block;
  fill:none; stroke:currentColor; stroke-width:1.6;
  stroke-linecap:round; stroke-linejoin:round;
}
.feat-card h4{
  margin-top:15px; font-family:'Archivo','Archivo Yedek',sans-serif;
  font-size:15px; font-weight:700; letter-spacing:-0.02em; line-height:1.3;
}
.feat-card p{margin-top:8px; font-size:13.5px; line-height:1.65; color:var(--ink-soft); text-wrap:pretty}
@media (max-width:940px){ .feat-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){ .feat-grid{grid-template-columns:1fr}
}
.integ{max-width:1180px; margin:0 auto; padding:0 24px 96px}
.integ-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.integ-tile{
  display:flex; flex-direction:column;
  border:1px solid var(--line); border-radius:18px; background:#fff; padding:22px;
  transition:border-color .15s ease;
}
.integ-tile:hover{border-color:#d4d4ce}
.integ-ico{
  width:42px; height:42px; border-radius:12px; border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center; color:#8d8d86;
}
.integ-ico svg{
  width:20px; height:20px; display:block;
  fill:none; stroke:currentColor; stroke-width:1.6;
  stroke-linecap:round; stroke-linejoin:round;
}
.integ-tile b{
  display:block; margin-top:15px; font-family:'Archivo','Archivo Yedek',sans-serif;
  font-size:17px; font-weight:600; letter-spacing:-0.015em;
}
.integ-tile p{margin-top:11px; font-size:14px; line-height:1.7; color:var(--ink-soft); text-wrap:pretty}
.integ-soon{
  margin-left:8px; vertical-align:middle;
  font-family:'Inter','Inter Yedek',sans-serif; font-size:11px; font-weight:500; line-height:16px;
  padding:4px 10px; border-radius:999px; background:#fdece2; color:#c2521a;
}
.integ-tags{display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:18px}
.integ-tags span{
  font-size:11px; line-height:16px; padding:4px 10px; border-radius:999px;
  background:#f0f0ec; color:var(--ink-soft);
}
.integ-tile img{max-width:64%; max-height:38px; filter:grayscale(1) brightness(0); opacity:.38}
.integ-note{margin-top:28px; text-align:center; font-size:13.5px; color:var(--ghost)}
@media (max-width:940px){ .integ-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){ .integ-grid{grid-template-columns:1fr}
}
.pipe-sec{max-width:1180px; margin:0 auto; padding:0 24px 96px}
.pipe-card{
  border:1px solid var(--line); border-radius:22px; background:#fff;
  padding:40px 28px; overflow-x:auto;
  background-image:radial-gradient(circle, #e0e0da 1.3px, transparent 1.3px);
  background-size:16px 16px;
}
.pipe .pnode rect{fill:#fff; stroke:var(--line); stroke-width:1}
.pipe .pnode g{fill:none; stroke:#8d8d86; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round}
.pipe .pnode text{
  text-anchor:middle; font-family:'Inter','Inter Yedek',sans-serif; font-size:13px; fill:var(--ink-soft);
}
.pipe .pbase{fill:none; stroke:#e2e2dc; stroke-width:1.4}
.pipe .pbeam{
  fill:none; stroke:#FF5F0E; stroke-width:2.6; stroke-linecap:round;
  stroke-dasharray:22 78; animation:beam 1.7s linear infinite;
}
.pipe-facts{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:26px;
}
.pipe-facts div{display:flex; flex-direction:column; gap:5px}
.pipe-facts b{font-family:'Archivo','Archivo Yedek',sans-serif; font-size:15px; font-weight:700; letter-spacing:-0.02em}
.pipe-facts span{font-size:13.5px; line-height:1.6; color:var(--ink-soft)}
@media (max-width:720px){ .pipe-facts{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){ .pipe .pbeam{animation:none}
}
.pipe-card{
  display:flex; align-items:stretch; padding:0; overflow:hidden;
  border:1px solid var(--line); border-radius:22px; background:#fff;
  background-image:none;
}
.pipe-side{
  flex:1; min-width:0; padding:30px 24px;
  display:flex; align-items:center; justify-content:center;
  background-image:radial-gradient(circle, #e0e0da 1.3px, transparent 1.3px);
  background-size:16px 16px;
}
.calc-side{flex:0 0 400px; padding:28px 26px; border-left:1px solid var(--line)}
.pipe{
  display:block; width:100%; max-width:560px; min-width:0;
  height:auto; aspect-ratio:580 / 428; flex:none;
}
.pipe .pnode text.pt{text-anchor:middle; font-size:17.5px; font-weight:600; fill:var(--ink)}
.pipe .pnode text.ps{text-anchor:middle; font-size:15px; fill:var(--ink-soft)}
.calc-head b{display:block; font-family:'Archivo','Archivo Yedek',sans-serif; font-size:16px; font-weight:700; letter-spacing:-0.02em}
.calc-head span{display:block; margin-top:5px; font-size:13.5px; color:var(--ink-soft); line-height:1.55}
.calc-row{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px}
.calc label{display:flex; flex-direction:column; gap:6px; min-width:0; font-size:12.5px; color:var(--ink-soft)}
.calc input,.ct-form input,.ct-form textarea{
  width:100%; min-width:0; font:inherit; font-size:14px; color:var(--ink);
  padding:11px 12px; border:1px solid var(--line); border-radius:11px; background:#fff;
}
.calc input:focus,.ct-form input:focus,.ct-form textarea:focus{
  outline:none; border-color:#c9c9c2;
}
.calc-btn{
  width:100%; margin-top:18px; font:inherit; font-size:15px; font-weight:500;
  padding:13px 20px; border:0; border-radius:11px;
  background:var(--ink); color:#fff; cursor:pointer;
  transition:background .15s ease;
}
.calc-btn:hover{background:#2e2e34}
@media (max-width:940px){
  .pipe-card{flex-direction:column}
  .calc-side{flex:none; border-left:0; border-top:1px solid var(--line)}
}
.calc-field{display:flex; flex-direction:column; gap:6px}
.calc-lbl{font-size:12.5px; color:var(--ink-soft)}
.calc-row.is-stack{grid-template-columns:1fr}
.calc-field{display:flex; flex-direction:column; gap:8px; margin-top:16px}
.calc-lbl{font-size:12.5px; color:var(--ink-soft)}
.radios{display:flex; gap:8px; flex-wrap:wrap}
.radios label{display:inline-flex; cursor:pointer}
.radios input{position:absolute; opacity:0; width:0; height:0}
.radios span{
  display:inline-block; font-size:13.5px; padding:9px 18px; border-radius:999px;
  border:1.5px solid var(--line); color:var(--ink-soft);
  transition:color .15s ease, border-color .15s ease;
}
.radios label:hover span{border-color:#d4d4ce; color:var(--ink)}
.radios input:checked + span{
  color:var(--ink); border-color:transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
}
.radios input:focus-visible + span{outline:2px solid var(--ink); outline-offset:2px}
@media (max-width:620px){
  .pipe-side{padding:26px 18px}
}
.ssa{max-width:1180px; margin:0 auto; padding:0 24px 96px}
.chip-row{
  /* Masaüstünde SARIYOR: kaydırma çubuğu gizli olduğundan fare kullanıcısı
     satırın sağında kalan kategorilere hiç ulaşamıyordu. Mobilde (aşağıda)
     tek satır + parmakla kaydırma geri geliyor. */
  display:flex; flex-wrap:wrap; justify-content:center; gap:8px;
  padding-bottom:6px; margin-bottom:22px;
  scrollbar-width:none; -ms-overflow-style:none;
}
@media (max-width:640px){
  .chip-row{flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto}
}
.chip-row::-webkit-scrollbar{display:none}
.chip-cat{
  flex:none; font-size:13px; padding:8px 15px; border-radius:999px;
  border:1px solid var(--line); background:#fff; color:var(--ink-soft);
  white-space:nowrap; cursor:default; transition:border-color .15s ease, color .15s ease;
}
.chip-cat:hover{border-color:#d4d4ce; color:var(--ink)}
.chip-cat.is-on{
  color:var(--ink); border-color:transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
  border:1.5px solid transparent;
}
.pricing{max-width:1180px; margin:0 auto; padding:0 24px 96px}
.cycle{
  display:flex; align-items:center; gap:4px; width:max-content;
  margin:0 auto 28px; padding:5px; border:1px solid var(--line);
  border-radius:999px; background:#fff; flex-wrap:wrap; justify-content:center;
}
.cyc{
  font-size:14px; padding:9px 20px; border-radius:999px;
  color:var(--ink-soft); cursor:pointer; white-space:nowrap;
  transition:background .15s ease, color .15s ease;
}
.cyc:hover{color:var(--ink)}
.cyc.is-on{background:#f4f4f0; color:#c2521a; font-weight:500}
.cycle-note{
  font-size:12.5px; padding:7px 14px; border-radius:999px;
  background:#fdece2; color:#c2521a; white-space:nowrap;
}
.plan-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; align-items:start}
.plan{
  position:relative; display:flex; flex-direction:column;
  border:1px solid var(--line); border-radius:20px; background:#fff; padding:24px 22px 26px;
}
.plan.is-pop{
  border-color:transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
  border:1.6px solid transparent;
}
.plan-pop{
  position:absolute; top:20px; right:20px;
  font-size:11.5px; font-weight:500; padding:5px 12px; border-radius:999px;
  background:var(--grad); color:#fff;
}
.plan-head{display:flex; align-items:center; gap:10px}
.plan-ico{
  flex:none; width:34px; height:34px; border-radius:10px;
  border:1px solid var(--line); display:flex; align-items:center; justify-content:center;
  color:#8d8d86;
}
.plan-ico svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round}
.plan-head b{font-family:'Archivo','Archivo Yedek',sans-serif; font-size:19px; font-weight:700; letter-spacing:-0.03em}
.plan-tag{display:block; margin-top:9px; font-size:13px; color:var(--ink-soft)}
.plan-price{display:flex; align-items:baseline; gap:7px; margin-top:16px}
.plan-price em{
  font-family:'Archivo','Archivo Yedek',sans-serif; font-style:normal;
  font-size:38px; font-weight:700; letter-spacing:-0.045em; line-height:1;
}
.plan-price i{font-style:normal; font-size:14px; color:var(--ink-soft)}
.plan-sub{display:block; margin-top:7px; font-size:12.5px; color:var(--ghost)}
.plan-list{list-style:none; margin:20px 0 0; padding:0; display:flex; flex-direction:column; gap:9px}
.plan-list li{
  position:relative; padding-left:22px; font-size:13.5px; line-height:1.45; color:var(--ink-soft);
}
.plan-list li::before{
  content:""; position:absolute; left:2px; top:5px; width:9px; height:5px;
  border-left:1.8px solid var(--ink); border-bottom:1.8px solid var(--ink);
  transform:rotate(-45deg);
}
.plan-list li.is-off{color:var(--ghost)}
.plan-list li.is-off::before{
  content:"×"; border:0; transform:none;
  left:3px; top:0; width:auto; height:auto;
  font-size:15px; line-height:1.45; color:var(--ghost);
}
.plan-list li b{color:var(--ink); font-weight:600}
.plan-btn{
  margin-top:22px; text-align:center; font-size:14.5px; font-weight:500;
  padding:12px 18px; border-radius:11px; text-decoration:none;
  border:1px solid var(--line); color:var(--ink);
  transition:border-color .15s ease;
}
.plan-btn:hover{border-color:#cfcfc9}
.plan.is-pop .plan-list li.is-off{color:var(--ghost)}
.plan-list li.is-off::before{
  content:"×"; border:0; transform:none;
  left:3px; top:0; width:auto; height:auto;
  font-size:15px; line-height:1.45; color:var(--ghost);
}
.plan-list li b{color:var(--ink); font-weight:600}
.plan-btn{background:var(--ink); color:#fff; border-color:transparent}
.plan.is-pop .plan-btn:hover{background:#2e2e34}
@media (max-width:1040px){ .plan-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){ .plan-grid{grid-template-columns:1fr}
}
/* Bespoke yapılandırıcı — paneldeki Membership bespoke'unun ziyaretçi hâli */
.bsp-panel{max-width:900px; margin:0 auto}
/* .plan'ın display:flex'i hidden özniteliğini eziyordu — panel hep görünüyordu. */
.bsp-panel[hidden], .plan-grid[hidden]{display:none}
.bsp-cols{display:grid; grid-template-columns:1fr 1fr; gap:8px 32px; margin-top:20px}
@media (max-width:720px){ .bsp-cols{grid-template-columns:1fr}
}
.bsp-row{display:flex; align-items:center; gap:10px; padding:6px 0; font-size:13.5px; color:var(--ink-soft)}
.bsp-row .bsp-nm{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.bsp-row.is-off .bsp-nm{color:var(--ghost)}
.bsp-step{display:inline-flex; align-items:center; gap:4px; flex:none}
.bsp-step button{
  width:24px; height:24px; border:0; border-radius:7px; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:15px; line-height:1; padding:0;
}
.bsp-step .bsp-dec{background:#f4f4f0; color:var(--ink-soft)}
.bsp-step .bsp-inc{background:#fdece2; color:#c2521a}
.bsp-step input{
  width:64px; height:26px; text-align:center; border:0; border-radius:7px;
  background:#f4f4f0; font-size:12.5px; color:var(--ink); padding:0 2px;
}
.bsp-inc-tag{
  flex:none; font-size:11.5px; font-weight:500; padding:4px 10px; border-radius:999px;
  background:#e7f3ec; color:#2f7d53;
}
.bsp-inc-tag.is-plain{background:#f4f4f0; color:var(--ink-soft)}
.bsp-sw{position:relative; flex:none; display:inline-flex; cursor:pointer; margin:0}
.bsp-sw input{position:absolute; opacity:0; width:0; height:0}
.bsp-sw i{
  width:34px; height:20px; border-radius:999px; background:#e3e3de; position:relative;
  transition:background .15s ease; font-style:normal;
}
.bsp-sw i::after{
  content:""; position:absolute; top:2px; left:2px; width:16px; height:16px;
  border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.18);
  transition:left .15s ease;
}
.bsp-sw input:checked + i{background:#FF5F0E}
.bsp-sw input:checked + i::after{left:16px}
.tools{max-width:1180px; margin:0 auto; padding:0 24px 96px}
.tools-badge{
  display:inline-block; margin-bottom:14px;
  font-size:12px; padding:6px 13px; border-radius:999px;
  background:#fdece2; color:#c2521a;
}
.tool-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.tool{
  display:flex; flex-direction:column; text-decoration:none; color:var(--ink);
  border:1px solid var(--line); border-radius:18px; background:#fff; padding:22px;
  transition:border-color .15s ease, transform .15s ease;
}
.tool:hover{border-color:#d9d9d3; transform:translateY(-2px)}
.tool-ico{
  width:42px; height:42px; border-radius:12px; border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center; color:#8d8d86;
}
.tool-ico svg{width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round}
.tool b{color:var(--ink); margin-top:15px; font-family:'Archivo','Archivo Yedek',sans-serif; font-size:15.5px; font-weight:700; letter-spacing:-0.02em}
.tool p{margin-top:8px; font-size:13.5px; line-height:1.6; color:var(--ink-soft); text-wrap:pretty}
.tool-go{margin-top:16px; font-size:13px; font-weight:500; color:#c2521a}
@media (max-width:940px){ .tool-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){ .tool-grid{grid-template-columns:1fr}
}
.contact{max-width:1180px; margin:0 auto; padding:0 24px 96px}
.ct-card{
  display:flex; align-items:stretch; overflow:hidden;
  border:1px solid var(--line); border-radius:22px; background:#fff;
}
.ct-side{
  flex:0 0 330px; padding:30px 28px; display:flex; flex-direction:column; gap:22px;
  border-right:1px solid var(--line);
  background-image:radial-gradient(circle, #e0e0da 1.3px, transparent 1.3px);
  background-size:16px 16px;
}
.ct-line{display:flex; align-items:center; gap:13px}
.ct-ico{
  flex:none; width:40px; height:40px; border-radius:12px;
  border:1px solid var(--line); background:#fff; color:#8d8d86;
  display:flex; align-items:center; justify-content:center;
}
.ct-ico svg{width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round}
.ct-line b{display:block; font-family:'Archivo','Archivo Yedek',sans-serif; font-size:14.5px; font-weight:700; letter-spacing:-0.02em}
.ct-line small{display:block; margin-top:2px; font-size:13px; color:var(--ink-soft)}
/* Telefon ve WhatsApp bağlantıları satırın kendi rengini korusun, altı çizili gelmesin. */
.ct-line small a{color:inherit; text-decoration:none; transition:color .15s ease}
.ct-line small a:hover{color:#c2521a}
.ct-form{flex:1; min-width:0; padding:28px 26px; display:flex; flex-direction:column}
.ct-form .calc-row:first-child{margin-top:0}
.ct-form textarea{resize:vertical; font:inherit; font-size:14px}
.ct-form label{display:flex; flex-direction:column; gap:6px; min-width:0; font-size:12.5px; color:var(--ink-soft)}
.ct-note{margin-top:11px; font-size:12px; color:var(--ghost); text-align:center}
@media (max-width:620px){
  .ct-form .calc-row{grid-template-columns:1fr}
}
@media (max-width:940px){
  .ct-card{flex-direction:column}
  .ct-side{flex:none; border-right:0; border-bottom:1px solid var(--line)}
}
html:not(.js) .wheel,html:not(.js) .word,html:not(.js) .word > span,html:not(.js) .slot{animation:none}
html:not(.js) .slot{width:auto}
html:not(.js) .word:not(:first-child){display:none}
html:not(.js) .word:first-child{filter:none; opacity:1}
html:not(.js) .word:first-child > span{-webkit-text-fill-color:transparent}
@media (max-width:900px){
  .stats{gap:32px}
}
@media (max-width:820px){
  .howto-body{display:block}
  .howto-left{flex:none; border-right:0; border-bottom:1px solid var(--line)}
}
@media (max-width:520px){
  .actions{gap:8px}
  .line-2{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  .wheel,.word,.word > span,.slot,.marquee-track{animation:none}
  .slot{width:auto}
  .word{filter:none}
  .word:not(:first-child){display:none}
  .word:first-child > span{-webkit-text-fill-color:transparent}
  .flow .fhalo1,.flow .fhalo2,.flow .fhalo3,.flow .fhalo4,
  .flow .fhead,.flow .fmid,.flow .ftail,
  .flow .fring,.flow .fring circle,.flow .xb,.flow .fedge{animation:none}
}
.blog-chips span.is-on, .blog-chips a.is-on{
  color:var(--ink); border-color:transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
  border:1.5px solid transparent;
}
html:not(.js) .wheel,html:not(.js) .word,html:not(.js) .word > span,html:not(.js) .slot{animation:none}
html:not(.js) .slot{width:auto}
html:not(.js) .word:not(:first-child){display:none}
html:not(.js) .word:first-child{filter:none; opacity:1}
html:not(.js) .word:first-child > span{-webkit-text-fill-color:transparent}
@media (max-width:900px){
  .stats{gap:32px}
}
@media (max-width:820px){
  .howto-body{display:block}
  .howto-left{flex:none; border-right:0; border-bottom:1px solid var(--line)}
}
@media (max-width:520px){
  .actions{gap:8px}
  .line-2{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  .wheel,.word,.word > span,.slot,.marquee-track{animation:none}
  .slot{width:auto}
  .word{filter:none}
  .word:not(:first-child){display:none}
  .word:first-child > span{-webkit-text-fill-color:transparent}
  .flow .fhalo1,.flow .fhalo2,.flow .fhalo3,.flow .fhalo4,
  .flow .fhead,.flow .fmid,.flow .ftail,
  .flow .fring,.flow .fring circle,.flow .xb,.flow .fedge{animation:none}
}
.pf-tabs a.is-on{color:var(--ink); font-weight:500; border-bottom-color:#FF5F0E}
.lg-link.is-on{background:var(--soft); color:var(--ink); font-weight:500}
/* Lojistik hesaplayici: Nereden/Nereye artik canli veriyle <select> —
   inputlarla ayni kabuk, ok isareti gomulu SVG. Sonuc alani salt okunur. */
.calc select{
  width:100%; min-width:0; font:inherit; font-size:14px; color:var(--ink);
  padding:11px 36px 11px 12px; border:1px solid var(--line); border-radius:11px; background:#fff;
  appearance:none; -webkit-appearance:none; cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%235c5c63' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 13px center; background-size:11px 8px;
}
.calc select:focus{outline:none; border-color:#c9c9c2}
.calc input[readonly]{background:var(--soft); color:var(--ink); font-weight:500; cursor:default}
/* Hesaplayici tasarim acilirlari (lsel): native select gizlenir, buton+panel.
   (Onceki .calc select kurali JS calismazsa yedek olarak durur.) */
.lsel{position:relative; min-width:0}
.lsel select{display:none}
.lsel-btn{
  width:100%; display:flex; align-items:center; gap:10px; text-align:left;
  font:inherit; font-size:14px; color:var(--ink); cursor:pointer;
  padding:11px 12px; border:1px solid var(--line); border-radius:11px; background:#fff;
  transition:border-color .15s ease;
}
.lsel-btn:hover{border-color:#d4d4ce}
.lsel.is-open .lsel-btn{border-color:#c9c9c2}
.lsel-lbl{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.lsel-btn svg{width:11px; height:8px; flex:none; color:var(--ink-soft); transition:transform .18s ease}
.lsel.is-open .lsel-btn svg{transform:rotate(180deg)}
.lsel-panel{
  position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:60;
  background:#fff; border:1px solid var(--line); border-radius:13px;
  box-shadow:0 16px 40px rgba(20,20,25,.13); display:none; overflow:hidden;
}
.lsel.is-open .lsel-panel{display:block}
.lsel-src{padding:8px 8px 0}
.lsel-src input{
  width:100%; font:inherit; font-size:13.5px; color:var(--ink);
  padding:9px 11px; border:1px solid var(--line); border-radius:9px; background:#fff;
}
.lsel-src input:focus{outline:none; border-color:#c9c9c2}
.lsel-list{
  list-style:none; margin:0; padding:6px; max-height:240px; overflow-y:auto;
}
.lsel-list li{
  padding:9px 11px; border-radius:9px; font-size:13.5px; cursor:pointer;
}
.lsel-list li:hover{background:var(--soft)}
.lsel-list li.is-sel{background:var(--ink); color:#fff}
/* Agirlik alaninda "kg" eki input icinde. */
.calc-in{position:relative; display:block; min-width:0}
.calc-in input{padding-right:40px}
.calc-in em{
  position:absolute; right:13px; top:50%; transform:translateY(-50%);
  font-style:normal; font-size:12.5px; color:var(--ghost); pointer-events:none;
}
/* Birim fiyat: sonuc alaninin LABEL satirinda sagda, minik. */
.calc-lt{display:flex; align-items:baseline; justify-content:space-between; gap:8px; width:100%}
.calc-lt em{font-style:normal; font-size:11px; color:var(--ghost); white-space:nowrap}
.calc-lt em[hidden]{display:none}
/* CTA artik link (GTIP & gumruk vergisi aracina gider) — buton gorunumu ayni. */
a.calc-btn{display:block; text-align:center; text-decoration:none}
.ct-tuzak{position:absolute !important; left:-9999px; width:1px; height:1px; overflow:hidden}
/* MCP bölümü — asistan şeridi (09.10.2026) */
.mcp-asistanlar{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:-18px 0 32px}
.mcp-asistanlar span{display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border:1px solid var(--line); border-radius:999px; background:#fff; font-size:14px; font-weight:500; color:var(--ink)}
.mcp-asistanlar img{width:18px; height:18px; object-fit:contain}
.mcp-asistanlar small{font-size:11px; font-weight:400; color:var(--ghost)}