/* Nova — neon turkuaz / mor premium tema */
@font-face{font-family:Sora;font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/sora-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:Sora;font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/sora-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}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-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:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-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:#050816;--bg2:#08102a;--card:#0c1533;--card2:#101b40;
	--line:rgba(140,190,255,.13);--line2:rgba(140,190,255,.24);
	--txt:#eaf2ff;--mut:#9aaccf;--dim:#6b7fa6;
	--cyan:#00e5ff;--mint:#00f5b8;--violet:#a855f7;--blue:#3b82f6;
	--grad:linear-gradient(110deg,#00e5ff 0%,#00f5b8 42%,#a855f7 100%);
	--grad2:linear-gradient(135deg,rgba(0,229,255,.9),rgba(168,85,247,.9));
	--glow:0 0 0 1px rgba(0,229,255,.35),0 10px 40px -10px rgba(0,229,255,.55),0 0 60px -20px rgba(168,85,247,.7);
	--r:22px;--r-s:14px;
	--f-h:Sora,"Segoe UI",system-ui,sans-serif;--f-b:Manrope,"Segoe UI",system-ui,sans-serif;
	--wrap:1240px;--gut:clamp(16px,4vw,40px);
	--head:76px;
	--ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--head) + 16px)}
body{margin:0;background:var(--bg);color:var(--txt);font:400 17px/1.7 var(--f-b);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(1200px 600px at 85% -10%,rgba(168,85,247,.16),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(0,229,255,.10),transparent 60%),var(--bg)}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--f-h);font-weight:700;line-height:1.12;letter-spacing:-.02em;margin:0 0 .5em}
p{margin:0 0 1.1em}
em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
::selection{background:rgba(0,229,255,.35);color:#fff}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
.wrap{width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--cyan);color:#001;padding:10px 16px;border-radius:10px;font-weight:700}
.skip:focus{left:16px}
.ico{flex:none}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Tipografi */
.h-hero{font-size:clamp(2.6rem,7.2vw,6rem);line-height:1.02;letter-spacing:-.04em;margin-bottom:.35em;text-wrap:balance}
.h-xl{font-size:clamp(2rem,4.6vw,3.6rem);letter-spacing:-.035em;text-wrap:balance}
.h-s{font-size:1.2rem}
.lead{font-size:clamp(1.02rem,1.35vw,1.2rem);color:var(--mut);max-width:62ch}
.kicker{display:inline-flex;align-items:center;gap:8px;font:600 .78rem/1 var(--f-h);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);padding:9px 14px;border:1px solid rgba(0,229,255,.3);border-radius:99px;background:rgba(0,229,255,.06);margin-bottom:22px;backdrop-filter:blur(6px)}
.chip{display:inline-block;font:600 .72rem/1 var(--f-h);letter-spacing:.08em;text-transform:uppercase;color:var(--mint);padding:7px 10px;border-radius:99px;background:rgba(0,245,184,.08);border:1px solid rgba(0,245,184,.25)}

/* Düğmeler */
.btns{display:flex;flex-wrap:wrap;gap:14px}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:99px;font:600 .98rem/1 var(--f-h);letter-spacing:.01em;cursor:pointer;border:0;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,color .25s;isolation:isolate;white-space:nowrap}
.btn .ico{transition:transform .25s var(--ease)}
.btn:hover .ico{transform:translateX(3px)}
.btn-neon{color:#02101a;background:var(--grad);box-shadow:0 10px 30px -10px rgba(0,229,255,.7),0 0 0 1px rgba(255,255,255,.08) inset}
.btn-neon::after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:var(--grad);filter:blur(16px);opacity:.45;z-index:-1;transition:opacity .25s}
.btn-neon:hover{transform:translateY(-2px)}
.btn-neon:hover::after{opacity:.8}
.btn-ghost{color:var(--txt);background:rgba(255,255,255,.04);border:1px solid var(--line2);backdrop-filter:blur(8px)}
.btn-ghost:hover{border-color:rgba(0,229,255,.6);box-shadow:0 0 24px -6px rgba(0,229,255,.55);transform:translateY(-2px)}
.btn-block{width:100%}
.more{display:inline-flex;align-items:center;gap:8px;font:600 .92rem/1 var(--f-h);color:var(--cyan)}
.more .ico{transition:transform .25s var(--ease)}
a:hover .more .ico,.more:hover .ico{transform:translateX(4px)}

