*{box-sizing:border-box}html{background:#111114;-webkit-text-size-adjust:100%}
body{margin:0;background:#111114;color:#F2EFE8;font:400 16px/1.5 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}h1,h2,h3{margin:0;font-family:"Syne","Inter",sans-serif;font-weight:700;line-height:.95;letter-spacing:-.035em;text-wrap:balance}
.u{font:500 11px "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.band{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.in{max-width:1320px;margin:0 auto}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.top{position:sticky;top:0;z-index:10;background:rgba(17,17,20,.96);border-bottom:1px solid #34343C;padding-top:env(safe-area-inset-top,0px)}
.top .in{height:64px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.mark{font-family:"Syne",sans-serif;font-weight:700;font-size:24px;letter-spacing:.02em;line-height:1;text-decoration:none}
.back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:30px;border:1px solid #F2EFE8;text-decoration:none;transition:background .3s,color .3s,border-color .3s}
.back:hover{background:#FF4122;border-color:#FF4122;color:#111114}
.hero{background:#FF4122;color:#111114;position:relative;padding-block:clamp(48px,8vw,110px) clamp(40px,6vw,80px)}
.hero .in{display:flex;flex-direction:column;gap:clamp(18px,2.6vw,30px)}
.dot{display:inline-block;width:.75em;height:.75em;border-radius:50%;background:#F2EFE8;margin-right:.7em}
.hero h1{font-size:clamp(2.6rem,8vw,7rem)}
.hero .k{font-family:"Syne",sans-serif;font-weight:700;font-size:clamp(1.2rem,2.4vw,2rem);letter-spacing:-.02em;line-height:1.1;margin:0;max-width:26ch}
.hero .p{margin:0;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.5;max-width:56ch}
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:36px;background:#111114;color:#F2EFE8;text-decoration:none;align-self:flex-start;transition:background .3s}
.pill:hover{background:#2A2A30}
.crn{position:absolute;width:clamp(22px,3vw,40px);height:clamp(22px,3vw,40px);border:0 solid #111114;pointer-events:none}
.crn.a{left:14px;top:14px;border-left-width:3px;border-top-width:3px}.crn.b{right:14px;top:14px;border-right-width:3px;border-top-width:3px}
.crn.c{left:14px;bottom:14px;border-left-width:3px;border-bottom-width:3px}.crn.d{right:14px;bottom:14px;border-right-width:3px;border-bottom-width:3px}
.sec{padding-block:clamp(56px,8vw,110px);border-top:1px solid #34343C}
.sec h2{font-size:clamp(1.9rem,5vw,3.8rem);margin-bottom:clamp(24px,4vw,44px)}
.lab{display:block;margin-bottom:14px;color:rgba(242,239,232,.7)}
.lab i{background:#FF4122}
.list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;counter-reset:s}
.list li{counter-increment:s;display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 10px;padding:18px 0;border-top:1px solid #34343C}
.list li::before{content:counter(s,decimal-leading-zero);font:500 11px "IBM Plex Mono",monospace;letter-spacing:.06em;color:#FF4122;padding-top:5px;grid-row:1/3}
.list b{font-family:"Syne",sans-serif;font-weight:700;font-size:clamp(1.05rem,1.6vw,1.3rem);letter-spacing:-.02em;line-height:1.15}
.list span{color:rgba(242,239,232,.72);font-size:15px;line-height:1.45}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.steps li{border-top:3px solid #FF4122;padding-top:18px;display:flex;flex-direction:column;gap:10px}
.steps small{color:rgba(242,239,232,.7)}
.steps b{font-family:"Syne",sans-serif;font-weight:700;font-size:clamp(1.15rem,1.8vw,1.5rem);letter-spacing:-.02em}
.steps span{color:rgba(242,239,232,.72);font-size:15px;line-height:1.45}
.others{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.others a{display:flex;flex-direction:column;gap:22px;justify-content:space-between;min-height:130px;padding:20px;border:1px solid #34343C;border-radius:14px;text-decoration:none;transition:border-color .3s,background .3s}
.others a:hover{border-color:#FF4122;background:#1C1C21}
.others b{font-family:"Syne",sans-serif;font-weight:700;font-size:clamp(1.1rem,1.8vw,1.5rem);letter-spacing:-.02em;line-height:1.1}
.others small{color:rgba(242,239,232,.7)}
.cta{background:#FF4122;color:#111114;border-radius:16px;padding:clamp(24px,4vw,56px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.cta h2{margin:0;font-size:clamp(2rem,5vw,3.8rem)}
.foot{padding-block:28px calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid #34343C;color:rgba(242,239,232,.7)}
.foot .in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot a{text-decoration:none}.foot a:hover{color:#FF4122}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.others{grid-template-columns:1fr}}
@media (max-width:640px){.list{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.top .in{height:58px}.mark{font-size:20px}.pill{align-self:stretch}.cta .pill{width:100%}}
.tnav{display:flex;gap:clamp(12px,1.6vw,24px);align-items:center}
.tnav a{text-decoration:none;padding-block:4px}.tnav a:hover{color:#FF4122}
.tnav .back{padding-block:0}
@media (max-width:760px){.tnav a:not(.back){display:none}}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.two p{margin:0 0 16px;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.6;color:rgba(242,239,232,.82)}
.two h2{margin-bottom:0}
.vals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vals li{border-top:3px solid #FF4122;padding-top:18px;display:flex;flex-direction:column;gap:10px}
.vals b{font-family:"Syne",sans-serif;font-weight:700;font-size:clamp(1.15rem,1.8vw,1.5rem);letter-spacing:-.02em}
.vals span{color:rgba(242,239,232,.72);font-size:15px;line-height:1.45}
.others.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.info{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0}
.info li{border-top:1px solid #34343C}
.info li:last-child{border-bottom:1px solid #34343C}
.info a,.info span{display:flex;flex-direction:column;gap:6px;padding:16px 0;text-decoration:none}
.info small{color:rgba(242,239,232,.7)}
.info b{font-family:"Syne",sans-serif;font-weight:700;font-size:clamp(1.05rem,1.6vw,1.35rem);letter-spacing:-.02em;overflow-wrap:anywhere}
.info a:hover b{color:#FF4122}
.pfg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pfg label{display:flex;flex-direction:column;gap:8px;font:500 10px "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(242,239,232,.7)}
.pfg .w2{grid-column:1/-1}
.pfg input,.pfg select,.pfg textarea{font:400 16px "Inter",sans-serif;letter-spacing:0;text-transform:none;color:#F2EFE8;background:#1C1C21;border:1px solid #34343C;border-radius:10px;padding:12px 14px;min-height:46px;width:100%}
.pfg textarea{resize:vertical;min-height:130px}
.pfg input:focus,.pfg select:focus,.pfg textarea:focus{outline:2px solid #FF4122;outline-offset:1px;border-color:#FF4122}
.fcard{border:1px solid #34343C;border-radius:16px;padding:clamp(20px,3vw,36px);display:flex;flex-direction:column;gap:22px}
.fcard h2{font-size:clamp(1.6rem,3.4vw,2.4rem);margin:0}
.send{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:36px;border:0;background:#FF4122;color:#111114;cursor:pointer;align-self:flex-start}
.send:hover{background:#FF6347}
.ferr{margin:0;color:#FF8A75}
.fok{border:1px solid #FF4122;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px}
.fok p{margin:0;line-height:1.5}
.fok pre{margin:0;white-space:pre-wrap;font:400 13px/1.5 "IBM Plex Mono",monospace;background:#1C1C21;border-radius:8px;padding:12px;max-height:220px;overflow:auto}
[hidden]{display:none!important}
@media (max-width:900px){.two{grid-template-columns:1fr}.vals{grid-template-columns:1fr}.others.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pfg{grid-template-columns:1fr}.send{align-self:stretch}.others.four{grid-template-columns:1fr}}

/* Beyaz tema */
.mark,.sec h2{color:#FF4122}
.sec .cta h2{color:#111114}
html,body{background:#FFFFFF}body{color:#111114}
.top{background:rgba(255,255,255,.96);border-bottom-color:#D9D7D2}
.back{border-color:#111114}
.sec,.foot{border-top-color:#D9D7D2}
.lab,.foot,.steps small,.others small,.info small,.pfg label{color:rgba(17,17,20,.72)}
.list li{border-top-color:#D9D7D2}.list li::before{color:#C42D0E}
.list span,.steps span,.vals span,.two p{color:rgba(17,17,20,.78)}
.others a,.fcard{border-color:#D9D7D2}.others a:hover{background:#F3F2EF;border-color:#FF4122}
.info li,.info li:last-child{border-color:#D9D7D2}
.pfg input,.pfg select,.pfg textarea{background:#FFFFFF;color:#111114;border-color:#D9D7D2}
.fok pre{background:#F3F2EF}.ferr{color:#C42D0E}
.tnav a:hover,.foot a:hover,.info a:hover b{color:#C42D0E}
.send{background:#111114;color:#F2EFE8}.send:hover{background:#2A2A30}

/* site altlığı */
.foot{background:#111114;color:#F2EFE8;padding-block:clamp(44px,6vw,80px) calc(26px + env(safe-area-inset-bottom,0px));border-top:0}
.foot .in{display:flex;flex-direction:column;gap:clamp(30px,4vw,52px);max-width:1320px;margin:0 auto}
.fgrid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:36px 32px;align-items:start}
.fl{display:flex;flex-direction:column;gap:14px;max-width:30ch}
.fl p{margin:0;font-size:14px;line-height:1.5;color:rgba(242,239,232,.7)}
.fcol{display:flex;flex-direction:column;gap:2px;min-width:0}
.fcol h4{margin:0 0 12px;font:500 11px "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#FF4122}
.fcol a,.fcol span{display:block;padding:7px 0;font-size:14px;line-height:1.3;color:rgba(242,239,232,.82);text-decoration:none;overflow-wrap:anywhere;transition:color .3s}
.fcol a:hover{color:#FF4122}
.fword{font-family:"Syne","Inter",sans-serif;font-weight:700;letter-spacing:.02em;line-height:.8;color:#FF4122;font-size:min(calc((100vw - 40px)/9.2),143px);white-space:nowrap;border-top:1px solid #34343C;padding-top:clamp(24px,3vw,40px)}
.fb{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;font:500 11px "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(242,239,232,.7)}
@media (max-width:1000px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fl{grid-column:1/-1}}

/* ---------- ortak üst menü ---------- */
.lvh{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);color:#111114;border-bottom:1px solid #D9D7D2;padding-top:env(safe-area-inset-top,0px);font-family:"Inter",system-ui,sans-serif}
.lvh-in{position:relative;max-width:1320px;margin:0 auto;height:64px;display:flex;align-items:center;gap:20px;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.lvh-logo{font-family:"Syne",sans-serif;font-weight:700;font-size:24px;letter-spacing:.02em;line-height:1;color:#FF4122;text-decoration:none;margin-right:auto;white-space:nowrap}
.lvh-nav{display:flex;align-items:stretch;gap:2px;height:64px}
.lvh-nav>a,.lvh-dd>button{display:flex;align-items:center;gap:6px;height:64px;padding:0 12px;border:0;background:none;color:inherit;cursor:pointer;text-decoration:none;font:500 11px "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.lvh-nav>a:hover,.lvh-dd:hover>button,.lvh-dd.open>button{color:#C42D0E}
.lvh-dd>button i{font-style:normal;font-size:9px;transition:transform .3s}
.lvh-dd:hover>button i,.lvh-dd.open>button i{transform:rotate(180deg)}
.lvh-panel{display:none;position:absolute;left:18px;right:18px;top:100%;background:#fff;border:1px solid #D9D7D2;border-top:3px solid #FF4122;border-radius:0 0 16px 16px;box-shadow:0 24px 48px rgba(17,17,20,.14);padding:28px;gap:28px 32px}
.lvh-dd:hover .lvh-panel,.lvh-dd.open .lvh-panel,.lvh-dd:focus-within .lvh-panel{display:grid}
.lvh-mega{grid-template-columns:repeat(4,minmax(0,1fr))}
.lvh-two{grid-template-columns:repeat(2,minmax(0,1fr));left:auto;width:min(520px,calc(100% - 36px))}
.lvh-col{display:flex;flex-direction:column;min-width:0}
.lvh-col .h{font-family:"Syne",sans-serif;font-weight:700;font-size:18px;letter-spacing:-.02em;line-height:1.1;color:#111114;text-decoration:none;padding:0 0 12px;margin-bottom:6px;border-bottom:1px solid #D9D7D2}
.lvh-col a.h:hover{color:#FF4122}
.lvh-col a:not(.h){font-size:14px;line-height:1.3;color:rgba(17,17,20,.78);text-decoration:none;padding:7px 0}
.lvh-col a:not(.h):hover{color:#C42D0E}
.lvh-cta{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:30px;background:#111114;color:#fff;text-decoration:none;font:500 11px "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.lvh-cta:hover{background:#FF4122;color:#111114}
.lvh-burger{display:none;align-items:center;gap:10px;height:44px;padding:0 6px 0 16px;border-radius:30px;border:1px solid #111114;background:none;color:#111114;cursor:pointer;font:500 11px "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.lvh-burger i{position:relative;width:32px;height:32px;border-radius:50%;background:#FF4122}
.lvh-burger i::before,.lvh-burger i::after{content:"";position:absolute;left:9px;right:9px;height:1.5px;background:#111114;transition:transform .3s,top .3s}
.lvh-burger i::before{top:12px}.lvh-burger i::after{top:18px}
.lvh-burger[aria-expanded="true"] i::before{top:15px;transform:rotate(45deg)}
.lvh-burger[aria-expanded="true"] i::after{top:15px;transform:rotate(-45deg)}
.lvm{position:fixed;inset:0;z-index:39;background:#fff;color:#111114;overflow:auto;-webkit-overflow-scrolling:touch;padding:calc(72px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;font-family:"Inter",system-ui,sans-serif}
.lvm.open{opacity:1;visibility:visible}
.lvm details{border-bottom:1px solid #D9D7D2}
.lvm summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:56px;font-family:"Syne",sans-serif;font-weight:700;font-size:26px;letter-spacing:-.03em}
.lvm summary::-webkit-details-marker{display:none}
.lvm summary::after{content:"+";font:400 24px "Inter",sans-serif;color:#FF4122}
.lvm details[open]>summary::after{content:"–"}
.lvm details details{border-bottom:0;border-top:1px solid #ECEAE5;margin-left:4px}
.lvm details details summary{font-size:17px;letter-spacing:-.02em;min-height:48px}
.lvm .sub{display:flex;flex-direction:column;padding:0 0 12px 14px;border-left:2px solid #FF4122;margin:0 0 10px 6px}
.lvm .sub a{font-size:15px;color:rgba(17,17,20,.8);text-decoration:none;padding:9px 0}
.lvm .sub a.all{font-weight:600;color:#C42D0E}
.lvm>a{display:flex;align-items:center;min-height:56px;border-bottom:1px solid #D9D7D2;font-family:"Syne",sans-serif;font-weight:700;font-size:26px;letter-spacing:-.03em;color:#111114;text-decoration:none}
.lvm .go{justify-content:center;margin-top:22px;border:0;border-radius:30px;background:#FF4122;font:500 12px "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;min-height:52px}
.lvm .mf{margin-top:18px;font:500 11px "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(17,17,20,.7)}
@media (max-width:1060px){.lvh-nav,.lvh-cta{display:none}.lvh-burger{display:inline-flex}}
@media (max-width:760px){.lvh-in{height:58px}.lvh-logo{font-size:20px}}
.list li{scroll-margin-top:90px}
.list li:target{background:#FFF1EC;box-shadow:-14px 0 0 #FFF1EC,14px 0 0 #FFF1EC}
.list li:target b{color:#C42D0E}