/* Tekfen Menkul — modern kurumsal arayüz. Harici kaynak yok, inline stil yok (CSP: style-src 'self'). */

@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/inter-latin-ext.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/inter-latin.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}

:root{
  --bg:#f6f8f9; --surface:#fff; --ink:#0a1220; --ink-2:#465266; --muted:#7b879a;
  --line:#e3e8ee; --accent:#0c9a6b; --accent-2:#2ee6a6; --blue:#2f6bff;
  --dark:#070d1a; --dark-2:#0e1a30; --line-inv:rgba(255,255,255,.1);
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --w:1180px; --r:20px;
  --grad:linear-gradient(100deg,#0c9a6b 0%,#14b8a6 45%,#2f6bff 100%);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss03"}
img,svg{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:.7rem 1rem;z-index:100}
.skip:focus{left:1rem;top:1rem}
.wrap{width:min(var(--w),100% - 2.5rem);margin-inline:auto}
h1,h2,h3{font-weight:650;line-height:1.06;letter-spacing:-.035em;margin:0}
h1{font-size:clamp(2.6rem,6.2vw,5rem)}
h2{font-size:clamp(2rem,4vw,3.2rem)}
h3{font-size:1.2rem;line-height:1.25;letter-spacing:-.02em;font-weight:620}
h1 em,h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.dark h1 em,.dark h2 em,.cta-card h2 em{background:linear-gradient(100deg,#2ee6a6,#5aa2ff);-webkit-background-clip:text;background-clip:text}
p{margin:0 0 1rem}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font:600 .8rem/1 var(--sans);letter-spacing:.02em;color:var(--accent);background:rgba(12,154,107,.09);border:1px solid rgba(12,154,107,.2);padding:.5rem .85rem;border-radius:999px;margin-bottom:1.4rem}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.dark .eyebrow{color:var(--accent-2);background:rgba(46,230,166,.08);border-color:rgba(46,230,166,.22)}
.dark .eyebrow::before{background:var(--accent-2)}
.lead{font-size:1.2rem;color:var(--ink-2);max-width:40rem}

/* Header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(246,248,249,.78);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid transparent;transition:border-color .3s}
.hdr.scrolled{border-bottom-color:var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:1rem}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.brand svg{width:36px;height:36px;flex:none}
.brand b{font:700 1.15rem/1 var(--sans);letter-spacing:-.03em;display:block}
.brand small{display:block;font:500 .68rem/1 var(--sans);color:var(--muted);margin-top:.3rem;letter-spacing:.02em}
.nav{display:flex;align-items:center;gap:.4rem}
.nav a:not(.btn){text-decoration:none;font-size:.94rem;font-weight:500;color:var(--ink-2);padding:.55rem .9rem;border-radius:999px;transition:background .2s,color .2s}
.nav a:not(.btn):hover{background:rgba(10,18,32,.06);color:var(--ink)}
.nav a[aria-current="page"]{color:var(--ink);background:rgba(10,18,32,.06)}
.nav .cta{display:flex;gap:.5rem;margin-left:1rem}
.burger{display:none;background:var(--surface);border:1px solid var(--line);width:44px;height:44px;border-radius:12px;cursor:pointer;color:var(--ink);padding:0}
.burger span,.burger span::before,.burger span::after{display:block;width:18px;height:1.5px;background:currentColor;margin:auto;position:relative;transition:transform .3s,opacity .3s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}
.burger span::before{top:-6px}.burger span::after{top:6px}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font:600 .95rem/1 var(--sans);text-decoration:none;padding:.95rem 1.5rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:background .25s,color .25s,transform .25s,box-shadow .25s,border-color .25s}
.btn-solid{background:var(--ink);color:#fff}
.btn-solid:hover{background:#1b2a44;box-shadow:0 10px 24px -10px rgba(10,18,32,.6);transform:translateY(-1px)}
.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:#c5cdd8;transform:translateY(-1px)}
.btn-brass{background:linear-gradient(100deg,#2ee6a6,#6ee7c0);color:#04281d}
.btn-brass:hover{box-shadow:0 12px 30px -10px rgba(46,230,166,.7);transform:translateY(-1px)}
.btn-ghost-inv{background:rgba(255,255,255,.06);border-color:var(--line-inv);color:#fff}
.btn-ghost-inv:hover{background:rgba(255,255,255,.12)}
.btn.sm{padding:.65rem 1.1rem;font-size:.88rem}
.btn.lg{padding:1.1rem 1.8rem;font-size:1rem}
.btn svg{width:16px;height:16px;transition:transform .25s}
.btn:hover svg{transform:translateX(3px)}
.nav a.btn-solid{color:#fff}
.nav a.btn-ghost{color:var(--ink)}

/* Hero */
.hero{padding:clamp(3.5rem,7vw,6rem) 0 0;position:relative;overflow:hidden;text-align:center}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(700px 380px at 15% 0%,rgba(46,230,166,.22),transparent 70%),
  radial-gradient(700px 420px at 88% 10%,rgba(47,107,255,.17),transparent 70%);pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 55% at 50% 20%,#000,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 20%,#000,transparent);opacity:.7;pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero h1{max-width:15ch;margin:0 auto 1.5rem}
.hero .lead{margin:0 auto;text-align:center}
.hero .actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:2.3rem}
.hero-note{margin:1.6rem auto 0;font-size:.85rem;color:var(--muted)}

/* Ürün arayüzü önizlemesi */
.app{margin:3.5rem auto 0;max-width:1020px;background:var(--surface);border:1px solid var(--line);border-radius:22px 22px 0 0;box-shadow:0 50px 100px -40px rgba(10,18,32,.35),0 0 0 8px rgba(255,255,255,.55);text-align:left;position:relative;border-bottom:0}
.app-bar{display:flex;align-items:center;gap:.45rem;padding:.9rem 1.2rem;border-bottom:1px solid var(--line)}
.app-bar i{width:10px;height:10px;border-radius:50%;background:#dfe5ec}
.app-bar span{margin-left:.8rem;font:500 .78rem var(--sans);color:var(--muted)}
.app-body{display:grid;grid-template-columns:170px 1fr;min-height:420px}
.app-side{border-right:1px solid var(--line);padding:1.2rem .9rem;display:grid;gap:.3rem;align-content:start;font-size:.88rem;font-weight:500;color:var(--ink-2)}
.app-side div{padding:.6rem .8rem;border-radius:10px;display:flex;gap:.65rem;align-items:center}
.app-side div::before{content:"";width:14px;height:14px;border-radius:4px;background:#d6dde6}
.app-side .on{background:rgba(12,154,107,.1);color:var(--accent);font-weight:600}
.app-side .on::before{background:var(--accent)}
.app-main{padding:1.2rem;display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto;gap:1rem;background:var(--bg)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.1rem}
.panel.big{grid-row:span 2}
.panel h4{margin:0 0 .9rem;font:600 .8rem var(--sans);color:var(--ink-2);display:flex;justify-content:space-between;align-items:center}
.panel h4 small{font:500 .7rem var(--sans);color:var(--muted);background:var(--bg);padding:.25rem .55rem;border-radius:999px}
.chart{width:100%;height:auto}
.chart .grid line{stroke:var(--line);stroke-width:1}
.chart .area{fill:url(#fillg);opacity:0;animation:fade 1.2s 1.2s forwards}
.chart .ln{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.4s .4s cubic-bezier(.6,.1,.2,1) forwards}
.chart .ln2{fill:none;stroke:#aeb9c8;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.4s .7s cubic-bezier(.6,.1,.2,1) forwards}
.chart .dot{fill:var(--accent);opacity:0;animation:fade .4s 2.7s forwards}
.chart .ring{fill:none;stroke:var(--accent);opacity:0;animation:ring 2.2s 2.7s infinite}
.legend{display:flex;gap:1.2rem;margin-top:.8rem;font-size:.75rem;color:var(--muted)}
.legend span{display:flex;align-items:center;gap:.4rem}
.legend span::before{content:"";width:10px;height:3px;border-radius:2px;background:var(--accent)}
.legend span+span::before{background:#aeb9c8}
.wl{display:grid;gap:.6rem}
.wl div{display:grid;grid-template-columns:1fr 64px;align-items:center;gap:.8rem;padding:.55rem .7rem;border-radius:10px;background:var(--bg)}
.wl b{display:block;height:8px;border-radius:4px;background:#d6dde6;width:70%}
.wl b+b{height:6px;width:40%;margin-top:.4rem;background:#e6ebf1}
.spark{width:64px;height:24px}
.spark path{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.8s 1s forwards}
.spark.dn path{stroke:#e5484d}
.donut-row{display:flex;gap:1.2rem;align-items:center}
.donut{width:96px;height:96px;flex:none;transform:rotate(-90deg)}
.donut circle{fill:none;stroke-width:6;stroke-dasharray:0 100;animation:seg 1.6s 1.2s cubic-bezier(.3,.7,.2,1) forwards}
.donut .s2{animation-delay:1.4s}.donut .s3{animation-delay:1.6s}
.donut .bg{stroke:var(--bg);animation:none;stroke-dasharray:100 0}
.dl{display:grid;gap:.45rem;font-size:.78rem;color:var(--ink-2)}
.dl span{display:flex;align-items:center;gap:.5rem}
.dl span::before{content:"";width:8px;height:8px;border-radius:3px;background:var(--c)}
.app-cap{font-size:.78rem;color:var(--muted);text-align:center;margin:1.2rem 0 0;padding-bottom:1.5rem;background:linear-gradient(transparent,var(--bg) 80%);position:relative}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fade{to{opacity:1}}
@keyframes ring{0%{opacity:.6;r:5}100%{opacity:0;r:18}}
@keyframes seg{to{stroke-dasharray:var(--len) 100}}
.app-float{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.8rem 1rem;font:600 .82rem var(--sans);display:flex;align-items:center;gap:.7rem;box-shadow:0 20px 40px -18px rgba(10,18,32,.35);animation:bob 6s ease-in-out infinite}
.app-float i{width:30px;height:30px;border-radius:9px;background:rgba(12,154,107,.12);display:grid;place-items:center;color:var(--accent);font-style:normal}
.app-float svg{width:16px;height:16px}
.app-float.a{right:-34px;top:90px}
.app-float.b{left:-34px;bottom:90px;animation-delay:-3s}
.app-float small{display:block;font:500 .7rem var(--sans);color:var(--muted)}
@keyframes bob{50%{transform:translateY(-8px)}}

/* Sections */
section{padding:clamp(4rem,8vw,7rem) 0}
.sec-head{max-width:46rem;margin:0 auto 3.4rem;text-align:center}
.sec-head h2{margin-bottom:1rem}
.sec-head p{margin:0 auto;color:var(--ink-2);max-width:36rem}
.sec-head.left{margin-left:0;text-align:left}

/* Hizmet kartları (bento) */
.ledger{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.row{grid-column:span 2;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.8rem;display:flex;flex-direction:column;gap:.7rem;text-decoration:none;position:relative;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s}
.row:nth-child(1),.row:nth-child(4){grid-column:span 3}
.row:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(10,18,32,.28);border-color:#cfd7e2}
.row::after{content:"";position:absolute;right:-60px;top:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(46,230,166,.22),transparent 70%);opacity:0;transition:opacity .4s}
.row:hover::after{opacity:1}
.row .n{width:42px;height:42px;border-radius:12px;background:rgba(12,154,107,.1);color:var(--accent);font:700 .85rem var(--sans);display:grid;place-items:center;margin-bottom:.8rem}
.row h3{font-size:1.35rem}
.row p{margin:0;color:var(--ink-2);font-size:.98rem}
.row .arr{position:absolute;right:1.5rem;top:1.6rem;width:20px;height:20px;color:var(--muted);transition:transform .3s,color .3s}
.row:hover .arr{transform:translate(3px,-3px);color:var(--accent)}

/* Koyu platform bölümü */
.dark{background:var(--dark);color:#fff;position:relative;overflow:hidden}
.dark::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 360px at 85% 0%,rgba(47,107,255,.25),transparent 70%),radial-gradient(600px 360px at 5% 100%,rgba(46,230,166,.16),transparent 70%);pointer-events:none}
.dark .wrap{position:relative}
.dark .lead,.dark .sec-head p{color:rgba(255,255,255,.68)}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.pillar{padding:1.8rem 1.5rem;background:rgba(255,255,255,.04);border:1px solid var(--line-inv);border-radius:var(--r);transition:background .3s,transform .3s,border-color .3s}
.pillar:hover{background:rgba(255,255,255,.07);transform:translateY(-4px);border-color:rgba(46,230,166,.35)}
.pillar svg{width:40px;height:40px;padding:9px;border-radius:12px;background:rgba(46,230,166,.12);color:var(--accent-2);margin-bottom:1.6rem}
.pillar h3{margin-bottom:.6rem}
.pillar p{margin:0;font-size:.94rem;color:rgba(255,255,255,.65)}

/* Adımlar */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;counter-reset:s}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:2rem;counter-increment:s;position:relative}
.step::before{content:counter(s);width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;font:600 1rem var(--sans);display:grid;place-items:center;margin-bottom:1.6rem}
.step h3{margin-bottom:.5rem;font-size:1.3rem}
.step p{color:var(--ink-2);margin:0}

/* İlkeler */
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.checks li{padding:1.6rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.checks li::before{content:"";display:block;width:34px;height:34px;border-radius:10px;margin-bottom:1.1rem;background:rgba(12,154,107,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230c9a6b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/18px no-repeat}
.checks b{display:block;font:620 1.1rem var(--sans);letter-spacing:-.02em;margin-bottom:.35rem}
.checks span{color:var(--ink-2);font-size:.95rem}

/* SSS */
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:.7rem;transition:border-color .25s,box-shadow .25s}
.faq details[open]{border-color:#c9d3df;box-shadow:0 14px 30px -20px rgba(10,18,32,.25)}
.faq summary{list-style:none;cursor:pointer;padding:1.2rem 3.2rem 1.2rem 1.4rem;font:600 1.05rem/1.4 var(--sans);letter-spacing:-.015em;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:1.3rem;top:50%;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);transition:transform .3s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{padding:0 1.4rem 1.4rem;margin:0;color:var(--ink-2)}
.faq-group{font:600 .8rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:2.4rem 0 1rem}

/* CTA */
.cta-sec{padding-top:0}
.cta-card{background:var(--dark);color:#fff;border-radius:28px;padding:clamp(2.2rem,5vw,4.2rem);display:grid;grid-template-columns:1.3fr .7fr;gap:2.5rem;align-items:center;position:relative;overflow:hidden}
.cta-card::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 300px at 90% 0%,rgba(47,107,255,.35),transparent 70%),radial-gradient(500px 300px at 0% 100%,rgba(46,230,166,.22),transparent 70%)}
.cta-card>*{position:relative}
.cta-card h2{font-size:clamp(1.9rem,3.6vw,2.8rem)}
.cta-card p{color:rgba(255,255,255,.7);max-width:34rem;margin:1.1rem 0 0}
.cta-card .actions{display:flex;flex-direction:column;gap:.7rem}

/* İç sayfa başlığı */
.phead{padding:clamp(3rem,6vw,5rem) 0 clamp(2rem,4vw,3rem);position:relative;overflow:hidden}
.phead::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 260px at 12% 0%,rgba(46,230,166,.18),transparent 70%),radial-gradient(600px 260px at 90% 0%,rgba(47,107,255,.13),transparent 70%)}
.phead .wrap{position:relative}
.phead h1{font-size:clamp(2.3rem,5vw,3.9rem);max-width:18ch}
.phead .lead{margin-top:1.4rem}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:1.4rem}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}

/* Metin sayfaları */
.prose{max-width:46rem}
.prose h2{font-size:1.6rem;margin:2.6rem 0 .9rem}
.prose h3{font-size:1.2rem;margin:1.8rem 0 .6rem}
.prose ul{padding-left:1.2rem;margin:0 0 1rem}
.prose li{margin-bottom:.4rem}
.prose a{color:var(--accent)}
.todo{background:#fff4d6;border:1px dashed #e0b24a;color:#7a5a10;padding:.1rem .5rem;border-radius:6px;font-size:.88em;white-space:nowrap}
.notice{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);padding:1rem 1.2rem;font-size:.95rem;margin:2rem 0;border-radius:12px}

/* İletişim / künye */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem)}
.info{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:2rem;margin:0}
.dark .info{background:rgba(255,255,255,.04);border-color:var(--line-inv)}
.info dt{font:600 .74rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:1.5rem 0 .35rem}
.dark .info dt{color:var(--accent-2)}
.info dt:first-child{margin-top:0}
.info dd{margin:0;font-size:1.05rem}
.dark .todo{background:rgba(255,215,120,.12);border-color:rgba(255,215,120,.4);color:#f1d48a}

/* Footer */
.ftr{background:var(--dark);color:rgba(255,255,255,.66);padding:4.5rem 0 2rem;font-size:.93rem}
.ftr .brand b{color:#fff}.ftr .brand small{color:rgba(255,255,255,.5)}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:3rem;border-bottom:1px solid var(--line-inv)}
.ftr h4{font:600 .75rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0 0 1.2rem}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
.ftr a{text-decoration:none;transition:color .2s}.ftr a:hover{color:#fff}
.ftr .about{margin-top:1.2rem;max-width:22rem}
.risk{padding:1.8rem 0;font-size:.8rem;line-height:1.65;color:rgba(255,255,255,.5);border-bottom:1px solid var(--line-inv)}
.ftr-bot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.6rem;font-size:.82rem;color:rgba(255,255,255,.5)}
.ftr .todo{background:rgba(255,215,120,.12);border-color:rgba(255,215,120,.4);color:#f1d48a}

/* Reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
.no-js .rv{opacity:1;transform:none}

/* 404 */
.nf{min-height:70vh;display:grid;place-items:center;text-align:center;padding:4rem 0}
.nf h1{font-size:clamp(6rem,18vw,11rem);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Responsive */
@media (max-width:980px){
  .split,.contact-grid,.cta-card{grid-template-columns:1fr}
  .pillars{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr}
  .ftr-grid{grid-template-columns:1fr 1fr}
  .ledger{grid-template-columns:1fr 1fr}
  .row,.row:nth-child(1),.row:nth-child(4){grid-column:span 1}
  .app-float{display:none}
  .app-body{grid-template-columns:1fr}
  .app-side{display:none}
}
@media (max-width:1040px){
  .burger{display:block}
  .nav{position:fixed;inset:72px 0 auto 0;background:var(--surface);flex-direction:column;align-items:stretch;gap:0;padding:.8rem 1.25rem 1.6rem;border-bottom:1px solid var(--line);box-shadow:0 30px 50px -30px rgba(10,18,32,.3);transform:translateY(-12px);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s}
  .nav.open{opacity:1;transform:none;visibility:visible}
  .nav a:not(.btn){padding:1rem .4rem;border-radius:0;border-bottom:1px solid var(--line);font-size:1.05rem}
  .nav a:not(.btn):hover,.nav a[aria-current="page"]{background:none}
  .nav .cta{margin:1.2rem 0 0;flex-direction:column}
  .nav .cta .btn{width:100%}
}
@media (max-width:640px){
  body{font-size:1rem}
  .ledger,.checks,.pillars{grid-template-columns:1fr}
  .app-main{grid-template-columns:1fr}
  .panel.big{grid-row:auto}
  .ftr-grid{grid-template-columns:1fr}
  .hero .actions .btn{flex:1 1 100%}
  .brand small{display:none}
  .app{border-radius:16px 16px 0 0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
  .chart .ln,.chart .ln2,.spark path{stroke-dashoffset:0}
  .chart .area,.chart .dot{opacity:1}
  .donut circle{stroke-dasharray:var(--len) 100}
}
@media print{.hdr,.cta-sec,.burger{display:none}.rv{opacity:1;transform:none}}

/* Donut / lejant renkleri (inline stil yerine sınıflar) */
.donut .s1{--len:45;stroke:#0c9a6b}.donut .s2{--len:30;stroke:#2f6bff}.donut .s3{--len:18;stroke:#14b8a6}.donut .s4{--len:7;stroke:#aeb9c8;animation-delay:1.8s}
.dl .c1{--c:#0c9a6b}.dl .c2{--c:#2f6bff}.dl .c3{--c:#14b8a6}.dl .c4{--c:#aeb9c8}
.brand,.brand b,.nav a,.btn{white-space:nowrap}

/* ===== Zengin bileşenler ===== */
.progress{position:fixed;left:0;top:0;right:0;height:3px;z-index:70;pointer-events:none}
.progress i{display:block;height:100%;background:linear-gradient(90deg,#2ee6a6,#2f6bff);transform:scaleX(var(--p,0));transform-origin:left}
.soft{background:#edf1f3}
.center{text-align:center}
.faq.center{margin-inline:auto}
.more{margin:1.6rem 0 0;text-align:center}

/* Kart parıltısı (fare konumu) */
.glow{--mx:50%;--my:0%}
.row::after{inset:0;right:auto;top:auto;width:auto;height:auto;border-radius:inherit;background:radial-gradient(280px circle at var(--mx) var(--my),rgba(46,230,166,.2),transparent 70%)}
.row .n svg{width:24px;height:24px}
.step.glow,.tile.glow,.pillar.glow,.svc.glow{position:relative;overflow:hidden}
.step.glow::after,.tile.glow::after,.pillar.glow::after,.svc.glow::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(300px circle at var(--mx) var(--my),rgba(46,230,166,.16),transparent 70%);opacity:0;transition:opacity .35s;pointer-events:none}
.step.glow:hover::after,.tile.glow:hover::after,.pillar.glow:hover::after,.svc.glow:hover::after{opacity:1}

/* Kayan şerit */
.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--surface);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);border:0}
.ticker-track{display:flex;gap:.8rem;width:max-content;padding:1.2rem 0;animation:slide 50s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker span{font:500 .92rem var(--sans);color:var(--ink-2);padding:.6rem 1.1rem;border:1px solid var(--line);border-radius:999px;background:var(--bg);white-space:nowrap;display:flex;align-items:center;gap:.6rem}
.ticker span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-2)}
@keyframes slide{to{transform:translateX(calc(-50% - .4rem))}}

/* Sekmeli çalışma alanı */
.tabs{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.5rem;align-items:stretch}
.tablist{display:grid;gap:.7rem;align-content:start}
.tab{all:unset;box-sizing:border-box;cursor:pointer;display:block;position:relative;overflow:hidden;padding:1.2rem 1.4rem;border-radius:16px;border:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}
.tab span{display:block;font:620 1.1rem var(--sans);letter-spacing:-.02em;color:var(--ink-2);transition:color .3s}
.tab small{display:block;max-height:0;opacity:0;overflow:hidden;font:400 .94rem/1.5 var(--sans);color:var(--ink-2);transition:max-height .45s,opacity .45s,margin .45s}
.tab:hover{background:rgba(255,255,255,.7)}
.tab.on{background:var(--surface);border-color:var(--line);box-shadow:0 20px 40px -26px rgba(10,18,32,.3)}
.tab.on span{color:var(--ink)}
.tab.on small{max-height:6rem;opacity:1;margin-top:.45rem}
.tab:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.tprog{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#2ee6a6,#2f6bff);transform:scaleX(0);transform-origin:left}
.tab.on .tprog{animation:tabp 6s linear forwards}
.tabs:hover .tab.on .tprog{animation-play-state:paused}
@keyframes tabp{to{transform:scaleX(1)}}
.tabview{background:linear-gradient(160deg,#0d1a30,#091226);border-radius:24px;padding:1.4rem;min-height:400px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px rgba(10,18,32,.55)}
.tabview::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 260px at 90% 0%,rgba(47,107,255,.3),transparent 70%),radial-gradient(420px 260px at 0% 100%,rgba(46,230,166,.2),transparent 70%)}
.tabpanel{position:relative;height:100%}
.tabpanel:not([hidden]){animation:panelin .55s cubic-bezier(.2,.7,.2,1)}
@keyframes panelin{from{opacity:0;transform:translateY(14px)}}
.vp{background:rgba(255,255,255,.05);border:1px solid var(--line-inv);border-radius:16px;padding:1.4rem;height:100%;min-height:360px;display:flex;flex-direction:column;gap:1.2rem;backdrop-filter:blur(6px)}
.vp-head{display:flex;justify-content:space-between;align-items:center}
.vp-head b{width:34%;height:10px;border-radius:5px;background:rgba(255,255,255,.22)}
.chip{font:600 .72rem var(--sans);color:var(--accent-2);background:rgba(46,230,166,.1);border:1px solid rgba(46,230,166,.25);padding:.35rem .7rem;border-radius:999px}
.bars{display:flex;align-items:flex-end;gap:.5rem;height:150px;padding-bottom:.4rem;border-bottom:1px solid var(--line-inv)}
.bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#2ee6a6,rgba(46,230,166,.25));transform-origin:bottom;animation:grow .9s cubic-bezier(.2,.7,.2,1) both}
.bars i:nth-child(1){height:38%}.bars i:nth-child(2){height:52%;animation-delay:.04s}.bars i:nth-child(3){height:45%;animation-delay:.08s}.bars i:nth-child(4){height:63%;animation-delay:.12s}.bars i:nth-child(5){height:58%;animation-delay:.16s}.bars i:nth-child(6){height:72%;animation-delay:.2s}.bars i:nth-child(7){height:66%;animation-delay:.24s}.bars i:nth-child(8){height:80%;animation-delay:.28s}.bars i:nth-child(9){height:74%;animation-delay:.32s}.bars i:nth-child(10){height:88%;animation-delay:.36s}.bars i:nth-child(11){height:82%;animation-delay:.4s}.bars i:nth-child(12){height:96%;animation-delay:.44s}
@keyframes grow{from{transform:scaleY(0)}}
.vp-rows{display:grid;gap:.6rem}
.vp-rows div{display:grid;grid-template-columns:30px 1fr 60px;gap:.9rem;align-items:center;padding:.65rem .8rem;background:rgba(255,255,255,.05);border-radius:10px}
.vp-rows i{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.14)}
.vp-rows b{height:8px;border-radius:4px;background:rgba(255,255,255,.2);width:60%}
.vp-rows em{height:6px;border-radius:3px;background:var(--accent-2);transform-origin:left;animation:growx .9s .3s both}
.vp-rows em.dn{background:#ff6b70;width:70%}
@keyframes growx{from{transform:scaleX(0)}}
.hb{display:grid;gap:1.1rem;margin-top:.4rem}
.hb div{display:grid;grid-template-columns:90px 1fr;gap:1rem;align-items:center}
.hb i{height:8px;border-radius:4px;background:rgba(255,255,255,.2)}
.hb span{height:14px;border-radius:7px;background:linear-gradient(90deg,#2f6bff,#2ee6a6);transform-origin:left;animation:growx 1s cubic-bezier(.2,.7,.2,1) both}
.hb .f1{width:92%}.hb .f2{width:78%;animation-delay:.1s}.hb .f3{width:64%;animation-delay:.2s}.hb .f4{width:51%;animation-delay:.3s}.hb .f5{width:38%;animation-delay:.4s}
.vp-split{display:flex;align-items:center;gap:2rem;justify-content:center;padding:.5rem 0}
.donut.big{width:150px;height:150px}
.vp .dl{color:rgba(255,255,255,.75);font-size:.85rem}
.vp .donut .bg{stroke:rgba(255,255,255,.08)}
.stack{display:flex;height:14px;border-radius:7px;overflow:hidden;gap:3px}
.stack i{display:block;height:100%;transform-origin:left;animation:growx 1s .2s both}
.stack .k1{width:45%;background:#0c9a6b}.stack .k2{width:30%;background:#2f6bff}.stack .k3{width:18%;background:#14b8a6}.stack .k4{width:7%;background:#aeb9c8}
.al{display:grid;gap:.7rem}
.al div{display:grid;grid-template-columns:36px 1fr 44px;gap:.9rem;align-items:center;padding:.8rem 1rem;background:rgba(255,255,255,.05);border-radius:12px}
.al .bell{width:36px;height:36px;border-radius:10px;background:rgba(46,230,166,.12);color:var(--accent-2);display:grid;place-items:center}
.al .bell svg{width:18px;height:18px}
.al b{height:9px;border-radius:5px;background:rgba(255,255,255,.22);width:65%}
.al u{display:block;width:44px;height:24px;border-radius:12px;background:rgba(255,255,255,.14);position:relative;text-decoration:none}
.al u::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .3s}
.al u.on{background:var(--accent)}
.al u.on::after{animation:knob .5s .5s both}
@keyframes knob{from{transform:translateX(0)}to{transform:translateX(20px)}}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.bento.three{grid-template-columns:repeat(3,1fr)}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.8rem;display:flex;flex-direction:column;gap:.6rem;transition:transform .35s,border-color .35s}
.tile:hover{transform:translateY(-4px)}
.tile h3{font-size:1.25rem}
.tile p{margin:0;color:var(--ink-2);font-size:.96rem}
.dark .tile{background:rgba(255,255,255,.04);border-color:var(--line-inv)}
.dark .tile:hover{border-color:rgba(46,230,166,.35);background:rgba(255,255,255,.07)}
.dark .tile p{color:rgba(255,255,255,.66)}
.tile.big{grid-column:span 2;grid-row:span 2;justify-content:flex-end}
.tile.wide{grid-column:span 2}
.ti{width:44px;height:44px;border-radius:13px;background:rgba(46,230,166,.12);color:var(--accent-2);display:grid;place-items:center;margin-bottom:.9rem}
.bento.three .ti{background:rgba(12,154,107,.1);color:var(--accent)}
.ti svg{width:24px;height:24px}
.shield{position:relative;width:150px;height:150px;display:grid;place-items:center;color:var(--accent-2);margin:0 auto auto}
.shield svg{width:44px;height:44px;position:relative;z-index:1}
.shield span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(46,230,166,.45);animation:sring 3.6s ease-out infinite}
.shield span:nth-child(2){animation-delay:1.2s}.shield span:nth-child(3){animation-delay:2.4s}
.shield::after{content:"";position:absolute;width:82px;height:82px;border-radius:50%;background:rgba(46,230,166,.1);border:1px solid rgba(46,230,166,.35)}
.shield.sm{width:72px;height:72px;margin:0;flex:none;color:var(--accent)}
.shield.sm::after{width:48px;height:48px;background:rgba(12,154,107,.1);border-color:rgba(12,154,107,.35)}
.shield.sm span{border-color:rgba(12,154,107,.4)}
.shield.sm svg{width:24px;height:24px}
@keyframes sring{from{transform:scale(.45);opacity:1}to{transform:scale(1);opacity:0}}
.devices{display:flex;align-items:flex-end;gap:1rem;height:96px;margin-bottom:.8rem}
.dv-lap{width:150px;height:92px;border:2px solid rgba(255,255,255,.3);border-radius:10px 10px 4px 4px;padding:10px;display:grid;gap:6px;align-content:center}
.dv-ph{width:50px;height:88px;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:9px 7px;display:grid;gap:6px;align-content:center}
.devices i{display:block;height:7px;border-radius:4px;background:linear-gradient(90deg,#2ee6a6,#5aa2ff);animation:pulsew 3s ease-in-out infinite}
.devices i:nth-child(2){width:70%;animation-delay:.4s}.devices i:nth-child(3){width:45%;animation-delay:.8s}
@keyframes pulsew{50%{opacity:.35}}
.safe{display:flex;gap:1.6rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.8rem;margin:1rem 0 2.5rem}
.safe h3{margin-bottom:.4rem}.safe p{margin:0;color:var(--ink-2)}

/* Zaman çizelgesi */
.timeline{list-style:none;margin:0;padding:0;max-width:40rem}
.timeline li{position:relative;padding:0 0 2.4rem 3.4rem}
.timeline li:last-child{padding-bottom:0}
.tdot{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);display:grid;place-items:center;z-index:1}
.tdot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent)}
.timeline li::before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:linear-gradient(var(--accent),rgba(12,154,107,.15));transform:scaleY(0);transform-origin:top;transition:transform 1s .3s}
.timeline li.in::before{transform:scaleY(1)}
.timeline li:last-child::before{display:none}
.timeline h3{font-size:1.25rem;margin:.2rem 0 .35rem}
.timeline p{margin:0;color:var(--ink-2)}
.timeline.inv .tdot{background:var(--dark)}
.timeline.inv p{color:rgba(255,255,255,.68)}
.dark .timeline{margin-inline:auto}

/* Hizmet satırları */
.svc-list{display:grid;gap:1rem}
.svc{display:grid;grid-template-columns:72px 1.2fr 1fr;gap:2rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:2rem;transition:transform .35s,box-shadow .35s}
.svc:hover{transform:translateY(-3px);box-shadow:0 24px 50px -28px rgba(10,18,32,.3)}
.svc-ic{width:72px;height:72px;border-radius:20px;background:rgba(12,154,107,.1);color:var(--accent);display:grid;place-items:center}
.svc-ic svg{width:34px;height:34px}
.svc h2{font-size:1.7rem;margin-bottom:.4rem}
.svc p{margin:0;color:var(--ink-2)}
.svc ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.svc li{padding-left:1.7rem;position:relative;font-size:.96rem;color:var(--ink-2)}
.svc li::before{content:"";position:absolute;left:0;top:.35rem;width:.95rem;height:.95rem;border-radius:50%;background:rgba(12,154,107,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230c9a6b' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/70% no-repeat}

/* Vurgu cümlesi */
.statement p{font-size:clamp(1.8rem,4.2vw,3.4rem);font-weight:620;letter-spacing:-.035em;line-height:1.15;max-width:24ch;margin:0}
.statement em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

@media (max-width:980px){
  .tabs{grid-template-columns:1fr}
  .bento,.bento.three{grid-template-columns:1fr 1fr}
  .tile.big{grid-column:span 2;grid-row:auto}
  .svc{grid-template-columns:72px 1fr}
  .svc ul{grid-column:1/-1}
  .tabview{min-height:360px}
}
@media (max-width:640px){
  .bento,.bento.three{grid-template-columns:1fr}
  .tile.big,.tile.wide{grid-column:auto}
  .svc{grid-template-columns:1fr;gap:1.2rem}
  .vp-split{flex-direction:column;gap:1rem}
  .safe{flex-direction:column;align-items:flex-start}
  .dv-lap{width:120px}
}
@media (prefers-reduced-motion:reduce){
  .ticker-track{animation:none}
  .tab.on .tprog{animation:none;transform:scaleX(1)}
  .bars i,.hb span,.stack i,.vp-rows em{animation:none}
  .timeline li::before{transform:scaleY(1)}
  .shield span{animation:none;opacity:.4;transform:scale(1)}
}
.bento:not(.three) .tile:nth-child(5),.bento:not(.three) .tile:nth-child(6){grid-column:span 2}
@media (max-width:640px){.bento:not(.three) .tile:nth-child(5),.bento:not(.three) .tile:nth-child(6){grid-column:auto}}