*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#101827;background:#fff;line-height:1.6}.container{width:min(1120px,92%);margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e8ebf0}.nav{height:78px;display:flex;align-items:center;gap:28px}.logo{font-size:23px;font-weight:900;color:#071a3d;text-decoration:none;letter-spacing:-1px}.logo span{color:#d71920}.logo b{font-size:11px;letter-spacing:2px;margin-left:5px}.nav nav{display:flex;gap:24px;margin-left:auto}.nav nav a{color:#263248;text-decoration:none;font-size:14px;font-weight:700}.nav-phone{background:#d71920;color:#fff;padding:11px 17px;border-radius:8px;text-decoration:none;font-weight:800;font-size:14px}.hero{background:linear-gradient(135deg,#071a3d 0%,#0c2c61 62%,#d71920 170%);color:#fff;padding:88px 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:#d71920;margin-bottom:14px}.hero .eyebrow{color:#ff6b70}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.03;margin:0 0 22px;letter-spacing:-3px}.hero h1 span{color:#ff5158}.hero-text{font-size:18px;max-width:650px;color:#dbe5f4}.buttons{display:flex;gap:12px;margin:30px 0}.btn{display:inline-block;padding:14px 22px;border-radius:8px;text-decoration:none;font-weight:900;text-align:center}.primary{background:#d71920;color:#fff}.outline{border:1px solid #7890b5;color:#fff}.white{background:#fff;color:#071a3d}.full{width:100%;margin-top:10px}.trust{display:flex;gap:35px;margin-top:42px}.trust div{border-left:2px solid #d71920;padding-left:12px}.trust strong{display:block;font-size:15px}.trust small{color:#9fb0c8}.hero-card{background:#fff;color:#071a3d;border-radius:20px;padding:42px;box-shadow:0 25px 70px rgba(0,0,0,.25);transform:rotate(2deg)}.truck-icon{font-size:65px}.card-title{font-size:22px;font-weight:900;line-height:1.2;margin-top:20px}.hero-card p{color:#667085}.hero-card a{color:#d71920;font-weight:900;font-size:22px;text-decoration:none}.section{padding:88px 0}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:40px}.section h2,.dark-section h2,.contact h2{font-size:clamp(32px,4vw,50px);line-height:1.1;margin:0;letter-spacing:-1.5px}.section-head p{color:#667085}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{padding:28px;border:1px solid #e5e9ef;border-radius:14px;background:#fff}.service-no{color:#d71920;font-weight:900;font-size:13px}.service h3{font-size:20px;margin:45px 0 10px}.service p{color:#667085;font-size:14px}.dark-section{background:#071a3d;color:#fff;padding:85px 0}.dark-section h2{max-width:760px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}.features div{border-top:1px solid #405578;padding-top:22px}.features b{color:#ff5158}.features h3{font-size:21px}.features p{color:#b9c6d9}.about{background:#f7f8fa}.about-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;align-items:center}.about-mark{background:#071a3d;color:#fff;border-radius:20px;padding:55px;text-align:center}.about-mark span{font-size:75px;font-weight:900;color:#d71920}.about-mark small{display:block;font-weight:900;letter-spacing:3px}.about p{color:#667085;max-width:750px}.contact{background:#eef1f5;padding:88px 0}.contact-grid{display:grid;grid-template-columns:1fr .75fr;gap:80px}.contact h2{margin-bottom:20px}.contact>div p{color:#667085}.contact-line{display:flex;gap:15px;align-items:center;margin-top:24px}.contact-line>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#d71920;font-weight:900}.contact-line small{display:block;color:#7b8493}.contact-line a,.contact-line strong{font-size:17px;color:#071a3d;text-decoration:none}.quote-box{background:#071a3d;color:#fff;padding:38px;border-radius:18px;align-self:center}.quote-box h3{font-size:28px;margin:0}.quote-box p{color:#b9c6d9!important}.quote-box .primary{border:0}.footer-inner{min-height:120px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#737b88;font-size:13px}.footer-inner p{margin:3px 0}.float-wa{position:fixed;right:20px;bottom:20px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;text-decoration:none;box-shadow:0 8px 25px rgba(0,0,0,.25);z-index:30;transition:transform .2s,box-shadow .2s}.float-wa:hover{transform:scale(1.07);box-shadow:0 10px 30px rgba(0,0,0,.3)}.float-wa svg{width:36px;height:36px;display:block;fill:currentColor}@media(max-width:850px){.nav nav{display:none}.nav-phone{margin-left:auto}.hero-grid,.contact-grid,.about-grid,.section-head{grid-template-columns:1fr;gap:35px}.hero{padding-top:60px}.hero-card{max-width:480px}.cards{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr}.footer-inner{flex-direction:column;justify-content:center;text-align:center;padding:25px 0}}@media(max-width:520px){.nav{height:68px}.nav-phone{font-size:12px;padding:9px 11px}.logo{font-size:19px}.logo b{display:none}.hero h1{font-size:46px}.buttons{flex-direction:column}.trust{gap:15px;flex-wrap:wrap}.cards{grid-template-columns:1fr}.hero-card{padding:28px}.section,.contact{padding:65px 0}}
.hero-visual{border-radius:20px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.3);background:#fff;transform:rotate(1deg)}
.hero-visual img{display:block;width:100%;height:auto}
@media(max-width:850px){.hero-visual{max-width:650px;transform:none}}
/* Ana kapak görseli: ERYOL'un kamyonlu marka görseli */
.hero-visual{width:100%;max-width:650px;transform:none;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.28);line-height:0;background:#fff}
.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
@media(max-width:850px){.hero-visual{max-width:100%}.hero-visual img{aspect-ratio:3/2}}