/* 720.com.tr v2 — kağıt beyazı · logo laciverti · teal su. Yazı: Plus Jakarta Sans (tek aile; karşıtlık kalınlıkla). */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url(/font/pjs-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:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url(/font/pjs-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{--kagit:#FFFFFF;--murekkep:#0B1C2D;--teal:#9FB3C8;--teal-koyu:#5B6B7D;--cizgi:rgba(11,28,45,.14);--soluk:rgba(11,28,45,.66);
  --cam:rgba(255,255,255,.62);--pay:clamp(20px,4.4vw,72px);--yum:cubic-bezier(.2,.7,.1,1)}
@view-transition{navigation:auto}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--kagit);-webkit-text-size-adjust:100%;scrollbar-gutter:stable}
body{margin:0;font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--murekkep);font-size:clamp(16px,1.02vw,18px);
  line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
img,video,svg{display:block;max-width:100%}
img,video{height:auto}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--teal-koyu);outline-offset:3px;border-radius:4px}
::selection{background:var(--murekkep);color:var(--kagit)}
.atla{position:fixed;left:12px;top:-60px;z-index:50;background:var(--murekkep);color:var(--kagit);padding:.6em 1em;border-radius:8px}
.atla:focus{top:12px}

/* sahne */
#su{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity 1.4s ease}
#su.hazir{opacity:1}
.su-yok #su{display:none}
.su-yok body{background:#fff}
.gren{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.075;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main{position:relative;z-index:1}

/* tipografi */
.etiket{font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-koyu)}
.baslik-xl,.baslik-l{font-weight:200;letter-spacing:-.038em;line-height:1.03;text-wrap:balance}
.baslik-xl{font-size:clamp(2.5rem,6.4vw,6.4rem)}
.baslik-l{font-size:clamp(2rem,4.3vw,4.1rem)}
.baslik-xl strong,.baslik-l strong{font-weight:700}
.govde-l{font-size:clamp(1.08rem,1.45vw,1.42rem);line-height:1.45;color:var(--soluk);max-width:36em;text-wrap:pretty}
.ok{width:.72em;height:.72em;display:inline-block;flex:none}

.dugme{display:inline-flex;align-items:center;gap:.6em;padding:.95em 1.55em;border-radius:999px;border:1px solid var(--murekkep);background:var(--murekkep);
  color:var(--kagit);font-weight:600;font-size:.95rem;line-height:1;cursor:pointer;transition:transform .5s var(--yum),background .3s,color .3s,box-shadow .3s;white-space:nowrap}
.dugme:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(11,28,45,.55)}
.dugme .ok{transition:transform .5s var(--yum)}
.dugme:hover .ok{transform:translate(2px,2px)}
.dugme.acik{background:var(--cam);color:var(--murekkep);border-color:var(--cizgi);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.dugme.acik:hover{background:#fff}
.dugme.kucuk{padding:.72em 1.15em;font-size:.86rem}

/* üst bant */
.ust{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;gap:clamp(16px,3vw,44px);padding:16px var(--pay);transition:background .4s,box-shadow .4s,padding .4s}
.ust.dolu{background:rgba(246,248,252,.74);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 1px 0 var(--cizgi);padding-block:10px}
.ust-logo{margin-right:auto;color:var(--murekkep)}
.logo{height:30px;width:auto}
.ust-menu{display:flex;gap:clamp(18px,2.4vw,38px);font-weight:500;font-size:.95rem}
.ust-menu a{position:relative;padding:6px 0}
.ust-menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--yum)}
.ust-menu a:hover::after,.ust-menu a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.menu-dugme{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--cizgi);background:var(--cam);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;cursor:pointer}
.menu-dugme i{position:absolute;left:13px;right:13px;height:1.5px;background:var(--murekkep);transition:transform .45s var(--yum),top .45s var(--yum)}
.menu-dugme i:first-child{top:18px}.menu-dugme i:last-child{top:25px}
.menu-dugme[aria-expanded=true] i:first-child{top:21.5px;transform:rotate(45deg)}
.menu-dugme[aria-expanded=true] i:last-child{top:21.5px;transform:rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:15;background:rgba(246,248,252,.94);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);display:flex;flex-direction:column;justify-content:space-between;
  padding:110px var(--pay) max(28px,env(safe-area-inset-bottom));opacity:0;transition:opacity .4s}
