/* Yerel yazı tipleri — Google Fonts'tan (SIL OFL) indirildi, latin + latin-ext (Türkçe). Siteye üçüncü taraf bağlantısı YOK. */
/* Inter 400 latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Inter-latin-ext-367ba6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Inter 400 latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Inter-latin-bec94a.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Inter 500 latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Inter-latin-ext-367ba6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Inter 500 latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Inter-latin-bec94a.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Inter 600 latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/Inter-latin-ext-367ba6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Inter 600 latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/Inter-latin-bec94a.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* JetBrains Mono 400 latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/JetBrainsMono-latin-ext-9326b4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* JetBrains Mono 400 latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/JetBrainsMono-latin-b87346.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* JetBrains Mono 500 latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/JetBrainsMono-latin-ext-9326b4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* JetBrains Mono 500 latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/JetBrainsMono-latin-b87346.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Special Gothic Condensed One 400 latin-ext */
@font-face {
  font-family: 'Special Gothic Condensed One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/SpecialGothicCondensedOne-latin-ext-0d5388.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Special Gothic Condensed One 400 latin */
@font-face {
  font-family: 'Special Gothic Condensed One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/SpecialGothicCondensedOne-latin-b7480c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Special Gothic Expanded One 400 latin-ext */
@font-face {
  font-family: 'Special Gothic Expanded One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/SpecialGothicExpandedOne-latin-ext-d8b6a7.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Special Gothic Expanded One 400 latin */
@font-face {
  font-family: 'Special Gothic Expanded One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/SpecialGothicExpandedOne-latin-973e0c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html{scroll-behavior:smooth}
body{margin:0;background:#00000B}
@property --p{syntax:"<number>";inherits:true;initial-value:0}
@property --pct{syntax:"<integer>";inherits:true;initial-value:0}
@property --n{syntax:"<integer>";inherits:true;initial-value:0}

.mb{--ink:#00000B;--line:rgba(243,248,253,.09);--lime:#C3D940;--marble:#F3F8FD;--gray2:#D9D8D6;--gold:#CF971C;--muted:#9AA1A1;background:var(--ink);color:var(--marble);font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}
.mb *,.mb *::before,.mb *::after{box-sizing:border-box}
.mb h1,.mb h2,.mb h3{margin:0;font-weight:400}
.mb a{color:inherit}
.mb [id]{scroll-margin-top:88px}
.mb a:focus-visible,.mb summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:6px}
.disp{font-family:"Special Gothic Condensed One","Arial Narrow",sans-serif;text-transform:uppercase;line-height:.92;letter-spacing:.005em}
.wide{font-family:"Special Gothic Expanded One",Inter,sans-serif;text-transform:uppercase;letter-spacing:.3em;font-size:12px}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.k{color:var(--lime);margin:0 0 22px}

/* ---- hareket sözlüğü ---- */
@keyframes up{from{opacity:0;translate:0 28px}}
@keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes grow{from{transform:scaleX(0)}}
@keyframes draw{from{stroke-dashoffset:1600}to{stroke-dashoffset:0}}
@keyframes vfIn{from{opacity:0;transform:translate(var(--vx),var(--vy))}}
@keyframes hint{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@keyframes prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes mqL{from{transform:translateX(0)}to{transform:translateX(-38%)}}
@keyframes mqR{from{transform:translateX(-38%)}to{transform:translateX(0)}}
@keyframes rv{from{color:rgba(243,248,253,.14)}}
@keyframes pat{from{--p:0;--pct:0}to{--p:1;--pct:100}}
@keyframes cnt{from{--n:0}}
@keyframes spin{from{rotate:-28deg}to{rotate:22deg}}
@keyframes phIn{from{opacity:0;translate:0 110px;rotate:2.5deg}}
@keyframes phOut{to{opacity:0;scale:.9}}
@keyframes zoom{from{scale:1.14}}
@keyframes cornerIn{from{opacity:0;translate:var(--cx) var(--cy)}}
@keyframes docFront{from{translate:16% 18%;rotate:9deg}}
@keyframes docBack{from{translate:-8% 8%;rotate:-11deg}}
@keyframes noteIn{from{opacity:0;translate:-24px 0}}

/* ---- üst çubuk ---- */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 40px;background:rgba(0,0,11,.74);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-logo{display:block}
.nav-logo img{height:17px;width:auto;display:block}
.nav-links{display:flex;gap:30px;flex-wrap:wrap}
.nav-links a{text-decoration:none;font-size:14px;position:relative;padding:6px 0;color:#DDE2E6}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-right{display:flex;align-items:center;gap:16px}
.lang{font-size:13px;text-decoration:none;color:var(--muted);padding:8px 4px}
.lang:hover{color:var(--lime)}
.nav-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid rgba(195,217,64,.55);color:var(--lime);text-decoration:none;font-weight:600;font-size:14px;transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .3s,color .3s}
.nav-cta:hover{transform:translateY(-2px);background:var(--lime);color:var(--ink)}
.nav-prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--lime);transform-origin:left;transform:scaleX(0);animation:prog linear both;animation-timeline:scroll(root)}

/* ---- düğmeler: hepsi aynı görünür, üstüne gelince canlanır ---- */
.btn{--c:var(--lime);--fg:var(--marble);--bd:rgba(243,248,253,.22);--bg:rgba(243,248,253,.035);--bgh:rgba(195,217,64,.07);--bdh:rgba(195,217,64,.6);--sh:rgba(195,217,64,.24);position:relative;display:inline-flex;align-items:center;gap:14px;min-height:64px;min-width:232px;padding:0 24px 0 20px;border-radius:14px;border:1px solid var(--bd);background:var(--bg);color:var(--fg);text-decoration:none;isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s,background-color .45s}
.btn:hover,.btn:focus-visible{transform:translateY(-3px);border-color:var(--bdh);background:var(--bgh)}
.btn-sh{position:absolute;inset:0;border-radius:inherit;overflow:hidden;z-index:-1;pointer-events:none}
.btn-sh::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,var(--sh) 50%,transparent 65%);transform:translateX(-130%)}
.btn:hover .btn-sh::before{transform:translateX(130%);transition:transform .9s ease}
.bk{position:absolute;width:12px;height:12px;border:0 solid var(--c);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s}
.bk.tl{left:-7px;top:-7px;border-left-width:2px;border-top-width:2px;transform:translate(-7px,-7px)}
.bk.tr{right:-7px;top:-7px;border-right-width:2px;border-top-width:2px;transform:translate(7px,-7px)}
.bk.bl{left:-7px;bottom:-7px;border-left-width:2px;border-bottom-width:2px;transform:translate(-7px,7px)}
.bk.br{right:-7px;bottom:-7px;border-right-width:2px;border-bottom-width:2px;transform:translate(7px,7px)}
.btn:hover .bk,.btn:focus-visible .bk{opacity:1;transform:none}
.btn .ico{flex:none;transition:transform .5s cubic-bezier(.2,.8,.2,1),color .3s}
.btn:hover .ico{transform:rotate(-10deg) scale(1.12);color:var(--c)}
.btn-lbl{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}
.btn-small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.flip{display:block;height:1.25em;overflow:hidden;font-size:19px;font-weight:600}
.flip span{display:block;height:1.25em;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.flip span+span{color:var(--c)}
.btn:hover .flip span,.btn:focus-visible .flip span{transform:translateY(-100%)}
.dl{display:flex;flex-wrap:wrap;gap:14px}
.cta .btn{--c:var(--ink);--fg:var(--ink);--bd:rgba(0,0,11,.38);--bg:rgba(0,0,11,.03);--bgh:rgba(0,0,11,.07);--bdh:var(--ink);--sh:rgba(0,0,11,.12)}

/* ---- giriş ---- */
.hero{position:relative;min-height:min(100vh,940px);display:flex;align-items:center;overflow:hidden;padding:110px 0 150px}
.hero-grid{position:absolute;inset:0;width:100%;height:100%}
.hero-grid line{stroke:rgba(243,248,253,.07);stroke-width:1;stroke-dasharray:1600;animation:draw 1.8s cubic-bezier(.6,0,.2,1) both}
.hero-grid line:nth-child(2n){animation-delay:.15s}
.hero-grid line:nth-child(3n){animation-delay:.3s}
.hero-grid .ax{stroke:rgba(195,217,64,.24)}
.vf{position:absolute;left:50%;top:50%;width:min(1120px,90%);height:74%;transform:translate(-50%,-50%);pointer-events:none}
.vf span{position:absolute;display:block}
.vf-c{width:36px;height:36px;border:0 solid rgba(195,217,64,.8);animation:vfIn 1.2s cubic-bezier(.2,.8,.2,1) .3s both}
.vf-c.tl{left:0;top:0;border-left-width:2px;border-top-width:2px;--vx:-70px;--vy:-50px}
.vf-c.tr{right:0;top:0;border-right-width:2px;border-top-width:2px;--vx:70px;--vy:-50px}
.vf-c.bl{left:0;bottom:0;border-left-width:2px;border-bottom-width:2px;--vx:-70px;--vy:50px}
.vf-c.br{right:0;bottom:0;border-right-width:2px;border-bottom-width:2px;--vx:70px;--vy:50px}
.vf-t{background:rgba(195,217,64,.55);animation:up .8s ease .9s both}
.vf-t.t{left:50%;top:-10px;width:1px;height:20px}
.vf-t.b{left:50%;bottom:-10px;width:1px;height:20px}
.vf-t.l{top:50%;left:-10px;height:1px;width:20px}
.vf-t.r{top:50%;right:-10px;height:1px;width:20px}
.hero-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px;width:100%}
.hero-k{margin:0;color:var(--muted);animation:up .8s ease .1s both}
.hero-logo{width:min(960px,100%);animation:wipe 1.3s cubic-bezier(.7,0,.2,1) .45s both}
.hero-logo img{display:block;width:100%;height:auto}
.ruler{position:relative;width:min(960px,100%);height:16px;background:repeating-linear-gradient(90deg,rgba(195,217,64,.5) 0 1px,transparent 1px 12px) left bottom/100% 7px no-repeat,repeating-linear-gradient(90deg,rgba(195,217,64,.95) 0 1px,transparent 1px 96px) left bottom/100% 15px no-repeat;transform-origin:left;animation:grow 1.3s cubic-bezier(.7,0,.2,1) .85s both}
.ruler span{position:absolute;top:22px;font-size:11px;color:var(--muted)}
.ruler .r0{left:0}.ruler .r1{right:0}
.hero-h1{font-weight:600;font-size:clamp(30px,3.4vw,48px);letter-spacing:-.025em;line-height:1.08;margin-top:22px !important;animation:up .9s ease 1.05s both}
.hero-h1 em{font-style:normal;color:var(--lime)}
.hero-sub{margin:0;max-width:700px;color:var(--muted);font-size:18px;animation:up .9s ease 1.2s both}
.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px;animation:up .9s ease 1.35s both}
.hero-cta .dl{justify-content:center}
.hero-note{margin:0;font-size:13px;color:var(--muted);animation:up .9s ease 1.5s both}
.hint{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted)}
.hint .wide{font-size:10px}
.hint-line{width:1px;height:52px;background:rgba(243,248,253,.14);position:relative;overflow:hidden}
.hint-line::after{content:"";position:absolute;inset:0;background:var(--lime);animation:hint 2.2s cubic-bezier(.6,0,.2,1) infinite}

