/*
Theme Name: HAS Teknoloji
Version: 1.0.0
Description: Türkçe ve İngilizce kurumsal başlangıç teması.
Author: HAS Teknoloji
*/
:root{--red:#bc2633;--ink:#20292d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:17px/1.65 system-ui,sans-serif;background:#fff}a{color:inherit}header,.wrap{max-width:1180px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.brand{text-decoration:none;font-size:25px;font-weight:800}.brand span{color:var(--red)}.custom-logo{width:260px;height:auto}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;font-size:15px}main .hero{background:var(--ink);color:white;padding:70px 0;background-image:radial-gradient(ellipse at 90% 10%,#77313b,transparent 60%)}.hero .wrap{max-width:1180px}h1{font-size:clamp(38px,6vw,70px);line-height:1.12;max-width:850px;letter-spacing:-2px}h2{font-size:36px;line-height:1.2}.hero p{max-width:640px;color:#d7dce0}.tag{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#ff9aa5}.button{display:inline-block;background:var(--red);color:white;padding:13px 23px;border-radius:6px;text-decoration:none;font-weight:650;margin:10px 8px 0 0}.outline{background:transparent;border:1px solid #a0a7ac}.section{padding:55px 24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #e2e5e6;padding:27px;border-radius:10px}.card b{color:var(--red);font-size:13px}.card h3{font-size:22px}.card p{font-size:15px;color:#5e686d}.light{background:#f3f5f5}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact{background:var(--ink);color:white;border-radius:16px;padding:40px}footer{padding:25px;text-align:center;background:#f3f5f5;font-size:14px}.float{position:fixed;bottom:20px;right:20px;z-index:10;background:#176a42;color:white;border-radius:30px;padding:12px 20px;text-decoration:none;box-shadow:0 4px 20px #0002}a:focus-visible{outline:3px solid #ec8c99;outline-offset:5px}@media(max-width:750px){.grid,.split{grid-template-columns:1fr}.hero{padding:30px 0!important}.section{padding:35px 24px}h1{letter-spacing:-1px}nav{gap:12px}.contact{padding:24px}footer{padding-bottom:90px}}