/* Üst bölüm */
.head{position:fixed;inset:0 0 auto;z-index:50;height:var(--head);display:flex;align-items:center;transition:background .3s,box-shadow .3s,backdrop-filter .3s}
.head.is-stuck{background:rgba(5,8,22,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 1px 0 var(--line)}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;flex:none}
.brand-logo{max-height:46px;width:auto}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font:800 1rem/1 var(--f-h);letter-spacing:-.04em;color:#02101a;background:var(--grad);box-shadow:0 0 24px -4px rgba(0,229,255,.6)}
.brand-txt{display:flex;flex-direction:column;font:700 1.05rem/1.1 var(--f-h);letter-spacing:-.01em}
.brand-txt small{font:500 .72rem/1.3 var(--f-b);letter-spacing:.06em;color:var(--mut);text-transform:uppercase;margin-top:3px}
.nav{display:flex;align-items:center;gap:28px}
.nav-list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.nav-list a{position:relative;display:block;padding:10px 14px;border-radius:99px;font:500 .95rem/1 var(--f-h);color:var(--mut);transition:color .2s,background .2s}
.nav-list a:hover,.nav-list .current-menu-item>a,.nav-list .current_page_item>a,.nav-list a[aria-current=page]{color:var(--txt);background:rgba(255,255,255,.05)}
.nav-list .current-menu-item>a::after,.nav-list a[aria-current=page]::after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.nav-list .sub-menu{display:none}
.nav-cta{min-height:44px;padding:0 20px}
.menu-btn{display:none;width:48px;height:48px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.04);place-items:center;cursor:pointer}
.menu-btn .i-close{display:none}

/* Açılış */
.hero{position:relative;padding:calc(var(--head) + clamp(48px,8vw,96px)) 0 clamp(40px,6vw,72px);overflow:hidden;text-align:center;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-3}
.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.22;filter:saturate(1.2)}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,22,.55) 0%,rgba(5,8,22,.75) 45%,var(--bg) 100%)}
.hero-in{display:flex;flex-direction:column;align-items:center}
.hero .lead{margin-inline:auto;margin-bottom:34px}
.hero .btns{justify-content:center}
.hero-cf{margin-top:clamp(40px,6vw,72px)}
.aurora{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.aurora i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:float 18s ease-in-out infinite}
.aurora i:nth-child(1){width:48vw;height:48vw;max-width:680px;max-height:680px;left:-10%;top:-20%;background:radial-gradient(circle,rgba(0,229,255,.55),transparent 65%)}
.aurora i:nth-child(2){width:42vw;height:42vw;max-width:600px;max-height:600px;right:-12%;top:0;background:radial-gradient(circle,rgba(168,85,247,.6),transparent 65%);animation-delay:-6s}
.aurora i:nth-child(3){width:36vw;height:36vw;max-width:520px;max-height:520px;left:30%;bottom:-25%;background:radial-gradient(circle,rgba(0,245,184,.4),transparent 65%);animation-delay:-12s}
@keyframes float{0%,100%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(4%,6%,0) scale(1.08)}66%{transform:translate3d(-5%,2%,0) scale(.95)}}
.grid-floor{position:absolute;left:-20%;right:-20%;bottom:0;height:55%;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(0,229,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.14) 1px,transparent 1px);background-size:64px 64px;transform:perspective(600px) rotateX(62deg);transform-origin:bottom;mask-image:linear-gradient(to top,#000 0%,transparent 75%);-webkit-mask-image:linear-gradient(to top,#000 0%,transparent 75%)}

/* 3D coverflow */
.cf{position:relative;width:100%;user-select:none;-webkit-user-select:none}
.cf-stage{position:relative;height:clamp(400px,46vw,520px);perspective:1400px;overflow:hidden;touch-action:pan-y}
.cf-track{position:absolute;inset:0;transform-style:preserve-3d}
.cf-card{--w:clamp(250px,26vw,340px);position:absolute;left:50%;top:50%;width:var(--w);aspect-ratio:3/4;margin:calc(var(--w)*-2/3) 0 0 calc(var(--w)/-2);border-radius:var(--r);transition:transform .7s var(--ease),opacity .7s var(--ease),filter .7s var(--ease);will-change:transform;cursor:grab}
.cf-link{position:relative;display:block;height:100%;border-radius:inherit;overflow:hidden;background:var(--card);box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px var(--line);text-align:left;-webkit-user-drag:none}
.cf-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);pointer-events:none}
.cf-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,22,0) 30%,rgba(5,8,22,.55) 55%,rgba(5,8,22,.96) 100%)}
.cf-body{position:absolute;left:0;right:0;bottom:0;padding:24px 22px;display:flex;flex-direction:column;gap:8px}
.cf-tag{align-self:flex-start;font:700 .68rem/1 var(--f-h);letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}
.cf-title{font:700 1.45rem/1.15 var(--f-h);letter-spacing:-.02em}
.cf-text{font-size:.9rem;line-height:1.5;color:var(--mut);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cf-more{display:inline-flex;align-items:center;gap:6px;font:600 .85rem/1 var(--f-h);color:var(--cyan);margin-top:6px;opacity:0;transform:translateY(6px);transition:.4s var(--ease)}
.cf-card.is-active{cursor:pointer}
.cf-card.is-active .cf-link{box-shadow:var(--glow),0 40px 80px -20px rgba(0,0,0,.9)}
.cf-card.is-active .cf-more{opacity:1;transform:none}
.cf-card.is-active:hover img{transform:scale(1.05)}
.cf.is-drag .cf-card{transition:none}
.cf-ctrl{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px}
.cf-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line2);background:rgba(255,255,255,.04);cursor:pointer;transition:.25s var(--ease)}
.cf-btn:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 20px -4px rgba(0,229,255,.6)}
.cf-dots{display:flex;gap:8px}
.cf-dot{width:8px;height:8px;padding:0;border-radius:99px;border:0;background:rgba(255,255,255,.25);cursor:pointer;transition:width .35s var(--ease),background .35s}
.cf-dot[aria-selected=true]{width:28px;background:var(--grad)}

