/* Uzman Safety - tek stil dosyası. 4 renk, 4px aralık ölçeği, 1200px genişlik. */
:root{
  --bg:#f6f5f1;--text:#15181b;--accent:#1d4a5c;--gray:#565c63;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--s20:80px;
  --serif:"Source Serif 4",Georgia,serif;--sans:"Source Sans 3",Arial,sans-serif;
}
*{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.5 var(--sans);padding-bottom:56px}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.15;margin:0 0 var(--s4)}
h1{font-size:36px}h2{font-size:28px}h3{font-size:22px}
p,ul,ol,dl,table{margin:0 0 var(--s4)}
a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:color 150ms,background-color 150ms}
a:hover{color:var(--text)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--s4)}
.skip{position:absolute;left:-9999px;top:0;background:var(--text);color:var(--bg);padding:var(--s2) var(--s4);z-index:20}
.skip:focus{left:var(--s2);top:var(--s2)}
/* header */
header.site{background:var(--bg);border-bottom:1px solid var(--gray)}
.bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s6);padding-top:var(--s3);padding-bottom:var(--s3)}
.brand{font:600 22px/1.15 var(--serif);color:var(--text);text-decoration:none}
header nav{flex:1 1 100%;order:3}
header nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);padding:0;margin:0;font-size:14px}
header nav a{color:var(--text);text-decoration:none;padding:var(--s1) 0;display:inline-block}
header nav a:hover{color:var(--accent);text-decoration:underline}
.bar .btn{margin-left:auto}
.btn{display:inline-block;background:var(--accent);color:var(--bg);font:600 16px/1.5 var(--sans);padding:var(--s3) var(--s6);border:1px solid var(--accent);border-radius:2px;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--text);border-color:var(--text);color:var(--bg)}
/* filter band */
.band{background:var(--accent);color:var(--bg);font-size:14px}
.band ul{list-style:none;margin:0;padding:var(--s2) 0;display:flex;flex-direction:column;gap:var(--s1)}
.band.on-dark{background:transparent;border-bottom:1px solid var(--gray)}
.band.form-band{background:transparent;color:var(--text);border:1px solid var(--accent);margin-bottom:var(--s6)}
.band.form-band .wrap{max-width:none}
/* crumbs */
.crumb{font-size:14px;color:var(--gray);padding:var(--s3) 0 0}
.crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s2);padding:0;margin:0}
.crumb li+li:before{content:"/";margin-right:var(--s2)}
.crumb a{color:var(--gray)}
/* sections */
.sec{padding:var(--s12) 0}
.sec+.sec{padding-top:0}
.lead{font-size:18px;max-width:760px}
.intro{padding:var(--s12) 0 var(--s8)}
.intro p{max-width:760px}
.small{font-size:14px;color:var(--gray)}
.two{display:grid;gap:var(--s8)}
.two ul{padding-left:var(--s6)}
.row{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s6);align-items:center}
.cta{background:var(--text);color:var(--bg);padding:var(--s12) 0}
.sec.cta+.sec{padding-top:var(--s12)}
.cta a.lnk{color:var(--bg)}
.cta .btn{background:var(--bg);color:var(--text);border-color:var(--bg)}
.cta .btn:hover{background:var(--accent);color:var(--bg);border-color:var(--bg)}
.steps{list-style:none;padding:0;counter-reset:s;display:grid;gap:var(--s6)}
.steps li{counter-increment:s;padding-left:var(--s12);position:relative}
.steps li:before{content:counter(s);position:absolute;left:0;top:0;font:600 28px/1.15 var(--serif);color:var(--accent)}
.steps h3{font-size:18px;margin-bottom:var(--s1)}
.steps p{margin:0;max-width:560px}
/* listeler ve tablolar */
.rows{list-style:none;padding:0;margin:0 0 var(--s6)}
.rows li{padding:var(--s3) 0;border-bottom:1px solid var(--gray);display:grid;gap:var(--s1)}
.rows a{font:600 18px/1.5 var(--sans)}
table{border-collapse:collapse;width:100%;font-size:16px}
.tw{overflow-x:auto}
th,td{text-align:left;vertical-align:top;padding:var(--s3) var(--s3) var(--s3) 0;border-bottom:1px solid var(--gray)}
th{font-weight:600}
dl.facts{display:grid;gap:0}
dl.facts dt{font-weight:600;padding-top:var(--s3)}
dl.facts dd{margin:0;padding-bottom:var(--s3);border-bottom:1px solid var(--gray)}
.team{display:grid;gap:var(--s6)}
.team h3{font-size:18px;margin-bottom:var(--s1)}
.team p{margin:0}
.tds{display:grid;gap:var(--s8)}
.tds img{border:1px solid var(--gray);background:#fff;width:100%;max-width:480px}
details{border-bottom:1px solid var(--gray);padding:var(--s3) 0}
summary{font-weight:600;cursor:pointer}
details p{margin:var(--s2) 0 0}
.kw{columns:1;padding-left:var(--s6)}
/* form */
form.rfq{display:grid;gap:var(--s4);max-width:640px}
label{display:block;font-weight:600;margin-bottom:var(--s1)}
input,select,textarea{width:100%;font:400 16px/1.5 var(--sans);color:var(--text);background:#fff;border:1px solid var(--gray);border-radius:2px;padding:var(--s3)}
.chk{display:flex;gap:var(--s3);align-items:flex-start}
.chk input{width:20px;height:20px;margin-top:var(--s1);flex:none}
.chk label{font-weight:400;margin:0}
/* footer */
footer.site{background:var(--text);color:var(--bg);margin-top:var(--s12);font-size:14px}
footer.site a{color:var(--bg)}
footer.site .band{color:var(--bg)}
.fgrid{display:grid;gap:var(--s8);padding-top:var(--s8);padding-bottom:var(--s6)}
.fgrid ul{list-style:none;padding:0;margin:0}
.fgrid li{padding:var(--s1) 0}
.fh{font:600 18px/1.5 var(--sans);margin-bottom:var(--s2)}
.copy{padding-bottom:var(--s6)}
/* mobil alt çubuk */
.mbar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);background:var(--text);z-index:10}
.mbar a{color:var(--bg);text-align:center;padding:var(--s4) var(--s2);text-decoration:none;font-weight:600}
.mbar a:last-child{background:var(--accent)}
.mbar a:hover{background:var(--accent)}
@media (min-width:640px){
  .band ul{flex-direction:row;flex-wrap:wrap;gap:var(--s1) var(--s6)}
  .two{grid-template-columns:1fr 1fr}
  .team{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .kw{columns:2}
  .fgrid{grid-template-columns:2fr 1fr 1fr}
  dl.facts{grid-template-columns:220px 1fr}
  dl.facts dt,dl.facts dd{border-bottom:1px solid var(--gray);padding:var(--s3) 0}
  .rows li{grid-template-columns:1fr 2fr;gap:var(--s6)}
}
@media (min-width:1024px){
  body{padding-bottom:0}
  .mbar{display:none}
  h1{font-size:48px}h2{font-size:36px}
  header nav{flex:0 1 auto;order:0}
  .bar .btn{margin-left:auto}
  .steps{grid-template-columns:repeat(5,1fr)}
  .tds{grid-template-columns:480px 1fr}
  .intro{padding-top:var(--s20)}
}
@media (min-width:1440px){
  h1.xl{font-size:64px}
}