*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0a0a0a;--steel:#1a1f26;--steel-mid:#252d38;--steel-light:#364052;--orange:#f5640a;--orange-dark:#c94e05;--orange-glow:#f5640a26;--white:#fff;--off-white:#f0ece4;--gray:#8a8f99;--gray-light:#b8bcc6;--yellow:#ffc107}html{scroll-behavior:smooth}body{background:var(--black);color:var(--off-white);cursor:default;font-family:Barlow,sans-serif;overflow-x:hidden}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0aeb;border-bottom:1px solid #f5640a33;justify-content:space-between;align-items:center;height:70px;padding:0 60px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:3px;color:var(--white);align-items:center;gap:10px;font-family:Bebas Neue,sans-serif;font-size:28px;text-decoration:none;display:flex}.nav-logo span{color:var(--orange)}.nav-logo-icon{width:36px;height:36px}.nav-links{gap:40px;list-style:none;display:flex}.nav-links a{letter-spacing:2px;text-transform:uppercase;color:var(--gray-light);font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--orange)}.nav-cta{background:var(--orange);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);color:var(--white)!important;padding:8px 24px!important;transition:background .2s!important}.nav-cta:hover{background:var(--orange-dark)!important;color:var(--white)!important}#hero{grid-template-columns:1fr 1fr;min-height:100vh;padding-top:70px;display:grid;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(60% 80% at 70%,#f5640a14 0%,#0000 70%),linear-gradient(#0a0a0a 0%,#1a1f26 100%);position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#f5640a0a 1px,#0000 1px),linear-gradient(90deg,#f5640a0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-left{z-index:2;flex-direction:column;justify-content:center;padding:80px 40px 80px 80px;display:flex;position:relative}.hero-tag{letter-spacing:3px;text-transform:uppercase;color:var(--orange);align-items:center;gap:8px;margin-bottom:24px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.hero-tag:before{content:"";background:var(--orange);width:24px;height:2px;display:block}h1{letter-spacing:2px;color:var(--white);margin-bottom:10px;font-family:Bebas Neue,sans-serif;font-size:clamp(64px,7vw,110px);line-height:.92}h1 .accent{color:var(--orange);display:block}.hero-sub{color:var(--gray-light);max-width:420px;margin:24px 0 40px;font-size:18px;font-weight:300;line-height:1.6}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}.btn-primary{background:var(--orange);color:var(--white);letter-spacing:2px;text-transform:uppercase;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);align-items:center;gap:10px;padding:14px 32px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.btn-primary:hover{background:var(--orange-dark);transform:translate(3px)}.btn-secondary{color:var(--orange);letter-spacing:2px;text-transform:uppercase;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);border:1px solid #f5640a80;align-items:center;gap:10px;padding:14px 32px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--orange-glow)}.hero-stats{border-top:1px solid #ffffff14;gap:40px;margin-top:60px;padding-top:40px;display:flex}.stat-num{color:var(--orange);letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:44px;line-height:1}.stat-label{letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-top:4px;font-size:12px}.hero-right{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.crane-visual{width:100%;height:100%;position:relative}#services{background:var(--steel);padding:120px 80px;position:relative;overflow:hidden}#services:before{content:"VİNÇ";color:#f5640a0a;white-space:nowrap;pointer-events:none;font-family:Bebas Neue,sans-serif;font-size:200px;position:absolute;top:50%;right:-20px;transform:translateY(-50%)rotate(90deg)}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:70px;display:flex}.section-tag{letter-spacing:3px;text-transform:uppercase;color:var(--orange);align-items:center;gap:8px;margin-bottom:12px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;display:flex}.section-tag:before{content:"";background:var(--orange);width:24px;height:2px;display:block}h2{letter-spacing:2px;color:var(--white);font-family:Bebas Neue,sans-serif;font-size:clamp(42px,5vw,72px);line-height:1}.services-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.service-card{background:var(--steel-mid);cursor:default;padding:48px 36px;transition:background .3s;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--orange);width:0;height:3px;transition:width .4s;position:absolute;bottom:0;left:0}.service-card:hover{background:var(--steel-light)}.service-card:hover:before{width:100%}.service-num{color:#f5640a1f;margin-bottom:16px;font-family:Bebas Neue,sans-serif;font-size:64px;line-height:1;transition:color .3s}.service-card:hover .service-num{color:#f5640a40}.service-icon{width:48px;height:48px;margin-bottom:20px}.service-title{letter-spacing:1px;text-transform:uppercase;color:var(--white);margin-bottom:14px;font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700}.service-desc{color:var(--gray-light);font-size:14px;font-weight:300;line-height:1.7}#fleet{background:var(--black);padding:120px 80px;position:relative}.fleet-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px;display:grid}.fleet-card{background:var(--steel);border:1px solid #f5640a1f;transition:border-color .3s,transform .3s;overflow:hidden}.fleet-card:hover{border-color:var(--orange);transform:translateY(-4px)}.fleet-img{background:var(--steel-mid);justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.fleet-img svg{opacity:.7;width:80%;height:80%;transition:opacity .3s}.fleet-card:hover .fleet-img svg{opacity:1}.fleet-img-label{background:var(--orange);color:var(--white);letter-spacing:2px;text-transform:uppercase;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);padding:4px 10px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.fleet-info{padding:24px}.fleet-name{letter-spacing:1px;text-transform:uppercase;color:var(--white);margin-bottom:4px;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:800}.fleet-type{color:var(--orange);letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:600}#why{background:var(--steel);grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:120px 80px;display:grid;position:relative;overflow:hidden}.why-left h2{margin-bottom:24px}.why-left p{color:var(--gray-light);margin-bottom:40px;font-size:16px;font-weight:300;line-height:1.8}.why-pills{flex-wrap:wrap;gap:10px;display:flex}.pill{background:var(--orange-glow);color:var(--orange);letter-spacing:2px;text-transform:uppercase;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);border:1px solid #f5640a4d;padding:8px 18px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700}.why-right{grid-template-columns:1fr 1fr;gap:16px;display:grid}.why-card{background:var(--steel-mid);border-left:3px solid var(--orange);padding:32px 28px}.why-card-num{color:var(--orange);margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:48px;line-height:1}.why-card-title{letter-spacing:2px;text-transform:uppercase;color:var(--white);margin-bottom:8px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700}.why-card-desc{color:var(--gray);font-size:13px;font-weight:300;line-height:1.6}#team{background:var(--black);padding:120px 80px}.team-grid{grid-template-columns:repeat(3,1fr);gap:2px;margin-top:60px;display:grid}.team-card{background:var(--steel);text-align:center;padding:48px 36px;transition:background .3s;position:relative}.team-card:hover{background:var(--steel-mid)}.team-avatar{background:var(--orange-glow);border:2px solid var(--orange);width:80px;height:80px;color:var(--orange);letter-spacing:2px;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-family:Bebas Neue,sans-serif;font-size:28px;display:flex}.team-name{letter-spacing:1px;text-transform:uppercase;color:var(--white);margin-bottom:6px;font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:800}.team-role{color:var(--orange);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;font-size:13px;font-weight:600}.team-contacts{flex-direction:column;gap:8px;display:flex}.team-contact-item{color:var(--gray-light);justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}#contact{background:var(--steel);grid-template-columns:1fr 1fr;align-items:start;gap:80px;padding:120px 80px;display:grid}.contact-info h2{margin-bottom:32px}.contact-detail{align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.contact-icon{background:var(--orange-glow);border:1px solid #f5640a4d;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.contact-label{letter-spacing:3px;text-transform:uppercase;color:var(--gray);margin-bottom:4px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700}.contact-value{color:var(--white);font-size:16px;font-weight:500}.contact-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}label{letter-spacing:2px;text-transform:uppercase;color:var(--gray);font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700}input,textarea,select{background:var(--steel-mid);color:var(--white);border:1px solid #ffffff14;outline:none;width:100%;padding:14px 18px;font-family:Barlow,sans-serif;font-size:15px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--orange)}textarea{resize:vertical;min-height:120px}#callstrip{background:var(--orange);justify-content:space-between;align-items:center;gap:40px;padding:48px 80px;display:flex}.callstrip-left{color:var(--white);letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:48px;line-height:1}.callstrip-left span{letter-spacing:0;opacity:.85;margin-bottom:4px;font-family:Barlow,sans-serif;font-size:16px;font-weight:300;display:block}.callstrip-numbers{gap:40px;display:flex}.callstrip-num{text-align:center}.callstrip-num a{color:var(--white);letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:36px;text-decoration:none;display:block}.callstrip-num span{letter-spacing:2px;text-transform:uppercase;opacity:.75;font-size:12px}footer{background:var(--black);border-top:1px solid #f5640a33;padding:60px 80px 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-logo{letter-spacing:3px;color:var(--white);margin-bottom:16px;font-family:Bebas Neue,sans-serif;font-size:32px}.footer-logo span{color:var(--orange)}.footer-desc{color:var(--gray);max-width:340px;font-size:14px;font-weight:300;line-height:1.8}.footer-col-title{letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:20px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--gray-light);align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.footer-links a:before{content:"→";color:var(--orange);font-size:12px}.footer-links a:hover{color:var(--white)}.footer-bottom{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:30px;display:flex}.footer-copy{color:var(--gray);font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 #f5640a66}70%{box-shadow:0 0 0 12px #f5640a00}to{box-shadow:0 0 #f5640a00}}.hero-tag{animation:.6s both slideIn}h1{animation:.8s .1s both fadeUp}.hero-sub{animation:.8s .2s both fadeUp}.hero-buttons{animation:.8s .3s both fadeUp}.hero-stats{animation:.8s .4s both fadeUp}.phone-badge{border-radius:50%;animation:2s infinite pulse-ring}@media (max-width:900px){nav{padding:0 24px}.nav-links{display:none}#hero{grid-template-columns:1fr}.hero-left{padding:60px 24px 40px}.hero-right{display:none}#services,#fleet,#team,#contact,footer{padding:80px 24px}#why{grid-template-columns:1fr;gap:40px;padding:80px 24px}.services-grid,.fleet-grid,.team-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:40px}#callstrip{text-align:center;flex-direction:column;padding:40px 24px}.callstrip-numbers{flex-direction:column;gap:20px}#contact{grid-template-columns:1fr;gap:60px}.form-row{grid-template-columns:1fr}}.sticky-contact{z-index:200;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:22px;right:22px}.sticky-btn{min-width:190px;color:var(--white);clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);border:1px solid #ffffff26;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:transform .2s,filter .2s;display:flex;box-shadow:0 14px 35px #00000059}.sticky-btn:hover{filter:brightness(1.08);transform:translateY(-3px)}.sticky-whatsapp{background:linear-gradient(135deg,#1faa59,#138a43);animation:2.2s infinite cta-pulse}.sticky-location{background:linear-gradient(135deg, var(--orange), var(--orange-dark))}.sticky-icon{background:#ffffff29;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.sticky-btn strong{letter-spacing:1px;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:18px;line-height:1;display:block}.sticky-btn small{color:#ffffffd1;margin-top:4px;font-size:12px;display:block}@keyframes cta-pulse{0%{box-shadow:0 0 #1faa5973,0 14px 35px #00000059}70%{box-shadow:0 0 0 12px #1faa5900,0 14px 35px #00000059}to{box-shadow:0 0 #1faa5900,0 14px 35px #00000059}}@media (max-width:900px){body{padding-bottom:120px}.sticky-contact{flex-direction:row;bottom:12px;left:12px;right:12px}.sticky-btn{flex:1;justify-content:center;min-width:0;padding:12px 10px}.sticky-btn strong{font-size:15px}.sticky-btn small{font-size:11px}}