/* Kayan şerit */
.ticker{position:relative;overflow:hidden;border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(0,229,255,.05),rgba(168,85,247,.06));padding:18px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker-track{display:flex;align-items:center;gap:28px;width:max-content;animation:tick 40s linear infinite}
.ticker span{font:600 clamp(1rem,2vw,1.4rem)/1 var(--f-h);letter-spacing:-.01em;white-space:nowrap;color:var(--txt)}
.ticker i{width:10px;height:10px;border-radius:50%;background:var(--grad);box-shadow:0 0 14px var(--cyan);flex:none}
@keyframes tick{to{transform:translateX(-50%)}}

/* Bölümler */
.sec{padding:clamp(72px,10vw,130px) 0;position:relative}
.sec-tight{padding:clamp(40px,6vw,72px) 0}
.sec-head{max-width:760px;margin-bottom:clamp(36px,5vw,60px)}
.sec-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:none;flex-wrap:wrap}

/* Hakkımda */
.about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,90px);align-items:center}
.about-img{position:relative;margin:0;border-radius:calc(var(--r) + 6px);padding:2px;background:var(--grad)}
.about-img img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.about-img::before{content:"";position:absolute;inset:8%;z-index:-1;background:var(--grad);filter:blur(60px);opacity:.45}
.float-badge{position:absolute;right:-18px;bottom:32px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;background:rgba(8,16,42,.82);backdrop-filter:blur(12px);border:1px solid var(--line2);font-size:.9rem;line-height:1.25;color:var(--mut);box-shadow:0 20px 40px -10px rgba(0,0,0,.6);animation:bob 6s ease-in-out infinite}
.float-badge strong{display:block;color:var(--txt);font-family:var(--f-h)}
.float-badge .ico{color:var(--cyan)}
@keyframes bob{50%{transform:translateY(-8px)}}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;padding:0;margin:30px 0 34px}
.facts li{padding:18px;border-radius:var(--r-s);border:1px solid var(--line);background:rgba(255,255,255,.02)}
.facts strong{display:block;font:700 clamp(1.5rem,2.6vw,2rem)/1 var(--f-h);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}
.facts span{font-size:.85rem;color:var(--mut)}

/* Hizmet kartları */
.svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.svc{position:relative;display:flex;flex-direction:column;min-height:360px;padding:26px;border-radius:var(--r);background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);overflow:hidden;isolation:isolate;transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.svc::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(0,229,255,.16),transparent 45%);opacity:0;transition:opacity .4s}
.svc-img{position:absolute;inset:0;z-index:-2;opacity:.22;transition:opacity .6s var(--ease)}
.svc-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.2s var(--ease)}
.svc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,22,.55),rgba(5,8,22,.94) 70%)}
.svc:hover{transform:translateY(-6px);border-color:rgba(0,229,255,.45);box-shadow:var(--glow)}
.svc:hover::before{opacity:1}
.svc:hover .svc-img{opacity:1}
.svc:hover .svc-img img{transform:scale(1)}
.svc-ico{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:var(--cyan);background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.25);margin-bottom:auto}
.svc-n{position:absolute;top:24px;right:26px;font:600 .8rem/1 var(--f-h);color:var(--dim);letter-spacing:.1em}
.svc-t{font-size:1.3rem;margin:44px 0 10px}
.svc-x{font-size:.93rem;line-height:1.6;color:var(--mut);margin-bottom:18px}

