/* ---- Validation hero ---- */
.vhero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.vhero .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:center;padding:56px 32px 60px}
.vhero .eyebrow{color:#8FB4EE;margin-bottom:16px}
.vhero h1{color:#fff;font-size:clamp(30px,4vw,50px);font-weight:800;letter-spacing:-.025em}
.vhero p{margin-top:18px;color:rgba(255,255,255,.78);font-size:16.5px;line-height:1.6;max-width:48ch}
.vhero-stats{display:flex;flex-wrap:wrap;gap:24px 32px;margin-top:28px}
.vhero-stat{display:flex;align-items:center;gap:11px}
.vhero-stat svg{width:24px;height:24px;color:#8FB4EE}
.vhero-stat b{font-size:19px;font-weight:800;color:#fff;display:block;line-height:1}
.vhero-stat span{font-size:11.5px;color:rgba(255,255,255,.6);font-family:var(--f-mono);letter-spacing:.06em}
.vhero-media{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:16/11}
.vhero-media img{width:100%;height:100%;object-fit:cover}
.vhero-media .lbl{position:absolute;font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--navy);background:rgba(255,255,255,.95);border-radius:5px;padding:4px 8px;box-shadow:var(--shadow)}
.vhero-media .l1{top:14%;left:8%}.vhero-media .l2{top:30%;right:10%}.vhero-media .l3{bottom:20%;left:14%}.vhero-media .l4{bottom:12%;right:16%}
@media (max-width:900px){.vhero .wrap{grid-template-columns:1fr;gap:30px}}
/* full-bleed validation hero — görsel arka plan, yazı SAĞDA, okunaklılık için scrim */
.vhero-full{min-height:clamp(500px,74vh,780px);display:flex;align-items:center;padding:0}
.vhero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.vhero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,rgba(8,20,38,.30) 0%,rgba(8,20,38,.10) 42%,rgba(8,20,38,0) 72%)}
.vhero-full .wrap{position:relative;z-index:2;display:flex;justify-content:flex-end;width:100%;padding-top:48px;padding-bottom:52px}
.vhero-copy{max-width:430px;background:rgba(10,22,40,.30);-webkit-backdrop-filter:blur(16px) saturate(115%);backdrop-filter:blur(16px) saturate(115%);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:22px 28px;box-shadow:0 24px 60px -24px rgba(0,0,0,.5)}
.vhero-full h1{font-size:clamp(26px,3vw,38px);line-height:1.1}
.vhero-full .vhero-copy .crumb{margin-bottom:8px}
.vhero-full .vhero-copy .eyebrow{margin-bottom:8px}
.vhero-full .vhero-copy p{margin-top:12px;font-size:14.5px;line-height:1.5}
.vhero-full .vhero-stats{margin-top:16px;gap:12px 26px}
.vhero-full .vhero-stat b{font-size:17px}
.vhero-copy .crumb{color:rgba(255,255,255,.6)}
.vhero-copy .crumb a{color:rgba(255,255,255,.6)}.vhero-copy .crumb a:hover{color:#fff}
@media (max-width:900px){.vhero-full .wrap{justify-content:flex-start}.vhero-copy{max-width:none;padding:24px 22px}.vhero-scrim{background:linear-gradient(0deg,rgba(8,20,38,.5) 0%,rgba(8,20,38,.16) 60%,transparent 100%)}}

/* ---- Validation hero (navy-glass panel on ceiling + horizontal badges) [Düzenlemeler 2] ---- */
.vscrim-tl{background:linear-gradient(180deg,rgba(8,20,38,.30) 0%,rgba(8,20,38,.08) 20%,rgba(8,20,38,0) 42%)}
.vhero-panel{position:absolute;top:clamp(22px,4.5vh,52px);left:max(32px,calc(50% - 608px));max-width:430px;z-index:3;background:rgba(9,21,40,.44);backdrop-filter:blur(13px) saturate(120%);-webkit-backdrop-filter:blur(13px) saturate(120%);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:18px 24px;box-shadow:0 22px 55px -22px rgba(0,0,0,.5)}
.vhero-panel h1{color:#fff;font-size:clamp(19px,2vw,25px);font-weight:800;line-height:1.12;letter-spacing:-.02em;white-space:nowrap}
.vhero-panel p{margin-top:8px;color:rgba(255,255,255,.9);font-size:13.5px;line-height:1.45;max-width:42ch}
.vhero-badges{position:absolute;top:clamp(22px,4.5vh,52px);right:max(32px,calc(50% - 608px));display:flex;flex-direction:row;gap:10px;z-index:3}
.vbadge{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:106px;background:rgba(9,21,40,.5);backdrop-filter:blur(11px) saturate(120%);-webkit-backdrop-filter:blur(11px) saturate(120%);border:1px solid rgba(255,255,255,.16);color:#fff;padding:11px 14px;border-radius:12px;box-shadow:0 18px 44px -20px rgba(0,0,0,.5);text-align:center}
.vbadge b{font-size:21px;font-weight:800;color:#F2777C;line-height:1;letter-spacing:-.01em}
.vbadge>span{font-size:11px;font-weight:600;color:rgba(255,255,255,.82);white-space:nowrap}
@media (max-width:1120px){.vhero-badges{flex-wrap:wrap;max-width:240px;justify-content:flex-end}}
@media (max-width:820px){.vhero-panel{left:16px;right:16px;max-width:none;top:18px}.vhero-panel h1{white-space:normal}.vhero-badges{top:auto;bottom:18px;left:16px;right:16px;justify-content:center;flex-wrap:wrap}.vbadge{flex:1;min-width:96px}}
/* compat filters mobile fix */
@media (max-width:600px){.compat-filters{flex-direction:column;align-items:stretch}.compat-filters .filt{width:100%}.compat-filters .filt select{min-width:0;width:100%;max-width:100%}}

/* ---- R&D & Application Center (slide 15) [Düzenlemeler 2] ---- */
.rdsec{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.rd-photos{display:flex;flex-direction:column;gap:18px}
.rd-photo{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.rd-photo img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/8}
.rd-cap{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:9px;background:var(--navy);color:#fff;padding:9px 15px;border-radius:10px;font-family:var(--f-mono);font-size:11.5px;font-weight:600;letter-spacing:.05em;box-shadow:var(--shadow)}
.rd-cap svg{width:16px;height:16px;color:#8FB4EE}
.rd-copy .eyebrow{color:var(--blue);margin-bottom:14px}
.rd-copy h2{font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.12}
.rd-rule{display:block;width:56px;height:3px;background:var(--red);border-radius:2px;margin:16px 0 0}
.rd-copy>p{margin-top:16px;color:var(--muted);font-size:15.5px;line-height:1.6;max-width:48ch}
.rd-list{margin-top:24px;display:flex;flex-direction:column;gap:20px}
.rd-item{display:flex;gap:14px;align-items:flex-start}
.rd-item .rdi{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:var(--blue-soft);color:var(--blue)}
.rd-item .rdi svg{width:22px;height:22px}
.rd-item h3{font-size:16px;font-weight:700;color:var(--navy)}
.rd-item p{margin-top:3px;color:var(--muted);font-size:13.5px;line-height:1.5}
.rd-copy .btn{margin-top:28px}
@media (max-width:900px){.rdsec{grid-template-columns:1fr;gap:32px}}

/* ---- Compatibility chart ---- */
.compat{display:block}
.compat-main{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
.compat-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;padding:22px 24px;border-bottom:1px solid var(--line)}
.filt{display:flex;flex-direction:column;gap:6px}
.filt label{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.filt select{min-width:190px;height:44px;padding:0 14px;border:1px solid var(--line-2);border-radius:8px;color:var(--navy);font-weight:500;background:#fff;cursor:pointer}
.filt select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.compat-table-wrap{overflow-x:auto}
table.ctable{width:100%;min-width:660px;border-collapse:collapse;font-size:13.5px}
.ctable thead th{background:var(--navy);color:#fff;font-size:11px;font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;font-weight:600;padding:14px 16px;text-align:center;vertical-align:middle}
.ctable thead th:first-child{text-align:left}
.ctable thead th .th-ic{display:block;margin:0 auto 4px;width:18px;height:18px;opacity:.85}
.ctable tbody td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:center}
.ctable tbody td:first-child{text-align:left;font-weight:600;color:var(--navy)}
.ctable tbody tr:nth-child(even){background:var(--surface)}
.ctable .yes{color:var(--good);font-weight:700}
.ctable .no{color:var(--line-2);font-weight:700}
.compat-foot{padding:18px 24px;text-align:center;border-top:1px solid var(--line)}
.compat-side{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.cs-item{background:#fff;padding:20px 22px;display:flex;align-items:center;gap:14px}
.cs-item .ci{width:38px;height:38px;flex-shrink:0;color:var(--blue)}
.cs-item b{font-size:22px;font-weight:800;color:var(--navy);display:block;line-height:1}
.cs-item span{font-size:12px;color:var(--muted)}
@media (max-width:900px){.compat{grid-template-columns:1fr}.compat-side{flex-direction:row;flex-wrap:wrap}.cs-item{flex:1;min-width:180px}}

/* ---- Services ---- */
.svc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.svc{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 20px;box-shadow:var(--shadow);transition:transform .35s var(--ease),border-color .2s}
.svc:hover{transform:translateY(-4px);border-color:var(--blue)}
.svc-ic{width:48px;height:48px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:16px}
.svc-ic svg{width:24px;height:24px}
.svc h3{font-size:15px;font-weight:700;margin-bottom:7px}
.svc p{font-size:12.5px;color:var(--muted);line-height:1.5}
@media (max-width:980px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.svc-grid{grid-template-columns:1fr}}

/* ---- Support CTA ---- */
.support{background:var(--navy);border-radius:var(--r-xl);padding:44px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;color:#fff}
.support h2{color:#fff;font-size:clamp(22px,2.6vw,30px)}
.support p{margin-top:10px;color:rgba(255,255,255,.72);max-width:52ch}
@media (max-width:760px){.support{grid-template-columns:1fr;padding:32px}}