@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Mono:wght@400;600;700&family=Manrope:wght@400;600;700;800&display=swap');

:root{
  --navy:#00324f;--navy-2:#00263d;--navy-3:#001c2e;--blue:#0b5aa6;--blue-2:#174a8b;
  --yellow:#ffc400;--yellow-2:#e9b300;--ink:#12202c;--text:#435465;--muted:#6e7e8d;
  --line:#dce3e8;--soft:#f3f6f8;--white:#fff;--shadow:0 20px 50px rgba(0,31,51,.10);
  --container:1240px;--radius:4px;--header:86px;
  --font-display:'Barlow Condensed', -apple-system, sans-serif;
  --font-body:'Manrope', -apple-system, sans-serif;
  --font-mono:'IBM Plex Mono', monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:var(--font-body)}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.narrow{max-width:900px}.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;padding:10px 16px;background:#fff;color:#000}.skip-link:focus{top:12px}.icon{display:inline-flex;width:21px;height:21px;align-items:center;justify-content:center;flex:none}.icon svg,.text-link svg,.footer-link svg,.mega-feature svg,.sector-card a svg,.product-category a svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon--chevron{width:15px;height:15px;margin-left:3px}.utility-bar{background:#021c30;color:#cde0eb;font-size:12.5px;font-family:var(--font-body);border-bottom:1px solid rgba(255,255,255,.07)}.utility-inner{height:38px;display:flex;justify-content:space-between;align-items:center;gap:16px}.utility-left,.utility-right{display:flex;align-items:center;gap:14px}.utility-inner .icon{width:14px;height:14px}.utility-linkedin-badge{display:inline-flex;align-items:center;gap:8px;padding:3px 10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#dbe9f2;font-size:12px;font-weight:600;transition:all .2s ease}.utility-linkedin-badge img{width:15px;height:15px;object-fit:contain;border-radius:2px;display:block;flex-shrink:0}.utility-linkedin-badge:hover{background:rgba(0,119,181,.28);border-color:rgba(0,119,181,.6);color:#fff}.utility-linkedin-badge:hover .utility-ext{transform:translate(1px,-1px);opacity:1}.utility-ext{transition:transform .2s ease,opacity .2s ease;margin-left:2px}.utility-email-link{display:inline-flex;align-items:center;gap:7px;color:#c4d7e3;font-size:12.5px;font-weight:600;transition:color .2s ease}.utility-email-link:hover{color:#fff}.utility-email-link .icon{color:#7ca0ba}.utility-email-link:hover .icon{color:var(--yellow)}.utility-divider{width:1px;height:14px;background:rgba(255,255,255,.14);flex-shrink:0}.utility-whatsapp-badge{display:inline-flex;align-items:center;gap:7px;padding:3px 10px;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.3);border-radius:4px;color:#25d366;font-size:12px;font-weight:700;transition:all .2s ease}.utility-whatsapp-badge strong{color:#fff;font-weight:700}.utility-whatsapp-badge:hover{background:rgba(37,211,102,.25);border-color:rgba(37,211,102,.65);box-shadow:0 0 10px rgba(37,211,102,.25)}.utility-bar .lang-switcher{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:2px 3px;display:inline-flex;align-items:center;gap:2px;margin:0}.utility-bar .lang-btn{padding:2px 6px;font-size:11px;font-family:var(--font-mono);font-weight:700;color:#9eb7c7;border-radius:3px;display:inline-flex;align-items:center;gap:4px;line-height:1;transition:all .2s ease}.utility-bar .lang-btn svg{width:13px;height:13px;flex:none;border-radius:2px}.utility-bar .lang-btn:hover{background:rgba(255,255,255,.14);color:#fff}.utility-bar .lang-btn.is-active{background:var(--yellow);color:#071521;font-weight:800}.site-header{height:var(--header);background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #e7ecef}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;margin-right:auto;flex-shrink:0}.brand img{width:215px;min-width:180px;height:auto;max-height:72px;object-fit:contain;flex-shrink:0}.desktop-nav{height:100%;display:flex;align-items:stretch;gap:0;flex-shrink:1;min-width:0}.desktop-nav>a,.nav-dropdown>.has-dropdown{padding:0 9px;display:flex;align-items:center;font-size:13.5px;font-weight:700;white-space:nowrap;position:relative}.desktop-nav>a:after,.nav-dropdown>.has-dropdown:after{content:"";position:absolute;left:9px;right:9px;bottom:0;height:3px;background:var(--yellow);transform:scaleX(0);transition:.2s}.desktop-nav>a:hover:after,.nav-dropdown:hover>.has-dropdown:after,.desktop-nav>a[aria-current=page]:after,.nav-dropdown>.has-dropdown[aria-current=page]:after{transform:scaleX(1)}.nav-dropdown{display:flex;align-items:stretch;position:relative}.mega-menu{position:fixed;left:0;right:0;top:118px;background:#fff;border-top:1px solid var(--line);box-shadow:0 22px 40px rgba(0,29,48,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.nav-dropdown:hover .mega-menu,.nav-dropdown:focus-within .mega-menu{opacity:1;visibility:visible;transform:none}.mega-grid{width:min(var(--container),calc(100% - 48px));margin:auto;display:grid;grid-template-columns:repeat(3,1fr) 280px;gap:30px;padding:32px 0}.mega-col h3{font-family:var(--font-display);font-size:14px;letter-spacing:.12em;color:var(--blue);margin:0 0 14px;text-transform:uppercase}.mega-col>a{display:block;padding:9px 0;border-bottom:1px solid #edf1f3}.mega-col strong{font-size:14px;display:block}.mega-col span{font-size:12px;color:var(--muted);line-height:1.4;display:block;margin-top:2px}.mega-feature{background:var(--navy);color:#fff;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;min-height:245px}.mega-feature>span{color:var(--yellow);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em}.mega-feature strong{font-family:var(--font-display);font-size:24px;line-height:1.25;margin:12px 0 25px}.mega-feature small{display:flex;align-items:center;gap:8px}.mega-feature svg{width:18px;height:18px}.small-dropdown{position:absolute;top:86px;right:0;width:230px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;padding:10px}.nav-dropdown:hover .small-dropdown,.nav-dropdown:focus-within .small-dropdown{opacity:1;visibility:visible;transform:none}.small-dropdown a{display:block;padding:12px 14px;font-size:14px;font-weight:700}.small-dropdown a:hover{background:var(--soft)}.header-actions{display:flex;align-items:center;flex-shrink:0;margin-left:8px}.header-cta{min-height:42px;height:42px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--yellow);background:var(--yellow);color:#071521;font-size:13.5px;font-weight:800;white-space:nowrap;border-radius:4px;transition:all .2s ease;box-shadow:0 2px 8px rgba(255,194,0,.22);flex-shrink:0}.header-cta:hover{background:#ffd026;border-color:#ffd026;transform:translateY(-1px);box-shadow:0 4px 14px rgba(255,194,0,.35)}.header-cta .cta-arrow{transition:transform .2s ease;flex-shrink:0}.header-cta:hover .cta-arrow{transform:translateX(3px)}.menu-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);background:#fff;padding:12px}.menu-toggle span{display:block;height:2px;background:var(--navy);margin:5px 0}.mobile-menu{position:fixed;inset:86px 0 0;background:#fff;overflow:auto;z-index:99;padding:18px 24px 100px}.mobile-menu[hidden]{display:none}.mobile-menu nav>a,.mobile-menu summary{display:block;padding:15px 2px;border-bottom:1px solid var(--line);font-weight:800;cursor:pointer;list-style:none}.mobile-menu details>a{display:block;padding:10px 14px;color:var(--text);font-size:14px}.mobile-menu-cta{background:var(--yellow);padding:16px!important;text-align:center;margin-top:16px;border:0!important}.btn{min-height:48px;padding:12px 23px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-size:14px;font-weight:800;transition:.2s;cursor:pointer;border-radius:4px}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--yellow);color:#071521;border-color:var(--yellow)}.btn--primary:hover{background:#ffd12c}.btn--secondary{background:#fff;color:var(--navy);border-color:#9fb0bd}.btn--secondary:hover{border-color:var(--navy)}.btn--outline-light{background:rgba(0,0,0,.08);color:#fff;border-color:rgba(255,255,255,.55)}.btn--outline-light:hover{background:rgba(255,255,255,.12)}.btn--wide{width:100%}.home-hero{min-height:730px;background:linear-gradient(90deg,rgba(0,42,68,.98) 0%,rgba(0,42,68,.91) 42%,rgba(0,42,68,.35) 72%,rgba(0,42,68,.1)),url('../img/illustrative/flowart-hero-engineering.webp') center/cover no-repeat;color:#fff;display:flex;align-items:center}.hero-content{padding-top:25px;padding-bottom:100px}.hero-eyebrow{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.15em;color:var(--yellow);display:flex;align-items:center;gap:12px}.hero-eyebrow i{display:block;width:30px;height:3px;background:var(--yellow)}.home-hero h1{font-family:var(--font-display);font-size:68px;line-height:1.08;letter-spacing:-.01em;margin:24px 0 24px;max-width:760px;font-weight:800}.home-hero h1 em,.inner-hero h1 em{font-style:normal;color:var(--yellow)}.home-hero>div>p{font-size:18px;color:#dce7ed;max-width:650px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;gap:26px;list-style:none;padding:0;margin:33px 0 0;font-size:13px;color:#e1ebf0;flex-wrap:wrap;font-family:var(--font-mono)}.hero-proof li{display:flex;align-items:center;gap:7px}.hero-proof .icon{color:var(--yellow);width:17px;height:17px}.intent-wrap{margin-top:-62px;position:relative;z-index:2}.intent-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;box-shadow:0 25px 55px rgba(0,31,51,.15);border:1px solid var(--line)}.intent-grid article{min-height:205px;padding:30px 28px;display:grid;grid-template-columns:35px 44px 1fr;gap:12px;border-right:1px solid var(--line);position:relative}.intent-grid article:last-child{border:0}.intent-grid article>span{font-family:var(--font-mono);font-size:13px;color:var(--blue);font-weight:700;letter-spacing:.1em}.intent-grid article>.icon{color:var(--blue);width:30px;height:30px}.intent-grid h2{font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1.18;margin:0 0 10px;color:var(--navy-3)}.intent-grid p{font-size:14px;color:var(--muted);margin:0 0 18px}.intent-grid a{font-size:13px;font-weight:800;color:var(--navy);display:inline-flex;align-items:center;gap:7px}.intent-grid a svg{width:17px;height:17px}.section{padding:92px 0}.section--compact{padding:65px 0}.section--soft{background:var(--soft)}.section--dark{background:var(--navy-2);color:#fff}.section--dark .section-heading p{color:#bfd0db}.section-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr) auto;align-items:end;gap:38px;margin-bottom:42px}.section-heading h2{font-family:var(--font-display);font-size:46px;font-weight:800;line-height:1.1;letter-spacing:-.01em;margin:8px 0 0;color:var(--navy-3)}.section--dark .section-heading h2{color:#fff}.section-heading p{color:var(--muted);margin:0}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--blue);font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;background:var(--yellow);border-radius:50%;flex:none}.eyebrow--yellow{color:var(--yellow)}.eyebrow--yellow:before{background:#fff}.heading-action{align-self:end;white-space:nowrap}.text-link{font-size:14px;font-weight:800;color:var(--navy);display:inline-flex;align-items:center;gap:8px}.text-link svg,.heading-action svg{width:18px;height:18px}.text-link--light{color:#fff}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.solution-grid--3{grid-template-columns:repeat(3,1fr)}.solution-grid--4{grid-template-columns:repeat(4,1fr)}.solution-card{background:#fff;border:1px solid var(--line);transition:.2s;min-width:0;border-radius:4px}.solution-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c6d2da}.solution-image{display:block;height:245px;background:#f5f7f8;position:relative;overflow:hidden}.solution-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.solution-card:hover .solution-image img{transform:scale(1.03)}.card-number{position:absolute;left:18px;top:18px;width:43px;height:43px;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:14px}.solution-body{padding:25px}.solution-body h3{font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1.18;margin:0 0 11px;color:var(--navy-3)}.solution-body p{font-size:14px;color:var(--muted);min-height:68px;margin:0 0 20px}.why-grid{display:grid;grid-template-columns:.85fr 1.65fr;gap:75px;align-items:start}.why-intro{position:sticky;top:150px}.why-intro h2,.hose-grid h2,.academy-grid h2,.corporate-intro h2,.technical-grid h2,.faq-grid h2,.sector-method h2,.request-info h2,.academy-content h2,.cluster-grid h2{font-family:var(--font-display);font-size:46px;font-weight:800;line-height:1.1;margin:10px 0 20px;color:var(--navy-3)}.why-intro p,.hose-grid p,.academy-grid p{color:var(--muted);margin-bottom:25px}.why-cards{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line);border-top:1px solid var(--line)}.why-cards article{padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.why-cards .icon{width:35px;height:35px;color:var(--blue);margin-bottom:24px}.why-cards h3{font-family:var(--font-display);font-size:25px;font-weight:800;margin:0 0 11px;color:var(--navy-3)}.why-cards p{font-size:14px;color:var(--muted);margin:0}.process-line{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.process-line:before{content:"";position:absolute;left:8%;right:8%;top:35px;height:1px;background:#bcc8d0}.process-step{padding:0 20px;position:relative}.process-step>span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;border:1px solid #b9c6ce;background:#fff;color:var(--blue);font-family:var(--font-mono);font-weight:700;font-size:18px;position:relative;z-index:1;margin-bottom:22px}.process-step h3{font-family:var(--font-display);font-size:22px;font-weight:800;margin:0 0 8px;color:var(--navy-3)}.process-step p{font-size:13px;color:var(--muted);margin:0}.engineering-plate{background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);padding:30px 36px;margin:35px 0;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.engineering-plate-title{font-family:var(--font-display);font-size:26px;font-weight:800;margin:0 0 8px;color:var(--navy)}.engineering-plate-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.engineering-plate-tag{font-family:var(--font-mono);font-size:12px;background:var(--soft);border:1px solid var(--line);padding:4px 10px;color:var(--text)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{background:#fff;color:var(--ink);border-radius:4px;overflow:hidden}.project-image{height:270px;display:block;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-image>span{position:absolute;left:18px;bottom:18px;background:var(--yellow);color:#071521;padding:7px 10px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em}.project-card>div{padding:24px}.project-card small{color:var(--blue);font-family:var(--font-mono);font-size:12px;font-weight:700}.project-card h3{font-family:var(--font-display);font-size:25px;font-weight:800;line-height:1.2;margin:8px 0;color:var(--navy-3)}.project-card p{font-size:14px;color:var(--muted)}.hose-grid,.feature-split,.academy-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hose-image{position:relative}.hose-image img,.feature-split>img,.academy-visual img{width:100%;height:460px;object-fit:cover;border-radius:4px}.hose-image>span{position:absolute;left:0;bottom:0;background:var(--yellow);padding:15px 22px;font-family:var(--font-mono);font-weight:700;letter-spacing:.1em}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{display:flex;gap:11px;align-items:flex-start;margin:12px 0;color:var(--text)}.check-list .icon{width:19px;height:19px;color:var(--blue);margin-top:2px}.check-list--light li{color:#dce7ed}.check-list--light .icon{color:var(--yellow)}.sector-grid{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.sector-card{background:#fff;padding:27px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:280px}.sector-card>.icon{width:35px;height:35px;color:var(--blue);margin-bottom:26px}.sector-card h3{font-family:var(--font-display);font-size:23px;font-weight:800;margin:0 0 11px;color:var(--navy-3)}.sector-card p{font-size:13px;color:var(--muted);min-height:95px}.sector-card a,.product-category a{font-size:12px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:6px}.sector-card a svg,.product-category a svg{width:16px;height:16px}.reference-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.reference-logo,.supplier-logo{height:115px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;padding:14px}.reference-logo img,.supplier-logo img{max-height:75px;width:auto;object-fit:contain;filter:none;opacity:1;transition:.2s}.reference-logo:hover img,.supplier-logo:hover img{filter:none;opacity:1}.supplier-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:25px}.supplier-logo{height:90px}.supplier-logo img{max-height:55px}.academy-strip{padding:72px 0}.academy-grid{background:#fff;border:1px solid var(--line);padding:40px 55px}.academy-visual img{height:300px}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:45px}.cta-band h2{font-family:var(--font-display);font-size:44px;font-weight:800;margin:8px 0 10px;color:#fff}.cta-band p{color:#bfd0db;margin:0;max-width:700px}.cta-actions{display:flex;gap:12px;flex:none}.inner-hero{background:var(--navy-2);color:#fff;position:relative;overflow:hidden}.inner-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;min-height:460px;align-items:stretch}.inner-hero-grid>div:first-child{padding:60px 50px 60px 0;align-self:center;position:relative;z-index:2}.inner-hero h1{font-family:var(--font-display);font-size:56px;font-weight:800;line-height:1.12;letter-spacing:-.01em;margin:14px 0 18px}.inner-hero p{font-size:17px;color:#c7d7e0;max-width:640px}.inner-hero-image{height:100%;min-height:460px;position:relative;overflow:hidden}.inner-hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy-2) 0%,rgba(0,38,61,.75) 28%,rgba(0,38,61,.15) 60%,transparent 100%),linear-gradient(180deg,rgba(0,38,61,.4) 0%,transparent 25%,transparent 75%,rgba(0,38,61,.5) 100%);z-index:1;pointer-events:none}.inner-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center center}.breadcrumbs{display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:12px;color:#9fb4c1;margin-bottom:28px;flex-wrap:wrap}.breadcrumbs a:hover{color:#fff}.service-overview{padding:62px 0;border-bottom:1px solid var(--line)}.overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:start}.overview-grid h2{font-family:var(--font-display);font-size:40px;font-weight:800;line-height:1.18;margin:10px 0 18px;color:var(--navy-3)}.overview-grid p{color:var(--muted)}.scope-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.scope-list li{background:#fff;padding:15px;display:flex;gap:9px;font-size:13px;font-weight:700}.scope-list .icon{width:18px;height:18px;color:var(--blue)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.detail-card{border-top:3px solid var(--blue);padding:27px;background:#fff;box-shadow:0 6px 25px rgba(0,31,51,.06)}.detail-card>span{color:#a0b1bd;font-family:var(--font-mono);font-size:12px;font-weight:700}.detail-card h3{font-family:var(--font-display);font-size:25px;font-weight:800;margin:18px 0 10px;color:var(--navy-3)}.detail-card p{color:var(--muted);font-size:14px;margin:0}.service-process{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:start}.service-process h2{font-family:var(--font-display);font-size:46px;font-weight:800;line-height:1.12;color:#fff}.service-process>div>p{color:#bfd0db}.service-process ol{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.15)}.service-process li{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.15)}.service-process li>span{color:var(--yellow);font-family:var(--font-mono);font-weight:700;font-size:18px}.service-process strong{display:block;font-size:18px;font-family:var(--font-display);font-weight:700}.service-process small{color:#aebfca}.technical-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.table-wrap{overflow:auto;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:520px}th,td{text-align:left;padding:22px;border-bottom:1px solid var(--line);vertical-align:top}th{width:30%;background:var(--soft);font-size:13px;color:var(--navy);font-family:var(--font-mono);font-weight:700}td{font-size:14px;color:var(--text)}tr:last-child th,tr:last-child td{border-bottom:0}.faq-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:75px}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item button{width:100%;padding:20px 0;background:none;border:0;display:flex;justify-content:space-between;text-align:left;font-weight:800;color:var(--ink);cursor:pointer}.faq-item button b{font-size:24px;color:var(--blue);font-weight:400}.faq-item>div{display:none;padding:0 35px 20px 0}.faq-item.is-open>div{display:block}.faq-item.is-open button b{transform:rotate(45deg)}.faq-item p{color:var(--muted);margin:0}.corporate-intro{display:grid;grid-template-columns:1fr 1fr;gap:75px}.lead{font-size:20px;line-height:1.55;color:var(--ink)}.corporate-intro p:not(.lead){color:var(--muted)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.value-card{background:#fff;border:1px solid var(--line);padding:28px}.value-card>span{font-family:var(--font-mono);font-size:12px;color:var(--blue);font-weight:700}.value-card h3{font-family:var(--font-display);font-size:24px;font-weight:800;margin:24px 0 12px;color:var(--navy-3)}.value-card p{font-size:14px;color:var(--muted)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr)}.metrics-grid article{padding:24px 30px;border-right:1px solid rgba(255,255,255,.15)}.metrics-grid article:last-child{border:0}.metrics-grid strong{display:block;color:var(--yellow);font-family:var(--font-display);font-size:40px;font-weight:800;line-height:1.1}.metrics-grid span{display:block;margin-top:10px;color:#c7d7e0;font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-category{border:1px solid var(--line);padding:26px;min-height:245px}.product-category>.icon{width:32px;height:32px;color:var(--blue);margin-bottom:24px}.product-category h3{font-family:var(--font-display);font-size:24px;font-weight:800;margin:0 0 10px;color:var(--navy-3)}.product-category p{font-size:14px;color:var(--muted);min-height:75px}.notice{padding:18px 20px;border-left:4px solid var(--yellow);background:#fff9dd;color:#5a4a00;font-size:13px;margin-top:24px}.request-info{display:grid;grid-template-columns:.9fr 1.3fr auto;align-items:center;gap:45px}.request-info ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.request-info li{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:700}.request-info li span{color:var(--blue);font-family:var(--font-mono);font-weight:700}.sector-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sector-detail{border:1px solid var(--line);padding:32px;display:grid;grid-template-columns:60px 1fr;gap:22px}.sector-detail>.icon{width:45px;height:45px;color:var(--blue)}.sector-detail h2{font-family:var(--font-display);font-size:30px;font-weight:800;margin:0 0 12px;color:var(--navy-3)}.sector-detail p,.sector-detail li{color:var(--muted);font-size:14px}.sector-detail h3{font-size:15px;margin:20px 0 8px}.sector-detail ul{padding-left:18px}.sector-method{display:grid;grid-template-columns:1fr 1fr;gap:75px}.sector-method p{color:#c7d7e0}.project-warning{padding:24px 28px;background:#fff6d2;border-left:5px solid var(--yellow);margin-bottom:35px}.project-warning strong{font-size:17px}.project-warning p{margin:6px 0 0;color:#665500;font-size:14px}.case-grid{display:grid;gap:35px}.case-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff}.case-card:nth-child(even) img{order:2}.case-card>img{width:100%;height:100%;min-height:410px;object-fit:cover}.case-card>div{padding:38px}.case-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.case-meta span{background:var(--yellow);padding:6px 9px;font-family:var(--font-mono);font-size:11px;font-weight:700}.case-meta small{color:var(--blue);font-weight:800}.case-card h2{font-family:var(--font-display);font-size:34px;font-weight:800;line-height:1.18;color:var(--navy-3)}.case-card p,.case-card li{font-size:14px;color:var(--muted)}.case-card h3{font-size:15px;margin-top:24px}.academy-content{display:grid;grid-template-columns:1fr 1fr;gap:75px}.academy-facts{display:grid;gap:12px;margin-top:30px}.academy-facts article{border-left:3px solid var(--blue);padding-left:15px}.academy-facts strong,.academy-facts span{display:block}.academy-facts span{color:var(--muted);font-size:13px}.academy-topics{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;background:var(--soft);border:1px solid var(--line)}.academy-topics li{padding:14px;border-bottom:1px solid var(--line);display:flex;gap:9px;font-size:13px;font-weight:700}.academy-topics .icon{width:17px;height:17px;color:var(--blue)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{border:1px solid var(--line);padding:30px;min-height:300px;display:flex;flex-direction:column;border-radius:4px}.article-card>span{color:var(--blue);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em}.article-card h2{font-family:var(--font-display);font-size:27px;font-weight:800;line-height:1.2;color:var(--navy-3)}.article-card p{color:var(--muted);font-size:14px}.article-card .text-link{margin-top:auto}.cluster-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.cluster-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.cluster-list article{background:#fff;padding:24px}.cluster-list h3{font-family:var(--font-display);font-size:22px;font-weight:800;margin:0 0 8px;color:var(--navy-3)}.cluster-list p{font-size:13px;color:var(--muted);margin:0}.article-hero{background:var(--navy-2);color:#fff;padding:75px 0}.article-hero h1{font-family:var(--font-display);font-size:60px;font-weight:800;line-height:1.1;letter-spacing:-.01em;margin:18px 0}.article-hero>div>p{color:#c7d7e0;font-size:18px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:70px}.prose{max-width:790px}.prose h2{font-family:var(--font-display);font-size:34px;font-weight:800;margin:45px 0 12px;color:var(--navy-3)}.prose p{color:var(--text)}.sidebar-card{border:1px solid var(--line);padding:25px;margin-bottom:20px}.sidebar-card h3{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--navy-3)}.sidebar-card p{color:var(--muted);font-size:14px}.sidebar-card .text-link{display:flex;margin-top:13px}.contact-summary{background:var(--yellow)}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr)}.contact-cards>a{padding:23px 28px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;border-right:1px solid rgba(0,0,0,.17)}.contact-cards>a:last-child{border:0}.contact-cards .icon{grid-row:1/3;width:27px;height:27px;align-self:center}.contact-cards span{font-size:12px;font-weight:800}.contact-cards strong{font-size:16px}.contact-layout{display:grid;grid-template-columns:340px 1fr;gap:55px;align-items:start}.contact-aside{position:sticky;top:140px}.contact-aside h2{font-family:var(--font-display);font-size:42px;font-weight:800;color:var(--navy-3)}.address-card{padding:20px 0;border-top:1px solid var(--line)}.address-card strong{display:block;color:var(--blue);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.address-card p{margin:7px 0}.address-card small{color:var(--muted)}.request-selector>h2{font-family:var(--font-display);font-size:40px;font-weight:800;margin-top:0;color:var(--navy-3)}.request-selector>nav{display:flex;gap:8px;position:sticky;top:101px;background:#fff;padding:10px 0;z-index:4}.request-selector>nav a{padding:9px 13px;background:var(--soft);font-size:12px;font-weight:800}.request-selector>section{scroll-margin-top:165px;margin-top:24px}.request-form{border:1px solid var(--line);padding:30px;margin-bottom:35px;background:#fff;border-radius:4px}.form-title{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.form-title span{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--navy-3)}.form-title p{max-width:390px;margin:0;color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:6px}.field--full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:var(--navy)}.field input,.field select,.field textarea{border:1px solid #bdc9d1;background:#fff;padding:12px;min-height:48px;border-radius:4px}.field textarea{min-height:125px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(11,90,166,.25);border-color:var(--blue)}.form-status{font-size:13px;margin-top:10px;color:var(--blue)}.error-page{min-height:70vh;display:grid;place-items:center;text-align:center}.error-page span{font-family:var(--font-display);font-size:100px;color:var(--yellow);font-weight:800}.site-footer{background:var(--navy-3);color:#d5e0e7;padding:70px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr .65fr 1fr;gap:55px}.footer-logo{display:inline-flex;margin-bottom:22px;border-radius:6px;overflow:hidden}.footer-logo img{width:200px;height:auto;border-radius:6px;display:block}.footer-brand p{color:#9eb2bf;max-width:340px}.footer-contact{display:flex;flex-direction:column;gap:10px;margin-top:22px}.footer-contact a{display:flex;align-items:center;gap:10px;font-size:14px}.footer-contact .icon{color:var(--yellow);width:17px;height:17px}.footer-col h3{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:.05em;color:#fff;margin:0 0 18px}.footer-col>a{display:block;color:#9eb2bf;font-size:13px;margin:9px 0}.footer-col p{font-size:13px;color:#9eb2bf}.footer-col p strong{color:#fff}.footer-link{color:var(--yellow)!important;display:flex!important;align-items:center;gap:7px}.footer-link svg{width:17px;height:17px}.footer-bottom{border-top:1px solid rgba(255,255,255,.11);margin-top:55px;padding:20px 0 26px;display:flex;justify-content:space-between;font-size:12px;color:#839aa9}.footer-bottom>div{display:flex;gap:24px}.mobile-actions{display:none}