/* Süreç */
.process{background:linear-gradient(180deg,transparent,rgba(0,229,255,.03) 30%,rgba(168,85,247,.04) 70%,transparent)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;margin:0;padding:0;counter-reset:s;position:relative}
.steps::before{content:"";position:absolute;left:0;right:0;top:30px;height:1px;background:var(--grad);opacity:.5}
.step{position:relative;padding:0 6px}
.step-n{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;font:700 1rem/1 var(--f-h);background:var(--bg);border:1px solid rgba(0,229,255,.45);color:var(--cyan);box-shadow:0 0 24px -4px rgba(0,229,255,.55);margin-bottom:26px}
.step h3{font-size:1.25rem}
.step p{color:var(--mut);font-size:.95rem}

/* Blog kartları */
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pcard{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--line);transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.pcard:hover{transform:translateY(-6px);border-color:rgba(168,85,247,.5);box-shadow:0 20px 50px -20px rgba(168,85,247,.6)}
.pcard-img{display:block;aspect-ratio:16/10;overflow:hidden}
.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.pcard:hover .pcard-img img{transform:scale(1.06)}
.pcard-body{display:flex;flex-direction:column;flex:1;padding:24px}
.meta{display:flex;align-items:center;gap:12px;font-size:.84rem;color:var(--dim);margin-bottom:12px}
.pcard-t{font-size:1.2rem;line-height:1.3}
.pcard-t a:hover{color:var(--cyan)}
.pcard-x{color:var(--mut);font-size:.93rem;line-height:1.6;flex:1}

/* İç sayfa başlığı */
.phero{position:relative;padding:calc(var(--head) + clamp(56px,8vw,110px)) 0 clamp(56px,7vw,90px);overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}
.phero-bg{position:absolute;inset:0;z-index:-3}
.phero-bg img{width:100%;height:100%;object-fit:cover;opacity:.3}
.phero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(5,8,22,.82) 50%,rgba(5,8,22,.5) 100%),linear-gradient(0deg,var(--bg),transparent 50%)}
.phero .h-xl{font-size:clamp(2.4rem,6vw,4.6rem);max-width:16ch}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:.88rem;color:var(--dim);margin-bottom:26px}
.crumbs a:hover{color:var(--cyan)}
.crumbs [aria-current]{color:var(--mut)}

/* Hizmet detayı */
.svc-detail{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,5vw,72px);align-items:start}
.svc-side{position:sticky;top:calc(var(--head) + 24px);display:grid;gap:18px}
.side-img{margin:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.side-img img{width:100%;aspect-ratio:4/3;object-fit:cover}
.glass{padding:28px;border-radius:var(--r);background:linear-gradient(180deg,rgba(16,27,64,.75),rgba(8,16,42,.75));border:1px solid var(--line2);backdrop-filter:blur(12px);display:grid;gap:12px}
.ticks{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;align-items:flex-start;color:var(--mut);font-size:.96rem;line-height:1.45}
.ticks .ico{color:var(--mint);margin-top:1px}

/* Yazı içeriği */
.prose{font-size:1.06rem;color:#cdd8f0;max-width:74ch}
.prose>*:first-child{margin-top:0}
.prose h1,.prose h2,.prose h3,.prose h4{color:var(--txt);margin:1.8em 0 .6em}
.prose h1{font-size:2rem}.prose h2{font-size:1.75rem}.prose h3{font-size:1.4rem}.prose h4{font-size:1.15rem}
.prose a{color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(0,229,255,.4);text-underline-offset:3px}
.prose strong{color:var(--txt)}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.2em}
.prose li{margin:.4em 0}
.prose li::marker{color:var(--cyan)}
.prose blockquote{margin:1.6em 0;padding:18px 24px;border-left:3px solid var(--cyan);background:rgba(0,229,255,.05);border-radius:0 var(--r-s) var(--r-s) 0;color:var(--txt)}
.prose img{border-radius:var(--r-s);margin:1.6em 0}
.prose figure{margin:1.6em 0}
.prose figcaption{font-size:.85rem;color:var(--dim);margin-top:8px}
.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.95rem}
.prose th,.prose td{padding:10px 12px;border:1px solid var(--line);text-align:left}
.prose hr{border:0;height:1px;background:var(--line);margin:2em 0}
.alignleft{float:left;margin:0 1.5em 1em 0}.alignright{float:right;margin:0 0 1em 1.5em}.aligncenter{margin-inline:auto}

