/* =========================================================
   NetEvrim — tasarım sistemi
   ========================================================= */
:root{
  /* marka */
  --blue:#0E65A7;      /* evrim mavisi */
  --blue-d:#0B568F;
  --navy:#0A2E52;      /* derin lacivert */
  --paper:#F4F7FA;     /* soğuk kâğıt */
  --line:#D5E0EA;
  --text:#4A5B6D;
  --sprout:#5CC8A8;    /* filiz: aktif evre, ilerleme */

  /* hizmet alanı tonları (tek renk ailesi, açıktan koyuya) */
  --a-kurulus-1:#8CC8FF; --a-kurulus-2:#2F7FE0;
  --a-finans-1:#FFCB66;  --a-finans-2:#E08712;
  --a-bt-1:#6FDCEB;      --a-bt-2:#1592B8;
  --a-ai-1:#B9A4FF;      --a-ai-2:#6A4DE0;
  --a-girisim-1:#93E07E; --a-girisim-2:#2E9E55;
  --a-tesvik-1:#FFAE8A;  --a-tesvik-2:#E85A3C;

  --f:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.22,.8,.24,1);
  --spring:cubic-bezier(.34,1.42,.5,1);
  --r-s:10px; --r-m:16px; --r-l:22px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{font:400 17px/1.65 var(--f);color:var(--text);background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
svg{display:block}
h1,h2,h3,h4{color:var(--navy);font-weight:700;letter-spacing:-.022em;line-height:1.08}
:focus-visible{outline:3px solid var(--sprout);outline-offset:3px;border-radius:6px}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 14px;z-index:300}
.skip:focus{left:8px}
body.lock{overflow:hidden}

