/* Apple-inspired material, type and layout layer; motion is owned by apple-motion.js. */
:root { --hig-ink:#101828; --hig-muted:#5d6b82; --hig-blue:#0a66d8; --hig-surface:rgba(255,255,255,.72); --hig-line:rgba(15,34,64,.12); --hig-shadow:0 24px 60px rgba(21,55,99,.13),0 3px 12px rgba(21,55,99,.05); --hig-radius:28px; --hig-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif; }
html { background:#f3f7fc; }
body { font-family:var(--hig-font); color:var(--hig-ink); letter-spacing:-.011em; background:radial-gradient(circle at 6% 12%,rgba(90,200,250,.18),transparent 28rem),radial-gradient(circle at 93% 32%,rgba(10,102,216,.12),transparent 30rem),#f5f8fc; }
*,*::before,*::after { transition:none !important; }
button,a,input,textarea { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible { outline:3px solid rgba(10,102,216,.46); outline-offset:4px; }
.wrap { max-width:1280px; padding-inline:clamp(20px,4vw,54px); }
.sec { padding-block:clamp(68px,10vw,132px); }
h1,h2,h3,h4,.dsp,.sec-head h2,.projeler-baslik h1 { font-family:var(--hig-font); color:var(--hig-ink); letter-spacing:-.048em; font-weight:700; }
p { color:var(--hig-muted); }
.eyebrow,.projeler-ust-baslik { color:var(--hig-blue); font-family:var(--hig-font); font-size:.76rem; font-weight:700; letter-spacing:.08em; }

/* Floating glass navigation */
header.site { position:fixed; inset:18px clamp(12px,3vw,40px) auto; width:auto; z-index:100; border:1px solid rgba(255,255,255,.62); border-radius:999px; background:rgba(255,255,255,.62); box-shadow:0 12px 36px rgba(11,43,81,.12); -webkit-backdrop-filter:blur(26px) saturate(1.45); backdrop-filter:blur(26px) saturate(1.45); }
header.site .bar { min-height:64px; padding-inline:17px; }
.brand-logo { width:148px; height:37px; background-size:contain; }
.main { gap:clamp(13px,1.8vw,29px); }
.main a,.language-menu__toggle { color:#213a60; font-size:.88rem; font-weight:600; }
.main a:hover,.language-menu__toggle:hover { color:var(--hig-blue); }
.nav-cta { padding:9px 15px; color:white !important; border-radius:999px; background:linear-gradient(135deg,#0877e8,#075bc1); box-shadow:0 7px 18px rgba(10,102,216,.22); }
.language-menu__list,.dropdown-menu { border:1px solid rgba(255,255,255,.62); background:rgba(255,255,255,.86); -webkit-backdrop-filter:blur(24px) saturate(1.4); backdrop-filter:blur(24px) saturate(1.4); box-shadow:var(--hig-shadow); }

/* Cinematic hero and elevated metrics */
.hero { min-height:min(78vh,820px); border-radius:0 0 44px 44px; overflow:hidden; }
.hero::after { content:"Critical infrastructure, made dependable."; position:absolute; inset:auto clamp(24px,9vw,12rem) clamp(44px,8vw,108px); max-width:820px; color:white; font:700 clamp(2.5rem,6vw,5.6rem)/.98 var(--hig-font); letter-spacing:-.065em; text-wrap:balance; z-index:2; }
.hero-overlay { background:linear-gradient(90deg,rgba(4,18,42,.76),rgba(4,18,42,.18) 68%,rgba(4,18,42,.38)); }
.stats { margin:-43px auto 0; position:relative; z-index:3; }
.stats .wrap { display:grid; grid-template-columns:repeat(4,1fr); padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.68); border-radius:var(--hig-radius); background:var(--hig-surface); box-shadow:var(--hig-shadow); -webkit-backdrop-filter:blur(28px) saturate(1.3); backdrop-filter:blur(28px) saturate(1.3); }
.stat { margin:0; padding:27px clamp(18px,3vw,40px); border-right:1px solid var(--hig-line); }
.stat:last-child { border-right:0; }
.stat .n { color:var(--hig-blue); font:700 clamp(1.9rem,3vw,2.8rem)/1 var(--hig-font); letter-spacing:-.06em; }
.stat .lbl { margin-top:7px; color:var(--hig-muted); font-size:.86rem; font-weight:600; }

/* Unified responsive content cards */
.about-grid { align-items:center; gap:clamp(34px,6vw,94px); }
.about .txt h2 { font-size:clamp(2.4rem,5vw,4.45rem) !important; margin-block:12px 20px !important; }
.about .txt p { max-width:58ch; font-size:clamp(1rem,1.3vw,1.14rem); }
.about-image { border:1px solid rgba(255,255,255,.68); border-radius:var(--hig-radius); overflow:hidden; box-shadow:var(--hig-shadow); }
.mvv-cards,.sol-grid,.fiber-expertise__grid { max-width:1280px; margin-inline:auto; padding-inline:clamp(20px,4vw,54px); gap:18px; }
.mvv-cards .card,.sol,.fiber-expertise__card,.sertifika_kart,.contact-premium__map-card,.contact-premium__form-card { border:1px solid rgba(255,255,255,.72); border-radius:var(--hig-radius); background:var(--hig-surface); box-shadow:var(--hig-shadow); -webkit-backdrop-filter:blur(22px) saturate(1.25); backdrop-filter:blur(22px) saturate(1.25); }
.mvv-cards .card { padding:clamp(24px,3vw,38px); }
.mvv-cards .card h4 { color:var(--hig-blue); font:700 .76rem/1.2 var(--hig-font); letter-spacing:.08em; }
.sec-head h2,.fiber-expertise .sec-head h2 { font-size:clamp(2.2rem,4.4vw,4.1rem); }
.sec-head p { margin-inline:auto; font-size:1.06rem; }
.fiber-expertise { background:transparent; }
.fiber-expertise__card { overflow:hidden; }
.fiber-expertise__image { aspect-ratio:1.5; }
.fiber-expertise__image img { height:100%; width:100%; object-fit:cover; }
.fiber-expertise__body { padding:28px; }
.fiber-expertise__number,.sol .ic { color:var(--hig-blue); }
.sol { min-height:240px; padding:28px; }
.sol .ic { width:46px; height:46px; border-radius:15px; background:rgba(10,102,216,.1); display:grid; place-items:center; }
.sol h3 { margin-top:22px; font-size:1.25rem; }

.projeler,#referanslar,.why,.trust,.sertifikalar { background:transparent !important; }
.projeler-baslik h1 { font-size:clamp(2.35rem,5vw,4.5rem); }
.projeler-kaydir { cursor:grab; touch-action:pan-y; }
.projeler-kaydir[data-dragging="true"] { cursor:grabbing; }
.proje-kart { border:1px solid rgba(255,255,255,.65); border-radius:24px; overflow:hidden; box-shadow:var(--hig-shadow); }
.proje-kart::after { background:linear-gradient(180deg,transparent 38%,rgba(5,17,36,.88)); }
.proje-ok,.proje-detay,.contact-premium__button,.btn,.site-music__button,#scrollTopBtn { border-radius:999px !important; box-shadow:0 9px 20px rgba(10,102,216,.18); }
.sertifika_kutu { gap:18px; }
.sertifika_kart { padding:clamp(25px,4vw,44px); }
.sertifika_url { color:var(--hig-blue); }
.contact-premium { background:linear-gradient(135deg,#eaf4ff,#f7faff 45%,#e8f3ff); }
.contact-premium__header h2 { font-size:clamp(2.35rem,5vw,4.5rem); }
.contact-premium__input,.contact-premium__textarea { border:1px solid var(--hig-line); border-radius:16px; background:rgba(255,255,255,.68); font-family:var(--hig-font); color:var(--hig-ink); }
.contact-premium__button { background:linear-gradient(135deg,#0877e8,#075bc1); }
footer.site { background:#071d3b; border-radius:44px 44px 0 0; }

/* CSS does not time animations; the JS spring owns all interpolations. */
[data-hig-pressable] { will-change:transform; }
.reveal:not([data-hig-revealed="true"]) { opacity:0; transform:translate3d(0,24px,0); }
.reveal[data-hig-revealed="true"] { opacity:1; transform:translate3d(0,0,0); }
@media (max-width:760px) { header.site { inset:10px 10px auto; border-radius:22px; } header.site .bar { min-height:58px; } .brand-logo { width:124px; } .hero { min-height:70vh; } .hero::after { bottom:52px; } .stats { margin-top:-26px; } .stats .wrap { grid-template-columns:repeat(2,1fr); margin-inline:12px; } .stat:nth-child(2) { border-right:0; } .stat:nth-child(-n + 2) { border-bottom:1px solid var(--hig-line); } .mvv-cards,.sol-grid,.fiber-expertise__grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; scroll-behavior:auto !important; } .reveal:not([data-hig-revealed="true"]) { opacity:1; transform:none; } }