/* Tek yazı */
.post-wrap{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}
.post-cover{margin:-40px auto 50px;max-width:980px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.post-cover img{width:100%;aspect-ratio:16/8;object-fit:cover}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:60px;width:100%;max-width:74ch}
.post-nav a{padding:20px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--card);font:600 .98rem/1.35 var(--f-h);transition:.3s}
.post-nav a:hover{border-color:rgba(0,229,255,.5)}
.post-nav small{display:block;font:500 .78rem/1 var(--f-b);color:var(--dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:.1em}
.post-nav .next{text-align:right}

/* Sayfalama */
.pager{display:flex;justify-content:center;gap:8px;margin-top:56px;flex-wrap:wrap}
.pager .page-numbers{display:grid;place-items:center;min-width:46px;height:46px;padding:0 14px;border-radius:99px;border:1px solid var(--line2);font:600 .95rem/1 var(--f-h);color:var(--mut)}
.pager .current,.pager a:hover{color:#02101a;background:var(--grad);border-color:transparent}

/* Portfolyo */
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.work{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;border:1px solid var(--line);isolation:isolate}
.work:nth-child(3n+2){transform:translateY(40px)}
.work img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s var(--ease)}
.work::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,rgba(5,8,22,.95))}
.work-b{position:absolute;left:24px;right:24px;bottom:24px}
.work-b h3{font-size:1.4rem;margin:10px 0 0}
.work:hover img{transform:scale(1.06)}
.work:hover{box-shadow:var(--glow)}

/* İletişim */
.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,64px);align-items:start}
.c-cards{display:grid;gap:14px}
.c-card{display:flex;gap:16px;align-items:center;padding:20px 22px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--card);transition:.3s var(--ease)}
.c-card:hover{border-color:rgba(0,229,255,.5);transform:translateX(4px)}
.c-card .ico-b{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;color:var(--cyan);background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.25);flex:none}
.c-card small{display:block;color:var(--dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}
.c-card strong{font:600 1.05rem/1.3 var(--f-h)}
.form{padding:clamp(24px,4vw,40px);border-radius:var(--r);background:linear-gradient(180deg,rgba(16,27,64,.7),rgba(8,16,42,.7));border:1px solid var(--line2);backdrop-filter:blur(12px)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.field{display:grid;gap:8px;font-size:.88rem;color:var(--mut)}
.field.full{grid-column:1/-1}
.field input,.field select,.field textarea{width:100%;min-height:52px;padding:14px 16px;border-radius:var(--r-s);border:1px solid var(--line2);background:rgba(5,8,22,.6);color:var(--txt);font-size:1rem;transition:border-color .2s,box-shadow .2s}
.field textarea{resize:vertical;min-height:140px}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--cyan) 50%),linear-gradient(135deg,var(--cyan) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.field select option{background:var(--bg2)}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(0,229,255,.15)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;color:var(--mut);margin-bottom:22px;cursor:pointer}
.check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--cyan);flex:none}
.form-note{padding:14px 18px;border-radius:var(--r-s);margin-bottom:20px;font-weight:600}
.form-note.ok{background:rgba(0,245,184,.1);border:1px solid rgba(0,245,184,.4);color:var(--mint)}
.form-note.err{background:rgba(255,80,120,.1);border:1px solid rgba(255,80,120,.4);color:#ff8fab}

/* Çağrı */
.cta{position:relative;margin:clamp(20px,4vw,40px) var(--gut) clamp(60px,8vw,100px);border-radius:calc(var(--r) + 10px);overflow:hidden;isolation:isolate;border:1px solid var(--line2);text-align:center}
.cta-bg{position:absolute;inset:0;z-index:-2}
.cta-bg img{width:100%;height:100%;object-fit:cover;opacity:.5}
.cta::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(5,8,22,.55),rgba(5,8,22,.9))}
.cta-in{padding:clamp(64px,10vw,130px) 0;display:flex;flex-direction:column;align-items:center}
.cta .lead{margin-inline:auto;margin-bottom:32px}
.cta .btns{justify-content:center}