.menu[hidden]{display:none}
.menu.acik{opacity:1}
.menu nav{display:flex;flex-direction:column}
.menu nav a{display:flex;align-items:baseline;gap:18px;font-size:clamp(2.2rem,10vw,3.6rem);font-weight:200;letter-spacing:-.035em;padding:.28em 0;border-bottom:1px solid var(--cizgi)}
.menu nav a span{font-size:.78rem;font-weight:600;letter-spacing:.1em;color:var(--teal-koyu)}
.menu-alt{display:flex;flex-direction:column;gap:8px;color:var(--soluk)}

/* hero */
.hero{position:relative;height:100svh;min-height:560px;display:flex;flex-direction:column;align-items:center;padding:0 var(--pay)}
.hero-etiket{margin-top:clamp(96px,17vh,170px);opacity:0;animation:belir 1.2s .9s var(--yum) forwards}
.hero-baslik{font-size:clamp(2.2rem,6vw,5.6rem);font-weight:200;letter-spacing:-.04em;line-height:1.05;text-align:center;margin-top:8vh;text-wrap:balance}
.hero-baslik span,.hero-baslik strong{display:block}
.hero-baslik strong{font-weight:800}
.su-var .hero-baslik{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-alt{margin-top:auto;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;padding-bottom:clamp(22px,4.5vh,44px);opacity:0;animation:belir 1.2s 1.3s var(--yum) forwards}
.hero-alt>p:first-child{max-width:20em;font-weight:500;line-height:1.35}
.hero-dugme{display:flex;gap:10px}
.hero-kaydir{justify-self:end;display:flex;align-items:center;gap:12px;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.hero-kaydir i{width:1px;height:44px;background:linear-gradient(var(--murekkep) 50%,transparent 50%) 0 0/100% 200%;animation:kaydir 2.2s infinite var(--yum)}
@keyframes kaydir{from{background-position:0 100%}to{background-position:0 -100%}}
@keyframes belir{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* bölümler */
.bolum{position:relative;max-width:1560px;margin:0 auto;padding:clamp(90px,15vh,190px) var(--pay)}
.bolum-bas{display:grid;gap:22px;margin-bottom:clamp(40px,7vh,90px);max-width:60rem}
[data-gir]{opacity:0;transform:translateY(28px);transition:opacity 1s var(--yum),transform 1.1s var(--yum);transition-delay:var(--gec,0s)}
[data-gir].gor{opacity:1;transform:none}

.manifesto{display:grid;gap:clamp(24px,4vh,44px);padding-top:clamp(120px,22vh,260px)}
.manifesto .baslik-xl{max-width:14em}
.manifesto-alt{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,6vw,110px);margin-top:clamp(20px,5vh,70px);align-items:start}
.neden{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(20px,3vw,48px)}
.neden li{padding:20px 0 22px;border-top:1px solid var(--cizgi)}
.n-buyuk{font-size:clamp(1.35rem,2.1vw,2rem);font-weight:300;letter-spacing:-.025em;line-height:1.15}
.n-buyuk em{font-style:normal;font-weight:700}
.n-kucuk{color:var(--soluk);font-size:.95rem;margin-top:6px}

.hizmetler{border-bottom:1px solid var(--cizgi)}
.hizmet{display:grid;grid-template-columns:4.2rem minmax(0,5fr) minmax(0,6fr);column-gap:clamp(12px,2vw,32px);align-items:baseline;padding:clamp(18px,2.6vh,30px) 0;border-top:1px solid var(--cizgi);cursor:default;outline-offset:-2px}
.h-no{font-size:.78rem;font-weight:600;letter-spacing:.1em;color:var(--teal-koyu)}
.hizmet h3{font-size:clamp(1.5rem,2.9vw,2.7rem);font-weight:300;letter-spacing:-.03em;line-height:1.1;transition:transform .6s var(--yum)}
.h-vurgu{font-size:clamp(1rem,1.3vw,1.25rem);font-weight:500;color:var(--soluk);transition:color .3s}
.h-detay{grid-column:3;display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--yum)}
.h-detay>div{overflow:hidden}
.h-detay p{padding-top:14px;max-width:38em;color:var(--soluk)}
.hizmet:hover .h-detay,.hizmet:focus-within .h-detay,.hizmet:focus .h-detay,.hizmet.acik .h-detay{grid-template-rows:1fr}
.hizmet:hover h3,.hizmet:focus h3,.hizmet.acik h3{transform:translateX(10px)}
.hizmet:hover .h-vurgu,.hizmet:focus .h-vurgu,.hizmet.acik .h-vurgu{color:var(--murekkep)}
.cip{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0 6px}
.cip li{font-size:.8rem;font-weight:500;padding:.45em .9em;border-radius:999px;border:1px solid var(--cizgi);background:var(--cam)}

/* galeri */
.galeri{position:relative;height:calc(var(--n,5)*82vh + 100vh)}
.galeri-yap{position:sticky;top:0;height:100svh;pointer-events:none;padding:0 var(--pay)}
.galeri-yap a,.galeri-yap button{pointer-events:auto}
.g-ust{position:absolute;inset:clamp(86px,12vh,120px) var(--pay) auto;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.g-ust>div:first-child{display:grid;gap:14px}
.g-ust .baslik-l{font-size:clamp(1.6rem,3vw,2.8rem);transition:opacity .5s,transform .7s var(--yum)}
.galeri.ilerledi .g-ust .baslik-l{opacity:0;transform:translateY(-12px)}
.g-bilgi{position:absolute;left:var(--pay);bottom:clamp(26px,6vh,60px);display:grid;gap:8px;justify-items:start;max-width:min(92vw,34rem);transition:opacity .35s,transform .5s var(--yum)}
.g-bilgi.degis{opacity:0;transform:translateY(10px)}
.g-bilgi::before{content:"";position:absolute;inset:-36px -60px -40px -60px;z-index:-1;background:radial-gradient(closest-side,rgba(246,248,252,.86),rgba(246,248,252,0));pointer-events:none}
.g-sayi{font-size:.8rem;font-weight:600;letter-spacing:.12em;color:var(--teal-koyu)}
.g-sayi span{color:var(--soluk);font-weight:500}
.g-ad{font-size:clamp(2rem,4.6vw,4.2rem);font-weight:300;letter-spacing:-.035em;line-height:1.02}
.g-tur{color:var(--soluk);font-weight:500;margin-bottom:8px}
.g-ipucu{position:absolute;left:50%;transform:translateX(-50%);bottom:22px;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--soluk)}
.su-var .is-izgara{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.su-yok .galeri{height:auto;padding:clamp(90px,15vh,190px) var(--pay)}
.su-yok .galeri-yap{position:static;height:auto;padding:0}
.su-yok .g-ust{position:static;margin-bottom:40px}
.su-yok .g-bilgi,.su-yok .g-ipucu{display:none}
.is-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:28px}
.is-izgara img{border-radius:14px;width:100%}
.is-izgara h3{font-size:1.4rem;font-weight:400;margin-top:14px}
.is-izgara p{color:var(--soluk)}
.suzgec{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:999px;background:var(--cam);border:1px solid var(--cizgi);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.suzgec button{border:0;background:none;padding:.55em 1em;border-radius:999px;font-size:.86rem;font-weight:600;cursor:pointer;transition:background .3s,color .3s}
.suzgec button sup{font-size:.64em;font-weight:500;opacity:.7;margin-left:2px}
.suzgec button[aria-pressed=true]{background:var(--murekkep);color:var(--kagit)}
.imlec{position:fixed;left:0;top:0;z-index:30;pointer-events:none;display:flex;align-items:center;gap:.5em;padding:.7em 1.1em;border-radius:999px;background:var(--murekkep);color:var(--kagit);
  font-size:.82rem;font-weight:600;opacity:0;transition:opacity .25s;will-change:transform}
.imlec.gor{opacity:1}

/* ajanlar */
.ajanlar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.4vw,22px)}
.ajanlar li{padding:22px 16px 20px;border-radius:20px;background:var(--cam);border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 50px -34px rgba(11,28,45,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  text-align:center;transition:transform .7s var(--yum),opacity 1s var(--yum)}
.ajanlar li:hover{transform:translateY(-8px)}
.ajanlar img{width:min(100%,130px);margin:0 auto 14px}
.ajanlar h3{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}
.ajanlar p{font-size:.84rem;color:var(--soluk);line-height:1.35;margin-top:4px}

/* kurucular */
.kurucular{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,36px)}
.kurucu{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(14px,2vw,30px);align-items:end;padding:clamp(22px,2.6vw,40px) clamp(22px,2.6vw,40px) 0;border-radius:26px;background:var(--murekkep);color:var(--kagit);overflow:hidden;min-height:clamp(320px,36vw,470px)}
.kurucu img{align-self:end;width:100%;filter:saturate(.9)}
.kurucu>div{align-self:center;padding-bottom:clamp(22px,2.6vw,40px)}
.k-yil{font-size:clamp(3.4rem,7vw,6.6rem);font-weight:200;letter-spacing:-.05em;line-height:.9}
.k-yil-alt{font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin:10px 0 clamp(16px,2.4vw,30px)}
.kurucu blockquote{font-size:clamp(1.02rem,1.45vw,1.36rem);font-weight:300;line-height:1.38;text-wrap:pretty}
.k-ad{margin-top:18px;font-weight:700;font-size:.95rem}
.k-ad span{font-weight:400;opacity:.6;margin-left:6px}

