:root{
  --murekkep:#0E131D;
  --murekkep-2:#131A27;
  --kemik:#EDE7DC;
  --bakir:#C2814F;
  --bakir-acik:#E0A270;
  --duman:#8C95A3;
  --hat:rgba(237,231,220,.12);
  --hat-koyu:rgba(14,19,29,.14);
  --maxw:1120px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
}
body{
  background:var(--murekkep);color:var(--kemik);
  font-family:'IBM Plex Sans',system-ui,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
::selection{background:var(--bakir);color:var(--murekkep)}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--bakir-acik);outline-offset:3px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  background:rgba(14,19,29,.82);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--hat);
}
.nav-in{max-width:var(--maxw);margin:0 auto;padding:14px 22px;display:flex;align-items:center;gap:26px}
.logo{font-family:'Archivo Black',sans-serif;font-size:20px;letter-spacing:.02em;position:relative;display:inline-block;line-height:1}
.logo i{font-style:normal;position:relative;display:inline-block}
.logo i::before{content:"";position:absolute;width:5px;height:5px;background:var(--bakir);left:50%;transform:translateX(-50%);top:-7px}
.nav-links{display:flex;gap:22px;margin-left:auto}
.nav-links a{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--duman);transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--kemik)}
.lang{display:flex;border:1px solid var(--hat)}
.nav-links + .lang{margin-left:0}
.lang button{background:none;border:none;cursor:pointer;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.08em;color:var(--duman);padding:6px 11px}
.lang button.on{background:var(--bakir);color:var(--murekkep)}
@media (max-width:720px){.nav-links{display:none}}
.page-hero{
  position:relative;min-height:72svh;display:flex;align-items:center;overflow:hidden;
  border-bottom:1px solid var(--hat);padding-top:72px;
}
#iz-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}
.page-hero .wrap{position:relative;z-index:2}
.eyebrow,.sec-label,.kicker{
  font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--bakir-acik);
}
.page-title{
  font-family:'Archivo Black',sans-serif;font-weight:400;
  font-size:clamp(46px,9vw,106px);line-height:.98;letter-spacing:.005em;
  max-width:11ch;margin:18px 0 18px;
}
.page-sub{color:var(--duman);max-width:62ch;font-size:clamp(16px,2vw,19px)}
.cta-row{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 26px;font-weight:600;font-size:15px;background:var(--bakir);color:var(--murekkep);transition:background .2s}
.btn:hover{background:var(--bakir-acik)}
.btn.ghost{background:transparent;color:var(--kemik);border:1px solid var(--hat)}
.btn.ghost:hover{border-color:var(--bakir);color:var(--bakir-acik)}
section{padding:96px 0;border-bottom:1px solid var(--hat)}
section.bone{background:var(--kemik);color:var(--murekkep);border-bottom:1px solid var(--hat-koyu)}
.sec-label{color:var(--duman);margin-bottom:14px}
.sec-label::before{content:"";display:inline-block;width:22px;height:1px;background:var(--bakir);margin-right:12px;vertical-align:4px}
.bone .sec-label{color:#6b7280}
h2{font-family:'Archivo Black',sans-serif;font-weight:400;font-size:clamp(28px,4.6vw,46px);line-height:1.08;letter-spacing:-.01em;margin-bottom:22px;max-width:20ch}
.lede{max-width:64ch;color:var(--duman);font-size:clamp(16px,2vw,18.5px)}
.bone .lede{color:#454d59}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:34px}
.detail-card,.method-card,.model-card{
  border:1px solid var(--hat);background:var(--murekkep-2);padding:28px 24px;display:flex;flex-direction:column;gap:12px;
}
.bone .detail-card{background:transparent;border-color:var(--hat-koyu)}
.detail-card .no,.method-card .no,.model-card .no{
  font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--bakir-acik);letter-spacing:.1em;text-transform:uppercase;
}
.bone .detail-card .no{color:var(--bakir)}
.detail-card h3,.method-card h3,.model-card h3{font-size:22px;line-height:1.2;font-weight:600}
.detail-card p,.method-card p,.model-card p{color:var(--duman);font-size:15.5px}
.bone .detail-card p{color:#454d59}
.detail-card ul,.method-card ul,.model-card ul{list-style:none;margin-top:4px}
.detail-card li,.method-card li,.model-card li{
  font-size:14.5px;padding:8px 0 8px 18px;position:relative;border-bottom:1px solid var(--hat);color:var(--kemik);
}
.bone .detail-card li{border-bottom-color:var(--hat-koyu);color:#28303b}
.detail-card li::before,.method-card li::before,.model-card li::before{
  content:"";position:absolute;left:0;top:16px;width:6px;height:6px;background:var(--bakir);
}
.wide-card{border:1px solid var(--hat);padding:34px 30px;background:var(--murekkep-2);margin-top:28px}
.wide-card p{color:var(--duman);max-width:70ch}
.manifest-line{font-size:clamp(25px,4vw,40px);line-height:1.28;font-weight:500;max-width:30ch;letter-spacing:-.01em}
.manifest-line em{font-style:normal;color:var(--bakir-acik)}
.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:34px;counter-reset:method}
.method-card::before{counter-increment:method;content:"0" counter(method);font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--bakir-acik);letter-spacing:.1em}
.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:34px}
.model-card{position:relative}
.model-card.feat{border-color:var(--bakir)}
.model-card .badge{position:absolute;top:-1px;right:-1px;background:var(--bakir);color:var(--murekkep);font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;padding:5px 12px;text-transform:uppercase}
.model-card .basis{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;color:var(--duman)}
.note-band{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.note{border-top:1px solid var(--hat);padding-top:18px;color:var(--duman)}
@media (max-width:760px){.note-band{grid-template-columns:1fr}.page-title{font-size:clamp(42px,16vw,74px)}}
.contact-mini{text-align:left}
.contact-mini .mail{font-family:'Archivo Black',sans-serif;font-size:clamp(22px,4vw,36px);color:var(--bakir-acik);display:inline-block;margin-top:14px;word-break:break-all;border-bottom:3px solid var(--bakir);padding-bottom:6px}
footer{padding:56px 0 64px}
.foot{display:flex;flex-wrap:wrap;gap:26px;align-items:baseline;justify-content:space-between;color:var(--duman);font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em}
.foot .logo{font-size:17px;color:var(--kemik)}
.foot a:hover{color:var(--kemik)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none}}