:root {--navy:#0a2748;--blue:#0755a8;--deep:#071e37;--cyan:#40bada;--ink:#14263d;--muted:#526274;--line:#dfe7f0;--bg:#f5f8fc;--brand:#0b4779;}
*{box-sizing:border-box} html,body{margin:0;padding:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased} a{text-decoration:none;color:inherit} button{cursor:pointer;font-family:inherit}
.topline{height:5px;background:linear-gradient(90deg,#062747,#0e6db6,#40bada);}
.header{height:87px;display:flex;align-items:center;justify-content:space-between;padding:0 6.2%;background:#fff;box-shadow:0 2px 22px #11243a12;position:relative;z-index:2}
.identity{display:flex;align-items:center;gap:13px;min-width:260px}.identity img{height:62px;width:36px;object-fit:contain}.logoname{line-height:.98;display:flex;flex-direction:column;gap:4px}.logoname strong{font-size:27px;font-weight:800;letter-spacing:-.9px;color:#0b2949}.logoname span{font-size:10px;font-weight:750;letter-spacing:6.7px;color:#456076}
.nav{display:flex;align-items:center;gap:38px;font-size:14px;font-weight:700;color:#1c314a}.nav a{white-space:nowrap}.nav a:first-child{color:#07559b}.actions{display:flex;align-items:center;gap:20px}.search{height:37px;width:37px;border:1px solid #edf1f5;border-radius:50%;display:flex;align-items:center;justify-content:center}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:750;padding:15px 22px;white-space:nowrap;box-shadow:0 4px 10px #0018320d}.btnblue{color:#fff;background:#0756b0}.btnline{color:#fff;background:transparent;border-color:#fff8;box-shadow:none}
.hero{height:480px;position:relative;overflow:hidden;background:linear-gradient(114deg,#041b34 0%,#06325e 44%,#0a598c 66%,#0a639c 100%);display:flex;align-items:center}
.hero:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(1,20,43,.25),transparent 80%);pointer-events:none}
.hero .copy{z-index:3;position:relative;margin-left:7%;max-width:595px;color:#fff}
.kicker{font-size:12px;font-weight:750;letter-spacing:2.1px;text-transform:uppercase}.kicker:before{content:'';display:inline-block;width:33px;height:3px;background:var(--cyan);vertical-align:middle;margin-right:14px}
.hero h2{font-size:62px;font-weight:790;letter-spacing:-2.8px;line-height:1.04;margin:25px 0 25px;max-width:500px}
.hero p{font-size:17.5px;line-height:1.55;color:#e5f1fa;margin:0 0 17px;max-width:550px;font-weight:400}
.hero .buttons{display:flex;gap:12px;margin-top:28px}
.heroPhoto{position:absolute;right:0;top:0;bottom:0;width:48%;background:url('/assets/tasarim-b-1.jpg') center center/cover;clip-path:polygon(23% 0,100% 0,100% 100%,0% 100%);opacity:.98}
.heroPhoto:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07365c4d,transparent 60%)}
.heroDecoration{position:absolute;width:550px;height:550px;border:1px solid #bce6ff24;border-radius:50%;left:43%;top:-175px;z-index:1}
.quicklinks{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1300px;margin:0 auto;padding:33px 0 35px}.quick{display:flex;align-items:center;gap:16px;padding:5px 25px;border-right:1px solid #d6e2ed}.quick:last-child{border-right:0}.quick .ic{color:#0870ba;background:#eff7ff;font-size:30px;width:54px;height:54px;border-radius:13px;display:flex;align-items:center;justify-content:center}.quick strong{font-size:16px;line-height:1.2}
.sections{background:var(--bg);padding:77px 6.2% 83px}.sectionlabel{font-size:12px;font-weight:800;color:#12599f;letter-spacing:1.6px;text-transform:uppercase}.sectiontitle{font-size:38px;line-height:1.18;letter-spacing:-1.4px;color:#0a2d52;font-weight:790;margin:9px 0 35px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1330px;margin:auto}
.service{background:#fff;border:1px solid #e0eaf3;border-radius:17px;overflow:hidden;box-shadow:0 9px 25px #14304c0c;min-height:355px}
.service .photo{height:155px;background-position:center;background-size:cover}
.service .inside{padding:25px 26px 30px}.service h3,.service h2.cardheading{font-size:20px;margin:0 0 14px;line-height:1.2;font-weight:800}.service p{font-size:14.5px;line-height:1.65;color:#506175;margin:0;min-height:74px}.arrow{display:inline-block;border-radius:50%;width:32px;height:32px;background:#edf5fd;color:#0964ae;margin-top:15px;line-height:32px;text-align:center;font-weight:800}
.feature{margin:74px auto 0;max-width:1330px;min-height:326px;border-radius:20px;background:linear-gradient(108deg,#07233f 0%,#073761 53%,#0d5784);position:relative;color:white;display:flex;overflow:hidden;box-shadow:0 13px 40px #0a315826}
.featurePhoto{background:url('/assets/tasarim-b-2.jpg') center/cover;position:absolute;right:0;top:0;bottom:0;width:50%;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);opacity:.9}
.feature .featuretext{z-index:1;padding:57px 60px;width:66%}.feature h3.featureheading{font-size:34px;max-width:620px;line-height:1.2;letter-spacing:-1.1px;margin:11px 0 17px}.feature p{color:#d9e8f3;font-size:16px;line-height:1.55;max-width:605px}
.quality{background:#fff;padding:83px 6.2% 80px}.qualitywrap{max-width:1330px;margin:auto;display:grid;grid-template-columns:46% 54%;gap:45px;align-items:center}.qualitybig{height:322px;border-radius:20px;background:url('/assets/tasarim-b-3.jpg') center/cover;position:relative;overflow:hidden}.qualitybig:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#041b34aa,transparent 75%)}.qualitybig b{color:#fff;position:absolute;bottom:30px;left:32px;z-index:1;font-size:20px}
.quality h3.qualityheading{font-size:37px;margin:5px 0 16px;letter-spacing:-1px}.quality p{font-size:17px;line-height:1.7;color:#526274}
.career{max-width:1330px;margin:0 auto 70px;border:1px solid #dce6ef;border-radius:16px;background:#f3f8fc;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;gap:50px;font-size:15px;line-height:1.5;color:#425e75}.career strong{color:#0a2d52;font-size:15px}
.footer{background:#071c31;color:#f9fbff;padding:43px 6.2% 42px}.footerwrap{max-width:1330px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center}.footName{display:flex;align-items:center;gap:12px}.footName img{width:27px;height:55px;filter:invert(1)}.footName strong{font-weight:800;font-size:20px;letter-spacing:-.3px}.footer p{font-size:13px;color:#c0cfdd;line-height:1.6;max-width:620px;margin:0}.footnav{display:flex;gap:25px;color:#d0e0ec;font-size:13px;font-weight:650}
@media(max-width:900px){.nav{display:none}.header{padding:0 20px}.hero{height:auto;padding:100px 0}.hero .copy{margin-left:6%;margin-right:6%}.hero h2{font-size:45px}.heroPhoto{width:65%;opacity:.25}.grid{grid-template-columns:1fr}.quicklinks{grid-template-columns:1fr 1fr}.quick{border:0}.qualitywrap{grid-template-columns:1fr}.feature .featuretext{width:100%}.featurePhoto{opacity:.2}.career,.footerwrap{display:block}}

/* Shared layout applied to every migrated WordPress URL. */
html{scroll-behavior:smooth}
body{min-width:320px}
img{max-width:100%;height:auto}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #17a6d6;outline-offset:3px}
.skip-link{position:absolute;left:-1000px;top:auto;z-index:20;padding:12px;background:#fff}
.skip-link:focus{left:10px;top:10px}
.header{position:sticky;top:0;z-index:99}
.header .identity{text-decoration:none}
.header .identity img{width:54px;height:64px;object-fit:contain}
.header .identity .logoname strong{font-size:25px}
.nav a:hover,.footnav a:hover{color:#0872bd}
.nav a[aria-current="page"]{color:#0867b2}
.header .actions .btn{padding:12px 15px}
.mobile-nav{display:none}
.mobile-nav summary{list-style:none;font-weight:800;cursor:pointer}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav nav{position:absolute;right:12px;left:12px;top:88px;display:flex;flex-direction:column;gap:0;padding:8px;background:white;box-shadow:0 20px 35px #071b3033;border-radius:12px;z-index:99}
.mobile-nav nav a{padding:12px 16px;border-bottom:1px solid #ebf0f5}
.quick{color:inherit;text-decoration:none}
.quick:hover .ic,.service:hover .arrow{background:#d7eeff}
.service{transition:transform .18s ease,box-shadow .18s ease}
.service:hover{transform:translateY(-3px);box-shadow:0 13px 32px #14304c22}
.service .inside .arrow{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.feature .featureheading .btn{font-size:14px;letter-spacing:0;vertical-align:middle;margin-left:12px}
.career p{margin:0 0 8px}
.career h4{margin:0 0 8px;color:#0b2f53}
.footer .footName img{filter:brightness(0) invert(1);max-width:36px}
.quality-cta{margin-top:16px}
.footer .footerwrap{align-items:flex-start}
.footer .footnav{flex-wrap:wrap}
.inner-hero{color:white;min-height:275px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(115deg,#061d35 0%,#063a69 66%,#0b5e97 100%)}
.inner-hero:before{content:"";position:absolute;inset:0;left:45%;background:url('/assets/tasarim-b-1.jpg') center/cover;opacity:.12;transform:skewX(-12deg)}
.inner-hero:after{content:"";pointer-events:none;position:absolute;width:480px;height:480px;top:-210px;right:10%;border:1px solid #8bc9ff33;border-radius:50%}
.inner-hero-wrap{width:min(1230px,88%);margin:0 auto;z-index:1;position:relative;padding:40px 0}
.inner-hero .subtitle{font-size:12px;letter-spacing:2px;font-weight:800;color:#77d7fb}
.inner-hero .page-title{font-size:clamp(2rem,4vw,3.75rem);line-height:1.12;letter-spacing:-1.5px;font-weight:800;max-width:1000px;margin:15px 0}
.inner-hero p{font-size:15px;color:#d6eaff}
.migrated-wrap{background:#f5f8fc;min-height:65vh;padding:48px max(5vw,20px) 84px}
.migrated-layout{width:min(1230px,100%);margin:0 auto}
.source-content,.archive-content{background:#fff;border:1px solid #e3ecf4;border-radius:18px;padding:clamp(24px,4vw,62px);box-shadow:0 16px 55px #18344e0c;color:#182f45;font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.source-content>*:first-child{margin-top:0}
.source-content :is(h1,h2,h3,h4,h5,h6),.archive-content :is(h1,h2,h3,h4,h5,h6){color:#092c4d;line-height:1.25;font-weight:780;letter-spacing:-.025em}
.source-content h2,.archive-content h1{font-size:clamp(1.6rem,2.4vw,2.3rem);margin:30px 0 18px}
.source-content h3,.archive-content h2{font-size:clamp(1.25rem,2vw,1.7rem)}
.source-content p,.archive-content p{color:#3d5264;line-height:1.85}
.source-content a,.archive-content a{color:#0b5eaa;text-underline-offset:3px;text-decoration:underline}
.source-content ul,.source-content ol{padding-left:27px}
.source-content li{padding:3px 0}
.source-content figure{max-width:100%;margin:22px 0}
.source-content img{border-radius:11px;max-width:100%;height:auto}
.source-content table{border-collapse:collapse;display:block;width:100%;overflow:auto;font-size:14px}
.source-content th,.source-content td{border:1px solid #d9e5ed;padding:10px;vertical-align:top}
.source-content object,.source-content iframe{max-width:100%;min-height:430px;border:1px solid #dce7f0}
.source-content :is(.wp-block-columns,.wp-container-core-columns-is-layout-1){display:flex;gap:28px;flex-wrap:wrap}
.source-content .wp-block-column{flex:1 1 280px;min-width:0}
.source-content[data-wp-id="46"] .wp-block-columns{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px;margin:20px 0 46px;align-items:stretch}
.source-content[data-wp-id="46"] .wp-block-column{min-width:0;max-width:100%;border:1px solid #e0ebf3;background:#fff;border-radius:14px;padding:10px;box-shadow:0 9px 30px #0a2b4c12;transition:transform .2s,box-shadow .2s}
.source-content[data-wp-id="46"] .wp-block-column:hover{transform:translateY(-3px);box-shadow:0 15px 38px #0a2b4c20}
.source-content[data-wp-id="46"] .wp-block-column figure{margin:0}
.source-content[data-wp-id="46"] .wp-block-column img{width:100%;height:165px;object-fit:cover;border-radius:9px}
.source-content[data-wp-id="46"] figcaption{font-size:11px;line-height:1.4;color:#516b81;margin:10px 0 4px;text-align:center}
.source-content :is(.wp-block-cover,.wp-block-group){max-width:100%;height:auto;min-height:0}
.source-content .alignwide{max-width:100%}
.source-content .has-text-color,.source-content .has-background{color:inherit!important}
.source-content .has-background{background:transparent!important}
.source-content .wp-block-cover{overflow:hidden;border-radius:12px;background:#eaf3f9!important}
.source-content .wp-block-cover__background{background:#eaf3f9!important;opacity:1!important}
.source-content .wp-block-cover .wp-block-cover__inner-container{position:relative;z-index:1;color:#17324a!important}
.source-content .wp-block-cover p{color:#17324a!important}
.source-content .has-text-align-center{text-align:center}
.source-content .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
.source-content .wp-block-button__link{background:#0755a8;color:#fff;text-decoration:none;padding:12px 20px;border-radius:8px;display:inline-flex}
.archive-content article{border:1px solid #e0e8f0;border-radius:13px;padding:22px;margin:15px 0;background:#fff;box-shadow:0 4px 20px #19355208}
.archive-content article h2{margin-top:4px}
.archive-content .entry-title a{text-decoration:none}
.archive-content .posts-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px}
.archive-content .nv-page-title,.archive-content h1{margin-top:0}
.wpf-migration{background:#eef6fc;border:1px solid #bad9ef;border-radius:12px;padding:22px;margin:20px 0}
.wpf-migration label{display:block;margin:10px 0;font-size:14px;font-weight:700}
.wpf-migration input,.wpf-migration textarea{width:100%;border:1px solid #b5ccdf;border-radius:8px;padding:13px;background:white;font:inherit}
.wpf-migration input[type=checkbox]{width:auto}
.wpf-migration button{background:#0755a8;color:white;padding:12px 20px;border:0;border-radius:8px;opacity:.5;cursor:not-allowed}
.wpf-migration .migration-status{font-size:12px;color:#536d84}
.legacy-id{display:none}
@media(max-width:1160px){.nav{gap:17px;font-size:13px}.identity{min-width:0}.header{padding:0 4%}}
@media(max-width:920px){.header{height:77px}.header .nav{display:none}.mobile-nav{display:block}.header .actions{margin-left:auto;gap:12px}.hero{min-height:490px}.heroPhoto{width:72%}.quicklinks{padding:20px}.qualitywrap{gap:18px}.footerwrap{display:block}.footnav{margin-top:25px}.mobile-nav nav{top:77px}}
@media(max-width:600px){.header{gap:5px;padding:0 14px}.header .identity img{width:36px;height:51px}.header .identity{gap:5px}.header .identity .logoname strong{font-size:18px}.header .identity .logoname span{font-size:8px;letter-spacing:3px}.header .actions .btn{font-size:12px;padding:9px}.hero .copy{margin-left:22px;margin-right:22px}.hero h2{font-size:clamp(35px,11vw,50px)}.hero{padding:90px 0}.hero .buttons{flex-wrap:wrap}.quicklinks{grid-template-columns:1fr 1fr;padding:18px 10px}.quick{padding:10px;gap:8px}.quick .ic{width:40px;height:40px;font-size:23px}.quick strong{font-size:12px}.sections{padding:50px 20px}.sectiontitle{font-size:27px}.feature .featuretext{padding:38px 22px}.feature h3.featureheading{font-size:27px}.quality{padding:45px 20px}.qualitybig{height:230px}.career{margin:10px 20px 40px;padding:20px}.footer{padding:35px 20px}.source-content,.archive-content{padding:18px}.migrated-wrap{padding:26px 12px 45px}.inner-hero{min-height:210px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* User-approved global UI cleanup */
.header .logoname>span,.home-main .quicklinks,.home-main .kicker,.home-main .sectionlabel,.inner-hero .subtitle{display:none!important}
.service{position:relative}
.service .card-hit-area{position:absolute;inset:0;z-index:2;display:block;text-decoration:none;cursor:pointer;background:transparent}
.service .card-hit-area:focus-visible{outline:3px solid #1396d0;outline-offset:3px}

/* New Ceysu Kimya hero: generated photo and complete opening screen */
@media(min-width:921px){
  .home-main .hero{
    height:max(680px,calc(100svh - 92px))!important;
    min-height:max(680px,calc(100svh - 92px))!important;
  }
  .home-main .heroPhoto{
    width:64%!important;
    background-image:url('/assets/hero-industrial-water.webp')!important;
    background-position:55% 50%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    clip-path:polygon(24% 0,100% 0,100% 100%,0 100%)!important;
  }
}
@media(min-width:601px) and (max-width:920px){
  .home-main .hero{
    height:auto!important;
    min-height:max(650px,calc(100svh - 82px))!important;
  }
  .home-main .heroPhoto{
    background-image:url('/assets/hero-industrial-water.webp')!important;
    background-position:56% 50%!important;
    background-size:cover!important;
  }
}
@media(max-width:600px){
  .home-main .hero{
    height:auto!important;
    min-height:max(620px,calc(100svh - 82px))!important;
    padding:80px 0!important;
  }
  .home-main .heroPhoto{
    background-image:url('/assets/hero-industrial-water.webp')!important;
    background-position:61% 50%!important;
    background-size:cover!important;
    opacity:.32!important;
  }
}
/* CEYSU KİMYA 2026-11-07: original AI-created homepage visual set.
   Text/slug/semantic hierarchy remain unchanged; assets are local WebP. */
.home-main .services .service .photo,
.home-main .service .photo{
  height:190px;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.home-main .feature{
  min-height:370px;
  background:linear-gradient(108deg,#062540 0%,#073458 62%,#095a74 100%);
}
.home-main .feature .featurePhoto{
  background-image:url('/assets/home-feature-yesil-aritma.webp')!important;
  background-size:cover!important;
  background-position:52% 48%!important;
  background-repeat:no-repeat!important;
  width:60%;
  opacity:1!important;
  clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);
}
.home-main .feature .featuretext{
  width:56%;
  padding:56px 52px;
  position:relative;
  z-index:2;
}
.home-main .feature .featureheading{
  max-width:560px;
}
@media(max-width:900px){
  .home-main .feature{
    min-height:360px;
  }
  .home-main .feature .featurePhoto{
    width:67%;
    background-position:46% 50%!important;
  }
  .home-main .feature .featuretext{
    width:66%;
    padding:42px 38px;
  }
}
@media(max-width:650px){
  .home-main .service .photo{height:185px}
  .home-main .feature{
    min-height:415px;
  }
  .home-main .feature .featurePhoto{
    width:100%;
    opacity:.27!important;
    clip-path:none;
    background-position:54% 50%!important;
  }
  .home-main .feature .featuretext{
    width:100%;
    padding:42px 27px;
  }
}
/* Full-resolution laboratory still, replacing 650x280 embedded JPEG. */
.home-main .qualitybig{
  background-image:url('/assets/home-quality-laboratory.webp')!important;
  background-size:cover!important;
  background-position:46% 50%!important;
  background-repeat:no-repeat!important;
  background-color:#c9e1ec!important;
  border:1px solid #d5e3ec;
  border-radius:18px;
}
.home-main .qualitybig:after{
  background:linear-gradient(90deg,rgba(3,31,55,.09),transparent 58%)!important;
}
@media(max-width:650px){
 .home-main .qualitybig{min-height:235px;background-position:39% 48%!important}
}
/* 2026-11-10: show hero title, hero photo and all three service cards on first desktop viewport. */
/* Scoped to home only; never modify WordPress source content or site metadata. */
@media (min-width: 921px) {
  .home-main .hero {
    height:max(245px,calc(100svh - 480px))!important;
    min-height:0!important;
    padding:0!important;
  }
  .home-main .hero .copy {max-width:560px;}
  .home-main .hero h2 {
    font-size:clamp(40px,3.7vw,54px);
    line-height:1.07;
    margin:8px 0 14px;
    letter-spacing:-1.8px;
  }
  .home-main .hero p {font-size:15px;line-height:1.48;margin-bottom:0;}
  .home-main .hero .buttons {margin-top:16px;}
  .home-main .sections {padding-top:28px;padding-bottom:54px;}
  .home-main .sections .sectiontitle {
    font-size:clamp(26px,2.7vw,34px);
    margin:0 0 20px;
    letter-spacing:-1px;
  }
  .home-main .service {min-height:0;}
  .home-main .service .photo {height:142px;}
  .home-main .service .inside {padding:17px 20px 20px;}
  .home-main .service h3,.home-main .service h2.cardheading {font-size:18px;margin:0 0 8px;}
  .home-main .service p {font-size:13.5px;line-height:1.52;min-height:0;}
}
@media (min-width:601px) and (max-width:920px) {
  .home-main .hero {height:auto!important;min-height:315px!important;padding:32px 0!important;}
  .home-main .hero h2 {font-size:clamp(38px,5vw,48px);margin:12px 0 15px;}
  .home-main .hero .buttons {margin-top:16px;}
  .home-main .sections {padding-top:30px;padding-bottom:52px;}
  .home-main .sections .sectiontitle {font-size:clamp(25px,4vw,32px);margin:0 0 18px;}
  .home-main .service {min-height:0;}
  .home-main .service .photo {height:155px;}
  .home-main .service .inside {padding:18px 20px 21px;}
  .home-main .service p {min-height:0;}
}
@media (max-width:600px) {
  .home-main .hero {height:auto!important;min-height:320px!important;padding:36px 0!important;}
  .home-main .hero h2 {font-size:clamp(36px,10vw,46px);margin:12px 0 16px;line-height:1.08;letter-spacing:-1.5px;}
  .home-main .hero p {font-size:15px;line-height:1.5;}
  .home-main .hero .buttons {margin-top:18px;}
  .home-main .sections {padding:30px 18px 50px;}
  .home-main .sections .sectiontitle {font-size:clamp(24px,6vw,29px);margin:0 0 18px;line-height:1.22;}
  .home-main .service {min-height:0;}
  .home-main .service .photo {height:145px;}
  .home-main .service .inside {padding:17px 18px 20px;}
  .home-main .service h3,.home-main .service h2.cardheading {font-size:18px;margin:0 0 8px;}
  .home-main .service p {font-size:13.5px;min-height:0;line-height:1.5;}
}