@media(max-width:980px){.floating-hook-dock{display:none!important}.cta-command-card{padding:32px 24px}}
@media (prefers-reduced-motion: reduce){
  .cta-glow-border,.pulse-dot:after,.btn--shimmer:before,.btn--pulse-service,.hook-radar-dot:after{animation:none !important}
}
@media(max-width:1280px){.desktop-nav>a,.nav-dropdown>.has-dropdown{padding:0 6px;font-size:12.5px}.brand img{width:190px;min-width:170px}.header-inner{gap:10px}.header-cta{padding-inline:14px;font-size:13px}.sector-grid{grid-template-columns:repeat(3,1fr)}.supplier-grid{grid-template-columns:repeat(4,1fr)}.solution-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1080px){:root{--header:70px}.utility-bar,.desktop-nav,.header-cta{display:none}.site-header{height:70px}.brand img{width:180px;max-height:60px}.menu-toggle{display:block}.header-inner{gap:12px}.container{width:min(100% - 32px,var(--container))}.home-hero{min-height:710px;background-position:63% center}.home-hero h1{font-size:52px}.hero-content{padding-bottom:90px}.intent-wrap{margin-top:-35px}.intent-grid{grid-template-columns:1fr}.intent-grid article{min-height:auto;grid-template-columns:32px 40px 1fr}.solution-grid,.project-grid{grid-template-columns:1fr 1fr}.why-grid,.hose-grid,.feature-split,.academy-grid,.inner-hero-grid,.overview-grid,.service-process,.technical-grid,.faq-grid,.corporate-intro,.sector-method,.academy-content,.cluster-grid,.article-layout,.contact-layout{grid-template-columns:1fr}.why-intro,.contact-aside{position:static}.process-line{grid-template-columns:1fr}.process-line:before{left:34px;right:auto;top:0;bottom:0;width:1px;height:auto}.process-step{display:grid;grid-template-columns:70px 1fr;column-gap:20px}.process-step>span{grid-row:1/3}.process-step p{grid-column:2}.engineering-plate{grid-template-columns:1fr}.sector-grid{grid-template-columns:1fr 1fr}.reference-grid{grid-template-columns:repeat(3,1fr)}.section-heading{grid-template-columns:1fr;gap:14px}.heading-action{align-self:auto}.case-card{grid-template-columns:1fr}.case-card:nth-child(even) img{order:0}.request-info{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.inner-hero-grid>div:first-child{padding:10px 0 0}.inner-hero-image{height:320px;min-height:320px}.mobile-actions{display:grid;position:fixed;z-index:110;bottom:0;left:0;right:0;grid-template-columns:repeat(3,1fr);height:68px;background:#fff;box-shadow:0 -8px 20px rgba(0,31,51,.14)}.mobile-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--navy);gap:3px}.mobile-actions .icon{width:21px;height:21px}.mobile-actions .is-primary{background:var(--yellow);color:#071521}.site-footer{padding-bottom:68px}.mega-menu,.small-dropdown{display:none}}
@media(max-width:680px){.container{width:min(100% - 26px,var(--container))}.home-hero{min-height:710px;align-items:flex-start;background:linear-gradient(90deg,rgba(0,42,68,.98),rgba(0,42,68,.76)),url('../img/illustrative/flowart-hero-engineering.webp') 59% center/cover no-repeat}.hero-content{padding-top:70px;padding-bottom:40px}.hero-eyebrow{font-size:11px;line-height:1.5}.home-hero h1{font-size:40px;line-height:1.18;margin-top:24px}.home-hero>div>p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-proof{display:grid;gap:12px;margin-top:30px}.intent-wrap{margin-top:0}.intent-grid article{grid-template-columns:28px 32px 1fr;padding:24px 18px}.intent-grid h2{font-size:19px}.section{padding:66px 0}.section--compact{padding:52px 0}.section-heading h2,.why-intro h2,.hose-grid h2,.academy-grid h2,.corporate-intro h2,.technical-grid h2,.faq-grid h2,.sector-method h2,.request-info h2,.academy-content h2,.cluster-grid h2{font-size:33px}.solution-grid,.project-grid,.solution-grid--3,.solution-grid--4,.why-cards,.sector-grid,.reference-grid,.supplier-grid,.detail-grid,.value-grid,.metrics-grid,.product-grid,.sector-detail-grid,.article-grid,.academy-topics,.cluster-list{grid-template-columns:1fr}.solution-image{height:235px}.why-cards{border-left:0}.why-cards article{border-left:1px solid var(--line)}.project-image{height:245px}.hose-image img,.feature-split>img,.academy-visual img{height:290px}.sector-card{min-height:auto}.sector-card p{min-height:auto}.reference-grid{grid-template-columns:1fr 1fr}.supplier-grid{grid-template-columns:1fr 1fr}.academy-grid{padding:28px 22px}.cta-band{display:block}.cta-band h2{font-size:33px}.cta-actions{display:flex;flex-direction:column;margin-top:25px}.inner-hero h1{font-size:38px}.inner-hero p{font-size:15px}.inner-hero-image{height:240px;min-height:240px}.scope-list{grid-template-columns:1fr}.service-process h2{font-size:33px}.feature-split{gap:32px}.metrics-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.sector-detail{grid-template-columns:42px 1fr;padding:22px}.case-card>div{padding:25px}.case-card>img{min-height:260px}.article-hero{padding:55px 0}.article-hero h1{font-size:42px}.form-title{display:block}.form-title p{margin-top:8px}.form-grid{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr}.contact-cards>a{border-right:0;border-bottom:1px solid rgba(0,0,0,.17)}.request-selector>nav{top:70px;overflow:auto;white-space:nowrap}.request-form{padding:22px 16px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom>div{display:block;margin-top:10px}.footer-bottom>div>*{display:block;margin-top:5px}.article-layout{gap:35px}.utility-inner{display:none}}

.error-actions{justify-content:center;margin-top:24px}

/* Motion is intentionally sparse: it reveals hierarchy and process order, never decorates it. */
@media (prefers-reduced-motion:no-preference){
  html.motion-ready [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
  html.motion-ready [data-reveal="hero"]{transform:translateY(16px);transition-duration:.55s}
  html.motion-ready [data-reveal="item"]{transform:translateY(18px)}
  html.motion-ready [data-reveal].is-revealed{opacity:1;transform:none;will-change:auto}
  .process-step>span{transition:background-color .28s ease,color .28s ease,border-color .28s ease,transform .28s cubic-bezier(.22,1,.36,1)}
  .process-step:hover>span{background:var(--yellow);border-color:var(--yellow);color:var(--navy);transform:scale(1.06)}
  .solution-card,.project-card,.detail-card,.case-card{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease}
  .btn,.text-link{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
  .text-link svg{transition:transform .2s ease}.text-link:hover svg{transform:translateX(4px)}
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Referans şeridi: marka logoları yalnızca kullanıcı tarafından sağlanan kaynaklardan alınır. */
.references-section{padding:82px 0;overflow:hidden;background:#fff}.references-heading{margin-bottom:32px}.references-heading h2{font-family:var(--font-display);max-width:610px;margin:8px 0 0;font-size:44px;line-height:1.12;letter-spacing:-.01em}.reference-marquee{position:relative;width:100%;overflow:hidden;contain:paint}.reference-marquee:before,.reference-marquee:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:min(12vw,160px);pointer-events:none}.reference-marquee:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.reference-marquee:after{right:0;background:linear-gradient(270deg,#fff,transparent)}.reference-marquee-track{display:flex;width:max-content;gap:16px;animation:reference-marquee 42s linear infinite;will-change:transform;transform:translateZ(0)}.reference-marquee-card{width:218px;height:132px;flex:none;display:grid;grid-template-rows:1fr auto;place-items:center;border:1px solid var(--line);background:#fff;padding:18px 18px 13px;box-shadow:0 7px 20px rgba(0,31,51,.04);border-radius:4px}.reference-marquee-card img{max-width:168px;max-height:58px;width:auto;height:auto;object-fit:contain;filter:none;opacity:1;transition:filter .2s,opacity .2s}.reference-marquee-card span{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em;text-align:center;color:var(--navy)}.reference-marquee-card:hover img{filter:none;opacity:1}.reference-marquee:hover .reference-marquee-track{animation-play-state:paused}@keyframes reference-marquee{to{transform:translateX(calc(-50% - 8px))}}@media(max-width:680px){.references-section{padding:62px 0}.references-heading h2{font-size:33px}.reference-marquee-track{gap:10px;animation-duration:32s}.reference-marquee-card{width:174px;height:114px;padding:16px 13px 10px}.reference-marquee-card img{max-width:132px;max-height:48px}}@media(prefers-reduced-motion:reduce){.reference-marquee{overflow-x:auto}.reference-marquee-track{animation:none}.reference-marquee-card:nth-child(n+11){display:none}}

/* Alt Sayfa Düzen ve Kart Stilleri */
.project-large-grid,.sector-large-grid{display:grid;grid-template-columns:1fr;gap:30px}
.project-card-large,.sector-card-large{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 6px 20px rgba(0,31,51,.04)}
.project-card-large img,.sector-card-large img{width:100%;height:100%;min-height:340px;object-fit:cover}
.project-card-large>div,.sector-card-large>div{padding:38px;display:flex;flex-direction:column;justify-content:center}
.project-card-large h2,.sector-card-large h2,.sector-card-large h3{font-family:var(--font-display);font-size:30px;line-height:1.18;margin:10px 0 14px;color:var(--navy)}
.project-card-large p,.sector-card-large p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 24px}
.project-card-large .btn,.sector-card-large .btn{align-self:flex-start}

.article-image{display:block;height:220px;overflow:hidden;background:var(--soft);border-bottom:1px solid var(--line)}
.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.article-card:hover .article-image img{transform:scale(1.04)}
.article-body{padding:24px;display:flex;flex-direction:column;flex:1}
.article-body h3{font-family:var(--font-display);font-size:22px;line-height:1.25;margin:0 0 10px;color:var(--navy)}
.article-body p{color:var(--muted);font-size:14px;margin-bottom:20px;flex:1}

@media(max-width:980px){
  .project-card-large,.sector-card-large{grid-template-columns:1fr}
  .project-card-large img,.sector-card-large img{min-height:240px}
  .project-card-large>div,.sector-card-large>div{padding:26px}
}
.brand-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:2rem 0}

/* Accessibility Focus Visible */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--accent, #e30613) !important;
  outline-offset: 2px !important;
}

/* Engineering Calculator Widgets */
.calc-widget {
  background: var(--surface, #ffffff);
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 4px;
  padding: 24px;
  margin: 2rem 0;
  box-shadow: 0 4px 16px rgba(0, 31, 51, 0.06);
}
.calc-widget h3 {
  font-family: var(--font-display);
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 8px;
  color: var(--navy, #001f33);
}
.calc-widget p.calc-intro {
  font-size: 14px;
  color: var(--muted, #64748b);
  margin-bottom: 20px;
}
.calc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}
.calc-field {
  display: flex;
  flex-direction: column;
}
.calc-field label {
  font-size: 13px;
  font-weight: 600;
  color: var(--navy, #001f33);
  margin-bottom: 6px;
}
.calc-field input, .calc-field select {
  padding: 10px 12px;
  border: 1px solid var(--line, #cbd5e1);
  border-radius: 4px;
  font-family: var(--font-mono, monospace);
  font-size: 14px;
}
.calc-result {
  background: var(--soft, #f8fafc);
  border-left: 4px solid var(--accent, #e30613);
  padding: 16px;
  border-radius: 0 4px 4px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.calc-result-item {
  display: flex;
  flex-direction: column;
}
.calc-result-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--muted, #64748b);
}
.calc-result-value {
  font-family: var(--font-mono, monospace);
  font-size: 22px;
  font-weight: 700;
  color: var(--navy, #001f33);
}

/* Media Print Stylesheet */
@media print {
  .utility-bar, .site-header, .mobile-actions, .site-footer, .hero-actions, .skip-link {
    display: none !important;
  }
  body {
    background: #fff !important;
    color: #000 !important;
    font-size: 12pt !important;
    line-height: 1.4 !important;
  }
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  a[href]:after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    color: #555;
  }
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: "";
  }
  h1, h2, h3 {
    page-break-after: avoid;
    color: #000 !important;
  }
  .solution-card, .article-card, .detail-card, .calc-widget {
    page-break-inside: avoid;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
  }
}

/* ==========================================
   FLOWART V5 — AKIŞ İZİ & MÜHENDİSLİK LEVHASI
   (Anti-AI Slop Industrial Design Token System)
   ========================================== */
.eng-plate {
  background: var(--white);
  border: 1px solid var(--line);
  border-left: 4px solid var(--blue);
  border-radius: 4px;
  padding: 24px 28px;
  margin-bottom: 24px;
  position: relative;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.eng-plate:hover {
  border-color: #b0c2ce;
  border-left-color: var(--yellow);
  box-shadow: 0 10px 30px rgba(0, 38, 61, 0.07);
}
.eng-plate-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 12px;
}
.eng-plate-title {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 800;
  color: var(--navy-2);
  margin: 0;
  line-height: 1.2;
}
.eng-plate-chip {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  color: var(--blue);
  background: var(--soft);
  border: 1px solid var(--line);
  padding: 4px 10px;
  border-radius: 2px;
  white-space: nowrap;
  letter-spacing: 0.05em;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.eng-plate-chip--verified {
  color: #0b6b38;
  background: #edfbf3;
  border-color: #b2e9ca;
}
.eng-plate-chip--verified:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #10b981;
  border-radius: 50%;
}
.eng-plate-specs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  padding: 14px 0;
  border-top: 1px dashed var(--line);
  border-bottom: 1px dashed var(--line);
  margin: 14px 0;
}
.eng-spec-item {
  display: flex;
  flex-direction: column;
}
.eng-spec-label {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.eng-spec-val {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
}
.flow-trace-timeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  position: relative;
  margin-top: 30px;
}
.flow-trace-timeline:before {
  content: "";
  position: absolute;
  top: 24px;
  left: 10%;
  right: 10%;
  height: 2px;
  background: linear-gradient(90deg, var(--blue), var(--yellow), var(--blue));
  z-index: 0;
}
.flow-trace-step {
  position: relative;
  z-index: 1;
  background: var(--white);
  border: 1px solid var(--line);
  padding: 20px;
  border-radius: 4px;
}
.flow-trace-step-num {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 700;
  color: var(--blue);
  background: var(--soft);
  border: 1px solid var(--line);
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 4px;
  margin-bottom: 12px;
}
@media (max-width: 980px) {
  .flow-trace-timeline {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .flow-trace-timeline:before {
    top: 0;
    bottom: 0;
    left: 24px;
    right: auto;
    width: 2px;
    height: 100%;
  }
  .eng-plate {
    padding: 18px 20px;
  }
  .eng-plate-header {
    flex-direction: column;
    gap: 8px;
  }
}

/* Multi-language Switcher */
.lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  padding: 3px 6px;
  margin-left: 12px;
}
.lang-btn {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  padding: 4px 8px;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.lang-btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.lang-btn.is-active {
  color: #fff;
  background: var(--blue, #0066cc);
  font-weight: 700;
}
@media (max-width: 980px) {
  .lang-switcher {
    margin-left: 0;
    margin-top: 8px;
  }
}

/* 404 Error Page Styling */
.error-page {
  padding: 100px 20px;
  text-align: center;
  background: var(--dark, #0a1118);
  color: #fff;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-page span.error-code {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 120px;
  font-weight: 800;
  line-height: 1;
  color: var(--blue, #0066cc);
  letter-spacing: -2px;
  display: block;
  margin-bottom: 12px;
  text-shadow: 0 4px 20px rgba(0, 102, 204, 0.3);
}
.error-page h1 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 16px;
}
.error-page p {
  font-size: 16px;
  color: var(--muted, #94a3b8);
  max-width: 540px;
  margin: 0 auto 32px auto;
}
.error-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Language Switcher Styling */
.lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px 4px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 4px;
}
.utility-bar .lang-switcher {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  padding: 2px 4px;
}
.lang-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 6px;
  font-family: var(--font-mono, 'IBM Plex Mono', monospace);
  font-size: 11px;
  font-weight: 700;
  color: #b5cad8;
  border-radius: 3px;
  transition: all .2s ease;
  line-height: 1;
}
.lang-btn svg {
  width: 14px;
  height: 14px;
  flex: none;
  border-radius: 2px;
}
.lang-btn:hover {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}
.lang-btn.is-active {
  background: var(--yellow, #ffc200);
  color: #071521;
  font-weight: 800;
}
.mobile-lang-wrap .lang-switcher {
  background: var(--soft, #f3f6f8);
  border: 1px solid var(--line, #dce3e8);
}
.mobile-lang-wrap .lang-btn {
  color: var(--text, #435465);
}
.mobile-lang-wrap .lang-btn.is-active {
  background: var(--navy, #00324f);
  color: #ffffff;
}

/* WOW Animations & Premium Micro-Interactions */
.btn--primary {
  position: relative;
  overflow: hidden;
}
.btn--primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  transform: skewX(-25deg);
  transition: none;
}
.btn--primary:hover::before {
  animation: btnShimmer 0.75s ease;
}
@keyframes btnShimmer {
  100% { left: 200%; }
}

.hero-eyebrow i {
  animation: pulseLine 2s infinite ease-in-out;
}
@keyframes pulseLine {
  0%, 100% { opacity: 0.6; transform: scaleX(1); }
  50% { opacity: 1; transform: scaleX(1.2); }
}

.pulse-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #10b981;
  border-radius: 50%;
  position: relative;
  margin-right: 6px;
}
.pulse-dot::after {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 2px solid #10b981;
  border-radius: 50%;
  animation: pulseRadar 1.8s infinite ease-out;
}
@keyframes pulseRadar {
  0% { transform: scale(0.5); opacity: 1; }
  100% { transform: scale(2.2); opacity: 0; }
}

.solution-card, .project-card, .detail-card, .calc-widget {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease !important;
}
.solution-card:hover, .project-card:hover {
  transform: translateY(-6px) scale(1.01) !important;
  box-shadow: 0 20px 40px rgba(0, 31, 51, 0.15) !important;
}
.solution-card:hover .card-number {
  background: var(--yellow, #ffc400);
  color: #071521;
  transform: scale(1.1);
  transition: transform 0.25s ease, background-color 0.25s ease;
}
.metrics-grid strong {
  transition: transform 0.3s ease;
}
.metrics-grid article:hover strong {
  transform: scale(1.08);
  color: #ffffff;
}

/* Canvas Hero Dynamic Overlay */
.home-hero {
  position: relative;
}
.hero-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  opacity: 0.45;
}
.home-hero .container {
  position: relative;
  z-index: 2;
}


/* Alfa Laval artwork has a generous canvas; give its mark a little more presence. */
.reference-marquee-card img.supplier-logo--alfa{max-width:190px;max-height:82px}
@media(max-width:680px){.reference-marquee-card img.supplier-logo--alfa{max-width:132px;max-height:48px}}
.address-card--map iframe{display:block;width:100%;height:150px;margin-top:14px;border:1px solid var(--line);border-radius:4px;filter:saturate(.85)}
.address-card--map p{font-size:13px;line-height:1.45}
@media(max-width:680px){.address-card--map iframe{height:190px}}
.metrics-grid strong.is-counting{text-shadow:0 0 22px rgba(255,196,0,.42);transform:translateY(-1px)}

/* Service request form: clear hierarchy, comfortable fields, and a visible response state. */
.request-form{box-shadow:0 18px 45px rgba(0,31,51,.07);border-color:#d8e2e8}
.request-form .form-title{align-items:flex-start}
.request-form .form-title span{font-size:31px;line-height:1.1}
.request-form .form-title p{line-height:1.55}
.request-form .field label{line-height:1.35}
.request-form .field label span{color:#b17800}
.request-form .field input,.request-form .field textarea{font-size:15px;transition:border-color .2s ease,box-shadow .2s ease}
.request-form .field input::placeholder,.request-form .field textarea::placeholder{color:#7b8b95}
.request-form .field input:focus,.request-form .field textarea:focus{box-shadow:0 0 0 4px rgba(11,90,166,.1)}
.form-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.form-actions .btn{min-height:48px;padding-inline:22px}
.form-actions .btn span{margin-left:8px;font-size:18px}
.form-actions .form-status{margin:0;flex:1;min-width:220px;line-height:1.45}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:680px){.request-form .form-title span{font-size:27px}.form-actions{display:block}.form-actions .btn{width:100%}.form-actions .form-status{margin-top:12px;min-width:0}}
.cta-band .eyebrow{font-family:var(--font-display);font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:.04em;color:var(--yellow);margin-bottom:6px;line-height:1.15;display:block}
.cta-band .eyebrow:before{display:none}
@media(max-width:680px){.cta-band .eyebrow{font-size:20px}}

/* ==========================================
   SECTOR INDUSTRIAL ENGINEERING CARDS
   (Anti-AI Slop Corporate Industrial Architecture)
   ========================================== */
.sector-eng-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 28px;
  margin-bottom: 20px;
}
.sector-eng-card {
  background: #002B45;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 4px solid var(--yellow);
  border-radius: 6px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  position: relative;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  color: #fff;
}
.sector-eng-card:hover {
  transform: translateY(-5px);
  border-color: rgba(252, 206, 24, 0.5);
  border-top-color: var(--yellow);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45);
}
.sec-card-header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}
.sec-icon-box {
  width: 52px;
  height: 52px;
  background: rgba(252, 206, 24, 0.12);
  color: var(--yellow);
  border: 1px solid rgba(252, 206, 24, 0.28);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sec-icon-box .icon {
  width: 26px;
  height: 26px;
}
.sec-title-group {
  flex: 1;
  min-width: 0;
}
.sec-tag-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
.sec-idx {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  color: var(--yellow);
  letter-spacing: 0.12em;
}
.sec-tag {
  font-family: var(--font-mono);
  font-size: 11px;
  background: rgba(255, 255, 255, 0.08);
  color: #dce7ed;
  border: 1px solid rgba(255, 255, 255, 0.14);
  padding: 2px 8px;
  border-radius: 3px;
  font-weight: 600;
}
.sec-name {
  font-family: var(--font-display);
  font-size: 25px;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0;
  line-height: 1.18;
  letter-spacing: 0.02em;
}
.sec-desc {
  font-size: 14.5px;
  color: #a5b9c7;
  line-height: 1.6;
  margin: 0 0 18px;
}
.sec-apps-box {
  background: rgba(0, 20, 32, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 5px;
  padding: 14px 16px;
  margin-bottom: 18px;
}
.sec-subhead {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--yellow);
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px;
}
.sec-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.sec-chip {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  color: #e1ebf2;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 3px 9px;
  border-radius: 3px;
}
.sec-caps-box {
  margin-bottom: 22px;
  flex: 1;
}
.sec-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sec-checklist li {
  font-size: 13.5px;
  color: #c9d8e2;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  line-height: 1.45;
}
.sec-checklist li svg {
  width: 16px;
  height: 16px;
  color: var(--yellow);
  flex-shrink: 0;
  margin-top: 2px;
}
.sec-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: auto;
  flex-wrap: wrap;
}
.sec-spec-badge {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--yellow);
  background: rgba(252, 206, 24, 0.08);
  border: 1px solid rgba(252, 206, 24, 0.22);
  padding: 4px 10px;
  border-radius: 4px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.sec-spec-badge svg {
  width: 14px;
  height: 14px;
  color: var(--yellow);
  flex-shrink: 0;
}
.sec-action-link {
  font-size: 13px;
  font-weight: 800;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  padding: 8px 14px;
  border-radius: 4px;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, color 0.2s ease;
}
.sec-action-link:hover {
  background: var(--yellow);
  border-color: var(--yellow);
  color: #071521 !important;
  transform: translateX(2px);
}
.sec-action-link:hover span {
  color: #071521 !important;
}
.sec-action-link:hover svg {
  stroke: #071521 !important;
  color: #071521 !important;
}
.sec-action-link svg {
  width: 14px;
  height: 14px;
}
.section--dark .value-card {
  background: #002B45;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #fff;
}
.section--dark .value-card>span {
  color: var(--yellow);
}
.section--dark .value-card h3 {
  color: #FFFFFF;
}
.section--dark .value-card p {
  color: #a5b9c7;
}

.breadcrumbs {
  max-width: 1200px;
  margin: 18px auto 0;
  padding: 0 24px;
  color: #a5b9c7;
  font-size: 13px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.breadcrumbs a {
  color: #dbe7ee;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.breadcrumbs [aria-current="page"] {
  color: #f8d147;
}
@media(max-width: 768px) {
  .sector-eng-grid {
    grid-template-columns: 1fr;
  }
  .sec-card-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .sec-action-link {
    width: 100%;
    justify-content: center;
  }
}

/* The browser's collapsing address bar can make the layout viewport taller
   than what is actually visible at first load. site.js keeps this variable in
   sync so the fixed mobile actions never start below the visible edge. */
@media (max-width: 1080px) {
  .mobile-actions {
    bottom: var(--visual-viewport-bottom, 0px);
  }
  .mobile-actions .is-primary {
    background: var(--yellow);
    color: #071521;
    border-left: 0;
  }
  .mobile-actions a[href*="wa.me"] .icon svg {
    display: none;
  }
  .mobile-actions a[href*="wa.me"] .icon {
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 0;
    background: url('../img/brand/contact-messenger.png') center / contain no-repeat;
  }
  .mobile-actions a[href*="wa.me"] .icon::after {
    content: none;
  }
}

/* ==========================================
   TECHNICAL ARTICLE & RICH SNIPPET STYLES
   (Flowart Dark Industrial Theme)
   ========================================== */
.callout-snippet {
  position: relative;
  background: linear-gradient(145deg, #002238 0%, #001928 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-left: 3px solid var(--yellow, #fcce18);
  border-radius: 8px;
  padding: 24px 28px;
  margin: 28px 0 36px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  overflow: hidden;
}
.callout-snippet::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 140px;
  background: radial-gradient(circle at 100% 0%, rgba(11, 63, 134, 0.22) 0%, transparent 70%);
  pointer-events: none;
}
.callout-meta-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.callout-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-mono, monospace);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--yellow, #fcce18);
  background: rgba(252, 206, 24, 0.09);
  border: 1px solid rgba(252, 206, 24, 0.3);
  padding: 4px 10px;
  border-radius: 4px;
  text-transform: uppercase;
}
.callout-badge-icon {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  stroke: currentColor;
}
.callout-meta-tag {
  font-family: var(--font-mono, monospace);
  font-size: 11px;
  font-weight: 600;
  color: #7d9cb3;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.callout-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}
.callout-snippet h3,
.callout-title {
  font-family: var(--font-display, sans-serif);
  font-size: 21px;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0 0 10px;
  line-height: 1.35;
  letter-spacing: -0.01em;
}
.prose {
  color: #edf4fa;
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: -0.005em;
}
.prose h2 {
  color: #FFFFFF;
  font-family: var(--font-display, sans-serif);
  font-size: clamp(25px, 2.5vw, 31px);
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1.28;
  margin: 44px 0 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.prose h2:first-child {
  margin-top: 0;
}
.prose p {
  color: #e2edf6;
  font-size: 17px;
  line-height: 1.8;
  margin-bottom: 24px;
}
.prose strong,
.prose b {
  color: #FFFFFF;
  font-weight: 700;
}
.prose a:not(.pdf-btn-primary):not(.pdf-btn-secondary):not(.btn) {
  color: var(--yellow, #fcce18);
  text-decoration: underline;
  font-weight: 600;
}
.sidebar-card {
  background: #00243b;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 32px 28px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}
.sidebar-card h3 {
  color: #FFFFFF;
  font-family: var(--font-display, sans-serif);
  font-size: 24px;
  font-weight: 800;
  margin: 0 0 14px;
  line-height: 1.25;
}
.sidebar-card p {
  color: #dbe9f3;
  font-size: 15.5px;
  line-height: 1.7;
  margin: 0 0 24px;
}
.sidebar-card .btn {
  width: 100%;
  text-align: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 800;
}
.callout-snippet p,
.callout-body p {
  font-size: 16px;
  line-height: 1.78;
  color: #f0f6fb;
  margin: 0;
  font-weight: 400;
}
.steps-block {
  margin: 44px 0;
}
.steps-block h2 {
  font-family: var(--font-display, sans-serif);
  font-size: clamp(26px, 2.6vw, 32px);
  font-weight: 800;
  color: #FFFFFF;
  margin: 0 0 22px;
  letter-spacing: 0.01em;
}
.steps-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.step-card {
  background: #002339;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 22px 24px;
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 20px;
  align-items: start;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.step-card:hover {
  transform: translateX(4px);
  border-color: rgba(252, 206, 24, 0.45);
}
.step-num {
  width: 44px;
  height: 44px;
  background: rgba(252, 206, 24, 0.14);
  border: 1px solid rgba(252, 206, 24, 0.35);
  color: var(--yellow, #ffc200);
  font-family: var(--font-mono, monospace);
  font-weight: 800;
  font-size: 16px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.step-body strong {
  display: block;
  font-family: var(--font-body, sans-serif);
  font-size: 17.5px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 8px;
  line-height: 1.4;
}
.step-body p {
  color: #dceaf4;
  font-size: 15.5px;
  line-height: 1.7;
  margin: 0;
}
.table-caption {
  font-family: var(--font-display, sans-serif);
  font-size: 25px;
  font-weight: 800;
  color: #FFFFFF;
  margin-top: 48px;
  margin-bottom: 16px;
  letter-spacing: 0.01em;
}
.data-table-wrap {
  overflow-x: auto;
  margin: 16px 0 44px;
  background: #002033;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}
.data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  text-align: left;
}
.data-table th {
  background: #001524;
  color: var(--yellow, #ffc200);
  padding: 18px 22px;
  font-family: var(--font-mono, monospace);
  font-size: 13.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 2px solid rgba(252, 206, 24, 0.35);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.data-table th:last-child {
  border-right: 0;
}
.data-table td {
  padding: 16px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #eaf2f8;
  line-height: 1.65;
  font-size: 15px;
}
.data-table tr:nth-child(even) {
  background: rgba(0, 36, 56, 0.5);
}
.data-table tr:hover {
  background: rgba(252, 206, 24, 0.08);
}
.data-table td:first-child {
  font-family: var(--font-mono, monospace);
  font-weight: 700;
  color: #FFFFFF;
  white-space: nowrap;
}
.article-faq {
  margin-top: 52px;
  padding-top: 38px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.article-faq h2 {
  font-family: var(--font-display, sans-serif);
  font-size: clamp(26px, 2.6vw, 32px);
  font-weight: 800;
  color: #FFFFFF;
  margin: 0 0 24px;
}
.faq-item {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  margin-bottom: 16px;
  background: #002339;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.faq-item:hover {
  border-color: rgba(252, 206, 24, 0.4);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
.faq-question {
  padding: 20px 24px;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 12px;
}
.faq-question:before {
  content: "?";
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  background: rgba(252, 206, 24, 0.15);
  color: var(--yellow, #ffc200);
  border: 1px solid rgba(252, 206, 24, 0.35);
  border-radius: 50%;
  font-family: var(--font-mono, monospace);
  font-size: 12px;
  font-weight: 800;
  flex-shrink: 0;
}
.faq-answer {
  padding: 22px 24px;
  font-size: 16px;
  line-height: 1.75;
  color: #e2edf6;
}
.faq-answer p {
  color: #e2edf6;
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
}


/* Search-led technical guides: readable navigation and reference anchors. */
.article-toc{padding:1.25rem;border:1px solid #dbe4ec;background:#f6f9fc;margin-bottom:2rem}
.article-toc h2{margin-top:0;font-size:1.2rem}
.article-toc ul,.article-related ul{display:grid;gap:.65rem;padding-left:1.25rem}
.prose h2[id]{scroll-margin-top:8rem}
.article-related{margin-top:2rem;padding-top:1rem;border-top:1px solid #dbe4ec}
.theme-flowart-pdf .article-toc{background:#00263d;border-color:#235069;color:#e8f1f6}
.theme-flowart-pdf .article-toc a,.theme-flowart-pdf .article-related a{color:#ffc400}
.service-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0}
.service-decision ul{padding-left:1.25rem}
.service-decision li{margin:.65rem 0}
.theme-flowart-pdf .service-decision a:not(.btn){color:#ffc400}
@media(max-width:720px){.service-decision-grid{grid-template-columns:1fr;gap:1rem}}

/* Regional service coverage and industrial request preparation. */
.regional-summary,.regional-request{background:#002339;border-block:1px solid #235069}
#hizmet-bolgeleri{scroll-margin-top:9rem}
.region-chips{display:flex;flex-wrap:wrap;gap:.65rem;list-style:none!important;padding:0!important;margin:1.5rem 0!important}
.region-chips li{padding:.55rem .9rem;border:1px solid #496b7d;border-radius:4px;background:#00263d;color:#fff;margin:0!important;font-weight:700}
.region-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:1.75rem 0}
.regional-overview .pdf-container.prose{max-width:1280px}
.region-card{padding:1.5rem;background:#00263d;border:1px solid #235069;border-top:3px solid #ffc400;border-radius:6px;min-width:0}
.region-card h3{margin-top:0}
.region-card ul{padding-left:1.15rem}
.region-card li{margin:.7rem 0}
.region-problems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.75rem}
.region-problem{padding:1.4rem;border:1px solid #235069;border-radius:6px;min-width:0}
.region-problem h3{margin-top:0}
.region-note{padding:1rem 1.25rem;border-left:3px solid #ffc400;background:#002339}
.theme-flowart-pdf .regional-overview a,.theme-flowart-pdf .region-problems a,.theme-flowart-pdf .region-text-link,.theme-flowart-pdf .contact-region-scope a{color:#ffc400;text-decoration:underline;text-underline-offset:3px}
.region-faq{padding:1.25rem;border:1px solid #235069;border-radius:6px;margin:.85rem 0;background:#00263d}
.region-faq summary{cursor:pointer;font-size:1.05rem;font-weight:700;color:#fff;line-height:1.5}
.region-faq[open] summary{margin-bottom:.8rem;color:#ffc400}
.region-faq p{margin-bottom:0}
.contact-region-scope{line-height:1.7;margin:0 0 1.2rem;color:#e2edf6}
#servis{scroll-margin-top:7rem}
.region-faq summary:focus-visible,.region-text-link:focus-visible{outline:2px solid #ffc400;outline-offset:5px}
/* Keep fixed contact actions in the same palette as the page. */
body.theme-flowart-pdf .mobile-actions{background:#00263d;border-top:1px solid #496b7d;box-shadow:0 -6px 20px rgba(0,0,0,.25)}
body.theme-flowart-pdf .mobile-actions a{background:#00263d;color:#fff;border-right:1px solid #496b7d}
body.theme-flowart-pdf .mobile-actions a[href^="tel:"] .icon{color:var(--flowart-sarisi,#fcce18)}
body.theme-flowart-pdf .mobile-actions a.is-primary{background:var(--flowart-sarisi,#fcce18);color:#00263d;border-right:0}
body.theme-flowart-pdf .mobile-actions a:not(.is-primary):hover{background:#07374f}
body.theme-flowart-pdf .mobile-actions a.is-primary:hover{background:#ffd83b}
body.theme-flowart-pdf .mobile-actions a:focus-visible{outline:2px solid #fff;outline-offset:-5px}
@media(max-width:1100px){.region-models{grid-template-columns:1fr}}
@media(max-width:720px){.region-problems{grid-template-columns:1fr}.region-card,.region-problem{padding:1.15rem}.region-chips{gap:.5rem}}