:root{--ink:#071521;--ink2:#0c2538;--steel:#eef3f6;--blue:#159dc9;--cyan:#4ad3e8;--orange:#f36b2b;--line:#d7e1e7;--text:#263746;--muted:#667986;--white:#fff;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 Inter,Arial,sans-serif;color:var(--text);background:#fff}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:10px;z-index:100}
.topbar{background:#040c13;color:#b9c7d0;font-size:.83rem}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;padding:9px 0;gap:20px}.topbar strong{color:#fff}.nav{position:sticky;top:0;z-index:40;background:rgba(7,21,33,.97);color:#fff;border-bottom:1px solid #ffffff18;backdrop-filter:blur(14px)}.navrow{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:1.03rem;font-weight:950;letter-spacing:.025em}.brandmark{width:48px;height:48px;display:grid;place-items:center;filter:drop-shadow(0 9px 16px #0007)}.brandmark img{width:48px;height:48px}.brand small{display:block;color:#9fb4c2;font-size:.62rem;letter-spacing:.22em}.navlinks{display:flex;align-items:center;gap:23px;font-size:.88rem;font-weight:800}.navlinks a:hover{color:var(--cyan)}.navlinks .call{background:var(--orange);padding:12px 17px;border-radius:7px}.navlinks .call:hover{color:white;background:#dc571b}
.hero{min-height:720px;color:#fff;background:linear-gradient(90deg,rgba(3,12,20,.97) 0%,rgba(3,12,20,.82) 47%,rgba(3,12,20,.16) 100%),url('assets/hero-pro.webp') center/cover;display:flex;align-items:center}.hero-copy{max-width:770px;padding:95px 0 108px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#89e7f5;text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:.74rem}.eyebrow:before{content:"";width:30px;height:2px;background:var(--orange)}h1{font-size:clamp(2.9rem,6vw,5.4rem);line-height:.98;letter-spacing:-.05em;margin:20px 0 24px}h1 span{color:var(--cyan)}.hero p{font-size:1.12rem;color:#d4e1e9;max-width:660px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border-radius:7px;font-weight:950;letter-spacing:.01em}.primary{background:var(--orange);color:#fff}.primary:hover{background:#dd581b}.secondary{background:#fff;color:#0a2132}.proof{display:flex;flex-wrap:wrap;gap:25px;margin-top:38px;padding-top:26px;border-top:1px solid #ffffff2a;font-size:.92rem;color:#dbe5eb}.proof b{color:#fff}.proof span:before{content:"✓";color:var(--cyan);margin-right:8px;font-weight:950}
.quick{margin-top:-38px;position:relative;z-index:4}.quickgrid{display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 20px 45px #0715211c}.quickitem{background:#fff;padding:25px;border-right:1px solid var(--line)}.quickitem:last-child{border:0}.quickitem b{display:block;color:var(--ink);font-size:1.04rem}.quickitem small{color:var(--muted)}
.section{padding:94px 0}.soft{background:#f2f6f8}.dark{background:var(--ink);color:#fff}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:42px}.sectionhead h2{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.04em;margin:12px 0 0;max-width:760px;color:var(--ink)}.dark .sectionhead h2{color:#fff}.sectionhead p{max-width:520px;margin:0;color:var(--muted)}.dark .sectionhead p{color:#a8bdca}
.servicegroups{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.group{background:#fff;border:1px solid var(--line);border-radius:12px;padding:34px}.grouphead{display:flex;align-items:center;gap:15px;margin-bottom:23px}.groupicon{width:49px;height:49px;border-radius:9px;background:#e3f7fb;color:#087da6;display:grid;place-items:center;font-weight:950}.group h3{margin:0;color:var(--ink);font-size:1.32rem}.groupvisual{position:relative;margin:0 0 20px}.groupphoto{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin:0}.groupwatermark{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:7px;padding:7px 10px;background:#071521e8;border:1px solid #ffffff3b;border-radius:5px;color:#fff;font-size:.68rem;font-weight:950;letter-spacing:.07em}.groupwatermark img{width:28px;height:23px;object-fit:contain}.servicelist{display:grid;grid-template-columns:1fr 1fr;gap:12px}.serviceitem{padding:14px 0;border-top:1px solid #e5ecef}.serviceitem b{display:block;color:#102a3d;font-size:1rem}.serviceitem span{font-size:.9rem;color:var(--muted)}
.servicegroups .group:last-child{grid-column:1/-1}.servicegroups .group:last-child .servicelist{grid-template-columns:repeat(2,1fr)}
.servicevisualitem{padding:0;border:1px solid #dce8ed;border-radius:8px;overflow:hidden;background:#f8fbfc}.serviceitemphoto{position:relative;background:#071521}.serviceitemphoto>img{display:block;width:100%;height:132px;object-fit:cover}.servicewatermark{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:5px;padding:5px 7px;background:#06121de8;border:1px solid #ffffff3b;border-radius:4px;color:#fff;font-size:.54rem;font-weight:950;letter-spacing:.06em;line-height:1}.servicewatermark img{width:20px;height:17px;object-fit:contain}.servicevisualitem>b{padding:13px 13px 0;font-size:.94rem}.servicevisualitem>span{display:block;padding:4px 13px 14px;font-size:.84rem;line-height:1.45}
a.servicevisualitem{display:block;color:inherit;text-decoration:none}
.maintenance{background:#fff}.maintenancegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.maintenancecard{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#071521;color:#fff}.maintenancecard img{width:100%;height:310px;object-fit:cover}.maintenancecard div{padding:24px 26px 27px}.maintenancecard h3{margin:0 0 8px;font-size:1.5rem}.maintenancecard p{margin:0;color:#c7d6df}.maintenancecard a{display:inline-flex;margin-top:18px;color:#8eeafa;font-weight:900;border-bottom:1px solid #8eeafa66}.maintenancecard a:hover{color:#fff;border-color:#fff}
.showcase{display:grid;grid-template-columns:1.05fr .95fr;min-height:610px}.showcase-media{background:url('assets/fabrication.webp') center/cover;position:relative}.tag{position:absolute;left:28px;bottom:28px;background:#061724e8;color:#fff;border-left:4px solid var(--orange);padding:15px 18px;font-weight:850}.showcase-copy{background:var(--ink2);color:#fff;padding:72px max(28px,calc((100vw - var(--max))/2)) 72px 58px}.showcase-copy h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.04;letter-spacing:-.04em;margin:15px 0 23px}.showcase-copy p{color:#bdd0dc}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.chip{border:1px solid #ffffff24;background:#ffffff0a;padding:9px 12px;border-radius:6px;font-size:.86rem;font-weight:800}
.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cap{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:10px;min-height:205px}.capvisual{position:relative;background:#071521}.capvisual>img{width:100%;height:190px;object-fit:cover;transition:transform .35s ease}.cap:hover .capvisual>img{transform:scale(1.035)}.capwatermark{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:6px 8px;background:#071521e8;border:1px solid #ffffff3b;border-radius:5px;color:#fff;font-size:.58rem;font-weight:950;letter-spacing:.06em}.capwatermark img{width:24px;height:20px;object-fit:contain}.capbody{padding:22px 24px 25px}.num{font-weight:950;color:var(--blue);letter-spacing:.1em}.cap h3{color:var(--ink);font-size:1.15rem;line-height:1.2;margin:13px 0 9px}.cap p{color:var(--muted);font-size:.91rem;margin:0}
.projects{background:#fff}.projectgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.projectphoto{margin:0;border-radius:10px;overflow:hidden;background:#071521}.projectphoto img{width:100%;height:335px;object-fit:cover;transition:transform .35s ease}.projectphoto:hover img{transform:scale(1.04)}.projectphoto figcaption{padding:17px 16px 19px;color:#fff}.projectphoto b{display:block;font-size:1rem}.projectphoto span{display:block;margin-top:4px;color:#bcd0dd;font-size:.82rem;line-height:1.45}
.robot{background:linear-gradient(90deg,rgba(7,21,33,.98),rgba(7,21,33,.70)),url('assets/robot-cleaning.webp') center/cover;color:#fff;padding:105px 0}.robotcopy{max-width:670px}.robot h2{font-size:clamp(2.35rem,5vw,4.25rem);line-height:1.02;letter-spacing:-.04em;margin:16px 0 22px}.robot p{color:#d2dfe7;font-size:1.04rem}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0 32px}.check{background:#ffffff0e;border:1px solid #ffffff1d;padding:13px 14px;border-radius:7px}.check:before{content:"✓";color:var(--cyan);font-weight:950;margin-right:9px}
.filmgrid{display:grid;grid-template-columns:.78fr 1.22fr;gap:46px;align-items:center}.filmcopy h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;letter-spacing:-.035em;margin:14px 0}.filmcopy p{color:var(--muted)}.film{border-radius:12px;overflow:hidden;background:#06121d;box-shadow:0 24px 55px #07152135;border:1px solid #d6e0e6}.film video{width:100%;aspect-ratio:16/9;background:#06121d}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{background:#10283b;padding:26px 20px;border-top:3px solid var(--orange);border-radius:0 0 8px 8px}.step em{display:block;font-style:normal;font-size:2rem;font-weight:950;color:#2c5875}.step b{display:block;margin:11px 0 5px}.step span{font-size:.86rem;color:#9bb1bf}
.processvisual{position:relative;margin:0 0 22px;border:1px solid #ffffff21;border-radius:12px;overflow:hidden;background:#071521}.processvisual>img{width:100%;height:410px;object-fit:cover;object-position:center}.processvisual figcaption{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:6px;background:#071521e8;border:1px solid #ffffff35;color:#fff;font-size:.74rem;font-weight:900;letter-spacing:.05em}.processvisual figcaption img{width:34px;height:28px;object-fit:contain}
.areas{display:flex;flex-wrap:wrap;gap:10px}.areas span{background:#fff;border:1px solid var(--line);border-radius:7px;padding:11px 15px;font-weight:850;color:#173247}.cta{background:linear-gradient(90deg,#082238f3,#082238c6),url('assets/hero-pro.webp') center 45%/cover;color:#fff;padding:72px 0}.ctarow{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.06;letter-spacing:-.035em;margin:0;max-width:780px}
.faq{max-width:920px}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:1.04rem;font-weight:900;color:var(--ink)}.faq p{color:var(--muted);margin:12px 0 0}
.contactgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px}.contactcopy h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.04;letter-spacing:-.04em;color:var(--ink);margin:15px 0}.contactcopy p{color:var(--muted)}.contactcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:34px;box-shadow:0 18px 45px #0b243513}.contactlogo{width:100%;max-width:390px;margin:0 0 18px}.contactcard h3{color:var(--ink);margin-top:0}.contactrow{border-top:1px solid #e3eaee;padding:16px 0}.contactrow small{display:block;color:var(--muted)}.contactrow b{color:#112c40;font-size:1.04rem}
.footer{background:#040c13;color:#9babb5;padding:48px 0 86px}.footergrid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:45px}.footer h3,.footer strong{color:#fff}.footer a{display:block;margin:6px 0}.copyright{border-top:1px solid #ffffff15;margin-top:34px;padding-top:18px;font-size:.83rem}.mobilebar{display:none}
.subhero{background:linear-gradient(90deg,rgba(3,12,20,.97),rgba(3,12,20,.66)),url('assets/hero-pro.webp') center/cover;color:#fff;padding:105px 0}.subhero .wrap{max-width:1220px}.subhero h1{max-width:900px;margin-bottom:20px}.subhero p{max-width:720px;color:#d4e1e9;font-size:1.08rem}.breadcrumbs{font-size:.82rem;color:#a9becb;margin-bottom:28px}.breadcrumbs a{color:#fff}.contentgrid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:52px}.article h2{font-size:2rem;line-height:1.14;color:var(--ink);margin:44px 0 16px}.article h2:first-child{margin-top:0}.article h3{color:#15344a;margin-top:28px}.article p,.article li{color:#536875}.article ul{padding-left:20px}.sidecard{position:sticky;top:105px;background:var(--ink2);color:#fff;border-radius:12px;padding:28px;align-self:start}.sidecard h3{margin-top:0}.sidecard p{color:#bdd0dc}.sidecard .btn{width:100%;margin-top:10px}.mininav{display:grid;gap:9px;margin-top:22px}.mininav a{padding-top:9px;border-top:1px solid #ffffff1c;color:#d6e2e9;font-size:.9rem}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related a{background:#fff;border:1px solid var(--line);padding:22px;border-radius:9px;font-weight:850;color:#173247}.related small{display:block;color:var(--muted);font-weight:400;margin-top:5px}
@media(max-width:960px){.navlinks a:not(.call){display:none}.hero{background-position:62% center}.quickgrid,.capabilities,.projectgrid,.maintenancegrid{grid-template-columns:1fr 1fr}.showcase{grid-template-columns:1fr}.showcase-media{min-height:420px}.showcase-copy{padding:62px 32px}.filmgrid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.contactgrid{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr 1fr}}
@media(max-width:960px){.contentgrid{grid-template-columns:1fr}.sidecard{position:static}.related{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.topbar .wrap span:first-child{display:none}.navrow{height:68px}.brand{font-size:.88rem}.brandmark,.brandmark img{width:48px;height:40px}.navlinks .call{display:none}.hero{min-height:680px;background:linear-gradient(rgba(3,12,20,.86),rgba(3,12,20,.96)),url('assets/hero-pro.webp') 66% center/cover}.hero-copy{padding:74px 0 98px}h1{font-size:3rem}.buttons .btn{width:100%}.proof{display:grid;gap:10px}.quick{margin-top:0}.quickgrid,.servicegroups,.capabilities,.projectgrid,.maintenancegrid,.process,.servicelist,.checks,.related,.servicegroups .group:last-child .servicelist{grid-template-columns:1fr}.quickitem{border-right:0;border-bottom:1px solid var(--line)}.section{padding:68px 0}.sectionhead{display:block}.sectionhead p{margin-top:16px}.showcase-media{min-height:300px}.projectphoto img{height:300px}.maintenancecard img{height:250px}.robot{background:linear-gradient(rgba(7,21,33,.87),rgba(7,21,33,.96)),url('assets/robot-cleaning.webp') 61% center/cover}.ctarow{display:block}.ctabuttons{margin-top:25px}.cta .btn{margin-top:0;width:100%}.footergrid{grid-template-columns:1fr}.subhero{padding:74px 0}.mobilebar{position:fixed;display:grid;grid-template-columns:1fr 1fr;left:0;right:0;bottom:0;z-index:60;box-shadow:0 -6px 25px #0005}.mobilebar a{color:#fff;text-align:center;padding:15px 8px;font-weight:950}.mobilebar a:first-child{background:#0c7fa8}.mobilebar a:last-child{background:#20a95a}}
@media(max-width:650px){.capvisual>img{height:auto;aspect-ratio:16/9;object-fit:cover}.capbody{padding:20px}.capwatermark{right:10px;bottom:10px}}
@media(max-width:650px){.processvisual{margin-bottom:18px}.processvisual>img{height:auto;aspect-ratio:16/9;object-fit:cover}.processvisual figcaption{position:relative;right:auto;bottom:auto;border:0;border-top:1px solid #ffffff22;border-radius:0;font-size:.66rem;line-height:1.35}}

/* Final HAT Havalandırma logo and conversion refinements */
.brandmark{width:58px;height:48px;filter:none}.brandmark img{width:58px;height:48px;object-fit:contain;filter:drop-shadow(0 7px 12px #0008)}.navlinks{gap:20px;font-size:.84rem}.quicklink{transition:background .2s ease}.quicklink:hover{background:#effaff}.quicklink:hover b{color:#087da6}.ctabuttons{display:grid;gap:10px;min-width:230px}.cta-filter{color:#fff;font-weight:850;text-align:center;padding:10px;border:1px solid #ffffff4a;border-radius:7px;font-size:.88rem}.cta-filter:hover{background:#ffffff14}.contactlogo{height:auto;margin:0 auto 24px}
.servicephoto{margin:34px 0 0;border-radius:10px;overflow:hidden;background:#071521}.servicephoto img{width:100%;aspect-ratio:16/9;object-fit:cover}.servicephoto figcaption{padding:12px 15px;color:#c7d6df;font-size:.86rem}
.shelterhero{position:relative;background:#071521;color:#fff;overflow:hidden}.shelterhero>img{display:block;width:100%;height:auto;background:#071521}.shelterhero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,20,.93) 0%,rgba(3,12,20,.66) 40%,rgba(3,12,20,.10) 72%)}.shelterhero .wrap{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;max-width:1220px}.shelterhero h1{max-width:900px;margin:18px 0}.shelterhero p{max-width:690px;color:#d4e1e9;font-size:1.08rem}.shelterphoto img{aspect-ratio:auto;object-fit:contain;height:auto}
.hero,.subhero,.robot,.cta,.showcase-media,.projectphoto,.maintenancecard{position:relative;isolation:isolate}.hero:after,.subhero:after,.robot:after,.cta:after,.showcase-media:after,.projectphoto:after,.maintenancecard:after{content:"HAT HAVALANDIRMA";position:absolute;right:16px;bottom:16px;z-index:2;display:flex;align-items:center;min-height:36px;padding:7px 11px 7px 45px;border:1px solid #ffffff42;border-radius:6px;background:#06121de8 url('assets/hat-havalandirma-logo-mark.png') 10px center/27px 23px no-repeat;color:#fff;font-size:.66rem;font-weight:950;letter-spacing:.075em;line-height:1;pointer-events:none}.hero-copy,.subhero .wrap,.robotcopy,.cta .wrap,.showcase-media .tag,.projectphoto figcaption,.maintenancecard div{position:relative;z-index:3}.projectphoto:after,.maintenancecard:after{top:12px;bottom:auto}.projectphoto figcaption,.maintenancecard div{z-index:3}
@media(max-width:650px){.shelterhero:after{background:linear-gradient(90deg,rgba(3,12,20,.2),rgba(3,12,20,.05))}.shelterhero .wrap{position:relative;display:block;padding:42px 20px;background:#071521}.shelterhero h1{font-size:2.35rem}.shelterhero p{font-size:1rem}}
@media(max-width:650px){.hero:after,.subhero:after,.robot:after,.cta:after,.showcase-media:after,.projectphoto:after,.maintenancecard:after{right:10px;bottom:10px;min-height:31px;padding:6px 8px 6px 38px;background-position:8px center;background-size:23px 20px;font-size:.56rem;letter-spacing:.055em}.projectphoto:after,.maintenancecard:after{top:10px;bottom:auto}}
@media(max-width:650px){.groupphoto{height:auto;aspect-ratio:16/9}}
a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;border-radius:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}