/* Dentana — ortak stil */
:root{
  --ink:#28323b; --ink-2:#222b33;
  --paper:#f6f9f9; --paper-2:#e9f1f1; --mint:#e3eff0; --line:#d7e2e3;
  --text:#1f2a32; --muted:#5d6b73;
  --teal:#5abdc2; --teal-d:#3a9ea4; --teal-l:#9fdde0; --teal-bg:#e6f4f5;
  --radius:18px; --wrap:1180px;
  --shadow:0 30px 60px -32px rgba(40,50,59,.35);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%}
body{font-family:Manrope,system-ui,sans-serif;background:var(--paper);color:var(--text);line-height:1.65;overflow-x:hidden}
[id]{scroll-margin-top:96px}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.serif{font-family:Fraunces,Georgia,serif;font-weight:400;letter-spacing:-.01em}
.eyebrow{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--teal-d)}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:100;background:#fff;padding:8px 12px;border-radius:8px}

/* NAV */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;background:rgba(246,250,250,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.nav.scrolled{border-color:var(--line);background:rgba(246,250,250,.92)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:84px;gap:20px}
.lg{display:block;height:58px;width:auto}
.nav .menu{display:flex;gap:26px;list-style:none;align-items:center}
.nav .menu>li{position:relative}
.nav .menu a{text-decoration:none;font-size:.92rem;font-weight:600;color:var(--muted);transition:color .2s;padding:10px 0;display:inline-block}
.nav .menu a:hover,.nav .menu a[aria-current=page]{color:var(--ink)}
.dd{position:absolute;top:100%;left:-18px;min-width:270px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:10px;list-style:none;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}
.has-dd:hover .dd,.has-dd:focus-within .dd{opacity:1;visibility:visible;transform:none}
.dd a{display:block!important;padding:9px 12px!important;border-radius:9px;font-weight:500!important}
.dd a:hover{background:var(--teal-bg)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;font-weight:700;font-size:.92rem;text-decoration:none;border:0;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;font-family:inherit;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--teal);color:#13282b;box-shadow:0 10px 24px -12px rgba(58,158,164,.8)}
.btn-primary:hover{background:#6fcbd0}
.btn-ghost{background:rgba(255,255,255,.7);color:var(--ink);border:1px solid rgba(40,50,59,.16)}
.btn-dark{background:var(--ink);color:#fff}
.menu-btn{display:none;background:none;border:0;color:var(--ink);cursor:pointer;padding:8px}

/* HERO (ana sayfa) */
.hero{padding:140px 0 70px;background:radial-gradient(90% 70% at 85% 30%,#d9eeef 0%,rgba(217,238,239,0) 60%),linear-gradient(180deg,#f6fafa,#eef6f6);position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(2.6rem,5.4vw,4.6rem);line-height:1.04;margin:16px 0 22px;color:var(--ink)}
.hero h1 em{font-style:italic;color:var(--teal-d)}
.hero .lead{font-size:1.08rem;color:var(--muted);max-width:520px}
.hero .actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.hero-points{display:flex;gap:26px;margin-top:38px;flex-wrap:wrap}
.hero-points div{font-size:.85rem;color:var(--muted)}
.hero-points b{display:block;font-family:Fraunces,serif;font-weight:400;font-size:1.5rem;color:var(--ink)}
.hero-media{position:relative;justify-self:end;width:100%;max-width:500px}
.hero-photo{border-radius:240px 240px 28px 28px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow);background:#dfe9ea}
.hero-photo img{width:100%;height:115%;object-fit:cover;object-position:50% 40%;will-change:transform}
.float{position:absolute;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:center;font-size:.85rem;animation:bob 6s ease-in-out infinite}
.float .ic{width:38px;height:38px;border-radius:10px;background:var(--teal-bg);color:var(--teal-d);display:grid;place-items:center;flex:none}
.float .ic svg{width:20px;height:20px}
.float b{display:block;font-size:.9rem;color:var(--ink)}
.float span{color:var(--muted);font-size:.78rem}
.float.f1{left:-46px;top:22%}
.float.f2{right:-24px;bottom:16%;animation-delay:-3s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;pointer-events:none}
.photo-credit{font-size:.7rem;color:var(--muted);margin-top:10px;text-align:right}
.photo-credit a{color:inherit}

/* AFİŞ GİRİŞİ */
.hero-banner{padding:108px 0 64px}
.hero.hero-banner .wrap{display:block}
.banner{display:block;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#eef6f6}
.banner img{width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;display:block}
.hero-under{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:end;margin-top:44px}
.hero-banner h1{font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.12;margin:12px 0 16px;color:var(--ink);max-width:720px}
.hero-banner .hero-points{margin-top:0;justify-content:flex-end}
@media (max-width:900px){
  .hero-banner{padding:88px 0 40px}
  .banner{border-radius:22px}
  .banner img{aspect-ratio:4/3.6;object-position:60% 20%}
  .hero-under{grid-template-columns:1fr;gap:28px;margin-top:28px}
  .hero-banner .hero-points{justify-content:flex-start}
}

/* MARQUEE */
.marquee{border-top:1px solid rgba(58,158,164,.13);border-bottom:1px solid rgba(58,158,164,.18);background:linear-gradient(90deg,#fff,#f3fafa 50%,#fff);overflow:hidden;padding:14px 0;box-shadow:0 12px 30px -28px rgba(29,83,87,.5)}
.marquee .track{display:flex;gap:34px;width:max-content;animation:mq 44s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.marquee a{--chip:var(--teal);font-family:Fraunces,serif;font-size:1.18rem;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:13px;white-space:nowrap;transition:color .25s,transform .25s}
.marquee a::before{content:"";width:40px;height:40px;flex:none;border-radius:12px;background-color:var(--chip);background-image:var(--ico);background-position:center;background-size:22px;background-repeat:no-repeat;box-shadow:0 10px 20px -13px var(--chip);transition:transform .3s,box-shadow .3s}
.marquee a::after{content:"";width:20px;height:1px;margin-left:20px;background:linear-gradient(90deg,rgba(58,158,164,.45),rgba(58,158,164,.05))}
.marquee a:hover{color:var(--teal-d);transform:translateY(-1px)}
.marquee a:hover::before{transform:rotate(-5deg) scale(1.08);box-shadow:0 13px 24px -12px var(--chip)}
.marquee a:nth-child(9n+1){--chip:#52b9bd;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='5'/%3E%3Cpath d='m14 14 5 5'/%3E%3C/svg%3E")}
.marquee a:nth-child(9n+2){--chip:#e59a78;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3c-2.5 0-4 2-4 4.6 0 3.2 1.2 5.2 2.1 7.7.6 1.8 1 4.7 2.5 4.7 1.6 0 1.5-3.4 2.4-5.2.4-.9 1.6-.9 2 0 .9 1.8.8 5.2 2.4 5.2 1.5 0 1.9-2.9 2.5-4.7.9-2.5 2.1-4.5 2.1-7.7C21 5 19.5 3 17 3c-2 0-3 1.1-5 1.1S9 3 7 3Z'/%3E%3Cpath d='M12 1v5M9.5 3.5h5'/%3E%3C/svg%3E")}
.marquee a:nth-child(9n+3){--chip:#658eb6;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8l-1 5H9zM10 8v3m4-3v3M9.5 13h5M9.5 16h5M10 19h4M11 22h2'/%3E%3C/svg%3E")}
.marquee a:nth-child(9n+4){--chip:#b07db7;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 1.7 4.3L18 9l-4.3 1.7L12 15l-1.7-4.3L6 9l4.3-1.7L12 3ZM18.5 15l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8.8-2.2Z'/%3E%3C/svg%3E")}
.marquee a:nth-child(9n+5){--chip:#58a991;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='9' width='5' height='6' rx='1'/%3E%3Crect x='9.5' y='9' width='5' height='6' rx='1'/%3E%3Crect x='16' y='9' width='5' height='6' rx='1'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E")}
.marquee a:nth-child(9n+6){--chip:#d47f75;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3c-2.5 0-4 2-4 4.6 0 3.2 1.2 5.2 2.1 7.7.6 1.8 1 4.7 2.5 4.7 1.6 0 1.5-3.4 2.4-5.2.4-.9 1.6-.9 2 0 .9 1.8.8 5.2 2.4 5.2 1.5 0 1.9-2.9 2.5-4.7.9-2.5 2.1-4.5 2.1-7.7C21 5 19.5 3 17 3c-2 0-3 1.1-5 1.1S9 3 7 3Z'/%3E%3Cpath d='M10 8v7m4-7v7'/%3E%3C/svg%3E")}
.marquee a:nth-child(9n+7){--chip:#e3ad55;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M5 21c1-4 4-6 7-6s6 2 7 6M10 8h.01M14 8h.01M10.5 10.5c1 .8 2 .8 3 0'/%3E%3C/svg%3E")}
.marquee a:nth-child(9n+8){--chip:#63a77b;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 21 7v6c0 5.5-3.7 8.5-9 10-5.3-1.5-9-4.5-9-10V7l9-4Z'/%3E%3Cpath d='m8.5 13 2.2 2.2 4.8-5'/%3E%3C/svg%3E")}
.marquee a:nth-child(9n+9){--chip:#4c8aa1;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5H5v3M16 5h3v3M19 16v3h-3M8 19H5v-3M8 12h8'/%3E%3C/svg%3E")}
@keyframes mq{to{transform:translateX(-50%)}}

/* 3D HİKÂYE */
.scrolly{position:relative;height:500vh;background:radial-gradient(ellipse at 50% 42%,#fff 0%,#f4f8f7 38%,#e7f0ef 68%,#d7e5e5 100%);scroll-margin-top:84px}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate}
.stage::before{content:"";position:absolute;z-index:0;left:50%;top:45%;width:min(70vw,760px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(58,158,164,.1);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.17),0 0 0 45px rgba(58,158,164,.045);pointer-events:none}
.stage::after{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,rgba(235,244,243,.08),transparent 20%,transparent 68%,rgba(220,235,234,.48));pointer-events:none}
.real-visual{position:absolute;z-index:1;inset:0;pointer-events:none}
.real-visual img{position:absolute;left:50%;top:48%;height:min(70vh,720px);width:auto;max-width:42vw;object-fit:contain;filter:drop-shadow(0 28px 26px rgba(40,50,59,.16));will-change:opacity,transform,filter;transform:translate(-50%,-50%)}
.real-visual .real-implant{height:min(68vh,700px);opacity:0}
#gl{position:absolute;z-index:2;inset:0;width:100%;height:100%}
.story{position:absolute;z-index:4;inset:0;pointer-events:none}
.step{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);opacity:0;will-change:opacity,transform}
.step .wrap{display:flex}
.step-inner{max-width:480px;color:var(--ink)}
.step.right .wrap{justify-content:flex-end}
.step.center .wrap{justify-content:center;text-align:center}
.step.center{top:auto;bottom:4vh}
.step.center .step-inner{max-width:760px;padding:22px 34px 24px;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:rgba(246,250,250,.76);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 22px 55px -38px rgba(31,54,57,.6)}
.step.center h2{font-size:clamp(1.8rem,3.2vw,2.75rem);margin:8px 0 12px}
.step.center .actions{margin-top:18px}
.step h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;margin:12px 0 16px}
.step p{color:var(--muted);font-size:1.05rem}
.step .actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap;justify-content:center}
.step .more{display:inline-block;margin-top:16px;font-size:.88rem;font-weight:700;color:var(--teal-d);text-decoration:none;border-bottom:1px solid rgba(58,158,164,.4)}
.label{position:absolute;left:0;top:0;pointer-events:none;opacity:0;color:var(--ink);font-size:.82rem;white-space:nowrap}
.label .dot{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px rgba(90,189,194,.2)}
.label .line{position:absolute;left:0;top:0;height:1px;width:64px;background:rgba(40,50,59,.35)}
.label .txt{position:absolute;left:74px;top:-14px}
.label .txt b{display:block;font-weight:700;font-size:.9rem}
.label .txt i{font-style:normal;color:var(--muted);font-size:.78rem}
.label.flip .line{left:-64px}
.label.flip .txt{left:auto;right:74px;text-align:right}
.dept-nav{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;align-items:flex-end}
.dept-nav i{font-style:normal;font-size:.72rem;letter-spacing:.08em;color:rgba(40,50,59,.35);display:flex;align-items:center;gap:10px;transition:color .3s}
.dept-nav i::after{content:"";width:18px;height:2px;border-radius:2px;background:rgba(40,50,59,.15);transition:background .3s,width .3s}
.dept-nav i.on{color:var(--ink);font-weight:700}
.dept-nav i.on::after{background:var(--teal);width:30px}

/* GENEL BÖLÜMLER */
.sec{padding:120px 0;position:relative}
.sec.white{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec.mint{background:var(--mint)}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:56px}
.sec-head h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin-top:12px}
.sec-head p{color:var(--muted);max-width:460px;justify-self:end}

.about{display:grid;grid-template-columns:1.1fr 1fr;gap:38px 64px;align-items:start}
.about-photo{grid-column:1/-1;position:relative;margin:0;border-radius:28px;overflow:hidden;min-height:420px;box-shadow:0 28px 70px -42px rgba(25,51,54,.45)}
.about-photo img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}
.about-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,44,47,.78),rgba(19,44,47,.08) 52%,transparent)}
.about-photo figcaption{position:absolute;z-index:1;left:44px;bottom:42px;color:#fff;display:grid;gap:7px;max-width:390px}
.about-photo figcaption span{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#aee4e6}
.about-photo figcaption b{font:400 clamp(1.65rem,3vw,2.55rem)/1.08 Fraunces,serif}
.about .lead{font-family:Fraunces,serif;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.3;color:var(--ink);margin-top:16px}
.about .lead em{font-style:normal;color:var(--teal-d)}
.about-body p{color:var(--muted);margin-bottom:16px}
.values{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:8px;perspective:900px}
.value-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:218px;padding:24px 22px 25px;border:1px solid rgba(46,158,164,.16);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(234,247,246,.78));box-shadow:0 15px 38px -30px rgba(21,66,69,.65);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.value-card::before{content:"";position:absolute;z-index:-1;width:130px;height:130px;border-radius:50%;right:-55px;bottom:-68px;background:radial-gradient(circle,rgba(63,181,184,.22),rgba(63,181,184,0) 70%);transition:transform .5s}
.value-card::after{content:"";position:absolute;z-index:-1;inset:auto 20px 0;height:2px;background:linear-gradient(90deg,var(--teal),transparent);opacity:.45}
.value-card:hover{transform:translateY(-5px);border-color:rgba(46,158,164,.35);box-shadow:0 24px 46px -27px rgba(21,66,69,.55)}
.value-card:hover::before{transform:scale(1.25)}
.value-no{position:absolute;right:18px;top:12px;font:400 2.6rem/1 Fraunces,serif;color:rgba(31,126,132,.1);letter-spacing:-.05em}
.value-icon{display:grid!important;place-items:center;width:52px;height:52px;margin-bottom:34px;border-radius:14px;background:var(--teal);color:#fff!important;box-shadow:0 12px 25px -14px rgba(19,104,109,.9);transition:transform .35s,box-shadow .35s}
.value-card:hover .value-icon{transform:rotate(-4deg) scale(1.07);box-shadow:0 16px 28px -13px rgba(19,104,109,.8)}
.value-icon svg{width:29px;height:29px}
.value-copy{display:block!important}
.values .value-copy b{display:block;font-size:1.02rem;margin-bottom:8px;color:var(--ink)}
.values .value-copy>span{display:block;color:var(--muted);font-size:.86rem;line-height:1.55}
.value-plan{background:linear-gradient(145deg,#fff,rgba(240,248,248,.9))}
.value-hygiene{background:linear-gradient(145deg,#f8fcfb,rgba(224,244,241,.85))}
.value-digital{background:linear-gradient(145deg,#173f43,#245b60);border-color:rgba(255,255,255,.08);box-shadow:0 20px 40px -28px rgba(11,48,52,.9)}
.value-digital::before{background:radial-gradient(circle,rgba(132,229,226,.25),rgba(63,181,184,0) 70%)}
.value-digital::after{background:linear-gradient(90deg,#91d9d8,transparent)}
.value-digital .value-no{color:rgba(255,255,255,.09)}
.value-digital .value-icon{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.values .value-digital .value-copy b{color:#fff}
.values .value-digital .value-copy>span{color:rgba(255,255,255,.72)}

.services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.svc{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px 26px;min-height:280px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .35s,box-shadow .35s,border-color .35s,background .35s}
.svc::after{content:"";position:absolute;right:-42px;top:-42px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(90,189,194,.16),rgba(90,189,194,0) 70%);transition:transform .45s}
.svc:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.svc:hover::after{transform:scale(1.35)}
.svc .ic{position:relative;z-index:1;width:56px;height:56px;border-radius:16px;background:linear-gradient(145deg,#eefafa,#d9f0f1);border:1px solid rgba(58,158,164,.14);display:grid;place-items:center;margin-bottom:22px;color:var(--teal-d);transition:background .3s,color .3s,transform .3s}
.svc:hover .ic{background:var(--teal);color:#fff}
.svc:hover .ic{transform:rotate(-4deg) scale(1.05)}
.svc .ic svg{width:27px;height:27px}
.svc small{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-d);font-weight:700}
.svc h3{font-family:Fraunces,serif;font-weight:400;font-size:1.28rem;margin:4px 0 8px}
.svc p{color:var(--muted);font-size:.92rem}
.svc .go{margin-top:auto;padding-top:16px;font-size:.85rem;font-weight:700;color:var(--teal-d)}

.scan-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.lite-yt{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#1d262d center/cover no-repeat;box-shadow:var(--shadow);cursor:pointer;border:0;width:100%;display:block}
.lite-yt::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,38,45,0) 50%,rgba(29,38,45,.6))}
.lite-yt .play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;transition:transform .3s;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.lite-yt:hover .play{transform:scale(1.08)}
.lite-yt .play svg{width:28px;height:28px;margin-left:4px;color:var(--teal-d)}
.lite-yt .cap{position:absolute;left:20px;bottom:16px;color:#fff;font-size:.85rem;font-weight:600;text-align:left}
.lite-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.checks{list-style:none;display:grid;gap:12px;margin:22px 0 28px}
.checks li{display:flex;gap:12px;color:var(--muted)}
.checks li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--teal-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a9ea4' stroke-width='3'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/14px no-repeat;margin-top:2px}

.team{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.doc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .35s,box-shadow .35s}
.doc:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.doc .ph{aspect-ratio:4/4.4;background:linear-gradient(160deg,#e3ecec,#cfdcdc);display:grid;place-items:center;color:#a9bcbd}
.doc .ph svg{width:64px;height:64px}
.doc .info{padding:20px 22px 24px}
.doc small{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-d);font-weight:700}
.doc h3{font-family:Fraunces,serif;font-weight:400;font-size:1.24rem;margin-top:4px}
.doc span{color:var(--muted);font-size:.88rem}

.tech{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.tech-visual{position:relative;aspect-ratio:4/3;border-radius:var(--radius);background:#11191f;overflow:hidden;box-shadow:var(--shadow)}
.tech-visual .xray-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:contrast(1.08) brightness(.84) sepia(.05) hue-rotate(155deg);opacity:.94}
.tech-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,17,22,.12),transparent 65%,rgba(7,17,22,.34));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.tech-visual canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block}
.tech-item{padding:20px 0;border-bottom:1px solid rgba(40,50,59,.1);display:grid;grid-template-columns:48px 1fr;gap:16px}
.tech-item:last-child{border:0}
.tech-item .n{font-family:Fraunces,serif;color:var(--teal-d);font-size:1.1rem}
.tech-item h3{font-weight:700;font-size:1.04rem;margin-bottom:4px}
.tech-item p{color:var(--muted);font-size:.92rem}
.tech-item a{color:var(--teal-d);font-weight:700;text-decoration:none}

.process{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.process::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.process.in::before{transform:none}
.proc{padding-top:24px}
.proc .k{font-family:Fraunces,serif;font-size:2.6rem;color:var(--teal-d);line-height:1}
.proc h3{margin:14px 0 6px;font-size:1.06rem}
.proc p{color:var(--muted);font-size:.92rem}

.faq{max-width:860px}
.faq details{border-bottom:1px solid var(--line);padding:22px 0}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:700;font-size:1.04rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:Fraunces,serif;font-size:1.6rem;line-height:1;color:var(--teal-d);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);margin-top:12px;max-width:740px}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px}
.contact dl{display:grid;gap:22px}
.contact dt{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:4px}
.contact dd{font-size:1.05rem}
.contact dd a{text-decoration:none;border-bottom:1px solid var(--line)}
.map{margin-top:28px;border-radius:12px;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line);background:var(--paper-2)}
.map iframe{width:100%;height:100%;border:0}
form{display:grid;gap:16px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:6px;font-size:.85rem;font-weight:700}
input,select,textarea{font:inherit;font-weight:400;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--text);width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:transparent}
textarea{min-height:110px;resize:vertical}
.form-note{font-size:.8rem;color:var(--muted)}
.call-card{display:grid;gap:14px;align-content:start;background:linear-gradient(160deg,#fff,#eef7f7)}
.call-card h2{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.15}
.call-card p{color:var(--muted)}
.phone-big{font-family:Fraunces,serif;font-size:clamp(2rem,4vw,2.8rem);color:var(--teal-d);text-decoration:none;line-height:1.1;letter-spacing:-.01em}
.phone-big:hover{color:var(--ink)}

/* ALT SAYFA */
.page-hero{padding:150px 0 70px;background:radial-gradient(80% 90% at 90% 0%,#d6eced 0%,rgba(214,236,237,0) 60%),linear-gradient(180deg,#f6fafa,#eef6f6);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.crumbs{font-size:.82rem;color:var(--muted);margin-bottom:22px}
.crumbs a{text-decoration:none;color:var(--teal-d);font-weight:600}
.crumbs span{margin:0 8px;opacity:.5}
.page-hero h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.06;max-width:820px;margin:12px 0 20px;color:var(--ink)}
.page-hero .lead{font-size:1.1rem;color:var(--muted);max-width:680px}
.page-hero .actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.page-hero .big-ic{position:absolute;right:6%;top:50%;transform:translateY(-40%);width:260px;height:260px;color:var(--teal);opacity:.16}
.article-grid{display:grid;grid-template-columns:1fr 340px;gap:64px;align-items:start}
.article h2{font-family:Fraunces,serif;font-weight:400;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.2;margin:46px 0 14px;color:var(--ink)}
.article h2:first-child{margin-top:0}
.article h3{font-size:1.08rem;margin:26px 0 8px}
.article p{color:#3d4a52;margin-bottom:14px;font-size:1.02rem}
.article ul.dots{margin:6px 0 18px 0;list-style:none;display:grid;gap:10px}
.article ul.dots li{position:relative;padding-left:22px;color:#3d4a52}
.article ul.dots li::before{content:"";position:absolute;left:2px;top:.68em;width:8px;height:8px;border-radius:50%;background:var(--teal)}
.note{background:var(--teal-bg);border-radius:14px;padding:18px 20px;color:var(--ink);font-size:.95rem;margin:22px 0}
.aside{position:sticky;top:110px;display:grid;gap:18px}
.aside .card{padding:26px}
.aside h3{font-family:Fraunces,serif;font-weight:400;font-size:1.35rem;margin-bottom:8px}
.aside p{color:var(--muted);font-size:.92rem;margin-bottom:16px}
.aside ul{list-style:none;display:grid;gap:2px}
.aside li a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:.92rem;color:var(--text);transition:color .2s,padding .2s}
.aside li a:hover{color:var(--teal-d);padding-left:4px}
.aside li a::after{content:"→";color:var(--teal-d)}
.steps-list{counter-reset:s;list-style:none;display:grid;gap:14px;margin:10px 0 20px}
.steps-list li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;gap:12px;color:#3d4a52}
.steps-list li::before{content:counter(s,decimal-leading-zero);font-family:Fraunces,serif;color:var(--teal-d);font-size:1.2rem}
.cta-band{background:var(--ink);color:#eef4f5;border-radius:24px;padding:48px;display:flex;justify-content:space-between;gap:30px;align-items:center;flex-wrap:wrap}
.cta-band h2{font-family:Fraunces,serif;font-weight:400;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2;max-width:620px}
.cta-band p{color:#a3b3ba;margin-top:8px}

/* FOOTER */
footer{background:var(--ink);color:#a3b3ba;padding:70px 0 34px;font-size:.9rem}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
footer .lg{height:64px;margin-bottom:18px}
footer h4{color:#eef4f5;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
footer ul{list-style:none;display:grid;gap:8px}
footer a{text-decoration:none;color:#a3b3ba;transition:color .2s}
footer a:hover{color:var(--teal)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:46px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.8rem}

/* ANİMASYON */
[data-anim]{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
[data-anim=left]{transform:translateX(-40px)}
[data-anim=right]{transform:translateX(40px)}
[data-anim=zoom]{transform:scale(.94)}
[data-anim=clip]{opacity:1;transform:none;clip-path:inset(12% 12% 12% 12% round 28px);transition:clip-path 1.3s cubic-bezier(.2,.7,.2,1)}
[data-anim].in{opacity:1;transform:none}
[data-anim=clip].in{clip-path:inset(0 0 0 0 round 0)}
.split-words .w{display:inline-block;opacity:0;transform:translateY(.5em);transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}
.split-words.in .w{opacity:1;transform:none}

@media (max-width:1080px){
  .nav .menu{gap:16px}
  .services,.team{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:repeat(2,1fr);gap:36px 24px}
  .tech,.contact,.about,.scan-feature,.article-grid{grid-template-columns:1fr;gap:40px}
  .values{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:0}
  .sec-head{grid-template-columns:1fr;gap:16px}
  .sec-head p{justify-self:start}
  .dept-nav{display:none}
  .hero .wrap{grid-template-columns:1fr}
  .hero-media{justify-self:center}
  .aside{position:static}
  .foot{grid-template-columns:1fr 1fr}
  .page-hero .big-ic{display:none}
}

.call-fab{display:none}
@media (max-width:900px){
  .call-fab{display:flex;position:fixed;left:16px;right:16px;bottom:14px;z-index:60;justify-content:center;align-items:center;gap:10px;background:var(--teal);color:#13282b;font-weight:700;text-decoration:none;padding:15px;border-radius:999px;box-shadow:0 14px 30px -12px rgba(40,50,59,.5)}
  footer{padding-bottom:96px}
  .nav .menu,.nav .btn{display:none}
  .menu-btn{display:block}
  .nav.open .menu{display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:84px;left:0;right:0;background:#f6fafa;padding:12px 24px 24px;gap:4px;border-bottom:1px solid var(--line);max-height:calc(100vh - 84px);overflow:auto}
  .nav.open .dd{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 12px;background:none}
}
@media (max-width:760px){
  .wrap{padding:0 16px}
  .lg{height:42px}
  .nav .wrap{height:72px}
  .nav.open .menu{top:72px}
  .sec{padding:84px 0}
  .hero{padding:110px 0 50px}
  .float.f1{left:-6px;top:auto;bottom:22%}
  .float.f2{right:-6px;bottom:4%}
  .services,.team,.process,.row2,.values,.foot{grid-template-columns:1fr}
  .values{gap:12px}
  .value-card{min-height:156px;padding:19px 20px 21px}
  .value-icon{width:46px;height:46px;margin-bottom:16px;border-radius:14px}
  .value-icon svg{width:25px;height:25px}
  .card{padding:26px 20px}
  .scrolly{height:460vh}
  .stage::before{top:37%;width:82vw;box-shadow:0 0 0 24px rgba(255,255,255,.17),0 0 0 25px rgba(58,158,164,.045)}
  .stage::after{background:linear-gradient(180deg,rgba(235,244,243,.08),transparent 17%,transparent 58%,rgba(225,238,237,.9) 72%,rgba(225,238,237,.98))}
  .real-visual img{top:34%;height:min(59vh,540px);max-width:82vw}
  .real-visual .real-implant{height:min(57vh,520px)}
  .step,.step.center{top:auto;bottom:7vh;transform:none}
  .step.center .step-inner{padding:18px 18px 20px;border-radius:20px}
  .step.center h2{font-size:clamp(1.65rem,8vw,2.2rem)}
  .step-inner{max-width:100%}
  .step.right .wrap{justify-content:flex-start}
  .step p{font-size:.96rem}
  .about-photo{min-height:500px}
  .about-photo img{min-height:500px;object-position:62% center}
  .about-photo figcaption{left:24px;right:24px;bottom:26px}
  .page-hero{padding:120px 0 50px}
  .cta-band{padding:32px 22px}
}
@media (prefers-reduced-motion:reduce){
  [data-anim],.split-words .w{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
  .float,.marquee .track{animation:none}
  html{scroll-behavior:auto}
}