
:root{--bg:#f5f8fc;--text:#10213f;--muted:#5f7494;--gold:#8b6cff;--navy:#223d7f;--blue:#078fc5;--green:#10b981}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
body.loading{overflow:hidden}
#loader{position:fixed;inset:0;z-index:50;background:#f5f8fc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:opacity .9s,visibility .9s}#loader.done{opacity:0;visibility:hidden}#loader small{letter-spacing:.3em;font-size:11px;color:#8094ad}#count{font-size:clamp(24px,4vw,40px);font-weight:300;letter-spacing:-.03em;font-variant-numeric:tabular-nums}#count::before{content:"%"}#loader .bar{width:180px;height:1px;background:#ffffff1a}#loader .bar i{display:block;height:100%;width:0;background:#078fc5}
header{position:fixed;top:0;left:0;right:0;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,64px);z-index:40;background:linear-gradient(#f5f8fccc,transparent)}
.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:24px;letter-spacing:-1px;color:inherit;text-decoration:none}.brand-logo{height:34px;width:auto;display:block;box-sizing:content-box;padding:8px 12px;background:#fff;border-radius:14px}@media(max-width:520px){.brand-logo{height:22px;padding:6px 9px;border-radius:11px}.hdr-r{gap:12px;font-size:11px;letter-spacing:.03em}.hdr-r a{white-space:nowrap}.hdr-r .cta{padding-left:14px;padding-right:14px}}@media(max-width:470px){.hdr-r .js-login{display:none}}
nav{display:flex;gap:30px;font-size:14px;color:#d0ccda}nav a{color:inherit;text-decoration:none}
.cta{display:inline-block;background:#E3F7F0;border:1px solid #C8EEDF;color:#0A7D5C;border-radius:14px;padding:12px 20px;font-size:13.5px;font-weight:800;letter-spacing:.02em;text-transform:none;text-decoration:none;transition:background .18s,color .18s,border-color .18s}
.cta:hover{background:#D4F2E8;color:#086243;border-color:#B2E4D1}
header .hdr-r a:not(.cta):not(.js-bayi){background:#E9EDF6;border:1px solid #DBE2EF;border-radius:14px;padding:11px 18px;font-weight:800;font-size:12.5px;letter-spacing:.02em;text-transform:none;color:#223D7F!important;transition:border-color .18s,background .18s,color .18s}
header .hdr-r a:not(.cta):not(.js-bayi):hover{background:#DDE4F2;border-color:#C3CEe2;color:#1A2B56!important}
#stage{position:fixed;inset:0;z-index:1;background:radial-gradient(ellipse at 65% 45%,#e7f2fb 0%,#eaf0f7 45%,#f5f8fc 75%)}canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}
main{position:relative;z-index:2;pointer-events:none}main a,main button{pointer-events:auto}
section.s{min-height:100vh;display:flex;align-items:center;justify-content:center!important;padding:110px clamp(22px,6vw,96px) 80px}section.right{justify-content:center!important}
.txt{max-width:460px;padding:30px 34px;background:rgba(5,5,8,.5);border:1px solid #dce7f0;border-radius:20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.txt.center{max-width:640px}
.eyebrow{color:#10b981;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:650;margin-bottom:20px}
h1,h2{font-weight:350;letter-spacing:-.06em;line-height:1.05;margin:0 0 22px}h1{font-size:clamp(48px,6vw,86px)}h2{font-size:clamp(36px,4vw,60px)}h1 span,h2 span{color:var(--gold)}
.txt p{font-size:17px;line-height:1.75;color:#3f5474;margin:0 0 18px}.actions{display:flex;gap:24px;align-items:center;margin-top:28px}.actions a:last-child{color:#ded9e9;font-size:13px;text-decoration:none}
.center{text-align:center;margin:0 auto}.center .actions{justify-content:center}
.pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.pills span{border:1px solid #dce7f0;background:#0a0912aa;padding:9px 13px;border-radius:999px;font-size:12px;color:#d8d3e3}
.hint{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);font-size:11px;color:#8094ad;z-index:3;white-space:nowrap;pointer-events:none;transition:opacity .5s}
.apps{position:relative;z-index:2;background:#f5f8fcf2;padding:90px 0;border-top:1px solid #dce7f0;overflow:hidden}.apps h2{padding:0 clamp(22px,6vw,96px)}
.strip{display:flex;gap:28px;width:max-content;animation:slide 50s linear infinite;padding:10px 0}.strip:hover{animation-play-state:paused}.strip figure{margin:0;width:150px;flex:none;text-align:center}.strip img{width:150px;height:150px;object-fit:contain;display:block}.strip figcaption{font-size:13px;color:#3f5474;margin-top:12px}@keyframes slide{to{transform:translateX(-50%)}}
footer{position:relative;z-index:2;background:#f5f8fc;padding:34px clamp(22px,6vw,96px);font-size:12px;color:#777388;display:flex;justify-content:space-between;border-top:1px solid #dce7f0}
.preview{position:fixed;inset:0;background:#020205e6;backdrop-filter:blur(14px);z-index:40;display:none;align-items:center;justify-content:center;padding:24px}.preview.open{display:flex}.panel{width:min(1100px,96vw);max-height:92vh;background:#ffffff;border:1px solid #dce7f0;border-radius:20px;overflow:hidden}.ptop{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #dce7f0}.ptop h3{margin:0;font-size:15px;font-weight:550}.close{border:1px solid #dce7f0;background:#ffffff0b;color:#fff;border-radius:50%;width:36px;height:36px;font-size:22px;cursor:pointer}.pimg{padding:18px;display:grid;place-items:center}.pimg img{max-width:100%;max-height:calc(92vh - 110px);border-radius:8px;background:#fff}
@media(max-width:800px){nav{display:none}section.s,section.right{justify-content:center;align-items:flex-end;padding-bottom:60px}.txt{padding:22px 22px}.strip figure{width:120px}.strip img{width:120px;height:120px}.hint{font-size:10px}footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.strip{animation:none}html{scroll-behavior:auto}}

nav{gap:22px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.hdr-r{display:flex;gap:18px;align-items:center;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.hdr-r a:not(.cta){color:#d0ccda;text-decoration:none}
.checks{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;font-size:13px;color:#cfcadb}.checks li:before{content:"✓ ";color:#10b981}
.sec{position:relative;z-index:2;background:rgba(7,7,11,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.ph{background:rgba(7,7,11,.66)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)!important;padding:90px clamp(22px,6vw,96px);border-top:1px solid #dce7f0}.sec h2{margin-bottom:12px}.sec .lead{color:#b9b5c7;max-width:640px;font-size:17px;line-height:1.7;margin:0 0 40px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.card{background:#ffffff08;border:1px solid #dce7f0;border-radius:18px;padding:22px}.card h3{margin:0 0 8px;font-size:17px;font-weight:600;display:flex;gap:12px;align-items:center}.card h3 img{width:36px;height:36px;object-fit:contain}.card p{margin:0 0 10px;font-size:13.5px;line-height:1.65;color:#b9b5c7}.card ul{margin:0;padding-left:16px;font-size:12.5px;line-height:1.7;color:#cfcadb}.card li::marker{color:#10b981}
.plat{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.plat span{border:1px solid #078fc555;background:#078fc514;padding:10px 16px;border-radius:999px;font-size:13px}
.price{text-align:center}.price .lead{margin:0 auto 30px}

#loader .lg{position:relative;width:min(280px,62vw);aspect-ratio:684/486;filter:drop-shadow(0 0 22px #078fc555)}
#loader .lg img{position:absolute;inset:0;width:100%;height:100%;display:block}
#loader .lg .fill{position:absolute;inset:0;clip-path:inset(100% 0 0 0);transition:clip-path .35s ease-out}
#loader .lg .dot{position:absolute;left:28.51%;top:0;width:14.18%;aspect-ratio:1;background:#10b981;animation:blink .9s steps(1) infinite}
@keyframes blink{0%,49%{opacity:1;box-shadow:0 0 20px #10b981}50%,100%{opacity:0;box-shadow:none}}
#loader .bar{display:none}
@media(prefers-reduced-motion:reduce){#loader .lg .dot{animation:none}}
/* sektör bandı */
.band{position:relative;overflow:hidden;margin:0 calc(-1*clamp(22px,6vw,96px)) 36px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.band-track{display:flex;gap:16px;width:max-content;animation:slide 55s linear infinite;padding:6px 0}.band:hover .band-track{animation-play-state:paused}
.chip{display:flex;gap:14px;align-items:center;padding:16px 24px 16px 16px;border:1px solid #dce7f0;background:#ffffff0a;border-radius:18px;width:330px;flex:none}.chip img{width:50px;height:50px;object-fit:contain;flex:none}.chip b{display:block;font-size:18px;font-weight:600;color:#10213f;letter-spacing:-.01em}.chip small{display:block;font-size:14px;color:#c4c0d2;margin-top:4px;line-height:1.45}
@media(prefers-reduced-motion:reduce){.band{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.band-track{animation:none}}
/* giriş modalı */
.login{position:fixed;inset:0;background:#020205e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:45;display:none;align-items:center;justify-content:center;padding:20px}.login.open{display:flex}
.lpanel{position:relative;width:min(400px,100%);background:#ffffff;border:1px solid #dce7f0;border-radius:22px;padding:34px 30px 28px;box-shadow:0 30px 90px #0009;max-height:94vh;overflow:auto}
.lpanel .close{position:absolute;top:14px;right:14px}.lpanel h3{margin:18px 0 6px;font-size:24px;font-weight:450;letter-spacing:-.03em}.lsub{margin:0 0 22px;font-size:14px;color:#5f7494}
.gbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border:0;border-radius:12px;padding:13px 16px;font:500 14px Inter,system-ui,sans-serif;cursor:pointer}.gbtn:hover{background:#f1f0f5}
.or{display:flex;align-items:center;gap:12px;margin:20px 0;color:#7d7990;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.or:before,.or:after{content:"";flex:1;height:1px;background:#ffffff18}
.lpanel label{display:block;font-size:12px;color:#5f7494;margin-bottom:14px}.lpanel input{display:block;width:100%;margin-top:6px;background:#ffffff0a;border:1px solid #dce7f0;border-radius:11px;color:#fff;padding:12px 14px;font:15px Inter,system-ui,sans-serif;outline:0}.lpanel input:focus{border-color:#078fc5;box-shadow:0 0 0 3px #078fc533}
.pw{position:relative}.pw input{padding-right:74px}.pw button{position:absolute;right:8px;top:50%;transform:translateY(-50%);margin-top:3px;background:none;border:0;color:#5f7494;font-size:12px;cursor:pointer;padding:6px}
.lmsg{min-height:20px;font-size:13px;color:#ff8a8a;margin:-2px 0 10px}.lmsg.ok{color:#10b981}.lsubmit{width:100%;border:0;cursor:pointer;text-align:center;font-family:inherit}


/* sektör kayan yazı */
.sector-banner{--c1:#10b981;--c2:#8fd3ff;width:auto;margin:0 calc(-1*clamp(22px,6vw,96px)) 36px;overflow:hidden;padding:6px 0 10px;background:none}
.sector-banner__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 clamp(22px,6vw,96px) 22px;font:500 10px/1.4 Inter,Arial,sans-serif;letter-spacing:2.3px;color:#5f7494}
.sector-banner__meta span{background:none;padding:2px 0;white-space:nowrap}
.sector-marquee{width:100%;overflow:hidden}
.sector-track{display:flex;width:max-content;animation:sector-scroll 38s linear infinite;will-change:transform}
.sector-group{display:flex;align-items:center;flex:0 0 auto;gap:32px;padding-right:32px}
.sector-word{display:inline-block;flex:0 0 auto;font-family:Inter,Arial,sans-serif;font-size:clamp(56px,7vw,124px);font-weight:800;line-height:1.12;letter-spacing:-.075em;white-space:nowrap}
.sector-word.solid{color:var(--c1)}
.sector-word.outline{color:transparent;-webkit-text-stroke:1.8px var(--c2);paint-order:stroke fill}
.sector-star{flex:0 0 auto;font-family:Arial,sans-serif;font-size:clamp(36px,4vw,58px);font-weight:300;line-height:1;color:var(--c1)}
@keyframes sector-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sector-marquee:hover .sector-track{animation-play-state:paused}
@media(max-width:640px){.sector-banner__meta{padding:0 22px 20px;font-size:8px;letter-spacing:1px}.sector-group{gap:20px;padding-right:20px}.sector-word{font-size:56px}.sector-word.outline{-webkit-text-stroke-width:1.2px}.sector-star{font-size:32px}}
@media(prefers-reduced-motion:reduce){.sector-track{animation:none}.sector-marquee{overflow-x:auto}}
.card h3 img.mi{width:46px;height:46px;padding:4px;background:#fff;border-radius:12px;flex:none}

/* iletişim + CTA + footer */
.mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
.ct{position:relative;z-index:2;background:#f5f8fc;padding:70px clamp(16px,4vw,48px) 0}.ct-cta{padding:56px clamp(16px,4vw,48px) 70px}
.ct-card{position:relative;overflow:hidden;max-width:1280px;margin:0 auto;border-radius:32px;border:1px solid #dce7f0;background:#ffffff;padding:44px 40px;display:grid;grid-template-columns:1fr 1.5fr;gap:40px}
.ct-ring{position:absolute;right:-120px;top:-150px;width:420px;height:420px;border-radius:50%;border:34px solid #ffffff08;box-shadow:0 0 0 34px #ffffff05;pointer-events:none}
.ey{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.22em;color:#10b981;font-weight:500;margin-bottom:22px}.ey i{width:7px;height:7px;border-radius:50%;background:#10b981;flex:none}
.ct h2{font-size:clamp(40px,4.4vw,56px);font-weight:700;letter-spacing:-.05em;line-height:1.05;margin:0 0 18px;color:#fff}.ct h2 em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;color:#10b981;letter-spacing:-.02em;font-size:1.08em}
.ct-l p{font-size:15px;line-height:1.75;color:#3f5474;margin:0 0 18px;max-width:420px}.ct-l .note{font-size:13px;color:#9fb0d0;margin-top:34px;line-height:1.9}
.ct-f{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;align-content:start}.ct-f .full{grid-column:1/-1}
.ct-f label{display:block}.ct-f label span{display:block;font-size:10px;letter-spacing:.2em;color:#8094ad;margin-bottom:8px}.ct-f label b{color:#8094ad}
.ct-f input,.ct-f textarea{width:100%;background:#ffffff0d;border:1px solid #dce7f0;border-radius:12px;color:#fff;padding:14px 14px;font:14px Inter,system-ui,sans-serif;outline:0;resize:vertical}.ct-f input::placeholder,.ct-f textarea::placeholder{color:#7d7990}.ct-f input:focus,.ct-f textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98128}
.ct-act{display:flex;align-items:center;gap:18px;margin-top:14px}.cmsg{font-size:13px;color:#5f7494}.cmsg.err{color:#ff8a8a}.cmsg.ok{color:#10b981}
.btn-w{display:inline-flex;align-items:center;gap:14px;background:#f1efef;color:#111;border:0;border-radius:999px;padding:18px 26px;font:600 15px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none}.btn-w:hover{background:#fff}
.btn-w.big{background:#fff;padding:16px 16px 16px 28px;flex:none}.btn-w .ar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#10b981}
.ct-banner{grid-template-columns:1fr auto;align-items:center;gap:30px;padding:34px 40px;background:linear-gradient(120deg,#14161f,#242738)}.ct-banner .ey{margin-bottom:12px;font-size:10.5px}.ct-banner h2{margin:0 0 18px;font-size:clamp(32px,3.6vw,46px)}
.chips2{display:flex;gap:8px;flex-wrap:wrap}.chips2 span{font-size:10.5px;letter-spacing:.06em;color:#3f5474;background:#ffffff10;padding:7px 10px;border-radius:7px}
.ft{display:block;position:relative;z-index:2;background:#f5f8fc;border-top:1px solid #dce7f0;padding:56px clamp(16px,4vw,48px) 60px}.ft-in{width:100%;max-width:1280px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.ft-b .brand-logo{height:40px;margin-bottom:18px}.ft-b p{font-size:14px;line-height:1.8;color:#5f7494;max-width:340px;margin:0 0 14px}.sm{font-size:11px;letter-spacing:.08em;color:#777388}
.ft-b .cinfo{margin:0;max-width:340px}.ft-b .cinfo a{color:#5f7494;text-decoration:none}.ft-b .cinfo a:hover{color:#10b981}.ft-b .cinfo .wa{color:#10b981}.ft-b .cinfo .wa:hover{color:#059669}.ft-b .addr{font-size:11px;letter-spacing:.04em;line-height:1.9;margin-top:6px}
.ft-c{display:flex;flex-direction:column;gap:14px}.ft-c h4{margin:0 0 6px;font-size:11px;font-weight:500;letter-spacing:.22em;color:#777388}.ft-c a{color:#d0ccda;text-decoration:none;font-size:14px}.ft-c a:hover{color:#10b981}
@media(max-width:900px){.ct-card{grid-template-columns:1fr;padding:32px 22px}.ct-banner{grid-template-columns:1fr}.ct-f{grid-template-columns:1fr}.ft-in{grid-template-columns:1fr 1fr;padding:0 6px}.ft-b{grid-column:1/-1}}
#moduller .grid{display:block;column-width:310px;column-gap:18px}#moduller .grid .card{break-inside:avoid;margin-bottom:18px;display:inline-block;width:100%}
.card.mod h3 .n{margin-left:auto;font:500 11px "JetBrains Mono",ui-monospace,monospace;color:#777388;letter-spacing:.08em}
.card.mod ul.st{list-style:none;padding:0;display:grid;gap:11px}.card.mod ul.st li b{display:block;font-size:13.5px;font-weight:600;color:#10213f;margin-bottom:2px}.card.mod ul.st li span{display:block;font-size:12.5px;line-height:1.6;color:#b9b5c7}
.card.mod ul:not(.st){padding-left:16px}.card.mod ul:not(.st) li{margin-bottom:6px}

.pk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;text-align:left;margin-top:34px}.card.pk{position:relative;display:flex;flex-direction:column;gap:6px;padding:28px}.card.pk.ft{border-color:#078fc588;background:#078fc514;box-shadow:0 0 50px #078fc522}.card.pk h3{font-size:22px;margin:0}.pk-badge{position:absolute;top:-11px;right:20px;background:#10b981;color:#04130d;font-size:11px;font-weight:700;border-radius:999px;padding:4px 11px}.pk-p b{font-size:30px;font-weight:350;letter-spacing:-.04em}.pk-p small{color:#5f7494}.pk-p{margin:8px 0 4px}.card.pk .checks{grid-template-columns:1fr;margin:12px 0 22px;flex:1}.card.pk .cta{text-align:center}.cb-img{max-width:min(900px,100%);border-radius:18px;margin:6px 0 26px;display:block}.sec.center-b{text-align:center}.sec.center-b .lead{margin-left:auto;margin-right:auto}
.lg-wrap{overflow:hidden;margin:34px calc(-1*clamp(22px,6vw,96px)) 0;padding:6px 0;pointer-events:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.lg-track{display:flex;width:max-content;animation:lgs 40s linear infinite}.lg-wrap:hover .lg-track{animation-play-state:paused}.lg-group{display:flex;gap:22px;padding-right:22px}@keyframes lgs{to{transform:translateX(-50%)}}.lg-item{display:flex;align-items:center;justify-content:center;width:170px;height:84px;flex:none;background:#fff;border-radius:14px;padding:14px 20px;pointer-events:auto}.lg-item img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.62;transition:filter .35s,opacity .35s}.lg-item:hover img{filter:none;opacity:1}
.tm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;margin-top:34px}.tm{display:flex;flex-direction:column;gap:14px;padding:26px}.tm .st{color:#f5b841;letter-spacing:3px;font-size:15px}.tm q{quotes:none;font-size:16px;line-height:1.7;color:#e4e0ee;flex:1}.tm-a{display:flex;align-items:center;gap:12px}.tm-a .av{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#078fc5;display:flex;align-items:center;justify-content:center;font-weight:600;flex:none}.tm-a b{display:block;font-size:14px}.tm-a span{font-size:12.5px;color:#5f7494}
@media(prefers-reduced-motion:reduce){.lg-track{animation:none}.lg-wrap{overflow-x:auto}}
.vid{position:relative;aspect-ratio:16/9;max-width:min(960px,100%);border-radius:18px;overflow:hidden;background:#000;margin:6px 0 26px;pointer-events:auto}.vid iframe,.vid video{width:100%;height:100%;border:0;display:block;object-fit:contain}.sec.center-b .vid{margin-left:auto;margin-right:auto}.tm .vid{margin:0;border-radius:12px}
.vid.vx{margin:16px 0}.txt .vid{max-width:100%}

/* ---- alt sayfa düzeni ---- */
body{background:radial-gradient(ellipse at 75% 0,#0e2150 0,#080f24 30%,#f5f8fc 65%) fixed #f5f8fc}
main.pg{position:relative;z-index:2;pointer-events:auto;padding-top:80px}
.ph{border-top:0;background:transparent;padding-top:70px;padding-bottom:60px}
.ph-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,5vw,70px);align-items:center;max-width:1280px;margin:0 auto}
.ph h1{font-size:clamp(38px,4.6vw,66px);margin:0 0 18px}
.ph .lead{margin-bottom:24px}.ph .lead b{color:#fff;font-weight:600;display:block;margin-bottom:6px}
.ph-ic{width:84px;height:84px;object-fit:contain;margin:0 0 20px;display:block}
.ph-c{text-align:center}.ph-c .lead{margin-left:auto;margin-right:auto}.ph-c .plat{justify-content:center}
.plat.sm{margin:0 0 6px}.plat.sm span{padding:6px 12px;font-size:12px}
.ph .actions{margin-top:22px}
.ph-v{position:relative;padding-bottom:26px}
.frame{border:1px solid #dce7f0;border-radius:16px;overflow:hidden;background:#f8fbfd;box-shadow:0 30px 90px #0009,0 0 60px #078fc522}
.fbar{display:flex;gap:6px;padding:10px 14px;background:#16151f;border-bottom:1px solid #dce7f0}.fbar i{width:9px;height:9px;border-radius:50%;background:#ffffff2a}
.frame img{display:block;width:100%;height:auto;cursor:zoom-in}
.phone{position:absolute;right:-10px;bottom:0;width:28%;border:5px solid #1b1a25;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 20px 60px #000b}
.phone img{display:block;width:100%;cursor:zoom-in}
.shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.shot{margin:0;border:1px solid #dce7f0;border-radius:16px;overflow:hidden;background:#f8fbfd}
.shot img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left;cursor:zoom-in;transition:transform .35s}
.shot:hover img{transform:scale(1.03)}
.shot{overflow:hidden}.shot figcaption{padding:12px 16px;font-size:13px;color:#3f5474;background:#ffffff06;position:relative;z-index:1}
.ac{display:block;color:inherit;text-decoration:none;transition:.2s}.ac:hover{border-color:#10b98188;transform:translateY(-3px)}
.sec.ph+.sec{border-top:1px solid #dce7f0}
@media(max-width:900px){.ph-in{grid-template-columns:1fr}.phone{right:8px}}

/* — alt sayfa bölümleri: İÇERİK merkez / CTA satırları SOL-ALT — eksiksiz liste (tek sefer) — */
.sec>*{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;width:100%}
.sec>.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.sec>.actions,.sec>p{text-align:left!important}
.ft-in{max-width:1180px!important;margin:0 auto!important}

/* — ANA MENÜ ORTALAMA (masaüstü): logo + menü TEK KULVAR merkezde; sağ aksiyonlar sabit sağda — */
@media(min-width:801px){
  header{justify-content:center!important}
  header > .brand{margin-right:26px}
  header > .hdr-r{position:absolute;right:22px;top:0;bottom:0;display:flex;align-items:center;gap:16px}
}

/* OKUNABİLİRLİK: hero cam kartı + koyu cam içinde aydınlık metin */
.ph-t{background:rgba(8,32,74,.86)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #dce7f0;border-radius:22px;padding:30px 36px;max-width:640px;box-shadow:0 18px 44px rgba(8,32,74,.08)}
.ph-t .lead,.ph-t p{color:#cdd2e6!important}
.sec,.ph,.card{--muted:#5f7494;--muted2:#8094ad;--text:#10213f}
.card{background:#ffffffcc!important;border-color:#dce7f0!important}
.card p,.card small,.card .muted{color:#c9cde4}
.chip{background:#ffffff10!important}


/* TimTicari Kurumsal Tema v4 */
:root{--bg:#f5f8fc;--text:#10213f;--muted:#60758e;--gold:#16b7a5;--navy:#08204a;--blue:#078fc5;--green:#16b7a5;--surface:#fff;--line:#dce7f0}
body{background:var(--bg);color:var(--text)} header{background:rgba(8,32,74,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand,.hdr-r a:not(.cta),nav a{color:var(--text)}.brand-logo{background:none;box-shadow:none;padding:0;border-radius:0}nav a:hover,.dd>a:hover{color:var(--blue)}.cta{background:#E3F7F0;box-shadow:none}
#stage{background:radial-gradient(ellipse at 65% 45%,#dff7fb 0%,#eaf3fb 38%,#f5f8fc 75%)}.txt{background:rgba(8,32,74,.86);border-color:#dce7f0;box-shadow:0 22px 60px rgba(8,32,74,.1)}h1,h2{color:var(--navy)}h1 span,h2 span,.eyebrow{color:var(--blue)}.txt p{color:#526782}.pills span{background:#fff;border-color:#cde6ef;color:#31516e}.apps,.sec,.ph{background:#fff;color:var(--text);border-color:var(--line)}.sec .lead,.card p,.strip figcaption{color:var(--muted)}.card{background:#fff;border-color:var(--line);box-shadow:0 14px 35px rgba(8,32,74,.08)}.card h3{color:var(--navy)}.plat span{background:#e8f8f6;border-color:#8bded3;color:#087d70}.sector-word.solid{color:var(--blue)}.sector-word.outline{--c2:#16b7a5}.band-track .chip{background:#fff;border-color:var(--line);box-shadow:0 8px 22px rgba(8,32,74,.06)}.chip b{color:var(--navy)}.chip small{color:var(--muted)}footer{background:#08204a;color:#b7d1e5;border-color:#1d4772}.login{background:rgba(8,32,74,.72)}.lpanel{background:#fff;border-color:var(--line)}.lpanel h3{color:var(--navy)}.lpanel input{background:#f7fafc;border-color:#cbd9e5;color:var(--text)}.lpanel input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,143,197,.18)}
.tt-hardware{position:relative;z-index:2;background:#f5f8fc;padding:86px clamp(22px,6vw,96px);border-top:1px solid var(--line)}.tt-hardware h2{margin-bottom:12px}.tt-hardware-lead{max-width:680px;color:var(--muted);line-height:1.7}.tt-hardware-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px}.tt-hardware-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 14px 35px rgba(8,32,74,.08)}.tt-hardware-card img{width:100%;height:150px;object-fit:cover;background:#e7f5f8}.tt-hardware-card div{padding:17px}.tt-hardware-card b{display:block;color:var(--navy);font-size:16px}.tt-hardware-card span{display:block;color:var(--muted);font-size:13px;line-height:1.55;margin-top:6px}@media(max-width:900px){.tt-hardware-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.tt-hardware-grid{grid-template-columns:1fr}.tt-hardware-card img{height:180px}}

/* KUTUSUZ LOGO — beyaz kutu/pill kaldırıldı; svg doğrudan görünür */
.brand-logo{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}

/* OKUNMA KONTROL (açık tema) — koyu artık yok; muted = deniz-gri; başlık lacivert */
:root{--muted:#5f7494!important}
.lead,.mini small,.sk-card p,.chips span{color:#5f7494!important}
h1,h2,h3,.mini b,.sk-card h3{color:#08204a!important}
header nav a{color:#10213f!important}
footer{background:#08204a;color:#dbe5f2}
footer a{color:#c3d3ea}
footer .ft-in .mono{color:#9fb4d4}

/* beyaz cam üzerinde soluk metinler koyu */
.ph-t .lead,.ph .lead,.ph p,.ph-t p{color:#5f7494!important}
.ph-t h1,.ph h1{color:#08204a!important}

/* YÜKLEME ekranı koyu kalsın (beyaz logo) */
#loader{background:#050508!important}#loader .lg img{filter:invert(0)}

/* === HEADER ÜNİFORMA (kazanan): beyaz bar + koyu yazı + teal CTA; koyu-üstü-koyu bitmiş === */
header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #dce7f0!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
header nav a,header .hdr-r a,header .js-login,header .tlink,header a:not(.cta):not(.brand){color:#10213f!important}
header .dd-m{background:#ffffff!important;border:1px solid #dce7f0!important;box-shadow:0 22px 54px rgba(8,32,74,.14)}
header .dd-m a{color:#10213f!important}
header .cta{background:#E3F7F0!important;color:#0A7D5C!important;border:1px solid #C8EEDF}
.mnav{background:#ffffff!important;box-shadow:30px 0 80px rgba(8,32,74,.18)}
.mnav a,.mnav summary{color:#10213f!important}
/* T4K kontrast finali: açık zeminde koyu yazı, koyu zeminde beyaz/açık mavi; kazanan kural */
footer,footer.ft,footer .ft{background:#ffffff!important;border-top:1px solid #dce7f0!important;color:#16233f!important}
footer .ft-in,footer .ft-b,footer .ft-c{color:#16233f!important}
footer .ft-c h4,footer .sm,footer .ft-b .addr{color:#4c5f80!important}
footer .ft-c a,footer a,footer .ft-b .cinfo a,footer .ft-in .mono,footer .mono{color:#2c3e63!important}
footer .ft-b .cinfo .wa{color:#0a7d5c!important}
footer .ft-b p{color:#5f7494!important}
header nav{color:#16233f!important}
header .hdr-r a.cta,header a.cta{color:#223D7F!important}
.minis .mini{background:rgba(255,255,255,.92)!important;border:1px solid #dce7f0!important;color:#10213f!important;font-weight:600}
.minis .mini:hover{color:#078fc5!important;border-color:#8bd0e8!important;background:#fff!important}
.ct-f label{color:#445674!important}
.ct-l,.ey,.eyebrow{color:#0a7d5c!important}
.ct-cta .ct-card,.ct-banner{background:#ffffff!important;border:1px solid #dce7f0!important}
.ct-cta h2,.ct-banner h2{color:#10213f!important}
.ct-banner .chips2 .mono,.chips2 span{background:#eef6fa!important;border:1px solid #cfe3ec!important;color:#31516e!important}
/* T4K kontrast finali 2: koyu cam yüzeylerde yazılar beyaz/açık mavi (lacivert-üstü-lacivert yasak); .ph/.ph-t bantları sayfa-içi beyaz camdır, yazıları koyu = sayfa css sahiplenir */
.txt{color:#e9edf5!important}
.txt h1,.txt h2,.txt h1 b{color:#ffffff!important}
.txt .eyebrow,.txt h1 span,.txt h2 span{color:#7fd1ee!important}
.txt p,.txt .lead{color:#c9d6ec!important}
.txt a{color:#ded9e9!important}
.txt a:hover{color:#ffffff!important}
#osCk label,#osCk span,#osCk p{color:#e6e4f0!important}
#loader,#loader small,#loader #count{color:#e3ebf7!important}
.ct-banner em,.ct-cta em,h2 em,h1 em{color:#0a7d5c!important}
/* T4K kontrast finali 3: kalan koyu-tema kalıntıları beyaz kartlara göre koyu; koyu zeminde açık */
.checks{color:#3d5578!important}
.checks li:before{color:#0a7d5c!important}
.card li::marker{color:#0a7d5c!important}
.card.mod ul.st li span{color:#5f7494!important}
.more{color:#0a7d5c!important}
.hint,.hint b{color:#5f7494!important}
.ph .lead b{color:#08204a!important}
#osCk div{color:#e8e6f5!important}
.card ul{color:#3d5578!important}
.card ul li b{color:#08204a!important}
.ct-f label span,.ct-f label b{color:#445674!important}
.sec>*:first-child,.ph>*:first-child{margin-top:8px!important}
/* T4K bölüm solunumu: bölüm çizgileriyle içerik arası nefes; zeminler (bant) korunur */
.sec:not(.ph){padding-top:52px!important;padding-bottom:56px!important}
.sec .eyebrow{margin-bottom:16px!important}
.sec h2{margin-bottom:30px!important}
.sec .lead{margin-bottom:36px!important}
.sec .eyebrow:not(:first-child){margin-top:34px!important}
.sec .pills.sk{margin-top:4px!important}
.ph{padding-top:18px!important;padding-bottom:48px!important}
/* T4K üst menü: 1600'e dek sola-yaslı (merkez kumaş >1600'te aynen); giriş-li kalabalıkta çarpışma yok */
/* Üst-bar taşma koruması: nav kısalır/kırpar, butonlar sıkışmaz; buton-yazı girişi olmaz */
header{flex-wrap:nowrap!important}
header .hdr-r{flex-shrink:0}
header nav{min-width:0;overflow:hidden;white-space:nowrap}
@media(max-width:1600px){
  header{justify-content:flex-start!important;gap:22px;padding-left:26px;padding-right:26px}
  header > .hdr-r{position:static;display:flex;align-items:center;margin-left:auto!important;gap:10px;flex-wrap:nowrap}
  header nav{gap:18px;font-size:12.5px;letter-spacing:.06em;min-width:0;flex-wrap:nowrap}
  header .cta{padding:11px 16px;font-size:12px}
  .hdr-r>span{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hdr-r>span>span:not(:first-child){display:none}
}
@media(max-width:1380px){header nav{gap:12px;font-size:11.5px}}
