@font-face{font-family:Toprak;src:local("Arial");font-display:swap}
:root{--blue:#005dad;--lightblue:#008bea;--navy:#082d52;--ink:#061d37;--muted:#596779;--line:#e2eaf1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-1.2px;line-height:1.12}h2{font-size:clamp(28px,3.3vw,48px);font-weight:750}h3{line-height:1.3}.wrap{width:calc(100% - 100px);max-width:1370px;margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid var(--lightblue);outline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(120deg,var(--lightblue),var(--blue));color:white;padding:15px 24px;font-weight:700;font-size:15px;border:1px solid transparent;border-radius:5px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px);background:var(--blue)}.button-outline{border-color:#c0d4e8;background:transparent}.button-white{background:#fff;color:var(--blue)}.button-white:hover{background:#e7f5ff}.eyebrow{text-transform:uppercase;color:#7594b9;font-size:12px;font-weight:700;letter-spacing:1.7px;margin-bottom:14px}.text-link{color:var(--blue);font-size:14px;font-weight:600;border-bottom:1px solid #b3cce4;white-space:nowrap;display:inline-flex;gap:18px;padding-bottom:3px}.text-link:hover{color:var(--lightblue)}.site-header{height:80px;background:#fff;position:relative;z-index:40;border-bottom:1px solid #e9eef3}.nav{display:flex;height:100%;align-items:center;gap:32px}.brand{width:320px;flex-shrink:0}.brand img{width:100%;height:auto}.nav-links{display:flex;align-items:center;gap:25px;margin:auto;font-size:14px;font-weight:500;white-space:nowrap}.nav-links>a,.nav-dropdown>a{padding:10px 0}.nav-links>a[aria-current]{color:var(--blue);border-bottom:2px solid var(--blue)}.nav-dropdown{display:flex;position:relative;align-items:center;gap:5px}.nav-dropdown>button{border:0;background:transparent;color:var(--navy);padding:8px 0}.dropdown-menu{display:none;position:absolute;top:100%;left:-15px;background:white;box-shadow:0 15px 40px #062d5222;border:1px solid var(--line);min-width:300px;padding:12px;border-radius:5px;max-height:75vh;overflow:auto}.dropdown-menu a{display:block;padding:10px 12px;white-space:normal;font-size:14px;border-radius:3px}.dropdown-menu a:hover{background:#f0f6fc;color:var(--blue)}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.open .dropdown-menu{display:block}.nav-cta{white-space:nowrap;margin-left:auto}.nav-toggle{display:none}.hero{height:650px;position:relative;background:#052b4c;color:white;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,0 88%);margin-bottom:-70px;z-index:2}.hero-slide{position:absolute;inset:0;overflow:hidden}.hero-slide[hidden]{display:none}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#00264626 0,transparent 60%)}.hero-inner{position:relative;padding-top:55px;padding-left:20px;padding-bottom:105px}.hero-count{letter-spacing:2px;font-size:13px;display:flex;align-items:center;gap:8px;margin-bottom:46px}.count-line{width:100px;height:1px;background:#88a6bd;margin-left:15px}.hero h1{font-size:clamp(38px,4.4vw,64px);max-width:620px;font-weight:800;line-height:1.03;letter-spacing:-1.9px}.hero h1 span{color:#b4e1fb}.hero-description{font-size:19px;line-height:1.45;max-width:560px;margin-top:24px}.hero-buttons{display:flex;gap:16px;margin-top:26px}.slider-arrow{position:absolute;top:45%;width:48px;height:48px;border:1px solid #b1cbd3;border-radius:50%;color:white;background:#102c4580;font-size:36px;line-height:1;z-index:3}.slider-arrow.prev{left:24px}.slider-arrow.next{right:24px}.slider-controls{position:absolute;left:0;right:0;bottom:125px;padding-left:20px;display:flex;gap:20px;align-items:center}.slider-dots{display:flex;gap:10px}.slider-dots button{width:12px;height:12px;padding:0;border:0;border-radius:50%;background:#d4e0e8}.slider-dots button[aria-pressed=true]{background:var(--lightblue)}.slider-pause{border:0;background:transparent;color:#dcebf4;padding:4px;font-size:14px}.hero-slide.active .hero-image{animation:heroZoom 7s ease-out both}.alternate .hero-image{width:60%;left:40%;object-position:center}.alternate .hero-shade{background:linear-gradient(100deg,#052b4c 0%,#052b4c 35%,#005dad90 50%,transparent 75%)}@keyframes heroZoom{from{transform:scale(1.025)}to{transform:scale(1)}}.about{display:grid;grid-template-columns:48% 52%;min-height:485px;position:relative;z-index:1;background:#fff}.about-photo{overflow:hidden;clip-path:polygon(0 0,100% 0,76% 100%,0 84%);margin-top:0}.about-photo img{height:100%;width:100%;object-fit:cover;object-position:center}.about-copy{padding:92px 75px 40px 18px;max-width:740px}.about-copy h2{max-width:540px;color:var(--blue)}.about-copy>p:not(.eyebrow){font-size:17px;color:var(--muted);line-height:1.6;max-width:575px;margin:20px 0}.section{padding:45px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{font-size:clamp(27px,3vw,43px)}.section-heading>.text-link{margin-bottom:8px}.products{padding-top:24px;padding-bottom:45px;background:linear-gradient(#fff,#f6f9fc)}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.product-card{border:1px solid #e6edf4;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 5px 15px #123e6310;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #123e6320}.product-card img{width:100%;aspect-ratio:143/113;object-fit:cover}.product-card h3{font-size:16px;font-weight:650;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:5px}.product-card h3 span{color:var(--blue);font-weight:400}.technical{background:linear-gradient(110deg,#032c4b 0%,#064e85 58%,#073553 100%);color:#fff;position:relative;clip-path:polygon(0 0,100% 5%,100% 100%,0 93%);padding-top:62px;padding-bottom:68px}.technical .wrap{position:relative;z-index:1}.technical h2{font-size:38px;max-width:940px}.technical .eyebrow{color:#b5d9ef}.technical-intro{color:#cfe0ee;max-width:920px;margin-top:16px;margin-bottom:30px;font-size:17px}.technical-decor{position:absolute;inset:0;background:url('../images/toprak/teknik.webp') right top/45% auto no-repeat;opacity:.8;mask-image:linear-gradient(90deg,transparent 45%,#000 100%)}.tech-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.tech-card{background:#fff;color:var(--ink);min-height:66px;display:flex;align-items:center;gap:15px;padding:12px 16px;border-radius:4px;box-shadow:0 2px 8px #0001;transition:transform .2s}.tech-card:hover{transform:translateX(3px)}.tech-card i{font-size:27px;color:var(--blue);width:30px;text-align:center}.tech-card span{font-size:14px;font-weight:600;line-height:1.3}.tech-card b{font-weight:400;margin-left:auto}.blog{padding-top:38px;padding-bottom:35px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff}.blog-card>a img{width:100%;aspect-ratio:237/114;object-fit:cover}.blog-copy{padding:18px 20px}.blog-copy h3{font-size:20px;font-weight:700;margin-bottom:12px}.blog-copy p{font-size:16px;line-height:1.6;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:18px}.faq{padding-top:30px;padding-bottom:32px;background:#f4f8fc url('../images/toprak/faq.webp') right center/32% 100% no-repeat}.faq h2{font-size:36px}.faq-list{max-width:1030px}.faq details{margin:8px 0;background:#fff;border:1px solid #e5edf5;border-radius:3px}.faq summary{padding:13px 18px;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--blue)}.faq details[open] summary span{transform:rotate(180deg)}.faq-answer{padding:5px 18px 18px;color:var(--muted);font-size:15px;line-height:1.7}.cta{color:#fff;background:linear-gradient(90deg,#044778 0,#005dad 45%,#004d8590 80%),url('../images/toprak/cta.webp') right center/50% 100% no-repeat;position:relative;min-height:170px}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:25px;padding-bottom:25px}.cta .eyebrow{color:#b9e1f4;margin-bottom:10px}.cta h2{font-size:30px;letter-spacing:-.8px}.cta p:not(.eyebrow){color:#d9eaf9;margin-top:8px;font-size:16px}.cta .button{flex-shrink:0;min-width:210px}.site-footer{background:#24292e;color:#d1d7de;font-size:14px}.footer-grid{display:grid;grid-template-columns:1.55fr .9fr 1.3fr .7fr;gap:42px;padding-top:34px;padding-bottom:30px}.footer-logo{width:320px;max-width:100%;margin-bottom:20px}.footer-grid>div>p{max-width:335px;font-size:15px;line-height:1.7}.footer-grid h3{color:#fff;font-size:15px;margin:0 0 18px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px}.footer-contact a{display:flex;align-items:center;gap:15px;padding-bottom:8px;overflow-wrap:anywhere}.footer-contact p{display:flex;gap:15px;align-items:baseline}.footer-contact i{color:#fff}.footer-quote{display:block;margin-top:25px}.social-links{display:flex;gap:24px;font-size:22px;color:white}.footer-bottom{background:#1c2227;font-size:13px;color:#b0b8c0;padding:18px 0}.footer-bottom .wrap{display:flex;justify-content:space-between;gap:20px}.breadcrumb{padding:60px 0;background:linear-gradient(115deg,#042b4d,#005dad);color:white}.breadcrumb h1{font-size:45px;margin-bottom:20px}.breadcrumb .eyebrow{color:#9acdef}.breadcrumb p:last-child{font-size:14px;color:#d5e7f6}.breadcrumb span{padding:0 12px}.content-section{padding:60px 0 70px}.prose{max-width:1050px;font-size:18px;color:#455669;line-height:1.8}.prose p{margin-bottom:18px}.prose h2,.prose h3{color:var(--ink);margin:25px 0 15px;font-size:28px}.prose table{border-collapse:collapse;width:100%;margin:25px 0;font-size:15px}.prose th,.prose td{border:1px solid var(--line);padding:12px;vertical-align:top}.prose a{color:var(--blue)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:50px}.content-image{width:100%;max-height:450px;object-fit:cover;border-radius:5px;margin-bottom:30px}.sidebar{padding:25px;background:#f3f7fb;border:1px solid var(--line);border-radius:6px;align-self:start;position:sticky;top:30px}.sidebar h3{margin-bottom:15px}.sidebar a{display:block;font-size:15px;padding:9px 0;border-bottom:1px solid #dee7f0}.sidebar .button{margin-top:25px;color:white}.page-intro{font-size:20px;color:var(--muted);margin-bottom:30px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{font-size:15px;font-weight:600}.form-grid input,.form-grid textarea,.form-grid select{display:block;width:100%;border:1px solid #cbd9e5;border-radius:4px;padding:13px;margin-top:8px;background:#fff;color:var(--ink)}.form-grid .full{grid-column:1/-1}.form-grid textarea{min-height:160px;resize:vertical}.alert{padding:15px;margin-bottom:25px;background:#f3f9fd;border:1px solid #c0dae9;border-radius:4px}.form-note{font-size:13px;color:var(--muted);margin:18px 0}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-box{padding:28px;border:1px solid var(--line);border-radius:5px;background:#f5f9fc}.contact-box h2{font-size:28px;margin-bottom:24px}.contact-box p,.contact-box a{display:block;margin-bottom:18px;line-height:1.7}.pagination{display:flex;gap:10px;margin-top:30px}.pagination a{border:1px solid var(--line);padding:7px 15px}.pagination a[aria-current]{background:var(--blue);color:white}@media(min-width:1600px){.hero{height:700px}.hero-inner{padding-top:75px}}@media(max-width:1200px){.wrap{width:calc(100% - 60px)}.nav{gap:20px}.brand{width:245px}.nav-links{gap:15px;font-size:12px}.nav-cta{padding:12px 20px;font-size:13px}.site-header{height:70px}.hero{height:570px}.hero-inner{padding-top:45px;padding-left:30px}.hero-count{margin-bottom:35px}.hero h1{max-width:480px;font-size:50px}.hero-description{font-size:17px;max-width:430px}.slider-controls{bottom:105px;padding-left:30px}.slider-arrow{width:38px;height:38px}.slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}.about{min-height:410px}.about-copy{padding-right:30px}.about-copy h2{font-size:39px}.about-copy>p:not(.eyebrow){font-size:15px}.product-grid{gap:15px}.product-card h3{font-size:13px;padding:12px}.tech-card{padding:10px;gap:8px}.tech-card span{font-size:12px}.tech-card i{font-size:23px}.technical h2{font-size:32px}.footer-grid{gap:22px}.footer-logo{width:265px}.footer-grid>div>p{font-size:13px}.blog-copy h3{font-size:17px}.blog-copy p{font-size:14px}.cta h2{font-size:25px}.cta p:not(.eyebrow){font-size:14px}}@media(max-width:950px){.nav-toggle{display:block;margin-left:auto;border:0;background:#edf5fc;color:var(--blue);font-size:25px;padding:3px 12px;border-radius:4px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px 30px;box-shadow:0 20px 30px #00264622;max-height:80vh;overflow:auto;font-size:15px}.nav-links.open{display:block}.nav-links>a{display:block}.nav-dropdown{flex-wrap:wrap;margin:5px 0}.nav-dropdown>a{flex:1}.dropdown-menu{position:static;box-shadow:none;width:100%;display:none;border:0;background:#f5f9fd}.nav-dropdown:hover:not(.open) .dropdown-menu{display:none}.nav-dropdown:focus-within:not(.open) .dropdown-menu{display:none}.nav-dropdown.open .dropdown-menu{display:block}.nav-cta{margin-left:0}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card h3{font-size:15px}.tech-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.sidebar{position:static}.about-copy{padding-top:80px}.about-copy h2{font-size:32px}.hero h1{max-width:450px;font-size:46px}.hero-description{max-width:390px}.hero-image{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#032c4bd9,transparent 85%)}.blog-copy{padding:14px}.blog-copy h3{font-size:16px}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.site-header{height:72px}.nav{gap:12px}.brand{width:188px}.nav-cta{display:none}.nav-toggle{font-size:23px}.hero{height:600px;clip-path:polygon(0 0,100% 0,100% 100%,0 95%);margin-bottom:-20px}.hero-image{object-position:67% center}.hero-shade{background:linear-gradient(90deg,#002744f5,#00385e99 75%)}.hero-inner{padding-top:45px;padding-left:20px;padding-right:20px}.hero-count{margin-bottom:48px;font-size:11px}.hero h1{font-size:42px;max-width:380px;letter-spacing:-1.3px}.hero-description{font-size:16px;max-width:350px;margin-top:25px}.hero-buttons{gap:10px;flex-wrap:wrap}.hero-buttons .button{font-size:13px;padding:13px 17px;gap:10px}.slider-controls{bottom:65px;padding-left:20px}.slider-arrow{top:48%;width:28px;height:28px;font-size:26px}.slider-arrow.prev{left:5px}.slider-arrow.next{right:5px}.about{grid-template-columns:1fr}.about-photo{height:240px;clip-path:polygon(0 0,100% 0,90% 100%,0 88%)}.about-copy{padding:25px 24px 35px;max-width:none}.about-copy h2{font-size:34px}.about-copy>p:not(.eyebrow){font-size:16px}.section{padding:30px 0}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading h2{font-size:30px}.section-heading .eyebrow{font-size:10px;margin-bottom:10px}.section-heading>.text-link{margin:0;font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card h3{font-size:12px;padding:10px}.technical{padding:40px 0;clip-path:polygon(0 0,100% 2%,100% 100%,0 98%)}.technical h2{font-size:28px}.technical-intro{font-size:15px;margin-bottom:24px}.technical-decor{opacity:.3;background-size:auto 100%}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tech-card{min-height:64px;padding:10px}.tech-card span{font-size:12px}.tech-card i{font-size:21px;width:24px}.tech-card b{display:none}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-copy{padding:18px}.blog-copy h3{font-size:20px}.blog-copy p{font-size:15px}.faq{background-size:65% 100%}.faq h2{font-size:28px}.faq summary{padding:12px;font-size:13px}.cta-inner{display:block;padding:26px 0}.cta h2{font-size:27px}.cta .button{margin-top:20px;min-width:160px;font-size:14px}.cta{background-size:70% 100%}.footer-grid{grid-template-columns:1fr;gap:26px;padding-top:30px}.footer-logo{width:240px}.footer-grid>div>p{font-size:14px}.footer-links{max-width:250px}.footer-grid h3{margin-bottom:12px}.footer-quote{margin-top:15px}.footer-bottom .wrap{font-size:11px;flex-direction:column;gap:6px}.breadcrumb{padding:38px 0}.breadcrumb h1{font-size:32px}.content-section{padding:35px 0}.content-grid{gap:30px}.prose{font-size:16px;overflow-x:auto}.prose table{font-size:12px}.prose td,.prose th{padding:8px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.form-grid input{font-size:16px}.alternate .hero-image{width:100%;left:0}.alternate .hero-shade{background:linear-gradient(90deg,#052b4cf0,#052b4c88)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}