/* ============ ANDEVOS * TRUST. CODED. * shared system ============ */
@font-face{font-family:'PP Neue Montreal';src:url('fonts/PPNeueMontreal-Light.woff2') format('woff2'),url('fonts/PPNeueMontreal-Light.woff') format('woff');font-weight:300;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url('fonts/PPNeueMontreal-Regular.woff2') format('woff2'),url('fonts/PPNeueMontreal-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url('fonts/PPNeueMontreal-Medium.woff2') format('woff2'),url('fonts/PPNeueMontreal-Medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url('fonts/PPNeueMontreal-Semibold.woff2') format('woff2'),url('fonts/PPNeueMontreal-Semibold.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url('fonts/PPNeueMontreal-Bold.woff2') format('woff2'),url('fonts/PPNeueMontreal-Bold.woff') format('woff');font-weight:700;font-display:swap}

:root{
  --red:#EA252C;--black:#0A0A0A;--elephant:#949699;--shiny:#C7C6C6;--concrete:#F2F2F2;--paper:#FFFFFF;
  --sans:'PP Neue Montreal',Helvetica,Arial,sans-serif;
  --mono:ui-monospace,'SF Mono','JetBrains Mono',Menlo,Consolas,monospace;
  --t:150ms cubic-bezier(.4,0,.2,1);--tr:520ms cubic-bezier(.16,1,.3,1);--pad:clamp(20px,4vw,56px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-padding-top:96px}
body{font-family:var(--sans);background:var(--concrete);color:var(--black);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--red);color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1480px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
i.p{font-style:normal;color:var(--red)}
.cm{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--elephant)}
.mk{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:currentColor}
.label{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--elephant);display:flex;align-items:center;gap:12px}
.label .mk{width:.85em;height:.85em;color:var(--red)}

/* reveals */
.rw{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em}
.rw>span{display:block;transform:translateY(135%);transition:transform var(--tr)}
.on .rw>span{transform:none}
.rw.d1>span{transition-delay:70ms}.rw.d2>span{transition-delay:140ms}.rw.d3>span{transition-delay:210ms}
.fd{opacity:0;transform:translateY(14px);transition:opacity var(--tr),transform var(--tr)}
.on .fd,.on.fd{opacity:1;transform:none}

/* header */
body::before{content:'';position:fixed;top:0;left:0;right:0;height:3px;background:var(--red);z-index:60}
header{position:fixed;top:3px;left:0;right:0;z-index:50;background:var(--concrete);border-bottom:1px solid var(--black)}
.hd{display:flex;align-items:center;gap:40px;height:84px}
.brand{display:flex;align-items:center;gap:13px}
.brand svg{width:34px;height:34px;color:var(--red);transition:transform 260ms cubic-bezier(.6,0,.2,1)}
.brand:hover svg{transform:rotate(90deg)}
.brand .wordmark{font-weight:700;font-size:26px;letter-spacing:-.01em;line-height:1}
nav.primary{display:flex;gap:42px;margin-left:auto;transition:opacity var(--t)}
nav.primary a{font-size:16.5px;font-weight:600;position:relative;letter-spacing:-.005em}
nav.primary a::before{content:'';position:absolute;left:-17px;top:52%;width:11px;height:11px;transform:translateY(-50%);
  background:var(--red);opacity:0;transition:opacity var(--t);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2263.89 25.92 65.86 65.86%22%3E%3Cg fill=%22currentColor%22%3E%3Cpath d=%22M 102.308594 53.363281 L 102.308594 25.921875 L 96.820312 25.921875 L 96.820312 51.25 L 80.355469 25.921875 L 73.496094 25.921875 L 91.332031 53.363281 Z%22/%3E%3Cpath d=%22M 102.308594 64.339844 L 129.75 64.339844 L 129.75 58.851562 L 104.417969 58.851562 L 129.75 42.386719 L 129.75 35.523438 L 102.308594 53.363281 Z%22/%3E%3Cpath d=%22M 91.332031 64.339844 L 91.332031 91.78125 L 96.820312 91.78125 L 96.820312 66.449219 L 113.285156 91.78125 L 120.144531 91.78125 L 102.308594 64.339844 Z%22/%3E%3Cpath d=%22M 91.332031 53.363281 L 63.890625 53.363281 L 63.890625 58.851562 L 89.222656 58.851562 L 63.890625 75.316406 L 63.890625 82.175781 L 91.332031 64.339844 Z%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2263.89 25.92 65.86 65.86%22%3E%3Cg fill=%22currentColor%22%3E%3Cpath d=%22M 102.308594 53.363281 L 102.308594 25.921875 L 96.820312 25.921875 L 96.820312 51.25 L 80.355469 25.921875 L 73.496094 25.921875 L 91.332031 53.363281 Z%22/%3E%3Cpath d=%22M 102.308594 64.339844 L 129.75 64.339844 L 129.75 58.851562 L 104.417969 58.851562 L 129.75 42.386719 L 129.75 35.523438 L 102.308594 53.363281 Z%22/%3E%3Cpath d=%22M 91.332031 64.339844 L 91.332031 91.78125 L 96.820312 91.78125 L 96.820312 66.449219 L 113.285156 91.78125 L 120.144531 91.78125 L 102.308594 64.339844 Z%22/%3E%3Cpath d=%22M 91.332031 53.363281 L 63.890625 53.363281 L 63.890625 58.851562 L 89.222656 58.851562 L 63.890625 75.316406 L 63.890625 82.175781 L 91.332031 64.339844 Z%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain}
nav.primary a:hover::before,nav.primary a.here::before{opacity:1}
/* language switch — segmented tiles */
.langsw{display:inline-flex;border:1px solid var(--black);font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;line-height:1}
.langsw a,.langsw .on{padding:9px 13px;display:block;color:var(--black);transition:background var(--t),color var(--t)}
.langsw .on{background:var(--black);color:#fff}
.langsw a:hover{background:var(--red);color:#fff}
#mnav .langsw{border-color:#555;margin:26px 0 18px;align-self:flex-start}
#mnav .langsw a{color:#fff}
#mnav .langsw .on{background:#fff;color:var(--black)}
.hd .lang{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;color:var(--elephant)}
.hd .lang b{color:var(--black);font-weight:400}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--black);color:#fff;font-weight:600;font-size:15.5px;padding:15px 28px;border:none;cursor:pointer;transition:background var(--t),color var(--t);font-family:var(--sans)}
.btn:hover{background:var(--red);color:#fff}
.btn-red{background:var(--red)}
.btn-red:hover{background:var(--black)}
.hd .btn{padding:13px 24px}
.burger{display:none;margin-left:auto;background:none;border:0;cursor:pointer;padding:8px}
.burger span{display:block;width:24px;height:2.5px;background:var(--black);margin:5px 0}
#mnav{position:fixed;inset:0;background:var(--black);z-index:70;display:none;flex-direction:column;padding:24px var(--pad)}
#mnav.open{display:flex}
#mnav .top{display:flex;justify-content:space-between;align-items:center;height:48px;color:#fff}
#mnav a.item{color:#fff;font-size:clamp(34px,9vw,56px);font-weight:600;letter-spacing:-.02em;padding:14px 0;border-bottom:1px solid #222}
#mnav a.item .mk{color:var(--red);width:.55em;height:.55em;margin-right:18px}
#mnav .btn{margin-top:auto;justify-content:center;font-size:17px;padding:18px}
#mnav .close{background:none;border:0;color:#fff;font-size:30px;cursor:pointer;padding:10px 14px;margin-right:-14px}

/* sections */
section{position:relative}
.shead{display:flex;justify-content:space-between;align-items:baseline;padding-top:30px;gap:24px;flex-wrap:wrap}
h2.hl{font-size:clamp(38px,5.2vw,78px);line-height:1.02;letter-spacing:-.03em;font-weight:600;margin:22px 0 52px}
.caret{display:inline-block;width:.45em;height:.9em;background:var(--red);vertical-align:-.07em;margin-left:.12em;animation:blink 1.1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}

/* page hero (subpages) */
.phero{padding-top:184px;padding-bottom:72px;border-bottom:1px solid var(--shiny)}
.phero h1{font-size:clamp(42px,6.4vw,104px);line-height:1.02;letter-spacing:-.033em;font-weight:600;max-width:13em}
.phero .sub{margin-top:32px;font-size:clamp(17px,1.5vw,21px);max-width:36em;color:#2c2c2c}

/* numbers */
.dark{background:var(--black);color:#fff;overflow:hidden}
.dark .label{color:#8a8c8f}
.patbg{position:absolute;right:-4%;top:0;bottom:0;width:30%;color:#fff;opacity:.04;pointer-events:none}
.figs{display:grid;grid-template-columns:repeat(4,1fr);max-width:1240px;margin:0 auto}
.fig{border-left:1px solid #2f2f2f;padding:6px 20px 0;text-align:center}
.fig:first-child{border-left:none}
.fig .v{font-size:clamp(52px,5.8vw,98px);font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.fig:first-child .v{color:var(--red)}
.fig .l{margin:16px auto 0;font-size:15px;color:#a9abae;max-width:15em}

/* logo wall */
.wall{background:var(--shiny);border:1px solid var(--shiny);display:grid;grid-template-columns:repeat(6,1fr);gap:1px}
.cell{background:var(--paper);display:flex;align-items:center;justify-content:center;padding:28px 24px;min-height:100px;transition:background var(--t)}
.cell img{max-height:32px;width:auto;max-width:80%;filter:grayscale(1) contrast(.85) opacity(.5);transition:filter var(--t)}
.cell:hover img{filter:grayscale(1) contrast(.95) opacity(.85)}

/* closing CTA */
.close-cta{background:var(--black);color:#fff;overflow:hidden}
.close-cta .patbg{color:var(--red);opacity:.14;width:44%;right:-6%}
.close-cta .inner{padding-top:100px;padding-bottom:110px;position:relative;z-index:1;text-align:center}
.close-cta .label{justify-content:center;color:#8a8c8f}
.close-cta h2{font-size:clamp(42px,6vw,100px);line-height:1.02;letter-spacing:-.033em;font-weight:600;margin:24px auto 0;max-width:12em}
.close-cta .act{margin-top:52px;display:flex;align-items:center;justify-content:center;gap:42px;flex-wrap:wrap}
.close-cta .btn-red:hover{background:#fff;color:var(--black)}
.close-cta .meta{font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:#a9abae}
.close-cta .meta .mk{color:var(--red);width:.75em;height:.75em;margin:0 .8em}
.close-cta .meta a:hover{color:#fff}

/* footer */
footer{background:var(--black);color:#fff;border-top:1px solid #262626}
.ft{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:0;padding-top:76px;padding-bottom:56px}
.ft>div{border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(20px,2vw,34px);padding-right:20px}
.ft>div:first-child{border-left:none;padding-left:0;display:flex;align-items:center;justify-content:center}
.ft .slogan{width:clamp(170px,14vw,220px);height:auto;display:block}
.ft h4{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45);font-weight:400;margin-bottom:18px}
.ft ul{list-style:none}
.ft li{margin-bottom:11px;font-size:14.5px}
.ft a{color:rgba(255,255,255,.9);transition:color var(--t)}
.ft a:hover{color:var(--red)}
.ftbar{border-top:1px solid rgba(255,255,255,.14)}
.ftbar .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;padding-bottom:26px}
.ftbar .cm{color:rgba(255,255,255,.55)}
.ftbar .cm .mk{width:.8em;height:.8em;color:var(--red);margin:0 .55em;vertical-align:-.1em}

/* forms */
.field-row{display:flex;flex-direction:column;gap:8px;margin-bottom:26px}
.field-row label{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#555}
.field-row label .req{color:var(--red);margin-left:6px}
.field-row input,.field-row textarea{font-family:var(--sans);font-size:17px;padding:16px 18px;border:1px solid var(--shiny);background:var(--paper);color:var(--black);transition:border-color var(--t);border-radius:0;appearance:none}
.field-row input:focus,.field-row textarea:focus{outline:none;border-color:var(--black)}
.field-row textarea{min-height:150px;resize:vertical}

@media(max-width:1080px){
  .figs{grid-template-columns:repeat(2,1fr);row-gap:52px}
  .fig:nth-child(3){border-left:none}
  .wall{grid-template-columns:repeat(4,1fr)}
  .ft{grid-template-columns:1fr 1fr;row-gap:48px}
  .ft>div:nth-child(odd){border-left:none;padding-left:0}
}
@media(max-width:820px){
  nav.primary,.hd .lang,.hd .langsw,.hd .btn{display:none}
  .burger{display:block}
  .hd{height:72px}
  .brand svg{width:28px;height:28px}
  .brand .wordmark{font-size:22px}
  .phero{padding-top:150px;padding-bottom:56px}
  .wall{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:560px){
  .wall{grid-template-columns:repeat(2,1fr)}
  .figs{grid-template-columns:1fr}
  .ft{grid-template-columns:1fr 1fr;row-gap:34px;padding-top:48px;padding-bottom:32px}
  .ft>div{border-left:none;padding-left:0;padding-right:10px}
  .ft>div:first-child{grid-column:1/3;justify-content:center;padding-bottom:4px}
  .ft .slogan{width:148px}
  .ft h4{margin-bottom:12px}
  .ft li{margin-bottom:8px;font-size:13.5px}
}
@media(max-width:560px){
  .phero h1{font-size:clamp(36px,10.5vw,60px)}
  h2.hl{font-size:clamp(32px,9.5vw,52px)}
  html[lang="tr"] h2.hl{font-size:clamp(24px,8.2vw,52px)}
  .close-cta h2{font-size:clamp(34px,10vw,52px)}
  .fig .v{font-size:clamp(46px,15vw,70px)}
  .btn{padding:14px 22px}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .rw>span,.fd{transform:none;opacity:1}
}

br.db{display:inline}
@media(max-width:600px){br.db{display:none}}
/* GRID LAW — the wrap gutters are absolute. nothing overrides them. */
.wrap{padding-left:var(--pad) !important;padding-right:var(--pad) !important}

/* legal documents — long URLs break, wide tables scroll in place */
.doc a,.doc .uri{overflow-wrap:anywhere}
.doc li,.doc p{overflow-wrap:break-word}
.doc table{max-width:100%}
@media(max-width:700px){.doc table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}