/* Ana sayfa taslagi (v2): tam ekran acilis, buyuk rakamlar, gorselli hizmet/sektor kartlari. Yalnizca /_taslak/ sayfasinda yuklenir. */
.hv-reveal{opacity:1;transform:none}
html.hv-js .hv-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
html.hv-js .hv-reveal.hv-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.hv-js .hv-reveal{opacity:1;transform:none;transition:none}}

/* --- acilis --- */
.hv-hero{position:relative;overflow:hidden;color:#fff;background:#05101a;min-height:calc(100svh - 5rem);display:flex;align-items:center}
.hv-hero-in{position:relative;z-index:2;width:100%;max-width:80rem;margin:0 auto;padding:5rem 1rem 7rem}
@media (min-width:640px){.hv-hero-in{padding:6rem 1.5rem 8rem}}
@media (min-width:1024px){.hv-hero-in{padding:7rem 2rem 9rem}}
.hv-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border:1px solid rgba(140,196,230,.45);border-radius:9999px;background:rgba(5,16,26,.55);color:#8cc4e6;font-size:.8rem;font-weight:600;margin-bottom:1.75rem}
.hv-badge i{width:.5rem;height:.5rem;border-radius:9999px;background:#5aa5d0}
.hv-h1{font-size:clamp(2.4rem,6.2vw,5.2rem);line-height:1.04;font-weight:800;letter-spacing:-.025em;margin:0 0 1.6rem;max-width:14ch}
.hv-h1 span{color:#8cc4e6;display:block}
.hv-lead{max-width:40rem;font-size:clamp(1.02rem,1.5vw,1.3rem);line-height:1.6;color:#d3dce6;margin:0 0 2.4rem}
.hv-btns{display:flex;flex-wrap:wrap;gap:.9rem}
.hv-btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:0 1.6rem;border-radius:.3rem;font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.hv-btn-main{background:#01669a;color:#fff;border:2px solid #01669a}
.hv-btn-main:hover{background:#0a7bb8;border-color:#0a7bb8}
.hv-btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55)}
.hv-btn-ghost:hover{background:#fff;color:#05101a;border-color:#fff}
.hv-scroll{position:absolute;left:50%;bottom:1.6rem;z-index:3;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#aab9c8;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none}
.hv-scroll::after{content:"";width:1px;height:2.2rem;background:linear-gradient(#8cc4e6,transparent);animation:hv-drop 1.8s ease-in-out infinite}
@keyframes hv-drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (prefers-reduced-motion:reduce){.hv-scroll::after{animation:none}}

/* --- rakamlar --- */
.hv-stats{background:#071a28;color:#fff;border-bottom:1px solid #16324a}
.hv-stats-in{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);padding:0 1rem}
@media (min-width:1024px){.hv-stats-in{grid-template-columns:repeat(4,1fr);padding:0 2rem}}
.hv-stat{padding:2.2rem 1rem;border-left:1px solid #16324a}
.hv-stat:nth-child(2n+1){border-left:0}
@media (min-width:1024px){.hv-stat:nth-child(2n+1){border-left:1px solid #16324a}.hv-stat:first-child{border-left:0}}
.hv-stat b{display:block;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1;font-weight:800;letter-spacing:-.02em}
.hv-stat b em{font-style:normal;font-size:.4em;font-weight:700;letter-spacing:.08em;color:#8cc4e6;margin-left:.4rem;text-transform:uppercase}
.hv-stat>span{display:block;margin-top:.6rem;font-size:.85rem;color:#a9b9c9}

/* --- bolum basliklari --- */
.hv-sec{padding:5rem 0}
@media (min-width:1024px){.hv-sec{padding:7rem 0}}
.hv-wrap{max-width:80rem;margin:0 auto;padding:0 1rem}
@media (min-width:640px){.hv-wrap{padding:0 1.5rem}}
@media (min-width:1024px){.hv-wrap{padding:0 2rem}}
.hv-eyebrow{display:flex;align-items:center;gap:.8rem;font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#01669a;margin:0 0 1rem}
.hv-eyebrow::before{content:"";width:2.4rem;height:2px;background:#a4a8b4}
.hv-h2{font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.1;font-weight:800;letter-spacing:-.02em;color:#072a40;margin:0 0 1rem;max-width:22ch}
.hv-sub{max-width:42rem;font-size:1.05rem;line-height:1.65;color:#475569;margin:0 0 3rem}

/* --- hizmet kartlari --- */
.hv-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media (min-width:640px){.hv-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.hv-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}
.hv-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:.5rem;background:#071a28;color:#fff;text-decoration:none;border:1px solid #16324a;transition:transform .35s ease,border-color .3s,box-shadow .3s}
.hv-card:hover{transform:translateY(-6px);border-color:#5aa5d0;box-shadow:0 18px 40px rgba(7,42,64,.35)}
.hv-media{position:relative;aspect-ratio:450/280;background:linear-gradient(135deg,#0c3550,#05101a);overflow:hidden;display:flex;align-items:center;justify-content:center}
.hv-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.hv-media img.hv-contain{object-fit:contain;padding:.6rem 1rem}
.hv-card:hover .hv-media img{transform:scale(1.07)}
.hv-media svg{width:5.5rem;height:5.5rem;color:#5aa5d0;opacity:.9}
.hv-num{position:absolute;top:.8rem;left:1rem;font-size:.78rem;font-weight:800;letter-spacing:.2em;color:#8cc4e6;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.hv-body{display:flex;flex:1;flex-direction:column;padding:1.3rem 1.4rem 1.5rem}
.hv-body h3{font-size:1.25rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.01em}
.hv-body p{margin:0 0 1rem;color:#b7c4d1;font-size:.93rem;line-height:1.55}
.hv-link{margin-top:auto;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8cc4e6;display:inline-flex;align-items:center;gap:.5rem}
.hv-link::after{content:"\2192";transition:transform .25s}
.hv-card:hover .hv-link::after{transform:translateX(5px)}

/* --- sektor kartlari --- */
.hv-sec-dark{background:#05101a;color:#fff}
.hv-sec-dark .hv-h2{color:#fff}.hv-sec-dark .hv-sub{color:#a9b9c9}.hv-sec-dark .hv-eyebrow{color:#8cc4e6}
.hv-sector{position:relative;display:block;overflow:hidden;border-radius:.5rem;aspect-ratio:16/10;color:#fff;text-decoration:none;background:#0c3550}
.hv-sector img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .4s;filter:brightness(.78)}
.hv-sector:hover img{transform:scale(1.07);filter:brightness(.95)}
.hv-sector::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,16,26,.92),rgba(5,16,26,.1) 65%)}
.hv-sector b{position:absolute;left:1.2rem;right:1.2rem;bottom:1.1rem;z-index:2;font-size:1.08rem;font-weight:800;line-height:1.25}
.hv-sector b i{display:block;margin-top:.35rem;font-style:normal;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8cc4e6}

/* --- kapanis cagrisi --- */
.hv-cta{background:linear-gradient(120deg,#01669a,#004a88);color:#fff;text-align:center;padding:4.5rem 1rem}
.hv-cta h2{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;margin:0 auto 1rem;max-width:20ch;line-height:1.12}
.hv-cta p{max-width:36rem;margin:0 auto 2rem;color:#dbeaf5;font-size:1.05rem;line-height:1.6}
.hv-cta .hv-btn-main{background:#fff;color:#01669a;border-color:#fff}
.hv-cta .hv-btn-main:hover{background:#d3d6dd;border-color:#d3d6dd}

/* --- galeri (icerik gelince acilir) --- */
.hv-gallery{display:none}

/* --- koyu tema --- */
html[data-theme="dark"] .hv-h2{color:#eef3f8}
html[data-theme="dark"] .hv-sub{color:#a9b9c9}
html[data-theme="dark"] .hv-eyebrow{color:#8cc4e6}
.hv-stat b{white-space:nowrap}
.hv-stat b em{font-size:.34em}
@media (max-width:420px){.hv-stat b{white-space:normal}}