/* ---------- üst şerit ---------- */
.topbar{background:var(--navy);color:#B9CDE0;font-size:13.5px}
.topbar__in{display:flex;justify-content:space-between;align-items:center;height:38px}
.topbar a{text-decoration:none;margin-right:24px}
.topbar a:hover{color:#fff}

/* ---------- menü ---------- */
.nav{position:absolute;top:38px;left:0;right:0;z-index:60;padding-top:14px}
.nav.stuck{position:fixed;top:0;padding-top:10px;animation:drop .45s var(--ease)}
@keyframes drop{from{transform:translateY(-110%)}}
.nav .wrap{position:relative}
.nav__bar{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);border-radius:var(--r-m);padding:10px 10px 10px 20px;box-shadow:0 10px 30px -14px rgba(10,46,82,.45)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:21px;color:var(--navy);letter-spacing:-.03em}
.logo svg{width:36px;height:36px}
.logo--w{color:#fff}
.menu{display:flex;align-items:center;gap:2px}
.menu > a,.mega-t{display:flex;align-items:center;gap:7px;text-decoration:none;font-weight:600;font-size:15px;color:#33475C;padding:10px 14px;border-radius:9px;transition:color .2s,background .2s}
.menu > a:hover,.mega-t:hover,.mega-wrap:focus-within .mega-t{color:var(--blue);background:var(--paper)}
.mega-t i{width:7px;height:7px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg) translateY(-2px);transition:transform .3s var(--ease)}
.mega-wrap:hover .mega-t i,.mega-wrap.open .mega-t i{transform:rotate(225deg) translate(-1px,-1px)}
.menu .menu__cta{margin-left:10px;color:#fff;padding:11px 18px}
.menu .menu__cta:hover{color:#fff}
.burger{display:none;width:46px;height:46px;border-radius:12px;background:var(--paper);position:relative;z-index:2}
.burger span{position:absolute;left:13px;right:13px;height:2px;background:var(--navy);transition:transform .35s var(--ease),top .35s var(--ease)}
.burger span:first-child{top:18px}.burger span:last-child{top:26px}
.burger[aria-expanded=true] span:first-child{top:22px;transform:rotate(45deg)}
.burger[aria-expanded=true] span:last-child{top:22px;transform:rotate(-45deg)}

/* mega menü (masaüstü) */
.mega-wrap{position:static}
.mega{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;border-radius:var(--r-l);padding:18px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;box-shadow:0 30px 70px -24px rgba(10,46,82,.5);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:50% 0;transition:opacity .25s,transform .35s var(--ease),visibility 0s .35s}
.mega::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.mega-wrap:hover .mega,.mega-wrap.open .mega{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .45s var(--spring),visibility 0s}
.mtile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:132px;padding:14px;border-radius:var(--r-m);text-decoration:none;color:#fff;background:linear-gradient(150deg,var(--c1),var(--c2));opacity:0;transform:translateY(10px)}
.mega-wrap:hover .mtile,.mega-wrap.open .mtile{animation:rise .5s var(--spring) forwards;animation-delay:calc(var(--i) * 45ms)}
.mtile svg{position:absolute;right:6px;top:4px;width:66px;height:66px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.18));transition:transform .5s var(--spring)}
.mtile:hover svg,.mtile:focus-visible svg{transform:translateY(-4px) rotate(-6deg) scale(1.08)}
.mtile b{font-size:16px;line-height:1.2;max-width:calc(100% - 60px);text-shadow:0 1px 8px rgba(0,0,0,.18)}
.mtile small{font-size:13px;opacity:.9}
@keyframes rise{to{opacity:1;transform:none}}

/* ---------- butonlar ---------- */
.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;padding:15px 26px;border-radius:var(--r-s);background:var(--blue);color:#fff;font-weight:700;font-size:16px;text-decoration:none;transition:transform .35s var(--spring),box-shadow .3s,background .2s}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(14,101,167,.75)}
.btn:hover::after{transform:translateX(120%)}
.btn:active{transform:translateY(0) scale(.97);transition-duration:.1s}
.btn .ico{width:20px;height:20px;fill:currentColor;margin-right:10px;flex:none;transition:transform .4s var(--spring)}
.btn:hover .ico{transform:rotate(-12deg) scale(1.12)}
.btn--sm{padding:11px 18px;font-size:15px}
.btn--light{background:#fff;color:var(--navy)}
.btn--light::after{background:linear-gradient(110deg,transparent 30%,rgba(14,101,167,.12) 50%,transparent 70%)}
.btn--light:hover{box-shadow:0 16px 34px -12px rgba(0,0,0,.45),0 0 0 6px rgba(255,255,255,.14)}
.btn--line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.btn--line:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px #fff}
.btn--glow{animation:glow 2.8s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 0 8px rgba(255,255,255,.12),0 18px 40px -14px rgba(0,0,0,.4)}}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--blue);color:#fff;padding:184px 0 0;overflow:hidden}
.hero__circle{position:absolute;border-radius:50%;pointer-events:none;will-change:transform}
.hero__circle--l{width:520px;height:520px;left:-260px;top:120px;background:rgba(255,255,255,.05)}
.hero__circle--r{width:760px;height:760px;right:-300px;top:-260px;border:90px solid rgba(255,255,255,.045)}
.hero__in{position:relative}
.hero h1{color:#fff;font-size:clamp(38px,6vw,80px);font-weight:800;letter-spacing:-.04em;line-height:.98;max-width:20ch}
.hero h1 .ln{display:block;overflow:hidden;padding:.12em 0 .14em;margin:-.12em 0 -.14em}
.hero h1 .ln > span{display:inline-block;transform:translateY(105%);animation:lineUp .9s var(--ease) forwards}
.hero h1 .ln:nth-child(2) > span{animation-delay:.12s}
@keyframes lineUp{to{transform:none}}
.hero__sub{max-width:52ch;font-size:19px;color:#D6E7F5;margin:26px 0 32px;opacity:0;animation:fadeUp .8s .35s var(--ease) forwards}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;opacity:0;animation:fadeUp .8s .5s var(--ease) forwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* evrim eğrisi */
.evo{margin-top:80px;position:relative;opacity:0;animation:fadeUp .9s .55s var(--ease) forwards}
.evo__q{font-size:15px;font-weight:600;color:#BCD6EC;margin-bottom:6px}
.evo__stage{position:relative;height:200px}
.evo__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.evo__base{fill:none;stroke:rgba(255,255,255,.18);stroke-width:2;vector-effect:non-scaling-stroke}
.evo__line{fill:none;stroke:#fff;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round}
.evo__nodes{position:absolute;inset:0}
.evo__node{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--blue);box-shadow:inset 0 0 0 3px rgba(255,255,255,.45);transition:box-shadow .3s,transform .45s var(--spring),background .3s;opacity:0}
.evo__node.lit{opacity:1;box-shadow:inset 0 0 0 3px #fff}
.evo__node.on{background:var(--sprout);box-shadow:inset 0 0 0 3px #fff;transform:scale(1.2)}
.evo__node.on::before,.evo__node.on::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--sprout);animation:ping 2.2s var(--ease) infinite}
.evo__node.on::after{animation-delay:1.1s}
@keyframes ping{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.2);opacity:0}}
.evo__comet{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff;box-shadow:0 0 12px 4px rgba(255,255,255,.75),0 0 30px 10px rgba(92,200,168,.45);opacity:0;pointer-events:none}
.evo__tabs{display:grid;grid-template-columns:repeat(5,1fr);margin-top:22px;border-top:1px solid rgba(255,255,255,.2)}
.evo__tab{text-align:left;padding:16px 12px 18px 0;font-weight:700;font-size:17px;color:#A9C8E2;position:relative;transition:color .2s}
.evo__tab::before{content:"";position:absolute;left:0;right:12px;top:-1px;height:3px;background:var(--sprout);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.evo__tab:hover{color:#fff}
.evo__tab[aria-selected=true]{color:#fff}
.evo__tab[aria-selected=true]::before{transform:none}
.evo__tab small{display:block;font-weight:500;font-size:13.5px;color:#9DBFDC;margin-top:2px}
.evo__panel{background:#fff;color:var(--text);border-radius:var(--r-m) var(--r-m) 0 0;padding:30px 34px 34px;display:grid;grid-template-columns:1fr 1.25fr;gap:34px;align-items:start;margin-top:8px;min-height:190px}
.evo__panel h3{font-size:26px;margin-bottom:10px}
.fade{animation:fadeUp .45s var(--ease)}
.evo__svcs li{border-top:1px solid var(--line)}
.evo__svcs li:last-child{border-bottom:1px solid var(--line)}
.evo__svcs button{width:100%;text-align:left;padding:12px 0;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:14px;transition:color .2s,padding .35s var(--ease)}
.evo__svcs button svg{width:34px;height:34px;flex:none;transition:transform .45s var(--spring)}
.evo__svcs button span{margin-left:auto;color:var(--blue);font-weight:600;font-size:14.5px;white-space:nowrap}
.evo__svcs button:hover{color:var(--blue);padding-left:6px}
.evo__svcs button:hover svg{transform:scale(1.15) rotate(-6deg)}
.link{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;display:inline-block;margin-top:16px}

/* ---------- bölüm başlıkları ---------- */
.head{max-width:620px;margin-bottom:40px}
.head h2{font-size:clamp(32px,3.9vw,50px);font-weight:800;letter-spacing:-.035em}
.head p{margin-top:12px;font-size:18px}
.head--light h2{color:#fff}.head--light p{color:#C9DDEE}

/* ---------- kaydırınca beliren (bağlama göre farklı) ---------- */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--d,0) * 90ms)}
.rv--l{transform:translateX(-24px)}
.rv--s{transform:scale(.96)}
.rv.in{opacity:1;transform:none}

/* ---------- hakkında ---------- */
.about{padding:104px 0 96px;background:var(--paper)}
.about__g{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:start}
.about__big{font-size:clamp(23px,2.4vw,31px);line-height:1.38;color:var(--navy);font-weight:500;letter-spacing:-.015em;max-width:30em}
.about__list div{padding:20px 0;border-top:1px solid var(--line)}
.about__list div:last-child{border-bottom:1px solid var(--line)}
.about__list dt{font-weight:700;color:var(--navy);font-size:18px}
.about__list dd{margin-top:4px}
.nums{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:56px;margin-top:48px}
.nums div{display:flex;flex-direction:column-reverse}
.nums dd{font-size:clamp(52px,6vw,84px);font-weight:800;color:var(--blue);letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.nums dt{margin-top:8px;font-weight:600;color:var(--navy);font-size:16px}

/* ---------- hizmetler: mağaza düzeni ---------- */
.services{padding:104px 0 112px}
.store{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:start}
.store__side{position:sticky;top:104px;display:flex;flex-direction:column;gap:2px}
.side{display:flex;align-items:center;gap:12px;text-align:left;padding:9px 12px 9px 9px;border-radius:12px;font-weight:600;font-size:16px;color:#3A4D62;transition:background .2s,color .2s}
.side__ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:linear-gradient(150deg,var(--c1),var(--c2));box-shadow:0 6px 12px -6px var(--c2);transition:transform .45s var(--spring)}
.side__ic svg{width:26px;height:26px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}
.side small{margin-left:auto;font-size:13px;color:#8A9BAD;font-variant-numeric:tabular-nums}
.side:hover{background:var(--paper)}
.side:hover .side__ic{transform:rotate(-8deg) scale(1.08)}
.side[aria-selected=true]{background:#E6EFF8;color:var(--navy);font-weight:700}

.store__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;grid-auto-flow:dense}
.store__grid.two{grid-template-columns:repeat(2,1fr)}
.tile{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:178px;padding:20px;border-radius:var(--r-l);text-align:left;color:#fff;background:linear-gradient(155deg,var(--c1) 0%,var(--c2) 100%);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 14px 30px -18px var(--c2);transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s var(--ease),box-shadow .4s;opacity:0}
.tile.show{animation:tileIn .7s var(--spring) forwards;animation-delay:calc(var(--i) * 55ms)}
@keyframes tileIn{from{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry))}}
.tile.done{opacity:1;animation:none}
.tile::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(240px circle at var(--mx) var(--my),rgba(255,255,255,.38),transparent 60%);opacity:0;transition:opacity .35s}
.tile::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.42) 50%,transparent 62%);transform:translateX(-130%)}
.tile:hover{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 26px 44px -20px var(--c2)}
.tile:hover::before{opacity:1}
.tile:hover::after{transform:translateX(130%);transition:transform .9s var(--ease)}
.tile__ico{position:absolute;right:10px;top:8px;width:112px;height:112px;z-index:1;filter:drop-shadow(0 14px 14px rgba(0,0,0,.22));animation:bob 5.5s ease-in-out infinite;animation-delay:calc(var(--i) * -.7s);transition:transform .6s var(--spring)}
.tile:hover .tile__ico{transform:translate(-4px,-6px) rotate(-7deg) scale(1.1)}
@keyframes bob{50%{translate:0 -7px;rotate:2deg}}
.tile__t{display:block;position:relative;z-index:1;color:#fff;font-weight:700;font-size:21px;line-height:1.15;letter-spacing:-.02em;max-width:13ch;text-shadow:0 1px 10px rgba(0,0,0,.2)}
.tile__d{display:block;position:relative;z-index:1;color:rgba(255,255,255,.94);font-size:15px;line-height:1.5;max-width:min(38ch,calc(100% - 118px));margin-top:6px;text-shadow:0 1px 6px rgba(0,0,0,.12)}
.tile__feat{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.01em;margin-bottom:6px;color:rgba(255,255,255,.95)}
.tile__feat::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.8);animation:dot 1.8s infinite}
@keyframes dot{70%{box-shadow:0 0 0 7px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.tile--wide{grid-column:span 2;min-height:178px}
.tile--wide .tile__t{max-width:16ch;font-size:25px}
.tile--wide .tile__ico{width:140px;height:140px;right:22px;top:14px}
.tile--feat.done{animation:pulseTile 3.2s ease-in-out infinite}
.tile--feat.done::after{animation:sweep 5s 1.5s ease-in-out infinite}
@keyframes pulseTile{50%{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 0 0 6px color-mix(in srgb,var(--c1) 35%,transparent),0 22px 40px -18px var(--c2)}}
@keyframes sweep{0%,70%{transform:translateX(-130%)}100%{transform:translateX(130%)}}

/* ---------- yöntem ---------- */
.method{background:var(--navy);color:#C9DDEE;padding:104px 0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.steps li{padding:0 28px 0 0;position:relative}
.steps li::before{content:"";position:absolute;left:0;right:0;top:23px;height:2px;background:rgba(255,255,255,.14)}
.steps li::after{content:"";position:absolute;left:0;top:23px;height:2px;width:100%;background:var(--sprout);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.steps li:last-child::before,.steps li:last-child::after{display:none}
.steps.run li::after{transform:none}
.steps.run li:nth-child(2)::after{transition-delay:.35s}.steps.run li:nth-child(3)::after{transition-delay:.7s}
.steps__n{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--navy);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);color:#fff;font-weight:800;font-size:19px;margin-bottom:24px;transition:box-shadow .4s,background .4s,transform .5s var(--spring)}
.steps.run .steps__n{background:var(--sprout);box-shadow:none;color:var(--navy);transform:scale(1.04)}
.steps.run li:nth-child(1) .steps__n{transition-delay:.1s}.steps.run li:nth-child(2) .steps__n{transition-delay:.45s}.steps.run li:nth-child(3) .steps__n{transition-delay:.8s}.steps.run li:nth-child(4) .steps__n{transition-delay:1.15s}
.steps h3{color:#fff;font-size:22px;margin-bottom:8px}
.steps small{display:inline-block;margin-top:14px;font-size:14px;font-weight:600;color:var(--sprout)}

/* ---------- kimler ---------- */
.who{padding:104px 0}
.who__g{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.who article{border-top:2px solid var(--navy);padding-top:24px}
.who h3{font-size:24px}
.who__ask{font-size:20px;line-height:1.4;color:var(--blue);font-weight:500;margin:14px 0;letter-spacing:-.01em}

/* ---------- sss (yumuşak akordeon) ---------- */
.faq{padding:96px 0 104px;background:var(--paper)}
.faq__g{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:start}
.faq .head{margin:0}
.faq .head .btn{margin-top:24px}
.acc{border-top:2px solid var(--navy)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;padding:22px 0;font-weight:700;font-size:19px;color:var(--navy);display:flex;justify-content:space-between;gap:24px;align-items:center;transition:color .2s}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg) translateY(-3px);transition:transform .4s var(--spring)}
.acc details[open] summary::after{transform:rotate(225deg)}
.acc summary:hover{color:var(--blue)}
.acc__body{overflow:hidden;transition:height .45s var(--ease)}
.acc p{padding:0 40px 24px 0;max-width:62ch}

/* ---------- cta ---------- */
.cta{position:relative;background:var(--blue);color:#D6E7F5;padding:100px 0;overflow:hidden}
.cta .hero__circle--r{top:-320px}
.cta__in{position:relative}
.cta h2{color:#fff;font-size:clamp(34px,5vw,66px);font-weight:800;letter-spacing:-.04em;max-width:14ch;line-height:1}
.cta p{font-size:19px;max-width:48ch;margin:20px 0 30px}

/* ---------- footer ---------- */
.foot{background:var(--navy);color:#A9BED2;padding:76px 0 0;font-size:15.5px}
.foot__g{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:40px}
.foot p{margin-top:16px;max-width:34ch}
.foot h4{color:#fff;font-size:16px;margin-bottom:14px}
.foot li{margin-bottom:9px}
.foot a{text-decoration:none}
.foot a:hover{color:#fff;text-decoration:underline}
.foot__b{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(255,255,255,.1);margin-top:52px;padding:24px 0;font-size:14px}
.foot__b a{margin-left:22px}

/* WhatsApp yüzen buton: nabız */
.wa{position:fixed;right:20px;bottom:20px;z-index:40;width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.4);transition:transform .4s var(--spring)}
.wa::before,.wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:ping 2.6s var(--ease) infinite}
.wa::after{animation-delay:1.3s}
.wa:hover{transform:scale(1.1) rotate(-6deg)}
.wa svg{width:28px;fill:#fff;position:relative}

/* ---------- modal ---------- */
.modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;visibility:hidden}
.modal.on{visibility:visible}
.modal__bg{position:absolute;inset:0;background:rgba(6,26,48,.55);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s}
.modal.on .modal__bg{opacity:1}
.modal__box{position:relative;background:#fff;border-radius:26px;width:min(860px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;box-shadow:0 50px 120px -30px rgba(0,20,50,.6);opacity:0}
.modal.on .modal__box{opacity:1}
.modal__x{position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:5;transition:transform .45s var(--spring),background .2s}
.modal__x svg{width:18px;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.modal__x:hover{background:rgba(255,255,255,.35);transform:rotate(90deg)}

.sd__hero{position:relative;overflow:hidden;isolation:isolate;padding:46px 44px 40px;color:#fff;background:linear-gradient(155deg,var(--c1),var(--c2));display:grid;grid-template-columns:1fr 190px;gap:20px;align-items:center}
.sd__hero::before,.sd__hero::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(30px)}
.sd__hero::before{width:300px;height:300px;right:-60px;top:-90px;background:rgba(255,255,255,.35);animation:drift 9s ease-in-out infinite}
.sd__hero::after{width:220px;height:220px;left:-60px;bottom:-110px;background:var(--c2);opacity:.7;animation:drift 11s ease-in-out infinite reverse}
@keyframes drift{50%{transform:translate(-30px,24px) scale(1.12)}}
.sd__area{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;background:rgba(255,255,255,.2);padding:5px 12px 5px 6px;border-radius:30px}
.sd__area svg{width:22px;height:22px}
.sd__hero h3{color:#fff;font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.03em;margin:14px 0 10px;max-width:16ch;text-shadow:0 2px 16px rgba(0,0,0,.15)}
.sd__hero p{color:rgba(255,255,255,.94);font-size:17.5px;max-width:46ch}
.sd__art{position:relative;width:190px;height:190px;display:grid;place-items:center}
.sd__art svg{width:170px;height:170px;filter:drop-shadow(0 22px 22px rgba(0,0,0,.25));animation:bob 4.5s ease-in-out infinite;position:relative;z-index:1}
.sd__art i{position:absolute;inset:18px;border-radius:50%;border:2px solid rgba(255,255,255,.55);animation:ping 2.8s var(--ease) infinite}
.sd__art i:nth-child(2){animation-delay:1.4s}
.sd__art b{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px rgba(255,255,255,.8);animation:twinkle 2.4s ease-in-out infinite}
.sd__art b:nth-of-type(1){top:16%;left:10%}
.sd__art b:nth-of-type(2){top:8%;right:16%;animation-delay:.8s;width:6px;height:6px}
.sd__art b:nth-of-type(3){bottom:14%;right:6%;animation-delay:1.6s}
@keyframes twinkle{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}
.sd__body{padding:34px 44px 38px;background:#fff}
.sd__g{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.sd__g h4{font-size:17px;margin-bottom:10px}
.sd__g li{position:relative;padding:10px 0 10px 32px;border-bottom:1px solid var(--line);color:var(--navy);font-weight:500;opacity:0;animation:fadeUp .5s var(--ease) forwards;animation-delay:calc(.25s + var(--i) * 60ms)}
.sd__g li::before{content:"";position:absolute;left:0;top:13px;width:21px;height:21px;border-radius:50%;background:linear-gradient(150deg,var(--c1),var(--c2));box-shadow:0 4px 10px -4px var(--c2)}
.sd__g li::after{content:"";position:absolute;left:8px;top:17px;width:5px;height:10px;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(45deg)}
.sd__f{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px;opacity:0;animation:fadeUp .5s .55s var(--ease) forwards}

/* modal yardımcıları */
.modal.closing .modal__bg{opacity:0}
.modal__box.morph{background:linear-gradient(155deg,var(--c1),var(--c2))}
.acc details[open].shutting summary::after{transform:rotate(45deg) translateY(-3px)}
@media (min-width:1001px){
  .mega-wrap.shut .mega{opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transition:opacity .2s,visibility 0s .2s}
  .mega-wrap.shut .mtile{animation:none}
}

/* ---------- mobil ---------- */
@media (max-width:1000px){
  .burger{display:block}
  .menu{position:fixed;inset:0;z-index:1;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:#fff;padding:110px 24px 32px;overflow-y:auto;clip-path:circle(0 at calc(100% - 52px) 82px);visibility:hidden;transition:clip-path .55s var(--ease),visibility 0s .55s}
  .menu.on{clip-path:circle(150% at calc(100% - 52px) 82px);visibility:visible;transition:clip-path .65s var(--ease),visibility 0s}
  .menu > a,.mega-t{font-size:26px;font-weight:800;color:var(--navy);padding:14px 4px;border-radius:0;border-bottom:1px solid var(--line);letter-spacing:-.02em;opacity:0;transform:translateY(16px)}
  .menu.on > a,.menu.on .mega-t{animation:rise .55s var(--spring) forwards}
  .menu.on > :nth-child(1) .mega-t{animation-delay:.12s}.menu.on > a:nth-child(2){animation-delay:.17s}.menu.on > a:nth-child(3){animation-delay:.22s}.menu.on > a:nth-child(4){animation-delay:.27s}
  .menu.on > a.menu__cta{animation-delay:.32s}
  .menu > a:hover,.mega-t:hover{background:none}
  .mega-t i{display:none}
  .mega{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:12px 0 6px;grid-template-columns:1fr 1fr;gap:8px;background:none;transition:none}
  .mega::before{display:none}
  .menu.on .mtile{animation:rise .5s var(--spring) forwards;animation-delay:calc(.2s + var(--i) * 40ms)}
  .mtile{min-height:96px;padding:12px}
  .mtile b{font-size:15px;max-width:calc(100% - 46px)}
  .mtile svg{width:48px;height:48px}
  .mtile:first-child b{max-width:calc(100% - 60px)}
  .menu .menu__cta{margin:22px 0 0;font-size:17px;padding:16px;border:0}
  .nav.menu-open .nav__bar{box-shadow:none}
  .nav__bar{backdrop-filter:none;background:#fff}
  .logo{position:relative;z-index:2}
  .mtile:first-child{grid-column:span 2}
  .about__g,.faq__g{grid-template-columns:1fr;gap:44px}
  .store{grid-template-columns:1fr;gap:20px}
  .store__side{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:2px 20px 6px;gap:8px}
  .store__side::-webkit-scrollbar{display:none}
  .side{flex:none;padding:7px 14px 7px 7px;background:var(--paper)}
  .side small{display:none}
  .side[aria-selected=true]{background:var(--navy);color:#fff}
  .store__grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr 1fr;row-gap:52px}
  .steps li:nth-child(2)::before,.steps li:nth-child(2)::after{display:none}
  .who__g{grid-template-columns:1fr;gap:36px}
  .foot__g{grid-template-columns:1fr 1fr}
  .evo__panel{grid-template-columns:1fr;gap:18px}
  .sd__hero{grid-template-columns:1fr 140px}
  .sd__art{width:140px;height:140px}.sd__art svg{width:124px;height:124px}
}
@media (max-width:640px){
  body{font-size:16px}
  .topbar span,.topbar a+a{display:none}
  .hero{padding-top:146px}
  .hero__sub{font-size:17px}
  .hero__cta .btn{width:100%}
  .evo{margin-top:52px}
  .evo__stage{height:120px}
  .evo__tab{font-size:12.5px;padding:12px 4px 14px 0}
  .evo__tab small{display:none}
  .evo__panel{padding:24px 20px;margin-inline:-20px;border-radius:0}
  .services,.method,.who,.about{padding:76px 0}
  .faq{padding:76px 0}
  .head{margin-bottom:28px}
  .nums{gap:28px;margin-top:36px}
  .store__grid,.store__grid.two{grid-template-columns:1fr;gap:12px}
  .tile,.tile--wide{grid-column:auto;min-height:128px;padding:18px}
  .tile__t,.tile--wide .tile__t{font-size:19px;max-width:62%}
  .tile__d{display:none}
  .tile__ico,.tile--wide .tile__ico{width:92px;height:92px;top:50%;margin-top:-46px;right:12px;animation:none}
  .steps{grid-template-columns:1fr}
  .steps li::before,.steps li::after{display:none}
  .foot__g{grid-template-columns:1fr}
  .foot__b a{margin:0 18px 0 0}
  .modal{padding:0;align-items:end}
  .modal__box{border-radius:24px 24px 0 0;max-height:92vh;max-height:92dvh}
  .modal__box::before{content:"";position:absolute;left:50%;top:8px;width:42px;height:5px;margin-left:-21px;border-radius:5px;background:rgba(255,255,255,.65);z-index:6}
  .sd__hero{grid-template-columns:1fr;padding:34px 22px 26px}
  .sd__art{position:absolute;right:-6px;top:6px;width:110px;height:110px;opacity:.9}
  .sd__art svg{width:96px;height:96px}
  .sd__hero h3{max-width:11ch}
  .sd__body{padding:24px 22px 30px}
  .sd__g{grid-template-columns:1fr;gap:24px}
  .sd__f .btn{width:100%}
}
@media (max-width:640px){.wa{width:50px;height:50px;right:14px;bottom:14px}.wa svg{width:25px}}
@media (hover:none){
  .tile:hover .tile__ico{transform:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important}
  html{scroll-behavior:auto}
  .rv,.tile{opacity:1;transform:none}
  .evo__comet{display:none}
}