:root{
  --bg:#070a10; --bg-soft:#0d121c; --fg:#e9ecf2; --fg-dim:rgba(233,236,242,.56);
  --accent:#37c9e8; --accent-ink:#04222b; --rule:rgba(233,236,242,.12);
  --glass:rgba(255,255,255,.06); --glass-2:rgba(255,255,255,.03); --glass-line:rgba(255,255,255,.16);
  --logo1:#ffffff; --logo2:#37c9e8;
  --serif:'Fraunces',serif; --sans:'Manrope',sans-serif; --mono:'Manrope',sans-serif;
}
html[data-theme="light"]{
  --bg:#e9f1fb; --bg-soft:#f4f8ff; --fg:#0d1f38; --fg-dim:rgba(13,31,56,.82);
  --accent:#1460d8; --accent-ink:#ffffff; --rule:rgba(15,36,64,.16);
  --glass:rgba(255,255,255,.55); --glass-2:rgba(255,255,255,.35); --glass-line:rgba(255,255,255,.8);
  --logo1:#1d4f8c; --logo2:#2e9bdb;
}
.hero,.anatomy,.eye{ --fg:#e9ecf2; --fg-dim:rgba(233,236,242,.56); --rule:rgba(233,236,242,.12); --glass:rgba(255,255,255,.06); --glass-line:rgba(255,255,255,.16); color:var(--fg); }
/* LIGHT TEMA FIX: hero/eye/anatomi HER ZAMAN koyu zeminli (3D sahne) → light temada da
   açık yazı + cyan accent zorla. Aksi halde accent koyu-mavi (#1460d8) kalıp koyu zeminde
   okunmuyordu ve başlıklar/gövde koyuya düşüyordu. */
html[data-theme="light"] .hero,
html[data-theme="light"] .anatomy,
html[data-theme="light"] .eye{
  --fg:#eef4fb !important; --fg-dim:rgba(238,244,251,.72) !important;
  --accent:#37c9e8 !important; --rule:rgba(233,236,242,.14) !important;
  --glass:rgba(255,255,255,.06) !important; --glass-line:rgba(255,255,255,.16) !important;
}

*{margin:0; padding:0; box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg); color:var(--fg); font-family:var(--sans); font-weight:300; -webkit-font-smoothing:antialiased; overflow-x:hidden; transition:background .5s ease, color .5s ease;}
a{color:inherit; text-decoration:none;}
em{font-style:italic; color:var(--accent);}