/* Alt bölüm */
.foot{border-top:1px solid var(--line);padding:clamp(56px,7vw,90px) 0 0;background:linear-gradient(180deg,transparent,rgba(0,229,255,.03))}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
.foot-brand p{color:var(--mut);font-size:.95rem;margin:20px 0;max-width:34ch}
.foot-h{font-size:.82rem;text-transform:uppercase;letter-spacing:.16em;color:var(--dim);margin-bottom:18px}
.foot-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.foot-list a{color:var(--mut);font-size:.95rem;transition:color .2s;display:inline-flex;align-items:center;gap:10px}
.foot-list a:hover{color:var(--cyan)}
.socials{display:flex;gap:10px}
.soc{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line2);color:var(--mut);transition:.25s var(--ease)}
.soc:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 18px -4px rgba(0,229,255,.7);transform:translateY(-2px)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:56px;padding:24px 0;border-top:1px solid var(--line);font-size:.86rem;color:var(--dim)}
.foot-bottom p{margin:0}
.to-top:hover{color:var(--cyan)}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:40;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#02101a;background:linear-gradient(135deg,#00f5b8,#00e5ff);box-shadow:0 10px 30px -6px rgba(0,245,184,.7);transition:transform .25s var(--ease)}
.wa-float::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #00f5b8;animation:ping 2.4s var(--ease) infinite}
.wa-float:hover{transform:scale(1.08)}
@keyframes ping{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.7);opacity:0}}

/* 404 / boş */
.empty{text-align:center;padding:40px 0}
.big404{font:800 clamp(6rem,22vw,14rem)/1 var(--f-h);letter-spacing:-.06em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}
.search-form{display:flex;gap:10px;max-width:520px;margin:24px auto 0}
.search-form label{flex:1}
.search-form input[type=search]{width:100%;min-height:52px;padding:0 18px;border-radius:99px;border:1px solid var(--line2);background:rgba(5,8,22,.6)}
.search-form .search-submit{min-height:52px;padding:0 24px;border-radius:99px;border:0;background:var(--grad);color:#02101a;font:600 .95rem/1 var(--f-h);cursor:pointer}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Görünürlük animasyonu */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0ms)}
.js .reveal.in{opacity:1;transform:none}

/* Duyarlı */
@media (max-width:1100px){
	.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:960px){
	:root{--head:68px}
	.menu-btn{display:grid}
	.nav{position:fixed;inset:var(--head) 0 auto;flex-direction:column;align-items:stretch;gap:18px;padding:24px var(--gut) 32px;background:rgba(5,8,22,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transform:translateY(-12px);opacity:0;visibility:hidden;transition:.3s var(--ease);max-height:calc(100dvh - var(--head));overflow:auto}
	.nav-list{flex-direction:column;align-items:stretch;gap:2px}
	.nav-list a{padding:15px 16px;font-size:1.08rem;border-radius:12px}
	.nav-list a::after{display:none}
	.nav-cta{min-height:52px}
	body.nav-open .nav{transform:none;opacity:1;visibility:visible}
	body.nav-open .menu-btn .i-open{display:none}
	body.nav-open .menu-btn .i-close{display:block}
	body.nav-open .head{background:rgba(5,8,22,.96)}
	.about-grid,.svc-detail,.contact-grid{grid-template-columns:1fr}
	.svc-side{position:static}
	.steps{grid-template-columns:1fr 1fr;row-gap:36px}
	.steps::before{display:none}
	.post-grid,.work-grid{grid-template-columns:1fr 1fr}
	.work:nth-child(3n+2){transform:none}
	.float-badge{right:12px}
}
@media (max-width:640px){
	body{font-size:16px}
	.brand-txt small{display:none}
	.svc-grid,.post-grid,.work-grid,.steps,.form-grid{grid-template-columns:1fr}
	.facts{grid-template-columns:1fr 1fr 1fr;gap:8px}
	.facts li{padding:14px 10px}
	.svc{min-height:300px}
	.foot-grid{grid-template-columns:1fr}
	.post-nav{grid-template-columns:1fr}
	.cf-card{--w:min(72vw,300px)}
	.cf-stage{height:min(130vw,470px)}
	.btns{width:100%}
	.hero .btn{flex:1 1 auto}
	.wa-float{width:52px;height:52px;right:16px;bottom:16px}
}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
	.js .reveal{opacity:1;transform:none}
}