/* ekip */
.ekip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.6vw,26px);border-bottom:1px solid var(--cizgi)}
.ekip li{display:grid;align-content:end}
.ekip img{width:100%;filter:grayscale(1) contrast(1.05);transition:filter .6s}
.ekip li:hover img{filter:none}
.ekip h3{font-size:1.02rem;font-weight:700;padding-top:14px;border-top:1px solid var(--murekkep)}
.ekip p{font-size:.84rem;color:var(--soluk);padding-bottom:18px;line-height:1.35}
.logolar{margin-top:clamp(50px,9vh,110px);display:grid;gap:22px}
.partner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:26px}
.partner li{display:grid;place-items:center;padding:18px 14px;border-radius:16px;background:var(--cam);border:1px solid rgba(255,255,255,.8)}
.partner img{max-height:54px;width:auto}
.kayan{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.kayan ul{display:flex;gap:clamp(40px,6vw,90px);width:max-content;animation:kay 36s linear infinite;align-items:center;padding-right:clamp(40px,6vw,90px)}
.kayan img{height:34px;width:auto;max-width:none;filter:grayscale(1);opacity:.8}
@keyframes kay{to{transform:translateX(-50%)}}

/* sss */
.sss{max-width:60rem;border-bottom:1px solid var(--cizgi)}
.sss details{border-top:1px solid var(--cizgi)}
.sss summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font-size:clamp(1.08rem,1.6vw,1.45rem);font-weight:400;letter-spacing:-.015em}
.sss summary::-webkit-details-marker{display:none}
.sss summary i{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--cizgi);position:relative;transition:transform .5s var(--yum),background .3s}
.sss summary i::before,.sss summary i::after{content:"";position:absolute;left:10px;right:10px;top:50%;height:1.5px;background:var(--murekkep);transition:background .3s}
.sss summary i::after{transform:rotate(90deg)}
.sss details[open] summary i{transform:rotate(45deg);background:var(--murekkep)}
.sss details[open] summary i::before,.sss details[open] summary i::after{background:var(--kagit)}
.sss details p{padding:0 54px 26px 0;color:var(--soluk);max-width:46em}

