.sector-page{background:#fff}
.sector-hero{position:relative;overflow:hidden;padding:76px 0;background:linear-gradient(118deg,#031526,#074665);color:#fff}
.sector-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 24%,rgba(52,216,231,.2),transparent 27%);pointer-events:none}
.sector-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}
.sector-hero h1{margin:15px 0 20px;font:800 clamp(2.75rem,5vw,4.8rem)/1.01 Montserrat,Inter,sans-serif;letter-spacing:-.052em}
.sector-hero p{max-width:720px;color:#d1e4eb;font-size:1.04rem;line-height:1.75}
.sector-hero figure{margin:0;min-height:420px;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,8,18,.35)}
.sector-hero figure img{width:100%;height:100%;min-height:420px;object-fit:cover}
.sector-section{padding:78px 0}
.sector-section.alt{background:#f2f7f9}
.sector-heading{display:grid;grid-template-columns:1fr .72fr;gap:38px;align-items:end;margin-bottom:32px}
.sector-heading h2{margin:10px 0 0;color:var(--brand);font-size:clamp(2rem,4vw,3.35rem);line-height:1.06;letter-spacing:-.04em}
.sector-heading p{margin:0;color:var(--muted2);line-height:1.7}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.problem-grid article{position:relative;padding:22px;border:1px solid var(--line2);border-radius:12px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.problem-grid article:before{display:grid;width:34px;height:34px;margin-bottom:15px;place-items:center;border:1px solid #c7e7ec;border-radius:9px;background:linear-gradient(145deg,#eaf9fa,#f7fcfd);color:#0786a0;font:800 1rem/1 Montserrat,Inter,sans-serif;box-shadow:0 7px 18px rgba(7,134,160,.08)}
.problem-grid article:nth-child(1):before{content:"ϟ"}
.problem-grid article:nth-child(2):before{content:"◇"}
.problem-grid article:nth-child(3):before{content:"⌁"}
.problem-grid article:nth-child(4):before{content:"⊙"}
.problem-grid article:nth-child(5):before{content:"▦"}
.problem-grid article:nth-child(6):before{content:"!"}
.problem-grid article:hover{transform:translateY(-2px);border-color:#9fd4dd;box-shadow:0 14px 30px rgba(3,47,72,.07)}
.problem-grid b{display:block;color:var(--brand)}
.problem-grid span{display:block;margin-top:6px;color:var(--muted2);font-size:.82rem;line-height:1.55}
/* Compact photography for sector-specific risk cards. */
.problem-grid article.risk-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:15px;align-items:start;padding:20px}
.problem-grid article.risk-card:before{display:none;content:none}
.risk-card-media{width:88px;height:88px;overflow:hidden;border:1px solid #d6e6eb;border-radius:10px;background:#edf4f6}
.risk-card-photo{display:block;width:100%;height:100%;object-fit:cover;transform:scale(var(--risk-zoom,1));transform-origin:var(--risk-focus,center)}
.risk-card-photo.risk-card-object{object-fit:contain;background:#fff}
.risk-card-media.risk-card-pair{display:flex;gap:2px;padding:3px;background:#eef4f6}
.risk-card-pair .risk-card-photo{width:calc((100% - 2px)/2);min-width:0;object-fit:cover;transform:none}
.risk-card-products .risk-card-photo{object-fit:contain}
.risk-photo-credits{margin-top:12px;color:#6b7f88;font-size:.68rem;line-height:1.55}
.risk-photo-credits summary{cursor:pointer;text-align:right}
.risk-photo-credits ul{margin:8px 0 0;padding-left:18px}
.risk-photo-credits a{text-decoration:underline;text-underline-offset:2px}
.risk-card-copy{min-width:0;overflow-wrap:break-word}
.sector-products{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.sector-product{display:grid;grid-template-columns:180px 1fr;min-height:260px;border:1px solid var(--line2);border-radius:16px;background:#fff;overflow:hidden}
.sector-product-visual{display:grid;place-items:center;padding:22px;background:linear-gradient(145deg,#061e2c,#07566a)}
.sector-product-visual img{width:100%;max-height:215px;object-fit:contain;filter:drop-shadow(0 20px 18px rgba(0,0,0,.32))}
.sector-product-copy{display:flex;flex-direction:column;padding:25px}
.sector-product-copy small{color:#0b9b88;font-weight:850;letter-spacing:.08em}
.sector-product-copy h3{margin:7px 0 8px;color:var(--brand);font-size:1.35rem}
.sector-product-copy p{margin:0;color:var(--muted2);font-size:.84rem;line-height:1.65}
.sector-product-copy a{margin-top:auto;padding-top:15px;color:#087e70;font-weight:850}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.guide-grid div{padding:18px 20px;border-left:4px solid #16a88e;background:#edf8f6}
.guide-grid b,.guide-grid span{display:block}
.guide-grid b{color:var(--brand)}
.guide-grid span{margin-top:4px;color:#5d737d;font-size:.8rem}
.sector-note{margin-top:18px;padding:18px 20px;border-radius:10px;background:#fff7df;color:#63532b;font-size:.82rem;line-height:1.65}
.sector-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:38px 42px;border-radius:18px;background:linear-gradient(118deg,#03263e,#08717c);color:#fff}
.sector-cta h2{margin:0 0 8px;font-size:2rem}
.sector-cta p{margin:0;color:#cce1e5}
.sector-cover-hero{min-height:640px;padding:0;background-image:linear-gradient(90deg,rgba(1,17,31,.95) 0%,rgba(2,29,47,.84) 31%,rgba(3,37,56,.36) 52%,rgba(3,37,56,.03) 74%),var(--sector-cover);background-position:center;background-size:cover}
.sector-cover-hero:after{background:linear-gradient(180deg,rgba(1,15,27,.08),rgba(1,15,27,.22))}
.sector-cover-hero .sector-hero-grid{display:flex;min-height:640px;align-items:center}
.sector-cover-hero .sector-hero-grid>div{position:relative;z-index:2;width:min(650px,52%);padding:72px 0}
.sector-cover-hero h1{text-shadow:0 4px 30px rgba(0,8,18,.38)}
.sector-cover-hero p{color:#e0edf2;text-shadow:0 2px 18px rgba(0,8,18,.42)}
.sector-cover-hero figure{display:none!important}
.sector-home-hero{--sector-cover:url('/assets/tanhu-sektor-ev-hero.webp')}
.sector-commercial-hero{--sector-cover:url('/assets/tanhu-sektor-ticari-yapilar-hero.webp')}
.sector-industry-hero{--sector-cover:url('/assets/tanhu-sektor-sanayi-makine-hero.webp')}
.sector-evcharge-hero{--sector-cover:url('/assets/tanhu-sektor-ev-sarj-gnd-hizali.webp')}
.sector-data-hero{--sector-cover:url('/assets/tanhu-sektor-veri-kritik-hero.webp')}
.marine-hero{min-height:640px;padding:0;background-image:linear-gradient(90deg,rgba(1,17,31,.94) 0%,rgba(2,29,47,.83) 30%,rgba(3,37,56,.35) 51%,rgba(3,37,56,.04) 72%),url('/assets/tanhu-tekne-yat-marine-hero.webp');background-position:center;background-size:cover}
.marine-hero:after{background:linear-gradient(180deg,rgba(1,15,27,.08),rgba(1,15,27,.22))}
.marine-hero .sector-hero-grid{display:flex;min-height:640px;align-items:center}
.marine-hero .sector-hero-grid>div{position:relative;z-index:2;width:min(650px,52%);padding:72px 0}
.marine-hero h1{text-shadow:0 4px 30px rgba(0,8,18,.34)}
.marine-hero p{color:#e0edf2;text-shadow:0 2px 18px rgba(0,8,18,.38)}
.marine-hero figure{display:none}
.marine-solution-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.marine-solution-copy h2{margin:12px 0 18px;color:var(--brand);font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;letter-spacing:-.04em}
.marine-solution-copy p,.marine-solution-copy li{color:var(--muted2);line-height:1.7}
.marine-solution-copy ul{display:grid;gap:9px;margin:22px 0 0;padding-left:20px}
.marine-spec-card{padding:30px;border:1px solid #bddde3;border-radius:18px;background:linear-gradient(145deg,#06283a,#07566a);color:#fff;box-shadow:0 25px 55px rgba(3,38,62,.18)}
.marine-spec-card>span{color:#6ee0dd;font-size:.75rem;font-weight:850;letter-spacing:.1em}
.marine-spec-card>strong{display:block;margin:9px 0 22px;font-size:1.6rem}
.marine-spec-card>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid rgba(255,255,255,.16)}
.marine-spec-card small{color:#c8e6e8;text-align:right}
.marine-spec-card p{margin:18px 0 0;color:#c8e0e5;font-size:.82rem;line-height:1.65}
.marine-products .sector-product{min-height:330px}
.marine-products .sector-product-visual{background:linear-gradient(145deg,#031c2b,#087181)}
.marine-products .sector-product-visual img{max-height:270px}
.marine-feature-list{display:grid;gap:4px;margin:13px 0 0;padding-left:17px;color:#5d737d;font-size:.78rem;line-height:1.45}
.marine-cta-section{padding-top:35px}
@media(max-width:980px){.sector-hero-grid,.sector-heading{grid-template-columns:1fr}
.sector-cover-hero{min-height:590px;background-image:linear-gradient(90deg,rgba(1,17,31,.95) 0%,rgba(2,29,47,.8) 48%,rgba(3,37,56,.18) 78%),var(--sector-cover);background-position:66% center}
.sector-cover-hero .sector-hero-grid{min-height:590px}
.sector-cover-hero .sector-hero-grid>div{width:min(620px,68%)}
.marine-hero{min-height:590px;background-image:linear-gradient(90deg,rgba(1,17,31,.94) 0%,rgba(2,29,47,.78) 48%,rgba(3,37,56,.18) 78%),url('/assets/tanhu-tekne-yat-marine-hero.webp');background-position:66% center}
.marine-hero .sector-hero-grid{min-height:590px}
.marine-hero .sector-hero-grid>div{width:min(620px,68%)}
.marine-solution-grid{grid-template-columns:1fr}
.sector-hero figure{min-height:340px}
.sector-hero figure img{min-height:340px}
.problem-grid{grid-template-columns:1fr 1fr}
.sector-product{grid-template-columns:150px 1fr}
}
@media(max-width:680px){.sector-hero,.sector-section{padding:58px 0}
.sector-hero figure{min-height:280px}
.sector-hero figure img{min-height:280px}
.problem-grid,.sector-products,.guide-grid{grid-template-columns:1fr}
.sector-product{grid-template-columns:120px 1fr;min-height:230px}
.sector-product-copy{padding:21px 18px}
.sector-cta{align-items:flex-start;flex-direction:column;padding:30px 25px}
.sector-cta .e-btn{width:100%}
.sector-cover-hero{min-height:620px;padding:0;background-image:linear-gradient(180deg,rgba(1,17,31,.91) 0%,rgba(1,23,39,.74) 52%,rgba(1,20,34,.93) 100%),var(--sector-cover);background-position:70% center}
.sector-cover-hero .sector-hero-grid{min-height:620px;align-items:flex-end}
.sector-cover-hero .sector-hero-grid>div{width:100%;padding:70px 0 55px}
.marine-hero{min-height:620px;padding:0;background-image:linear-gradient(180deg,rgba(1,17,31,.9) 0%,rgba(1,23,39,.76) 54%,rgba(1,20,34,.9) 100%),url('/assets/tanhu-tekne-yat-marine-hero.webp');background-position:70% center}
.marine-hero .sector-hero-grid{min-height:620px;align-items:flex-end}
.marine-hero .sector-hero-grid>div{width:100%;padding:70px 0 55px}
}
@media(prefers-reduced-motion:reduce){.problem-grid article{transition:none}.problem-grid article:hover{transform:none}}