/* PHPStore — çözüm ve modül sayfaları. base.css + silicon.css üzerine yüklenir. */
.cz-page a{text-decoration:none;}
.cz-page{background:#fff;}

/* ---------- Hero ---------- */
.cz-hero{position:relative;overflow:hidden;padding:clamp(24px,3vw,40px) 0 0;text-align:center;
  background:radial-gradient(60% 50% at 50% 0%,#EAF1FF 0%,rgba(234,241,255,0) 70%),radial-gradient(40% 40% at 90% 15%,#F1EAFF 0%,rgba(241,234,255,0) 70%),linear-gradient(180deg,#fff 0%,#F6F8FD 100%);}
.cz-crumb{display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;color:#64748B;margin-bottom:18px;flex-wrap:wrap;}
.cz-crumb a{color:#1D4ED8;font-weight:600;}
.cz-crumb a:hover{color:#0B1220;}
.cz-crumb i{font-size:12px;color:#94A3B8;}
.cz-hero h1{font-family:'Inter Tight',sans-serif;font-size:clamp(16px,1.5vw,20px)!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1.3!important;
  display:inline-block;padding:8px 18px;border-radius:980px;background:#fff;color:#1D4ED8;box-shadow:0 0 0 1px #E3EAF7,0 8px 24px -14px rgba(37,99,235,.35);margin:0 0 14px;}
.cz-display{font-family:'Inter Tight',sans-serif;font-weight:700;font-size:clamp(34px,5vw,68px);line-height:1.02;letter-spacing:-.042em;margin:0 auto 18px;max-width:19ch;text-wrap:balance;
  background:linear-gradient(180deg,#0B1220 30%,#3B4A6B 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.cz-lead{font-size:clamp(16.5px,1.4vw,19px);line-height:1.5;color:#5B6478;max-width:60ch;margin:0 auto 24px;}
.cz-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.cz-hero-art{max-width:1180px;margin:clamp(24px,3vw,40px) auto 0;padding:0 clamp(12px,3vw,32px);}
.si-scene--hero img{width:100%;height:auto;}
.cz-browser{margin:0;border-radius:20px 20px 0 0;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #E3EAF7,0 50px 100px -50px rgba(30,58,138,.45);}
.cz-browser--sm{max-width:760px;margin:0 auto;border-radius:20px;margin-bottom:32px;}
.cz-browser-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#F5F7FB;border-bottom:1px solid #E6ECF8;}
.cz-browser-bar i{width:11px;height:11px;border-radius:50%;background:#D7DEEA;}
.cz-browser-bar span{margin:0 auto;font-size:12.5px;color:#64748B;background:#fff;padding:4px 18px;border-radius:8px;box-shadow:0 0 0 1px #E6ECF8;}
.cz-browser img{display:block;width:100%;height:auto;}
.si .cz-hero .si-rise{opacity:0;transform:translateY(16px);}
.si-ready .cz-hero .si-rise{animation:siRise .9s var(--si-ease) forwards;animation-delay:calc(var(--r,0)*.08s);}
.no-js .cz-hero .si-rise{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.si .cz-hero .si-rise{opacity:1!important;transform:none!important;animation:none!important;}}

/* ---------- Özet bandı ---------- */
.cz-band{background:#0B1220;padding:22px 0;}
.cz-band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.cz-band-grid div{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center;background:rgba(255,255,255,.06);border-radius:18px;padding:14px 16px;}
.cz-band-grid i{grid-row:span 2;width:44px;height:44px;border-radius:13px;background:rgba(147,197,253,.14);color:#93C5FD;font-size:24px;display:flex;align-items:center;justify-content:center;}
.cz-band-grid b{color:#fff;font-family:'Inter Tight',sans-serif;font-size:18px;letter-spacing:-.02em;line-height:1.2;}
.cz-band-grid span{color:rgba(255,255,255,.6);font-size:13px;}

/* ---------- Ortak başlık ---------- */
.cz-kicker{display:inline-block;font-size:13px;font-weight:700;color:#1D4ED8;background:#EEF4FF;padding:5px 12px;border-radius:980px;margin-bottom:12px;}
.cz-sec-head{text-align:center;margin:0 auto clamp(24px,3vw,36px);max-width:760px;}
.cz-sec-head.left{text-align:left;margin:0;}
.cz-sec-head p{color:#5B6478;font-size:16px;margin:10px 0 0;}
.si section h2.cz-h2{font-family:'Inter Tight',sans-serif;font-size:clamp(26px,3vw,40px)!important;font-weight:700!important;letter-spacing:-.034em!important;line-height:1.08!important;margin:0!important;color:#0B1220;text-wrap:balance;}
.cz-what,.cz-features,.cz-steps,.cz-compare,.cz-price,.cz-faq,.cz-related,.cz-shots,.cz-hub{padding:clamp(44px,5.5vw,76px) 0;}

/* ---------- Nedir ---------- */
.cz-what{background:#fff;}
.cz-what-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,56px);align-items:start;background:#F6F8FD;border-radius:32px;padding:clamp(24px,3.6vw,48px);}
.si section .cz-what-grid h2{font-family:'Inter Tight',sans-serif;font-size:clamp(26px,2.8vw,38px)!important;font-weight:700!important;letter-spacing:-.032em!important;line-height:1.1!important;color:#0B1220;margin:0;}
.cz-what p{font-size:clamp(16.5px,1.3vw,18.5px);line-height:1.62;color:#334155;margin:0 0 18px;}
.cz-keyfacts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.cz-keyfacts li{display:flex;gap:10px;align-items:center;font-size:14.5px;font-weight:600;color:#1E293B;background:#fff;padding:12px 14px;border-radius:14px;box-shadow:0 0 0 1px #E6ECF8;}
.cz-keyfacts i{font-size:20px;color:#2563EB;flex-shrink:0;}

/* ---------- Özellikler ---------- */
.cz-features{background:#F6F8FD;}
.cz-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.cz-feat{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:22px;padding:22px;box-shadow:0 0 0 1px #E6ECF8,0 20px 40px -36px rgba(15,23,42,.4);}
.cz-feat.is-lead{background:linear-gradient(160deg,#0B1220,#1E2B4A);}
.cz-feat.is-lead h3{color:#fff;}
.cz-feat.is-lead p{color:rgba(255,255,255,.7);}
.cz-feat.is-lead .cz-ic{background:rgba(147,197,253,.16);color:#93C5FD;}
.cz-ic{flex-shrink:0;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#EEF4FF,#E0E9FF);color:#1D4ED8;font-size:26px;}
.cz-feat h3{font-family:'Inter Tight',sans-serif;font-size:17.5px;font-weight:700;letter-spacing:-.02em;margin:2px 0 6px;color:#0B1220;}
.cz-feat p{font-size:14.5px;line-height:1.5;color:#5B6478;margin:0;}

/* ---------- Ekranlar ---------- */
.cz-shots{background:#fff;}
.cz-shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.cz-shot{margin:0;background:#F6F8FD;border-radius:22px;padding:12px;}
.cz-shot img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 0 0 1px #E6ECF8;}
.cz-shot figcaption{font-family:'Inter Tight',sans-serif;font-weight:700;font-size:16px;margin:12px 6px 4px;color:#0B1220;}

/* ---------- Adımlar ---------- */
.cz-steps{background:#fff;}
.cz-step-list{list-style:none;counter-reset:cz;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.cz-step-list li{counter-increment:cz;background:#F6F8FD;border-radius:22px;padding:24px 22px;}
.cz-step-list li::before{content:counter(cz);display:flex;width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;background:#0B1220;color:#fff;font-weight:800;font-family:'Inter Tight',sans-serif;margin-bottom:14px;}
.cz-step-list h3{font-family:'Inter Tight',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px;}
.cz-step-list p{font-size:14.5px;color:#5B6478;margin:0;line-height:1.5;}

/* ---------- Karşılaştırma ---------- */
.cz-compare{background:#F6F8FD;}
.cz-vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1080px;margin:0 auto;}
.cz-vs-col{background:#fff;border-radius:26px;padding:clamp(22px,3vw,36px);box-shadow:0 0 0 1px #E6ECF8;}
.cz-vs-col.is-us{background:linear-gradient(160deg,#0B1220,#1E2B4A);color:#fff;box-shadow:0 40px 80px -40px rgba(11,18,32,.6);}
.cz-vs-col h3{font-family:'Inter Tight',sans-serif;font-size:19px;font-weight:700;margin:0 0 14px;color:inherit;}
.cz-vs-col ul{list-style:none;margin:0;padding:0;}
.cz-vs-col li{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-top:1px solid rgba(100,116,139,.18);font-size:15px;color:#475569;}
.cz-vs-col.is-us li{color:rgba(255,255,255,.86);border-top-color:rgba(255,255,255,.12);}
.cz-vs-col li i{font-size:19px;color:#94A3B8;flex-shrink:0;margin-top:1px;}
.cz-vs-col.is-us li i{color:#93C5FD;}

/* ---------- Fiyat ---------- */
.cz-price{background:#fff;}
.cz-price-card{display:grid;grid-template-columns:1.3fr .9fr;gap:20px;}
.cz-price-main{background:#F6F8FD;border-radius:28px;padding:clamp(24px,3.4vw,44px);}
.si section .cz-price-main h2{font-family:'Inter Tight',sans-serif;font-size:clamp(24px,2.6vw,34px)!important;font-weight:700!important;letter-spacing:-.03em!important;margin:0 0 10px!important;}
.cz-price-main p{color:#5B6478;font-size:16.5px;margin:0 0 12px;}
.cz-price-list{list-style:none;margin:0;padding:0;}
.cz-price-list li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;background:#fff;border-radius:16px;margin-top:10px;box-shadow:0 0 0 1px #E6ECF8;}
.cz-price-list span{font-weight:700;color:#0B1220;}
.cz-price-list small{display:block;font-weight:400;color:#64748B;font-size:13.5px;margin-top:2px;}
.cz-price-list b{font-family:'Inter Tight',sans-serif;font-size:24px;white-space:nowrap;letter-spacing:-.03em;}
.cz-price-side{background:linear-gradient(160deg,#0B1220,#1E2B4A);border-radius:28px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:12px;justify-content:center;}
.cz-price-side ul{list-style:none;margin:0 0 8px;padding:0;}
.cz-price-side li{display:flex;gap:10px;align-items:center;color:rgba(255,255,255,.86);font-size:15.5px;padding:7px 0;}
.cz-price-side li i{color:#93C5FD;font-size:20px;}
.cz-price-side .btn-primary{background:#fff!important;border-color:#fff!important;color:#0B1220!important;}
.cz-price-side .btn-outline-primary{color:#fff!important;border-color:rgba(255,255,255,.35)!important;}
.cz-price-side .btn-outline-primary:hover{background:#fff!important;color:#0B1220!important;}

/* ---------- SSS ---------- */
.cz-faq{background:#F6F8FD;}
.cz-faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,56px);align-items:start;}
.cz-faq-list{background:#fff;border-radius:26px;padding:6px 26px;box-shadow:0 0 0 1px #E6ECF8;}
.cz-faq-list .faq-item:last-child{border-bottom:0;}

/* ---------- İlgili + merkez ---------- */
.cz-related{background:#fff;}
.cz-rel-grid,.cz-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.cz-hub-card{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:22px;padding:22px;box-shadow:0 0 0 1px #E6ECF8,0 20px 40px -36px rgba(15,23,42,.4);color:#0B1220;transition:box-shadow .2s,transform .2s;}
.cz-hub-card:hover{box-shadow:0 0 0 2px #2563EB,0 20px 40px -30px rgba(37,99,235,.5);color:#0B1220;}
.cz-hub-card .cz-ic{margin-bottom:6px;}
.cz-hub-card b{font-family:'Inter Tight',sans-serif;font-size:18px;letter-spacing:-.02em;line-height:1.25;}
.cz-hub-card > span:not(.cz-ic){font-size:14px;color:#5B6478;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.cz-hub-card em{font-style:normal;font-weight:700;font-size:14px;color:#1D4ED8;display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px;}
.cz-all{text-align:center;margin:28px 0 0;}
.cz-hub{background:#F6F8FD;}
.si section h2.cz-hub-cat{font-family:'Inter Tight',sans-serif;font-size:clamp(22px,2.2vw,30px)!important;font-weight:700!important;letter-spacing:-.03em!important;margin:clamp(28px,3vw,44px) 0 16px!important;display:flex;align-items:center;gap:12px;}
.cz-hub-cat:first-child{margin-top:0!important;}
.cz-hub-cat span{font-size:14px;font-weight:700;background:#0B1220;color:#fff;border-radius:980px;padding:4px 12px;letter-spacing:0;}

@media (max-width:1024px){.cz-feat-grid,.cz-shot-grid,.cz-rel-grid,.cz-hub-grid{grid-template-columns:1fr 1fr;}.cz-step-list,.cz-band-grid{grid-template-columns:1fr 1fr;}.cz-price-card,.cz-faq-wrap{grid-template-columns:1fr;}}
@media (max-width:760px){.cz-what-grid,.cz-vs{grid-template-columns:1fr;}.cz-keyfacts{grid-template-columns:1fr;}}
@media (max-width:560px){.cz-feat-grid,.cz-shot-grid,.cz-step-list,.cz-rel-grid,.cz-hub-grid,.cz-band-grid{grid-template-columns:1fr;}}
.cz-hero.is-hub{padding-bottom:clamp(36px,4vw,56px);}
@media (min-width:1200px){.cz-hub-grid{grid-template-columns:repeat(4,1fr);}}
.cz-hub-nav{position:sticky;top:64px;z-index:5;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px;margin-bottom:28px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;box-shadow:0 0 0 1px #E6ECF8,0 18px 40px -30px rgba(15,23,42,.4);}
.cz-hub-nav::-webkit-scrollbar{display:none;}
.cz-hub-nav a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13.5px;font-weight:600;color:#334155;padding:8px 12px;border-radius:12px;}
.cz-hub-nav a:hover{background:#F2F6FF;color:#0B1220;}
.cz-hub-nav a i{color:#1D4ED8;font-size:17px;}
.cz-hub-nav a span{font-size:11.5px;font-weight:700;background:#EEF2F8;color:#64748B;border-radius:980px;padding:1px 7px;}
.cz-hub-block{scroll-margin-top:150px;margin-bottom:clamp(32px,4vw,52px);}
.cz-hub-head{display:flex;gap:14px;align-items:center;margin-bottom:16px;}
.cz-hub-head .cz-ic{background:linear-gradient(145deg,#2563EB,#1D4ED8);color:#fff;}
.cz-hub-head p{margin:2px 0 0;color:#5B6478;font-size:14.5px;}
.si section h2.cz-hub-cat{margin:0!important;}