/* çağrı + form */
.cagri{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(30px,6vw,110px);align-items:end;min-height:100svh;padding-bottom:clamp(60px,9vh,110px)}
.cagri-sol{display:grid;gap:22px}
.kunye{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.kunye li{padding:14px 0;border-top:1px solid var(--cizgi);font-weight:500}
.kunye span{display:block;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-koyu);margin-bottom:2px}
.kunye a{border-bottom:1px solid transparent;transition:border-color .3s}
.kunye a:hover{border-color:currentColor}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;padding:clamp(20px,2.6vw,38px);border-radius:26px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);
  box-shadow:0 40px 90px -50px rgba(11,28,45,.55);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.alan{display:grid;gap:6px}
.alan.tam,.form .tam{grid-column:1/-1}
.alan span{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-koyu)}
.alan input,.alan select,.alan textarea{width:100%;border:0;border-bottom:1px solid var(--cizgi);background:transparent;padding:8px 0 10px;font-size:1.02rem;border-radius:0;outline:0;transition:border-color .3s;-webkit-appearance:none;appearance:none}
.alan select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230B1C2D' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 2px center}
.alan textarea{resize:vertical;min-height:3.2em}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-color:var(--murekkep)}
.alan .hata{border-color:#B4412F}
.form-alt{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}
.form-not{flex-basis:100%;font-size:.86rem;color:var(--soluk);min-height:1.2em}

/* alt */
.alt{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px clamp(24px,5vw,80px);align-items:start;padding:clamp(28px,5vh,54px) var(--pay) max(26px,env(safe-area-inset-bottom));
  background:var(--murekkep);color:var(--kagit)}
.alt-logo{height:64px}
.alt-metin{max-width:44em;font-size:.9rem;opacity:.72}
.alt-bag{display:grid;grid-template-columns:auto auto;gap:6px 30px;font-size:.9rem;font-weight:500}
.alt-bag a{opacity:.82;transition:opacity .3s}.alt-bag a:hover{opacity:1}
.alt-hak{grid-column:1/-1;font-size:.78rem;opacity:.5;padding-top:18px;border-top:1px solid rgba(246,248,252,.16)}

/* hud */
.hud{position:fixed;right:var(--pay);bottom:22px;z-index:12;display:flex;align-items:center;gap:8px;font-size:.74rem;font-weight:600;letter-spacing:.08em;font-variant-numeric:tabular-nums;
  mix-blend-mode:difference;color:#fff;opacity:0;transition:opacity .5s;pointer-events:none}
.hud.gor{opacity:1}
.hud svg{width:22px;height:22px;transform:rotate(-90deg)}
.hud circle{fill:none;stroke:currentColor;stroke-width:2.5;opacity:.3}
.hud .hud-yay{opacity:1;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round}

/* işler dizini */
.dizin{border-bottom:1px solid var(--cizgi)}
.dizin li{border-top:1px solid var(--cizgi);transition:opacity .4s}
.dizin li.gizli{display:none}
.dizin li>*{display:grid;grid-template-columns:4.2rem minmax(0,1fr) minmax(0,1fr) 1.2rem;gap:clamp(12px,2vw,32px);align-items:baseline;padding:clamp(16px,2.2vh,26px) 0}
.d-no{font-size:.78rem;font-weight:600;letter-spacing:.1em;color:var(--teal-koyu)}
.dizin h3{font-size:clamp(1.4rem,2.6vw,2.4rem);font-weight:300;letter-spacing:-.03em;line-height:1.1;transition:transform .6s var(--yum)}
.dizin p{color:var(--soluk);font-weight:500}
.dizin a:hover h3{transform:translateX(10px)}

/* vaka */
.vaka-hero{height:170vh}
.vaka-bas{position:absolute;inset:auto var(--pay) clamp(30px,7vh,70px);display:grid;gap:12px;justify-items:start}
.vaka-bas::before{content:"";position:absolute;inset:-40px -70px;z-index:-1;background:radial-gradient(closest-side,rgba(246,248,252,.88),rgba(246,248,252,0));pointer-events:none}
.geri{font-size:.86rem;font-weight:600;margin-bottom:8px;border-bottom:1px solid var(--cizgi)}
.vaka{display:grid;gap:clamp(40px,8vh,100px)}
.vaka-giris{display:grid;gap:26px;justify-items:start}
.vaka-giris .govde-l{font-size:clamp(1.5rem,3.2vw,3rem);font-weight:300;letter-spacing:-.03em;line-height:1.12;color:var(--murekkep);max-width:22em}
.vaka-ic{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(30px,7vw,120px);align-items:center}
.telefon{justify-self:center;width:min(100%,320px);padding:10px;border-radius:44px;background:var(--murekkep);box-shadow:0 50px 90px -40px rgba(11,28,45,.6)}
.telefon video{width:100%;border-radius:34px;background:#fff}
.madde{margin-top:18px;border-bottom:1px solid var(--cizgi)}
.madde li{padding:18px 0;border-top:1px solid var(--cizgi);font-size:clamp(1.08rem,1.7vw,1.5rem);font-weight:300;letter-spacing:-.015em;line-height:1.25}
.imza{margin-top:22px;font-size:.86rem;font-weight:600;color:var(--teal-koyu)}
.ekran img{width:100%;border-radius:clamp(12px,1.6vw,24px);box-shadow:0 50px 100px -50px rgba(11,28,45,.55);border:1px solid rgba(11,28,45,.08)}
.sonraki{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:6px 20px;padding:clamp(24px,4vh,44px) 0;border-top:1px solid var(--murekkep);border-bottom:1px solid var(--murekkep)}
.sonraki .etiket{grid-column:1/-1}
.sonraki b{font-size:clamp(2.2rem,6vw,5.4rem);font-weight:200;letter-spacing:-.04em;line-height:1;transition:transform .6s var(--yum)}
.sonraki .ok{width:clamp(1.4rem,3vw,2.6rem);height:auto;align-self:center}
.sonraki:hover b{transform:translateX(14px)}

/* düz sayfalar */
.duz{padding-top:clamp(130px,20vh,220px);max-width:62rem;display:grid;gap:24px;min-height:80svh;align-content:start}
.duz.orta{min-height:100svh;align-content:center;justify-items:start}
.metin{padding:clamp(22px,3vw,44px);border-radius:24px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9)}
.metin h2{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:1.8em 0 .6em}
.metin p,.metin li{color:rgba(11,28,45,.82);margin-bottom:.8em}
.metin ul{list-style:disc;padding-left:1.2em}
.metin a{text-decoration:underline;text-underline-offset:3px}
body[data-sayfa=iletisim] .cagri{padding-top:clamp(120px,18vh,200px)}

@media (max-width:1000px){
  .ust-menu,.ust-teklif{display:none}.menu-dugme{display:block}
  .manifesto-alt,.cagri,.vaka-ic{grid-template-columns:1fr}
  .cagri{align-items:start;min-height:0}
  .hizmet{grid-template-columns:2.6rem minmax(0,1fr)}
  .h-vurgu,.h-detay{grid-column:2}
  .ajanlar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kurucular{grid-template-columns:1fr}
  .partner{grid-template-columns:repeat(3,minmax(0,1fr))}
  .alt{grid-template-columns:1fr}
  .dizin li>*{grid-template-columns:2.6rem minmax(0,1fr) 1.2rem}
  .dizin p{grid-column:2}
}
@media (max-width:640px){
  .hero-alt{grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px}
  .hero-alt>p:first-child{padding:.5em 1em;border-radius:999px;background:rgba(246,248,252,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:none;font-size:.86rem}
  .hero-kaydir{display:none}
  .neden,.kunye,.form{grid-template-columns:1fr}
  .ajanlar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ekip{grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:0}
  .kurucu{grid-template-columns:1fr;padding-bottom:0}
  .kurucu img{order:2;width:62%;justify-self:center}
  .kurucu>div{padding-bottom:6px}
  .g-ust{inset:84px var(--pay) auto}
  .g-ipucu{display:none}
  .hud{bottom:12px}
  .galeri{height:calc(var(--n,5)*70vh + 100vh)}
  .sss details p{padding-right:0}
}
@media (hover:none){.imlec{display:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  [data-gir]{opacity:1;transform:none}
  .hero-etiket,.hero-alt{opacity:1}
}