.grain{position:fixed; inset:0; z-index:9; pointer-events:none; mix-blend-mode:overlay; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

.nav{position:fixed; top:0; left:0; right:0; z-index:30; display:flex; align-items:center; justify-content:space-between;
  padding:16px clamp(20px,4vw,64px); background:var(--glass); backdrop-filter:blur(10px) saturate(1.3); -webkit-backdrop-filter:blur(10px) saturate(1.3); border-bottom:1px solid var(--glass-line);}
.nav__brand{display:flex; align-items:center; gap:11px;}
.brand-logo{height:42px; width:auto; display:block;}
/* Tema-duyarlı marka logosu: koyu temada beyaz-yazılı, açık temada koyu-yazılı sürüm */
.brand-logo--light{display:none;}
[data-theme="light"] .brand-logo--dark{display:none;}
[data-theme="light"] .brand-logo--light{display:block;}
.nav__links{display:flex; gap:26px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:700;}
.nav__links a{opacity:1; color:#ffffff; font-weight:700;} .nav__links a:hover{color:var(--accent);}
html[data-theme="light"] .nav__links a{color:var(--fg);}
.nav__cta{display:flex; gap:10px; align-items:center;}
.btn{font-family:var(--sans); font-weight:500; font-size:13px; cursor:pointer; border-radius:100px; padding:10px 18px; transition:.25s; border:1px solid var(--glass-line); background:var(--glass-2); color:var(--fg); backdrop-filter:blur(8px);}
.btn:hover{border-color:var(--accent); color:var(--accent);}
.btn--solid{background:var(--accent); color:var(--accent-ink); border-color:var(--accent);}
.btn--solid:hover{filter:brightness(1.08); color:var(--accent-ink);}
.theme-pill{display:flex; gap:2px; padding:3px; border-radius:100px; background:var(--glass-2); border:1px solid var(--glass-line); backdrop-filter:blur(8px);}
.theme-pill button{width:30px; height:28px; border:none; background:transparent; color:var(--fg-dim); cursor:pointer; border-radius:100px; font-size:13px; display:flex; align-items:center; justify-content:center; transition:.2s;}
.theme-pill button.active{background:var(--accent); color:var(--accent-ink);}
/* Hamburger — yalnızca mobil/tablette görünür; masaüstünde gizli (birebir). */
.nav__burger{display:none; flex-direction:column; justify-content:center; gap:5px; width:40px; height:34px; padding:0 9px; border-radius:100px; border:1px solid var(--glass-line); background:var(--glass-2); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); cursor:pointer;}
.nav__burger span{display:block; height:2px; width:100%; background:var(--fg); border-radius:2px; transition:transform .28s ease, opacity .2s ease;}
.nav.open .nav__burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav.open .nav__burger span:nth-child(2){opacity:0;}
.nav.open .nav__burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media(max-width:1040px){
  .nav__burger{display:flex;}
  .nav__links{position:fixed; top:66px; left:0; right:0; flex-direction:column; gap:0; align-items:stretch;
    background:var(--glass); -webkit-backdrop-filter:blur(10px) saturate(1.3); backdrop-filter:blur(10px) saturate(1.3);
    border-bottom:1px solid var(--glass-line); padding:8px clamp(20px,4vw,64px) 16px;
    transform:translateY(-12px); opacity:0; pointer-events:none; visibility:hidden; transition:transform .3s ease, opacity .3s ease, visibility .3s;}
  .nav__links a{padding:15px 4px; border-bottom:1px solid var(--glass-line); opacity:.9;}
  .nav.open .nav__links{transform:none; opacity:1; pointer-events:auto; visibility:visible;}
}

.hero{position:sticky; top:0; height:100vh; min-height:680px; overflow:hidden; display:flex; flex-direction:column; background:#070a10;}
.hero__canvas{position:absolute; inset:0; z-index:0; opacity:0; transition:opacity 1.1s ease;}
.hero__canvas.is-ready{opacity:1;}
.hero::after{content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:radial-gradient(72% 62% at 50% 44%, transparent 0%, rgba(7,10,16,.34) 70%, rgba(7,10,16,.86) 100%),
            linear-gradient(180deg, rgba(7,10,16,.78) 0%, transparent 26%, transparent 58%, rgba(7,10,16,.97) 100%);}
.hero__topbar{position:relative; z-index:4; display:flex; justify-content:space-between; padding:96px clamp(20px,4vw,64px) 0; font-family:var(--sans); font-size:11px; letter-spacing:.04em; color:var(--fg-dim);}
.hero__core{position:relative; z-index:4; flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:0 20px;}
.hero__eyebrow{font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:none; color:var(--accent); margin-bottom:24px;}
.hero__title{font-family:var(--serif); font-weight:400; font-size:clamp(44px,8vw,122px); line-height:.96; letter-spacing:-.02em; text-shadow:0 2px 50px rgba(7,10,16,.7);}
.hero__title span{display:block;} .hero__title .it{font-style:italic; color:var(--accent);}
.hero__sub{margin-top:24px; max-width:540px; font-size:15.5px; line-height:1.6; color:var(--fg-dim);}
.hero__btns{margin-top:28px; display:flex; gap:14px;}
.hero__bottom{position:relative; z-index:4; display:flex; justify-content:space-between; align-items:center; gap:18px; padding:0 clamp(20px,4vw,64px) 34px; font-family:var(--sans); font-size:11px; letter-spacing:.02em; color:var(--fg-dim); text-transform:none; flex-wrap:wrap;}
.hero__badges{display:flex; gap:16px;} .hero__badges span::before{content:"· "; color:var(--accent);}
@media(max-width:680px){.hero__badges{display:none;}}

.page-stack{position:relative; z-index:5; background:var(--bg); transition:background .5s ease;}
section.chapter{max-width:1480px; margin:0 auto; padding:clamp(80px,12vh,160px) clamp(20px,4vw,64px); content-visibility:auto; contain-intrinsic-size:0 600px;}
.section-tag{font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.04em; text-transform:none; color:var(--accent); margin-bottom:36px;}
.reveal-text{opacity:0; transform:translateY(28px); transition:opacity .65s ease, transform .65s ease;}
.reveal-text.is-visible{opacity:1; transform:none;}
@media(prefers-reduced-motion:reduce){.reveal-text{opacity:1; transform:none; transition:none;}}
h2.big{font-family:var(--serif); font-weight:400; font-size:clamp(30px,4.6vw,62px); line-height:1.06; letter-spacing:-.018em;}

.glass{background:var(--glass); border:1px solid var(--glass-line); backdrop-filter:blur(16px) saturate(1.3); -webkit-backdrop-filter:blur(16px) saturate(1.3); box-shadow:inset 0 1px 0 rgba(255,255,255,.12);}

.stats{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.stat{padding:clamp(30px,5vh,56px) clamp(20px,3vw,44px); border-radius:18px;}
.stat .n{font-family:var(--serif); font-size:clamp(38px,6vw,76px); font-weight:400; letter-spacing:-.02em; color:var(--accent);}
.stat .l{font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.02em; text-transform:none; color:var(--fg-dim); margin-top:10px;}
.stat .d{font-size:14px; line-height:1.6; opacity:.74; margin-top:12px; max-width:34ch;}
@media(max-width:860px){.stats{grid-template-columns:1fr;}}

.comp{display:flex; justify-content:center; gap:clamp(24px,6vw,90px); flex-wrap:wrap; align-items:center; padding:30px clamp(20px,4vw,64px); margin:0 auto; max-width:1480px; font-family:var(--sans); font-size:13px; letter-spacing:.01em; text-transform:none; color:#ffffff; font-weight:600;}
.comp b{color:#ffffff; font-weight:700;}
html[data-theme="light"] .comp{color:var(--fg);}
html[data-theme="light"] .comp b{color:var(--fg);}

.feat-head{display:grid; grid-template-columns:1.3fr 1fr; gap:40px; align-items:end; margin-bottom:46px;}
.feat-head p{font-size:15px; line-height:1.7; color:var(--fg-dim); max-width:42ch;}
.feat-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.feat{padding:32px 28px 36px; border-radius:18px;}
.feat .fi{font-size:24px; color:var(--accent); margin-bottom:16px;}
.feat h3{font-family:var(--serif); font-size:23px; font-weight:400; margin-bottom:11px;}
.feat p{font-size:14px; line-height:1.62; opacity:.74;}
@media(max-width:860px){.feat-head{grid-template-columns:1fr;}.feat-grid{grid-template-columns:1fr;}}

.anatomy,.eye{position:relative; overflow:hidden; background:radial-gradient(120% 100% at 50% 0%, #0d1828, #070a10);}
.anatomy{border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08);}
.anatomy__inner{max-width:1480px; margin:0 auto; padding:clamp(70px,10vh,140px) clamp(20px,4vw,64px); display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center;}
.anatomy__model{position:relative; height:clamp(420px,58vh,640px);}
.anatomy__model model-viewer{width:100%; height:100%; background:transparent;}
.anatomy__glow{position:absolute; inset:0; z-index:0; background:radial-gradient(50% 60% at 50% 40%, rgba(55,201,232,.14), transparent 65%); filter:blur(20px);}
.anatomy__copy h2{font-family:var(--serif); font-weight:400; font-size:clamp(28px,4vw,52px); line-height:1.08; margin-bottom:18px;}
.anatomy__copy p{font-size:15px; line-height:1.7; opacity:.8; max-width:42ch; margin-bottom:16px;}
.anatomy__hint{font-family:var(--sans); font-size:12px; letter-spacing:.02em; text-transform:none; color:var(--fg-dim);}
@media(max-width:860px){.anatomy__inner{grid-template-columns:1fr;}}

.eye__stage{position:relative; height:clamp(620px,94vh,960px); overflow:hidden;}
.eye__stage model-viewer{position:absolute; inset:0; width:100%; height:100%; z-index:1;}
/* Beyin point-cloud (Three.js) sahnesi — lazy mount, sadece görünürken render.
   Sadece otomatik döner; kullanıcı etkileşimi yok → pointer-events kapalı. */
.eye__model{position:absolute; inset:0; z-index:1; pointer-events:none;}
.eye__model canvas{display:block; width:100%!important; height:100%!important; opacity:0; transition:opacity .8s ease;}
.eye__model canvas.is-ready{opacity:1;}
.eye__glow{position:absolute; inset:0; z-index:0; background:radial-gradient(46% 52% at 42% 48%, rgba(55,201,232,.18), transparent 62%); filter:blur(24px);}
/* Yazı bloğu: daha az sağda (right offset büyütüldü → merkeze yakın) ve daha büyük. */
.eye__copy{position:absolute; right:clamp(40px,10vw,210px); top:50%; transform:translateY(-50%); z-index:3; max-width:540px; text-shadow:0 2px 24px rgba(7,10,16,.7);}
/* Premium liquid-glass rozet — büyük ve göze çarpan ama gösterişsiz.
   Işığı yakalayan gradient hairline border + buzlu cam + gradient marka yazısı +
   göz ikonu + solid accent "Yeni" çipi. Glow/nabız YOK; premium his craft'tan gelir. */
.eye__copy .badge{
  display:inline-flex; align-items:center; gap:11px;
  font-family:var(--sans); font-size:16px; font-weight:600; letter-spacing:.005em;
  color:#eaf8ff;
  padding:10px 11px 10px 18px; margin-bottom:28px; border-radius:100px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.025)) padding-box,
    linear-gradient(115deg, rgba(130,232,255,.75), rgba(255,255,255,.12) 45%, rgba(130,232,255,.55)) border-box;
  border:1px solid transparent;
  -webkit-backdrop-filter:blur(10px) saturate(150%); backdrop-filter:blur(10px) saturate(150%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 14px 36px rgba(6,20,40,.5);
}
.eye__copy .badge__eye{ color:var(--accent); flex:none; filter:drop-shadow(0 0 6px rgba(55,201,232,.45)); }
.eye__copy .badge__label{
  background:linear-gradient(92deg,#ffffff,#bfeeff);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.eye__copy .badge__new{
  font-size:12px; font-weight:700; letter-spacing:.03em; line-height:1;
  color:#06131f; background:linear-gradient(180deg,#8ce6ff,var(--accent));
  padding:5px 12px; border-radius:100px; box-shadow:0 2px 9px rgba(55,201,232,.35);
}
.eye__copy h2{font-family:var(--serif); font-weight:400; font-size:clamp(36px,4.6vw,68px); line-height:1.06; margin-bottom:20px;}
.eye__copy p{font-size:clamp(16px,1.25vw,19px); line-height:1.7; opacity:.9; max-width:46ch; margin-bottom:18px;}
.eye__copy p strong{color:var(--fg); font-weight:600; opacity:1;}
.eye__list{list-style:none; font-family:var(--sans); font-size:clamp(14px,1vw,15.5px); letter-spacing:.01em; color:var(--fg-dim); line-height:2.05;}
.eye__list li::before{content:"— "; color:var(--accent);}
@media(max-width:860px){.eye__stage{height:auto;}.eye__stage model-viewer{position:relative; height:60vh;}.eye__copy{position:relative; top:auto; transform:none; right:auto; padding:0 20px 60px; max-width:none;}}

.steps{list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:30px;}
.step{border-top:1px solid var(--rule); padding-top:24px; position:relative;}
.step .num{font-family:var(--sans); font-size:12px; font-weight:700; color:var(--accent); letter-spacing:.01em; margin-bottom:14px;}
.step h4{font-family:var(--serif); font-size:22px; font-weight:400; margin-bottom:10px;}
.step p{font-size:14px; line-height:1.6; opacity:.72;}
.step-line{position:absolute; top:-1px; left:0; height:1px; width:0; background:var(--accent); transition:width 1s ease;}
.step:hover .step-line{width:100%;}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr;}}

.demo-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.demo-card{padding:30px; border-radius:18px;}
.demo-card .tag{font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.02em; color:var(--accent); text-transform:none;}
.demo-card h4{font-family:var(--serif); font-size:24px; font-weight:400; margin:10px 0 8px;}
.demo-card p{font-size:14px; opacity:.74; line-height:1.6;}
.demo-card .play{margin-top:18px; display:inline-flex; align-items:center; gap:10px; font-size:13px; color:var(--accent);}
.demo-video{margin-top:20px; border-radius:12px; overflow:hidden; position:relative; padding-bottom:56.25%; height:0;}
.demo-video iframe{position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:12px;}
.yt-facade{cursor:pointer; background:#000;}
.yt-facade img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:12px; transition:transform .4s, filter .3s; filter:brightness(.82);}
.yt-facade:hover img{transform:scale(1.04); filter:brightness(.7);}
.yt-facade .yt-play{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:62px; height:62px; border-radius:50%; background:rgba(7,10,16,.55); border:1px solid rgba(255,255,255,.5); display:flex; align-items:center; justify-content:center; color:#fff; font-size:20px; backdrop-filter:blur(4px); transition:background .25s, transform .25s;}
.yt-facade:hover .yt-play{background:var(--accent); color:#070a10; transform:translate(-50%,-50%) scale(1.08);}
.yt-facade .yt-play i{margin-left:3px;}
@media(max-width:860px){.demo-grid{grid-template-columns:1fr;}}

.price-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:24px;}
.price{border-radius:16px; padding:32px 28px; display:flex; flex-direction:column;}
.price.pop{border:1.5px solid var(--accent);}
.price .pop-tag{font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.02em; text-transform:none; color:var(--accent); margin-bottom:14px;}
.price h3{font-family:var(--sans); font-size:13px; font-weight:600; letter-spacing:.01em; text-transform:none; color:var(--fg-dim); margin-bottom:18px;}
.price .amt{font-family:var(--serif); font-size:clamp(36px,4.4vw,54px); font-weight:400; letter-spacing:-.02em;}
.price .per{font-size:13px; color:var(--fg-dim); margin:8px 0 22px;}
.price ul{list-style:none; font-size:14px; line-height:1.5; opacity:.82; margin-bottom:24px; flex:1;}
.price ul li{padding:8px 0; border-bottom:1px solid var(--rule);}
.price ul li::before{content:"✓ "; color:var(--accent);}
.price .btn{width:100%; text-align:center;}
.eyebrow-row{display:flex; align-items:baseline; gap:14px; margin:50px 0 24px;}
.eyebrow-row h3{font-family:var(--serif); font-size:clamp(22px,3vw,34px); font-weight:400;}
.eyebrow-row span{font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.02em; color:var(--accent); text-transform:none;}
.legal-note{font-size:12px; color:var(--fg-dim); margin-top:18px; line-height:1.6;}
@media(max-width:860px){.price-grid{grid-template-columns:1fr;}}

.docs-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.doc{border-radius:16px; padding:26px; transition:.25s;}
.doc:hover{border-color:var(--accent);}
.doc .di{font-size:20px; color:var(--accent); margin-bottom:14px;}
.doc h4{font-family:var(--serif); font-size:19px; font-weight:400; margin-bottom:10px;}
.doc ol{list-style:none; counter-reset:s; font-size:13.5px; line-height:1.7; opacity:.78;}
.doc ol li{counter-increment:s; padding:3px 0;} .doc ol li::before{content:counter(s,decimal-leading-zero) " "; color:var(--accent); font-family:var(--sans); font-size:11px; font-weight:700;}
@media(max-width:860px){.docs-grid{grid-template-columns:1fr;}}

.auth-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.auth-card{border-radius:18px; padding:36px 32px;}
.auth-card h3{font-family:var(--serif); font-size:27px; font-weight:400; margin-bottom:6px;}
.auth-card .lead{font-size:14px; color:var(--fg-dim); margin-bottom:24px;}
.field{margin-bottom:14px;}
.field label{display:block; font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.01em; text-transform:none; color:var(--fg-dim); margin-bottom:7px;}
.field input,.field select,.field textarea{width:100%; background:var(--glass-2); border:1px solid var(--glass-line); border-radius:8px; padding:12px 14px; color:var(--fg); font-family:var(--sans); font-size:14px;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none; border-color:var(--accent);}
.field.two{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.auth-card .btn--solid{width:100%; text-align:center; margin-top:6px; padding:13px;}
.auth-meta{font-size:12px; color:var(--fg-dim); margin-top:14px; text-align:center;}
.auth-meta a{color:var(--accent);}
@media(max-width:860px){.auth-grid{grid-template-columns:1fr;}.field.two{grid-template-columns:1fr;}}

.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start;}
.contact-card{border-radius:18px; padding:34px;}
.conversation__email{font-family:var(--serif); font-size:clamp(24px,3vw,40px); display:inline-flex; align-items:center; gap:12px;}
.conversation__email:hover{color:var(--accent);}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr;}}

/* Footer belirgin/ayrı: düz opak zemin (arkadaki tile ızgarası sızmasın) + belirgin üst kenar */
.footer{
  position:relative; z-index:1;
  background:#090d16;
  border-top:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 -18px 40px rgba(3,7,18,.35);
}
html[data-theme="light"] .footer{
  background:#e6edf9;
  border-top:1px solid rgba(15,36,64,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 -14px 34px rgba(15,36,64,.06);
}
.footer__top{max-width:1480px; margin:0 auto; padding:60px clamp(20px,4vw,64px) 36px; display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:30px;}
.footer-logo-icon{width:52px; height:52px; border-radius:13px; display:block;}
.footer__brand p{font-size:16px; line-height:1.65; opacity:.85; max-width:36ch; margin-top:18px;}
.footer__col h6{font-family:var(--sans); font-size:15px; font-weight:700; letter-spacing:.01em; text-transform:none; color:var(--fg); margin-bottom:18px;}
.footer__col a{display:block; font-size:16px; opacity:.9; padding:7px 0;} .footer__col a:hover{color:var(--accent);}
.footer__bar div{max-width:1480px; margin:0 auto; padding:22px clamp(20px,4vw,64px); display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-family:var(--sans); font-size:14px; font-weight:700; letter-spacing:.01em; color:var(--accent); opacity:1; text-transform:none; border-top:1px solid var(--rule);}
@media(max-width:860px){.footer__top{grid-template-columns:1fr 1fr;}}

/* utility classes (CSP: inline style attrleri yok) */
.svg-defs{position:absolute;width:0;height:0;}
.pt-sm{padding-top:clamp(60px,9vh,120px);}
.mb-10{margin-bottom:10px;} .mb-14{margin-bottom:14px;} .mb-40{margin-bottom:40px;} .mb-50{margin-bottom:50px;}
.lead-muted{opacity:.7; margin-bottom:36px; font-size:15px;}
.lead-muted--38{opacity:.7; margin-bottom:38px; font-size:15px;}
.btn-block{display:block;}
.logo-sm{height:24px;}
.contact-h3{font-family:var(--serif); font-weight:400; font-size:24px; margin-bottom:18px;}
.contact-p{margin-top:24px; font-size:14px; line-height:1.7; opacity:.78;}

/* === okunabilirlik: yazıları büyüt + kontrast === */
.nav__links{font-size:13.5px;}
.hero__sub{font-size:18px; max-width:560px;}
.hero__bottom{font-size:12px;}
.section-tag{font-size:12.5px;}
.feat-head p{font-size:16.5px;}
.feat h3{font-size:25px;}
.feat p{font-size:15.5px; opacity:.82;}
.stat .d{font-size:15px; opacity:.82;}
.stat .l{font-size:12px;}
.comp{font-size:14px;}
.step h4{font-size:23px;}
.step p{font-size:15px; opacity:.82;}
.demo-card h4{font-size:25px;}
.demo-card p{font-size:15px; opacity:.82;}
.price ul{font-size:15px; opacity:.9;}
.price .per{font-size:14px;}
.doc h4{font-size:20px;}
.doc ol{font-size:14.5px; opacity:.86;}
.lead-muted,.lead-muted--38{font-size:16.5px; opacity:.8;}
.eye__copy p{font-size:16px; opacity:.9;}
.eye__list{font-size:13px;}
.anatomy__copy p{font-size:16px; opacity:.88;}
.field label{font-size:11.5px;}
.field input,.field select,.field textarea{font-size:15px;}
.auth-card .lead{font-size:15px;}
.contact-p{font-size:15px; opacity:.85;}
.footer__col a{font-size:16px; opacity:.9;}
.footer__brand p{font-size:16px; opacity:.85;}

/* ============================================================
   MOBİL ÜST MENÜ DÜZELTMESİ (2026-07)
   360px'de logo + tema-toggle + butonlar tek satıra sığmayıp üst üste
   biniyordu (nav nowrap). Mobilde öğeleri kompaktlaştır + redundant
   "Kayıt Ol"u gizle. Masaüstü kuralları etkilenmez (yalnızca @media).
   ============================================================ */
@media(max-width:560px){
  .nav{ padding:11px 14px; gap:8px; }
  .nav__brand{ gap:7px; min-width:0; flex-shrink:1; overflow:hidden; }
  .brand-logo{ height:29px; }
  .nav__cta{ gap:6px; flex-shrink:0; }
  .theme-pill{ padding:2px; gap:1px; }
  .theme-pill button{ width:26px; height:24px; font-size:12px; }
  .nav__cta .btn{ padding:8px 13px; font-size:12px; }
  /* "Kayıt Ol" mobilde gizli — birincil "Giriş Yap" kalır, hero'da "Hemen Başla" var */
  .nav__cta .btn--solid{ display:none; }
}