/* ---- kayan şerit ---- */
.mq{padding:84px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;gap:4px}
.mq-row{display:flex;align-items:center;gap:36px;width:max-content;white-space:nowrap;animation:mqL linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.mq-row.r2{animation-name:mqR}
.mq-item{font-size:clamp(64px,9vw,136px)}
.mq-item.fill{color:var(--lime)}
.mq-item.ol{color:transparent;-webkit-text-stroke:1.5px rgba(243,248,253,.5)}
.mq-dot{width:14px;height:14px;background:var(--lime);transform:rotate(45deg);flex:none}

/* ---- açıklama ---- */
.stmt{max-width:1240px;margin:0 auto;padding:170px 40px}
.stmt-p{margin:0;font-weight:600;font-size:clamp(34px,4.6vw,68px);line-height:1.1;letter-spacing:-.03em}
.rv{animation:rv linear both;animation-timeline:view();animation-range:cover 12% cover 40%}
.rv.hl{color:var(--lime)}

/* ---- kalıp seti (kaydırınca açılan) ---- */
.sec-head{max-width:1320px;margin:0 auto;padding:150px 40px 20px}
.sec-h{font-size:clamp(60px,8vw,128px);max-width:1000px}
.mold{view-timeline:--mold block;border-top:1px solid var(--line)}
.mold-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;max-width:1320px;margin:0 auto;padding:0 40px 80px}
.mold-stage{grid-column:1;grid-row:1;position:sticky;top:78px;align-self:start;height:min(calc(100vh - 96px),820px);display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--line);border-radius:28px;background:#05070D;overflow:hidden;animation:pat linear both;animation-timeline:--mold;animation-range:contain 0% contain 78%}
.stage-head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted)}
.stage-head .wide{font-size:10px}
.readout{font-size:12px;color:var(--lime)}
.pct::after{counter-reset:pc var(--pct);content:counter(pc) "%"}
.iso-wrap{flex:1;min-height:0;display:grid;place-items:center;scale:.9;transform:translateY(calc(96px + var(--p) * 120px))}
.iso{position:relative;width:252px;height:240px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(calc(35deg + var(--p) * 24deg))}
.floor{position:absolute;left:-90px;top:-90px;width:432px;height:420px;background:radial-gradient(closest-side,rgba(195,217,64,.2),rgba(195,217,64,0));transform:translateZ(-2px)}
.pl{position:absolute;left:calc(var(--x) * 1px);top:calc(var(--y) * 1px);width:calc(var(--w) * 1px);height:calc(var(--d) * 1px);transform-style:preserve-3d;transform:translateZ(calc((var(--z) + var(--dz) * var(--p)) * 1px));background:#D9D8D6;box-shadow:inset 0 0 0 1px rgba(0,0,11,.3)}
.pl::before{content:"";position:absolute;left:0;top:100%;width:100%;height:calc(var(--t) * 1px);transform-origin:top;transform:rotateX(-90deg);background:#AEB4B4;box-shadow:inset 0 0 0 1px rgba(0,0,11,.32)}
.pl::after{content:"";position:absolute;left:100%;top:0;width:calc(var(--t) * 1px);height:100%;transform-origin:left;transform:rotateY(90deg);background:#7F8787;box-shadow:inset 0 0 0 1px rgba(0,0,11,.32)}
.pl.ab{background:#E7EAEA}
.pl .pocket{position:absolute;left:30%;top:28%;width:40%;height:44%;background:#C2C7C7;box-shadow:inset 0 0 0 1px rgba(0,0,11,.4)}
.pl .pin{position:absolute;width:12px;height:12px;border-radius:50%;background:#5B6262}
.pin.a{left:12px;top:12px}.pin.b{right:12px;top:12px}.pin.c{left:12px;bottom:12px}.pin.d{right:12px;bottom:12px}
.pl.part{background:var(--lime);box-shadow:inset 0 0 0 1px rgba(0,0,11,.25),0 0 40px rgba(195,217,64,.55);transform:translate3d(calc(var(--p) * 280px),calc(var(--p) * 70px),calc((var(--z) + var(--dz) * var(--p)) * 1px)) scale3d(clamp(.001,calc((var(--p) - .3) * 4),1),clamp(.001,calc((var(--p) - .3) * 4),1),clamp(.001,calc((var(--p) - .3) * 4),1))}
.pl.part::before{background:#A5B934}
.pl.part::after{background:#86972A}
.legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;font-size:13px}
.legend li{display:flex;align-items:center;gap:10px;color:#C9CED2;opacity:clamp(.35,calc((var(--p) - var(--t0)) * 8 + .35),1)}
.legend li::before{content:"";width:9px;height:9px;background:var(--gray2);flex:none}
.legend li.lp::before{background:var(--lime)}
.mold-steps{grid-column:2;grid-row:1;display:flex;flex-direction:column}
.step{min-height:780px;display:flex;flex-direction:column;justify-content:center;gap:18px;max-width:470px}
.step-in{display:flex;flex-direction:column;gap:16px;animation:up linear both;animation-timeline:view();animation-range:entry 10% cover 35%}
.step-n{font-size:13px;color:var(--lime);letter-spacing:.08em}
.step h3{font-size:clamp(46px,4.8vw,76px)}
.step p{margin:0;color:var(--muted);font-size:18px}

/* ---- telefon: tasarımcının telefon görselleri; her adımda görsel yapışır, sonraki gelince kayar ---- */
.ph{border-top:1px solid var(--line)}
.ph-list{list-style:none;max-width:1240px;margin:0 auto;padding:0 40px 120px}
.ph-list:focus-visible{outline:2px solid var(--lime);outline-offset:-2px;border-radius:12px}
.ph-item{view-timeline:--pi block;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;min-height:135vh;padding-bottom:72px}
.ph-text{grid-column:1;grid-row:1;align-self:center;max-width:480px;display:flex;flex-direction:column;gap:16px}
.ph-text h3{font-size:clamp(46px,4.8vw,76px)}
.ph-text p{margin:0;color:var(--muted);font-size:18px}
.step-tag{margin-left:12px;padding:3px 8px;border:1px solid rgba(195,217,64,.4);border-radius:6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.ph-fig{--fh:min(calc(100vh - 150px),760px);grid-column:2;grid-row:1;align-self:start;justify-self:center;position:sticky;top:calc((100vh - var(--fh)) / 2 + 34px);margin:0;height:var(--fh);aspect-ratio:2161/3841}
.ph-card{display:block;height:100%;border-radius:30px;overflow:hidden;background:#E9EEF3;box-shadow:0 0 0 1px rgba(243,248,253,.14),0 50px 120px -40px rgba(195,217,64,.38)}
.ph-card img{display:block;width:100%;height:100%;object-fit:cover}

/* ---- maliyet ve teklif ---- */
.cost{padding:150px 0;border-top:1px solid var(--line);background-image:linear-gradient(rgba(243,248,253,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(243,248,253,.035) 1px,transparent 1px);background-size:120px 120px;background-position:center top}
.cost-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.cost .sec-h{font-size:clamp(60px,7vw,112px)}
.cost-lede{margin:26px 0 40px;max-width:520px;color:#C9CED2;font-size:19px}
.cost-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.cost-steps li{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:16px;row-gap:4px;padding:20px 0;border-bottom:1px solid var(--line)}
.cost-steps svg{grid-row:span 2;color:var(--lime);margin-top:1px;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.cost-steps li:hover svg{transform:rotate(-10deg) scale(1.12)}
.cost-steps h3{font-size:19px;font-weight:600;letter-spacing:-.01em}
.cost-steps p{margin:0;color:var(--muted);font-size:15.5px}
.docs{position:relative;height:540px}
.doc{position:absolute;width:min(360px,74%);padding:24px 26px 26px;border-radius:14px;color:var(--ink);box-shadow:0 44px 90px -34px rgba(0,0,0,.75),0 0 0 1px rgba(0,0,11,.06)}
.doc-back{left:0;top:6px;background:#D3D9DF;rotate:-5deg}
.doc-front{right:0;bottom:34px;background:var(--marble);rotate:3deg}
.doc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.doc-top .wide{font-size:10px;letter-spacing:.22em}
.doc-title{font-size:44px}
.doc-pdf{font-size:10.5px;padding:3px 7px;border-radius:5px;background:var(--ink);color:var(--lime)}
.doc-firm{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px dashed rgba(0,0,11,.22)}
.doc-logo{width:38px;height:38px;border-radius:8px;background:var(--ink);box-shadow:inset 0 0 0 9px var(--ink),inset 0 0 0 30px var(--lime)}
.doc-lines{flex:1;display:flex;flex-direction:column;gap:6px}
.doc-lines b{font-size:11.5px;font-weight:600;color:#3C4343}
.doc-lines i{display:block;height:5px;border-radius:3px;background:#CBD2D8}
.doc-lines i+i{width:62%}
.doc-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.doc-rows li{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:13px;color:#2C3232}
.doc-rows li span{white-space:nowrap}
.doc-rows i{display:block;height:7px;width:calc(var(--w) * .5);max-width:44%;border-radius:4px;background:#AEB6BD}
.doc-rows li.hl span{background:linear-gradient(transparent 52%,rgba(195,217,64,.75) 52%);font-weight:600}
.doc-sum{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:2px solid var(--ink);font-weight:600;font-size:14px}
.doc-sum i{display:block;width:30%;height:9px;border-radius:4px;background:var(--ink)}
.doc-note{position:absolute;left:4%;bottom:0;display:flex;align-items:center;gap:10px;margin:0;font-size:12.5px;color:var(--lime)}
.doc-note .dot{width:10px;height:10px;background:var(--lime);transform:rotate(45deg);flex:none}
.die-types{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.die-types li{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12.5px;padding:6px 11px;border:1px solid rgba(195,217,64,.38);border-radius:999px;color:#DDE2E6;transition:background-color .3s,color .3s}
.die-types li:hover{background:var(--lime);color:var(--ink)}

/* ---- karekod (yalnız bilgisayarda: ince imleç + geniş ekran) ---- */
.qr{display:none;align-items:center;gap:20px;padding:12px 24px 12px 12px;border:1px solid var(--line);border-radius:18px;background:rgba(243,248,253,.03);text-align:left}
.qr-code{position:relative;flex:none;width:135px;height:135px;border-radius:8px;background:var(--marble);color:var(--ink)}
.qr-code svg{display:block;width:100%;height:100%}
.qr-code::before,.qr-code::after{content:"";position:absolute;width:16px;height:16px;border:0 solid var(--lime)}
.qr-code::before{left:-7px;top:-7px;border-left-width:2px;border-top-width:2px}
.qr-code::after{right:-7px;bottom:-7px;border-right-width:2px;border-bottom-width:2px}
.qr-txt{display:flex;flex-direction:column;gap:8px;max-width:210px}
.qr-txt .wide{font-size:10.5px;letter-spacing:.24em;color:var(--lime)}
.qr-txt span+span{font-size:14px;line-height:1.45;color:var(--muted)}
.hero-qr{animation:up .9s ease 1.45s both}
.hero-qr .qr{gap:18px;padding:0;border:0;background:none}
.hero-qr .qr-code{width:112px;height:112px}
.hero-qr .qr-txt{max-width:190px}
.hero-qr .qr-txt span+span{font-size:13.5px}
.cta .qr{border-color:rgba(0,0,11,.22);background:rgba(0,0,11,.04);padding:10px 22px 10px 10px}
.cta .qr-code::before,.cta .qr-code::after{border-color:var(--ink)}
.cta .qr-txt .wide{color:var(--ink)}
.cta .qr-txt span+span{color:#2E3410}
@media (hover:hover) and (pointer:fine) and (min-width:1024px){.qr{display:inline-flex}}

/* ---- sayılar ---- */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:56px 32px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.stat:first-child{border-left:0}
.stat-num{font-size:clamp(76px,9vw,148px);color:var(--lime)}
.stat-l{color:var(--muted);font-size:15px;max-width:220px}

/* ---- hesap alanları (açık zemin) ---- */
.cats{background:var(--marble);color:var(--ink);padding:150px 0}
.cats .k{color:#4E5555}
.cats-h{font-size:clamp(60px,7.4vw,118px);margin:0 0 64px !important;max-width:960px}
.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cat{position:relative;background:#fff;border:1px solid #DCE3EA;border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:14px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;animation:up linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
.cat:hover{transform:translateY(-8px);box-shadow:0 28px 60px -30px rgba(0,0,11,.4)}
.cat-top{display:flex;justify-content:space-between;align-items:flex-start}
.cat-no{font-size:12px;color:#4E5555}
.cat-count{font-size:104px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.cat:hover .cat-count{transform:translateY(-4px) scale(1.06)}
.cat h3{font-size:22px;font-weight:600;letter-spacing:-.01em}
.cat p{margin:0;font-size:15px;color:#3C4343;line-height:1.5}
.cat-line{position:absolute;left:0;bottom:0;height:6px;width:100%;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.cat:hover .cat-line{transform:scaleX(1)}

/* ---- özellikler ---- */
.feats{padding:150px 0;border-top:1px solid var(--line)}
.feat-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;margin-top:56px;align-items:stretch}
.feat-photo{position:relative;margin:0;min-height:460px;border-radius:24px;overflow:hidden;background:#DDE3E8}
.feat-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:38% 22%}
.fc{position:absolute;width:30px;height:30px;border:0 solid var(--lime);pointer-events:none}
.fc.tl{left:18px;top:18px;border-left-width:2px;border-top-width:2px;--cx:-14px;--cy:-14px}
.fc.tr{right:18px;top:18px;border-right-width:2px;border-top-width:2px;--cx:14px;--cy:-14px}
.fc.bl{left:18px;bottom:18px;border-left-width:2px;border-bottom-width:2px;--cx:-14px;--cy:14px}
.fc.br{right:18px;bottom:18px;border-right-width:2px;border-bottom-width:2px;--cx:14px;--cy:14px}
.feat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.feat{background:var(--ink);padding:36px;display:flex;flex-direction:column;gap:14px;transition:background-color .35s}
.feat:hover{background:#0A0D15}
.feat svg{color:var(--lime);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.feat:hover svg{transform:rotate(-12deg) scale(1.15)}
.feat h3{font-size:20px;font-weight:600}
.feat p{margin:0;color:var(--muted);font-size:15px}

/* ---- her cihazda: karolar görsel oranında büyür → aynı yükseklik ---- */
.dev{padding:150px 0;border-top:1px solid var(--line)}
.dev-lede{margin:26px 0 0;max-width:660px;color:#C9CED2;font-size:19px}
.dev-row{display:flex;align-items:flex-start;gap:20px;margin-top:64px}
.dev-tile{flex:var(--r) 1 0%;min-width:0;margin:0;display:flex;flex-direction:column;gap:18px}
.dev-shot{display:block;border-radius:20px;overflow:hidden;background:#EEF2F7;box-shadow:0 0 0 1px rgba(243,248,253,.12);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.dev-tile:hover .dev-shot{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(195,217,64,.55),0 40px 80px -40px rgba(195,217,64,.5)}
.dev-shot img{display:block;width:100%;height:auto}
.dev-tile figcaption{display:flex;flex-direction:column;gap:10px}
.dev-tile figcaption .wide{font-size:11px;color:var(--marble)}
.dev-plat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dev-plat li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;color:#C9CED2}
.chip{display:inline-flex;align-items:center;gap:7px;padding:3px 9px;border:1px solid rgba(243,248,253,.24);border-radius:999px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;border:1px solid currentColor}
.chip.live{border-color:rgba(195,217,64,.6);color:var(--lime)}
.chip.live::before{background:var(--lime);border-color:var(--lime);box-shadow:0 0 0 3px rgba(195,217,64,.18)}
.dev-dl{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}

/* ---- fiyat ---- */
.price{padding:150px 0;border-top:1px solid var(--line)}
.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:56px}
.pc{position:relative;border:1px solid var(--line);border-radius:28px;padding:40px;background:#06080E;display:flex;flex-direction:column;gap:22px;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s,box-shadow .45s}
.pc:hover{transform:translateY(-6px);border-color:rgba(243,248,253,.28)}
.pc-pro{border-color:rgba(207,151,28,.55)}
.pc-pro:hover{border-color:var(--gold);box-shadow:0 34px 90px -40px rgba(207,151,28,.65)}
.pc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.pc-name{font-size:64px}
.pc-sub{margin:6px 0 0;color:var(--muted)}
.badge{display:inline-block;font-family:"Special Gothic Expanded One",Inter,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:8px 12px;border-radius:999px;white-space:nowrap}
.badge-free{border:1px solid rgba(243,248,253,.3)}
.badge-pro{background:var(--gold);color:var(--ink)}
.pc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pc li{display:flex;gap:12px;align-items:flex-start;color:#DDE2E6}
.pc li svg{flex:none;margin-top:4px;color:var(--lime)}
.pc-pro li svg{color:var(--gold)}
.pc-note{margin:auto 0 0;color:var(--muted);font-size:14px;padding-top:18px;border-top:1px solid var(--line)}

/* ---- SSS ---- */
.faq{padding:150px 0;border-top:1px solid var(--line);interpolate-size:allow-keywords}
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:20px;font-weight:500;transition:color .25s}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:"JetBrains Mono",monospace;font-size:28px;line-height:1;color:var(--lime);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--lime)}
.faq details p{margin:0 0 26px;color:var(--muted);max-width:640px}
.faq details::details-content{block-size:0;overflow:clip;transition:block-size .45s cubic-bezier(.2,.8,.2,1),content-visibility .45s allow-discrete}
.faq details[open]::details-content{block-size:auto}

/* ---- kapanış ---- */
.cta{position:relative;background:var(--lime);color:var(--ink);padding:150px 0;overflow:hidden}
.cta .k{color:var(--ink)}
.cta-h{font-size:clamp(76px,10.5vw,176px);margin:0 0 44px !important;max-width:1000px;position:relative}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;position:relative}
.cta-mono{position:absolute;right:-40px;top:50%;width:min(520px,44vw);margin-top:-260px;opacity:.13;animation:spin linear both;animation-timeline:view();animation-range:cover 0% cover 100%}

/* ---- alt bilgi ---- */
.foot{padding:84px 0 48px}
.foot-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:48px}
.foot-brand{display:flex;flex-direction:column;gap:16px}
.foot-brand img{height:22px;width:auto;display:block}
.foot-brand .wide{font-size:10px;color:var(--muted)}
.foot-cols{display:flex;gap:72px;flex-wrap:wrap}
.foot-col{display:flex;flex-direction:column;gap:10px;font-size:14px}
.foot-col b{font-weight:600;margin-bottom:4px}
.foot-col a{color:var(--muted);text-decoration:none;transition:color .25s}
.foot-col a:hover{color:var(--lime)}
.foot-bot{margin-top:72px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:13px}

/* ---- belge sayfaları (gizlilik, KVKK, koşullar, destek) — metin tool/site_yasal_sayfalar.py'den ---- */
.skip{position:absolute;left:-9999px;top:12px;z-index:100;padding:10px 14px;border-radius:10px;background:var(--lime);color:var(--ink);font-weight:600;text-decoration:none}
.skip:focus{left:16px}
.doc-page{padding:0 0 120px}
.doc-head{position:relative;padding:120px 0 60px;border-bottom:1px solid var(--line);background-image:linear-gradient(rgba(243,248,253,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(243,248,253,.045) 1px,transparent 1px);background-size:120px 120px;background-position:center top}
.doc-head .eyebrow{margin:0 0 20px;font-family:"Special Gothic Expanded One",Inter,sans-serif;text-transform:uppercase;letter-spacing:.3em;font-size:12px;color:var(--lime);animation:up .7s ease .05s both}
.doc-head h1{font-family:"Special Gothic Condensed One","Arial Narrow",sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(44px,5.4vw,84px);line-height:.94;margin:0 0 24px !important;max-width:22ch;animation:wipe 1s cubic-bezier(.7,0,.2,1) .1s both}
.doc-sub,.doc-head .lede{margin:0 0 14px;max-width:64ch;color:#C9CED2;font-size:18px;line-height:1.6;animation:up .8s ease .35s both}
.doc-sub strong,.doc-meta strong{color:var(--marble);font-weight:600}
.doc-meta{margin:0;font-family:"JetBrains Mono",monospace;font-size:12.5px;color:var(--muted);line-height:1.7;animation:up .8s ease .45s both}
.doc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-top:40px}
.doc-main{min-width:0}
.toc ol{list-style:none;margin:0;padding:0}
.toc li a{display:flex;gap:10px;align-items:baseline;padding:7px 0;font-size:14px;line-height:1.45;color:#AEB4B8;text-decoration:none;transition:color .2s,transform .3s cubic-bezier(.2,.8,.2,1)}
.toc li a:hover{color:var(--lime);transform:translateX(4px)}
.toc-n{flex:none;min-width:2.1em;font-family:"JetBrains Mono",monospace;font-size:11.5px;color:var(--lime)}
.toc-title{margin:0 0 12px;font-family:"Special Gothic Expanded One",Inter,sans-serif;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
.toc-side{display:none}
.toc-fold{margin-bottom:30px;border:1px solid var(--line);border-radius:16px;background:#06080E}
.toc-fold summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 18px;cursor:pointer;list-style:none;font-family:"Special Gothic Expanded One",Inter,sans-serif;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#C9CED2}
.toc-fold summary::-webkit-details-marker{display:none}
.toc-fold summary::after{content:"+";font-family:"JetBrains Mono",monospace;font-size:20px;color:var(--lime);transition:transform .35s}
.toc-fold[open] summary::after{transform:rotate(45deg)}
.toc-fold nav{padding:6px 18px 14px;border-top:1px solid var(--line)}
.prose{max-width:78ch;color:#C9CED2;font-size:17px;line-height:1.75;overflow-wrap:break-word}
.prose>:first-child{margin-top:0}
.prose p{margin:0 0 16px}
.prose strong{color:var(--marble);font-weight:600}
.prose h2{margin:64px 0 18px;padding-top:28px;border-top:1px solid var(--line);font-family:"Special Gothic Condensed One","Arial Narrow",sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(30px,3.2vw,44px);line-height:1;letter-spacing:.005em;color:var(--marble);scroll-margin-top:96px}
.prose h3{margin:36px 0 10px;font-size:19px;line-height:1.4;font-weight:600;letter-spacing:-.01em;color:var(--marble);scroll-margin-top:96px}
.prose h4{margin:26px 0 8px;font-size:17px;font-weight:600;color:var(--marble);scroll-margin-top:96px}
.prose h2:first-child{margin-top:0;padding-top:0;border-top:0}
.h-n{margin-right:.2em;font-family:"JetBrains Mono",monospace;font-weight:400;font-size:.62em;letter-spacing:0;color:var(--lime);vertical-align:.18em}
.prose .anchor{margin-left:.4em;font-family:"JetBrains Mono",monospace;font-weight:400;font-size:.6em;color:rgba(195,217,64,.7);opacity:0;text-decoration:none;transition:opacity .2s}
.prose h2:hover .anchor,.prose h3:hover .anchor,.prose h4:hover .anchor{opacity:1}
@media (hover:none){.prose .anchor{display:none}}
.prose a:not(.anchor){color:var(--marble);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(195,217,64,.6);overflow-wrap:anywhere;transition:color .2s,text-decoration-color .2s}
.prose a:not(.anchor):hover{color:var(--lime);text-decoration-color:var(--lime)}
.prose ul,.prose ol{margin:0 0 18px;padding-left:1.35em}
.prose li{margin:0 0 8px;padding-left:.25em}
.prose li>ul,.prose li>ol{margin:8px 0 0}
.prose ul>li::marker{color:var(--lime)}
.prose ol>li::marker{font-family:"JetBrains Mono",monospace;font-size:.86em;color:var(--muted)}
.prose ol.lettered{list-style:none;padding-left:0}
.prose ol.lettered>li{padding-left:0}
.li-mark{margin-right:.4em;font-weight:600;color:var(--marble)}
.prose code{padding:.08em .38em;border:1px solid var(--line);border-radius:6px;background:rgba(243,248,253,.05);font-family:"JetBrains Mono",monospace;font-size:.86em;color:var(--marble)}
.prose hr{margin:40px 0;border:0;border-top:1px solid var(--line)}
.prose hr+h2{margin-top:0;padding-top:0;border-top:0}
.prose blockquote{margin:0 0 18px;padding:14px 20px;border-left:2px solid var(--lime);border-radius:0 12px 12px 0;background:#06080E}
.table-wrap{margin:10px 0 28px;border:1px solid var(--line);border-radius:18px;background:#05070D;overflow:hidden}
.prose table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}
.prose th{padding:14px 16px;text-align:left;vertical-align:bottom;background:#0A0D15;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--marble)}
.prose td{padding:14px 16px;vertical-align:top;border-top:1px solid var(--line);color:#C9CED2}
.prose tbody tr{transition:background-color .2s}
.prose tbody tr:hover{background:rgba(195,217,64,.035)}
.prose tbody tr:first-child td{border-top:0}
.bulunamadi{min-height:min(80vh,760px);display:grid;place-items:center;text-align:center;padding:120px 20px;background-image:linear-gradient(rgba(243,248,253,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(243,248,253,.045) 1px,transparent 1px);background-size:120px 120px;background-position:center}
.bulunamadi h1{font-family:"Special Gothic Condensed One","Arial Narrow",sans-serif;font-weight:400;font-size:clamp(120px,22vw,300px);line-height:.85;color:var(--lime);margin:0 0 12px !important;animation:wipe 1s cubic-bezier(.7,0,.2,1) both}
.bulunamadi p{margin:0 0 6px;color:#C9CED2;font-size:18px}
.bulunamadi .dl{justify-content:center;margin-top:28px}
@media (min-width:1000px){
  .doc-grid{grid-template-columns:250px minmax(0,1fr);gap:72px;padding-top:56px;align-items:start}
  .toc-side{display:block;position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;padding-right:10px;border-right:1px solid var(--line)}
  .toc-fold{display:none}
}
@media (max-width:760px){
  .doc-head{padding:84px 0 44px}
  .prose table,.prose thead,.prose tbody,.prose tr,.prose th,.prose td{display:block}
  .prose thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .prose tbody tr{padding:12px 16px 14px;border-top:1px solid var(--line)}
  .prose tbody tr:first-child{border-top:0}
  .prose td{padding:2px 0 6px;border:0}
  .prose td::before{content:attr(data-label);display:block;margin-top:4px;font-size:12px;font-weight:600;color:var(--muted)}
}
.foot-col a[aria-current="page"]{color:var(--lime)}

/* ---- kaydırma animasyonu desteği ---- */
.num-static{display:inline}
@supports (animation-timeline: view()){
  .ph-fig{animation:phIn linear both;animation-timeline:--pi;animation-range:entry 0% entry 70%}
  .ph-card{animation:phOut linear both;animation-timeline:--pi;animation-range:exit 5% exit 75%}
  .feat-photo img{animation:zoom linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
  .fc{animation:cornerIn linear both;animation-timeline:view();animation-range:entry 30% cover 40%}
  .doc-front{animation:docFront linear both;animation-timeline:view();animation-range:entry 0% cover 38%}
  .doc-back{animation:docBack linear both;animation-timeline:view();animation-range:entry 0% cover 32%}
  .doc-note{animation:noteIn linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
  .dev-tile{animation:up linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
  .dev-tile.d2{animation-range:entry 8% cover 36%}
  .dev-tile.d3{animation-range:entry 16% cover 42%}
  .num-static{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .stat-num{animation:cnt linear both;animation-timeline:view();animation-range:entry 30% cover 50%}
  .stat-num::after{counter-reset:sn var(--n);content:counter(sn) / ""}
}

/* ---- dar ekran ---- */
@media (max-width:900px){
  .nav{padding:12px 20px}
  .nav-links{display:none}
  .wrap{padding:0 20px}
  .hero{padding:96px 0 130px}
  .stmt{padding:110px 20px}
  .sec-head{padding:110px 20px 10px}
  .mold-grid{grid-template-columns:minmax(0,1fr);padding:0 20px 60px}
  .mold-stage{grid-column:1;grid-row:1;top:66px;height:min(calc(100vh - 84px),600px);z-index:0}
  .mold-steps{grid-column:1;grid-row:1;z-index:1;padding-top:560px}
  .step{min-height:0;margin-bottom:520px;padding:24px;border-radius:20px;background:rgba(6,8,14,.94);border:1px solid var(--line)}
  .step.step-sac{margin-bottom:340px}
  .iso-wrap{scale:.66}
  .ph-list{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:12px 20px 44px;scroll-padding-inline:20px;scrollbar-width:thin;scrollbar-color:rgba(195,217,64,.5) transparent}
  .ph-item{flex:0 0 min(76vw,330px);min-height:0;padding-bottom:0;display:flex;flex-direction:column;gap:20px;scroll-snap-align:start}
  .ph-fig{position:static;order:-1;width:100%;height:auto;aspect-ratio:auto;animation:none !important}
  .ph-card{height:auto;border-radius:22px;animation:none !important}
  .ph-card img{height:auto}
  .ph-text{max-width:none;gap:12px}
  .ph-text h3{font-size:34px}
  .ph-text p{font-size:15.5px}
  .cost{padding:110px 0}
  .cost-grid{grid-template-columns:minmax(0,1fr);gap:56px}
  .docs{height:500px;max-width:460px}
  .doc{width:min(330px,80%)}
  .feat-wrap{grid-template-columns:minmax(0,1fr)}
  .feat-photo{min-height:0;aspect-ratio:4/3.4}
  .dev{padding:110px 0}
  .dev-row{flex-wrap:wrap;gap:14px;margin-top:44px}
  .dev-tile.d3{order:-1;flex:1 1 100%}
  .dev-tile figcaption .wide{font-size:10px}
  .dev-plat li{font-size:13px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat{border-top:1px solid var(--line)}
  .stat:nth-child(3){border-left:0}
  .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .price-grid,.faq-grid{grid-template-columns:minmax(0,1fr)}
  .cta-mono{display:none}
}
@media (max-width:560px){
  .cat-grid,.feat-grid{grid-template-columns:minmax(0,1fr)}
  .step-tag{margin-left:8px}
  .docs{height:440px}
  .doc{padding:18px 18px 20px}
  .doc-title{font-size:34px}
  .doc-rows li{font-size:12px}
  .btn{width:100%}
  .legend{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .mb *,.mb *::before,.mb *::after{animation:none !important;transition:none !important}
}