/* v5: navigation and page-flow redesign */
.header{display:block;padding:0;background:#101718}
.header-main{width:min(1280px,calc(100% - 72px));min-height:82px;margin:auto;gap:45px}
.logo{flex:none;font-size:23px}
.logo small{display:block;margin-top:6px;color:#aab7aa;font-size:6px;letter-spacing:.22em}
.nav{margin-left:auto;align-self:stretch;display:flex;align-items:center;justify-content:flex-end}
.nav-inner{height:100%;align-items:center;gap:clamp(12px,1.45vw,23px)}
.nav-inner>a,.nav-products>a{display:flex;align-items:center;min-height:82px;padding:0 0 2px;color:#e3e9e0;font-size:12px}
.nav-inner>a[href="iletisim.html"]{align-self:center;min-height:40px;padding:0 18px;background:#cbd99a;color:#17221a;font-weight:800}
.nav-inner>a[href="iletisim.html"]::after{display:none}
.nav-inner>a[href="iletisim.html"]:hover,.nav-inner>a[href="iletisim.html"][aria-current=page]{background:#e0ecaa;color:#17221a}
.nav-corporate{position:relative;display:flex;align-items:center;height:100%}
.corporate-toggle{height:100%;padding:0;border:0;background:transparent;color:#e3e9e0;cursor:pointer;font-size:12px;font-weight:600}
.corporate-toggle span{margin-left:4px;color:#cbd99a;font-size:19px}
.nav-corporate.current-group .corporate-toggle,.corporate-toggle:hover{color:#d4e19f}
.corporate-menu{display:none;position:absolute;z-index:100;top:100%;left:0;width:285px;padding:20px 23px 24px;background:#fff;box-shadow:0 24px 55px #08111155;border-top:3px solid #a6bb76}
.nav-corporate.open .corporate-menu,.nav-corporate:hover .corporate-menu{display:block}
.corporate-menu>span{display:block;margin-bottom:12px;color:#72865e;font-size:9px;font-weight:800;letter-spacing:.18em}
.nav .corporate-menu a{display:block;padding:13px 0;border-top:1px solid #e0e6dc;color:#26392e;font-size:15px;font-weight:700}
.nav .corporate-menu a:hover,.nav .corporate-menu a[aria-current=page]{color:#63824f}
.nav-products{position:relative;display:flex;align-items:center;height:100%}
.product-toggle{width:20px;height:30px;margin-left:1px;padding:0;border:0;background:transparent;color:#d2dfa5;cursor:pointer;font-size:20px;line-height:1}
.product-toggle:hover,.product-toggle:focus-visible{color:#fff}
.product-menu{display:none;position:absolute;z-index:100;top:100%;right:-175px;width:610px;padding:25px 30px 18px;background:#fff;color:#1c2a27;box-shadow:0 24px 55px #08111155;border-top:3px solid #a6bb76}
.nav-products.open .product-menu,.nav-products:hover .product-menu{display:block}
.product-menu-head{display:flex;flex-direction:column;gap:4px;padding-bottom:18px;border-bottom:1px solid #dbe1d6}
.product-menu-head span{color:#70855d;font-size:9px;font-weight:800;letter-spacing:.17em}
.product-menu-head strong{font:700 21px/1.3 Manrope,'Segoe UI',sans-serif;letter-spacing:-.04em}
.product-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding:8px 0}
.product-menu-links a{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #e5e9e0;font-size:17px;font-weight:700;letter-spacing:-.03em}
.nav .product-menu-links a{color:#1c2a27}
.nav .product-menu-links a:hover{color:#577449}
.product-menu-links b{align-self:start;margin-top:5px;color:#7e956e;font-size:9px;letter-spacing:.12em}
.product-menu-links span{flex:1}
.product-menu-links small{display:block;margin-top:2px;color:#76847b;font-size:10px;font-weight:500;letter-spacing:0}
.nav .product-menu-all{display:inline-flex;margin-top:13px;color:#526c43;font-size:11px;font-weight:800;letter-spacing:.04em}
.breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:45px;color:#e7ede6;font-size:11px;font-weight:600}
.breadcrumb a{border-bottom:1px solid #c7d49c;padding-bottom:2px}
.breadcrumb span:last-child{opacity:.72}
.page-hero-copy{padding-top:70px}
.product-subnav{position:relative;z-index:4;background:#e8eadf;border-bottom:1px solid #d8ded3;overflow:auto}
.product-subnav .wrap{display:flex;align-items:center;gap:40px;min-height:65px;white-space:nowrap}
.product-subnav a{display:flex;align-items:center;align-self:stretch;border-bottom:3px solid transparent;color:#53645a;font-size:12px;font-weight:700}
.product-subnav a:hover,.product-subnav a[aria-current=page]{border-color:#739063;color:#1b312b}

.v5-hero{position:relative;isolation:isolate;min-height:645px;background:#10191a url('assets/hero-field-v4.webp') center/cover no-repeat;color:#fff}
.v5-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b181ae8 0%,#0b181ab8 38%,#0b181a3d 70%,#0b181a0d 100%),linear-gradient(0deg,#0914158c,transparent 35%)}
.v5-hero-inner{display:flex;flex-direction:column;min-height:645px}
.v5-hero-copy{width:min(710px,67%);padding-top:111px}
.v5-hero h1{margin:0 0 25px;color:#fff;font-size:clamp(57px,6.4vw,88px);font-weight:700;line-height:1.045;text-wrap:balance}
.v5-hero h1 em{color:#d3e1a2;font-style:normal}
.v5-hero-copy p{max-width:560px;margin:0 0 30px;color:#e3ece5;font-size:17px;line-height:1.75}
.v5-hero-copy .button{margin-right:9px}
.v5-hero-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding:30px 0;color:#dae5d4;font-size:10px;font-weight:800;letter-spacing:.17em;border-top:1px solid #ffffff40}
.v5-hero-bottom a:hover{color:#d3e1a2}
.v5-section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}
.v5-section-top .kicker{margin:0}
.v5-product{background:#f3f3eb}
.v5-product-grid{display:grid;grid-template-columns:1.16fr .84fr;min-height:575px;background:#e7ebe2}
.v5-product-image{position:relative;min-height:575px;background:#d4ded1;overflow:hidden}
.v5-product-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.v5-product-image small{position:absolute;right:15px;bottom:14px;padding:5px 8px;background:#142321d9;color:#fff;font-size:9px}
.v5-product-copy{padding:68px clamp(35px,5vw,82px);align-self:center}
.v5-product-copy>span{color:#5d7853;font-size:10px;font-weight:800;letter-spacing:.19em}
.v5-product-copy h2{margin:16px 0 22px;font-size:clamp(57px,5vw,82px);line-height:1.03}
.v5-product-copy>p{max-width:440px;color:#3e554a;font-size:16px;line-height:1.75}
.v5-product-points{margin:32px 0;border-top:1px solid #b9c7b6}
.v5-product-points div{display:flex;gap:17px;padding:11px 0;border-bottom:1px solid #b9c7b6;font-size:13px;font-weight:700}
.v5-product-points b{color:#698659;font-size:10px}
.v5-systems{background:#111d1d;color:#fff}
.v5-section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:38px}
.v5-section-heading h2{margin:0;font-size:clamp(45px,5vw,72px)}
.v5-systems h2{color:#fff}
.v5-systems .v5-section-heading p{max-width:390px;color:#c7d4cc;font-size:16px}
.v5-system-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v5-system-list a{position:relative;display:flex;flex-direction:column;min-height:500px;padding:0 0 30px;border-bottom:1px solid #7b9383}
.v5-system-list img{width:100%;height:280px;object-fit:cover;margin-bottom:23px;filter:saturate(.73)}
.v5-system-list a:hover img{filter:saturate(1)}
.v5-system-list span{color:#bed294;font-size:9px;font-weight:800;letter-spacing:.17em}
.v5-system-list strong{margin:10px 0 9px;color:#fff;font:700 31px/1.15 Manrope,'Segoe UI',sans-serif;letter-spacing:-.05em}
.v5-system-list p{max-width:320px;margin:0;color:#aebfb5;font-size:13px}
.v5-system-list b{position:absolute;right:2px;bottom:28px;color:#c8d99b;font-size:24px}
.v5-services{background:#f5f5ef}
.v5-services-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
.v5-services-grid h2{margin:0 0 20px;font-size:clamp(55px,5vw,80px)}
.v5-services-grid p{max-width:390px;margin-bottom:25px;font-size:16px}
.v5-services-list{border-top:1px solid #c7d1c4}
.v5-services-list a{display:flex;align-items:center;gap:25px;min-height:105px;border-bottom:1px solid #c7d1c4}
.v5-services-list a:hover{color:#5e7d55}
.v5-services-list span{color:#738d68;font-size:11px;font-weight:800}
.v5-services-list strong{flex:1;font:700 25px/1.25 Manrope,'Segoe UI',sans-serif;letter-spacing:-.045em}
.v5-services-list b{font-size:24px;font-weight:400}
.v5-about{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:#334d3c;color:#fff}
.v5-about-image{min-height:560px;overflow:hidden}
.v5-about-image img{width:100%;height:100%;object-fit:cover}
.v5-about-copy{padding:90px clamp(40px,6vw,110px);align-self:center}
.v5-about-copy h2{color:#fff;font-size:clamp(45px,4.8vw,67px)}
.v5-about-copy p{max-width:520px;color:#e3eee5;font-size:16px}
.v5-about-copy .button{margin-top:20px}
.v5-about-copy small{display:block;margin-top:36px;color:#d6e5d8;font-size:9px}
.v5-more{background:#f2f3ed}
.v5-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v5-more-grid a{position:relative;min-height:290px;padding:30px;background:#fff;border-top:3px solid #a8bf81}
.v5-more-grid a:hover{background:#ebf1e4}
.v5-more-grid span{color:#748c68;font-size:10px;font-weight:800;letter-spacing:.16em}
.v5-more-grid h3{margin:43px 0 8px;font-size:28px}
.v5-more-grid p{max-width:320px;font-size:13px}
.v5-more-grid b{display:block;margin-top:24px;color:#5f7d53;font-size:11px}

@media(max-width:1100px){.header-main{gap:24px}.nav-inner{gap:10px}.nav-inner>a,.nav-products>a{font-size:11px}.product-menu{right:-120px}.v5-product-copy{padding:45px}.v5-services-grid{gap:50px}}
@media(max-width:900px){.header-main{width:min(100% - 36px,1280px);min-height:70px}.logo small{font-size:5px}.nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 70px);overflow:auto;margin:0;background:#101718}.nav.open{display:block}.nav-inner{display:block;width:100%;height:auto;padding:12px 18px 24px}.nav-inner>a,.nav-products>a{display:block;min-height:0;padding:15px;border-bottom:1px solid #ffffff27;color:#fff;font-size:14px}.nav-inner>a[href="iletisim.html"]{display:block;margin-top:14px;padding:13px 15px;min-height:0}.nav-corporate,.nav-products{display:block;height:auto}.corporate-toggle{display:block;width:100%;height:auto;padding:15px;text-align:left;border-bottom:1px solid #ffffff27;font-size:14px}.corporate-menu{display:none!important;position:static;width:100%;padding:14px 18px;background:#e9eee5;box-shadow:none}.nav-corporate.open .corporate-menu{display:block!important}.product-toggle{position:absolute;top:7px;right:7px;width:45px;height:45px}.product-menu{display:none!important;position:static;width:100%;padding:14px 18px;background:#e9eee5;box-shadow:none}.nav-products.open .product-menu{display:block!important}.product-menu-links{grid-template-columns:1fr}.product-menu-links a{font-size:14px}.product-menu-head strong{font-size:16px}.v5-hero-copy{width:min(710px,80%)}.v5-product-grid,.v5-services-grid{grid-template-columns:1fr}.v5-product-image{min-height:390px}.v5-product-copy{padding:55px}.v5-system-list{grid-template-columns:1fr 1fr}.v5-system-list a:last-child{grid-column:1/3}.v5-about{grid-template-columns:1fr}.v5-about-image{min-height:360px;max-height:450px}.v5-about-copy{padding:65px 45px}.v5-more-grid{grid-template-columns:1fr 1fr}.v5-more-grid a:last-child{grid-column:1/3}}
@media(max-width:650px){.header-main{width:calc(100% - 36px)}.v5-hero,.v5-hero-inner{min-height:660px}.v5-hero{background-position:59% center}.v5-hero::before{background:linear-gradient(90deg,#0b181aeb,#0b181aa6 69%,#0b181a63),linear-gradient(0deg,#091415ab,transparent 45%)}.v5-hero-copy{width:100%;padding-top:97px}.v5-hero h1{font-size:clamp(47px,11vw,64px)}.v5-hero-copy p{font-size:15px}.v5-hero-copy .button{margin:0 7px 9px 0}.v5-hero-bottom{padding:20px 0;font-size:8px}.v5-product-grid{display:flex;flex-direction:column}.v5-product-image{min-height:285px}.v5-product-copy{padding:38px 24px}.v5-product-copy h2{font-size:58px}.v5-section-heading{display:block}.v5-section-heading p{margin-top:22px}.v5-system-list{grid-template-columns:1fr}.v5-system-list a,.v5-system-list a:last-child{grid-column:auto;min-height:0;padding-bottom:40px}.v5-system-list img{height:220px}.v5-services-grid{gap:40px}.v5-services-list a{min-height:88px;gap:15px}.v5-services-list strong{font-size:20px}.v5-about-image{min-height:280px}.v5-about-copy{padding:55px 18px}.v5-more-grid{grid-template-columns:1fr}.v5-more-grid a,.v5-more-grid a:last-child{grid-column:auto;min-height:235px}.v5-more-grid h3{margin-top:25px}.product-subnav .wrap{gap:24px;min-height:58px}.product-subnav a{font-size:11px}.breadcrumb{margin-bottom:35px}}