:root{
  --red:#e11d2a; --red-d:#b8141f; --ink:#0d0d0f; --ink-2:#2a2a2f; --mute:#6b6b73;
  --bg:#fbfaf8; --tint:#f3f0ec; --line:#e6e2dc; --white:#fff;
  --r:22px; --ff-d:'Unbounded',system-ui,sans-serif; --ff-b:'Manrope',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;overflow-x:clip}
body{font-family:var(--ff-b);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:6px}

/* type */
h1,h2,h3{font-family:var(--ff-d);line-height:1.08;letter-spacing:-.02em;font-weight:700}
h1{font-size:clamp(2.5rem,6.2vw,5rem)}
h2{font-size:clamp(1.9rem,4vw,3.1rem)}
h3{font-size:1.25rem}
.hl{color:var(--red);position:relative;white-space:nowrap}
.lead{font-size:1.15rem;color:var(--ink-2);max-width:34em}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.eyebrow i{width:28px;height:3px;background:var(--red);border-radius:3px}
.eyebrow--light{color:#d6d6da}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.5rem;border-radius:999px;font-weight:700;font-size:.95rem;border:2px solid transparent;cursor:pointer;font-family:inherit;transition:transform .2s,background .2s,box-shadow .2s,color .2s}
.btn--red{background:var(--red);color:#fff;box-shadow:0 10px 24px -10px rgba(225,29,42,.7)}
.btn--red:hover{background:var(--red-d);transform:translateY(-2px)}
.btn--ghost{border-color:var(--ink);color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:#fff}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;background:#fff;border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.nav .lg-light{display:none}
.nav:not(.scrolled){background:transparent}
.nav:not(.scrolled) .brand__txt,.nav:not(.scrolled) .nav__links{color:#fff}
.nav:not(.scrolled) .lg-dark{display:none}
.nav:not(.scrolled) .lg-light{display:block}
.nav:not(.scrolled) .burger span{background:#fff}
.nav.scrolled{border-color:var(--line);box-shadow:0 8px 30px -20px rgba(0,0,0,.25)}
.nav__in{display:flex;align-items:center;gap:1.5rem;height:74px}
.brand{display:flex;align-items:center;gap:.8rem}
.brand__logo{width:64px;display:block;flex:none}
.brand__logo img{width:100%;height:auto;display:block}
.brand__txt{font-family:var(--ff-d);font-weight:800;letter-spacing:.06em;font-size:1.05rem;line-height:1.1;display:flex;flex-direction:column}
.brand__txt small{font-family:var(--ff-b);font-weight:600;letter-spacing:.02em;font-size:.68rem;color:var(--red);margin-top:2px}
.nav__links{margin-left:auto;display:flex;gap:1.8rem;font-weight:600;font-size:.95rem}
.nav__links a{position:relative;padding:.3rem 0}
.nav__links a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--red);transition:width .25s}
.nav__links a:hover::after{width:100%}
.nav__cta{padding:.7rem 1.2rem}
.burger{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;margin-left:auto;position:relative}
.burger span{position:absolute;left:10px;right:10px;height:2px;background:var(--ink);transition:.25s}
.burger span:first-child{top:18px}.burger span:last-child{top:25px}
.burger[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}
.burger[aria-expanded=true] span:last-child{top:21px;transform:rotate(-45deg)}

/* hero */
.hero{position:relative;min-height:100vh;min-height:100svh;padding:110px 0 24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate;background:#0b0b0d;color:#fff}
.slides{position:absolute;inset:0;z-index:-1;pointer-events:none}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease;overflow:hidden}
.slide.is-active{opacity:1}
.slide>*{animation:kb 14s ease-out both paused}
.slide.is-active>*{animation-play-state:running}
@keyframes kb{from{transform:scale(1.08)}to{transform:scale(1)}}
.s-glow{position:absolute;right:-10%;top:-20%;width:80vw;height:80vw;max-width:1100px;max-height:1100px;background:radial-gradient(circle,rgba(225,29,42,.38),transparent 62%)}
.s-glow--l{right:auto;left:-15%;top:auto;bottom:-35%}
/* slide 1 */
.s-rings{position:absolute;top:50%;left:50%;width:min(150vh,1200px);height:min(150vh,1200px);margin:calc(min(150vh,1200px)/-2) 0 0 calc(min(150vh,1200px)/-2)}
.ring{fill:none;stroke:rgba(255,255,255,.14);stroke-width:2}
.ring--dash{stroke-dasharray:3 12;stroke:rgba(255,255,255,.22)}
.spin{transform-origin:500px 500px;transform-box:view-box}
.spin--a{animation:spin 26s linear infinite}
.spin--b{animation:spin 40s linear infinite reverse}
.spin--c{animation:spin 18s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.s-mark{position:absolute;left:50%;top:50%;width:min(95vh,760px);translate:-50% -50%;opacity:.26}
/* slide 2 */
.s2{background:linear-gradient(135deg,#0b0b0d,#17090b)}
.s-type{position:absolute;font-family:var(--ff-d);font-weight:800;line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.16);white-space:nowrap}
.s-type--1{font-size:34vw;left:-3%;top:2%}
.s-type--2{font-size:34vw;right:-6%;top:30%;-webkit-text-stroke-color:rgba(225,29,42,.5)}
.s-type--3{font-size:30vw;left:12%;bottom:-8%}
/* slide 3 */
.s3{background:#0b0b0d}
.s-bubbles{position:absolute;inset:-40px;display:grid;grid-template-columns:repeat(var(--cols,24),1fr);gap:0;align-content:center;opacity:.9}
.s-bubbles i{aspect-ratio:1;display:block;margin:30%;border:2px solid rgba(255,255,255,.16);border-radius:50%;transition:background .5s,border-color .5s}
.s-bubbles i.f{background:var(--red);border-color:var(--red);box-shadow:0 0 22px rgba(225,29,42,.7)}
.hero__shade{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 48%,rgba(11,11,13,.78),rgba(11,11,13,.35) 70%),linear-gradient(to bottom,rgba(11,11,13,.55),transparent 28%,transparent 70%,rgba(11,11,13,.85))}
.hero__grain{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.hero__in{position:relative;display:grid;gap:1.5rem;justify-items:center;text-align:center;align-content:center;flex:1;padding-block:2rem}
.hero__in .lead{color:#d6d6da;max-width:36rem}
.hero__title{font-size:clamp(2.6rem,6.6vw,5.8rem);line-height:1.04;text-shadow:0 8px 40px rgba(0,0,0,.5)}
.hero .hl{font-style:normal;color:#ff3b46}
.hero__btns{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center}
.btn--light{border-color:rgba(255,255,255,.55);color:#fff;backdrop-filter:blur(6px);background:rgba(255,255,255,.06)}
.btn--light:hover{background:#fff;color:var(--ink)}
.rise{opacity:0;transform:translateY(24px);animation:up .9s cubic-bezier(.2,.8,.2,1) var(--d,0s) forwards}
@keyframes up{to{opacity:1;transform:none}}
.eyebrow--light i{background:var(--red)}
.hero__bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.14)}
.dots{display:flex;gap:.5rem}
.dots button{width:38px;height:4px;border:0;border-radius:4px;background:rgba(255,255,255,.28);cursor:pointer;padding:0;position:relative;overflow:hidden}
.dots button.on::after{content:"";position:absolute;inset:0;background:var(--red);transform-origin:left;animation:fill var(--dur,6s) linear forwards}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero__facts{display:flex;gap:2rem;flex-wrap:wrap;justify-content:flex-end}
.hero__facts li{display:flex;align-items:baseline;gap:.5rem}
.hero__facts b{font-family:var(--ff-d);font-size:1.5rem}
.hero__facts span{font-size:.8rem;color:#b5b5bd;font-weight:600}

/* marquee */
.marquee{background:var(--red);color:#fff;overflow:hidden;transform:rotate(-1.2deg);margin:20px -10px;border-block:3px solid var(--ink)}
.marquee__track{display:flex;gap:2.5rem;width:max-content;padding:.9rem 0;animation:slide 28s linear infinite;font-family:var(--ff-d);font-weight:700;font-size:1.3rem;letter-spacing:.04em}
.marquee__track span::after{content:"✦";margin-left:2.5rem;opacity:.7}
@keyframes slide{to{transform:translateX(-33.333%)}}

/* sections */
.sec{padding:110px 0}
.sec--tint{background:var(--tint)}
.sec--dark{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.sec--dark::before{content:"";position:absolute;left:-10%;bottom:-40%;width:70vw;height:70vw;border:2px solid rgba(225,29,42,.35);border-radius:50%;transform:rotate(-24deg) scaleY(.32);pointer-events:none}
.sec__head{max-width:46rem;margin-bottom:3.2rem}
.sec__head>*+*{margin-top:1.1rem}
.sec__sub{color:var(--mute);font-size:1.08rem}
.sec--dark .sec__sub{color:#a8a8b0}

/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}
.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:transform .3s,box-shadow .3s}
.card:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(0,0,0,.35)}
.card__no{font-family:var(--ff-d);font-size:.85rem;color:var(--red);font-weight:700}
.card__meta{font-size:.95rem;color:var(--mute)}
.card__meta b{color:var(--ink)}
.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto;padding-top:.6rem}
.tags li{font-size:.78rem;font-weight:700;padding:.3rem .7rem;border-radius:999px;background:var(--tint)}
.card__link{font-weight:800;margin-top:.4rem;display:inline-flex;gap:.5rem;align-items:center}
.card__link span{transition:transform .2s;color:var(--red)}
.card__link:hover span{transform:translateX(6px)}
.card--dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.card--dark .card__meta{color:#b5b5bd}.card--dark .card__meta b{color:#fff}
.card--dark .tags li{background:rgba(255,255,255,.1)}
.card--feat{transform:translateY(-14px)}
.card--feat:hover{transform:translateY(-20px)}
.card__badge{position:absolute;top:-13px;right:1.6rem;background:var(--red);color:#fff;font-size:.72rem;font-weight:800;padding:.35rem .8rem;border-radius:999px;letter-spacing:.06em;text-transform:uppercase}

/* method */
.loop{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;position:relative}
.loop li{border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:1.7rem;background:rgba(255,255,255,.03);transition:border-color .3s,background .3s}
.loop li:hover{border-color:var(--red);background:rgba(225,29,42,.1)}
.loop span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--red);font-family:var(--ff-d);font-weight:700;margin-bottom:1.2rem}
.loop h3{margin-bottom:.5rem}
.loop p{color:#b5b5bd;font-size:.95rem}

/* calc */
.calc__box{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem}
.calc__rows{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:.6rem 1.6rem}
.crow{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr;gap:.8rem;align-items:center;padding:1.1rem 0;border-bottom:1px solid var(--line)}
.crow:last-child{border:0}
.crow h4{font-size:1rem}
.crow h4 small{display:block;color:var(--mute);font-weight:600;font-size:.75rem}
.crow label{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);display:block}
.crow input{width:100%;margin-top:.3rem;padding:.65rem .8rem;border:2px solid var(--line);border-radius:12px;font:700 1rem var(--ff-b);background:var(--bg);transition:border-color .2s}
.crow input:focus{outline:0;border-color:var(--red)}
.crow input.err{border-color:var(--red);background:#fff1f1}
.crow output{font-family:var(--ff-d);font-weight:700;font-size:1.3rem;text-align:right}
.crow output small{display:block;font-family:var(--ff-b);font-size:.68rem;color:var(--mute);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.calc__res{background:var(--ink);color:#fff;border-radius:var(--r);padding:2rem;display:flex;flex-direction:column;gap:1rem;justify-content:center;position:relative;overflow:hidden}
.calc__res::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border:14px solid var(--red);border-radius:50%;opacity:.25}
.calc__res p{font-weight:700;color:#b5b5bd;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}
.calc__res strong{font-family:var(--ff-d);font-size:clamp(3.5rem,7vw,5.5rem);line-height:1;font-weight:800}
.calc__res small{color:#a8a8b0;font-size:.9rem}
.bar{height:10px;background:rgba(255,255,255,.14);border-radius:10px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),#ff6a5c);border-radius:10px;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.calc__res .btn{align-self:flex-start;margin-top:.4rem;position:relative;z-index:1}

/* faq */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start}
.faq .sec__head{margin:0}
.faq__list details{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:.8rem;overflow:hidden;transition:border-color .2s}
.faq__list details[open]{border-color:var(--red)}
.faq__list summary{list-style:none;cursor:pointer;padding:1.2rem 1.5rem;font-weight:700;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.faq__list summary::-webkit-details-marker{display:none}
.faq__list summary::after{content:"+";font-family:var(--ff-d);font-size:1.4rem;color:var(--red);transition:transform .25s;flex:none}
.faq__list details[open] summary::after{transform:rotate(45deg)}
.faq__list details p{padding:0 1.5rem 1.3rem;color:var(--ink-2)}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.contact__info>*+*{margin-top:1.6rem}
.contact__list{display:grid;gap:1.3rem}
.contact__list li{display:flex;gap:1rem}
.ico{width:48px;height:48px;flex:none;border-radius:14px;background:var(--tint);display:grid;place-items:center;font-size:1.2rem}
.contact__list b{display:block;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.contact__list address{font-style:normal}
.contact__list a{font-weight:700;border-bottom:2px solid var(--red)}
.form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:2rem;display:grid;gap:1.1rem;box-shadow:0 40px 60px -45px rgba(0,0,0,.4)}
.form label{font-weight:700;font-size:.88rem;display:grid;gap:.4rem}
.opt{color:var(--mute);font-weight:500}
.form input,.form select,.form textarea{width:100%;padding:.85rem 1rem;border:2px solid var(--line);border-radius:14px;font:500 1rem var(--ff-b);background:var(--bg);color:var(--ink);transition:border-color .2s}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--red)}
.form input.err{border-color:var(--red);background:#fff1f1}
.form .btn{justify-self:start}
.form__note{font-size:.8rem;color:var(--mute)}

/* footer */
.foot{background:var(--ink);color:#c9c9cf;padding:2.6rem 0}
.foot__in{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;align-items:center;justify-content:space-between}
.foot__brand{font-family:var(--ff-d);color:#fff;letter-spacing:.08em;display:block}
.foot__motto{font-family:var(--ff-d);color:#fff;font-weight:600}
.foot__copy{font-size:.85rem}

/* reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
.card--feat.reveal.in{transform:translateY(-14px)}

/* responsive */
@media (max-width:960px){
  .nav__links{position:fixed;inset:74px 0 auto 0;background:var(--bg);flex-direction:column;gap:0;padding:.5rem 20px 1.5rem;border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .35s;margin:0}
  .nav__links a{padding:1rem 0;border-bottom:1px solid var(--line);font-size:1.05rem}
  .nav__links.open{transform:none}
  .nav__cta{display:none}
  .burger{display:block}
  .hero{padding-top:100px}
  .calc__box,.faq,.contact{grid-template-columns:1fr}
  .nav:not(.scrolled) .nav__links{color:var(--ink)}
  .s-type--1,.s-type--2,.s-type--3{font-size:46vw}
  .cards{grid-template-columns:1fr}
  .card--feat,.card--feat.reveal.in{transform:none}
  .loop{grid-template-columns:1fr 1fr}
  .sec{padding:80px 0}
}
@media (max-width:560px){
  .brand__txt{font-size:.92rem}
  .loop{grid-template-columns:1fr}
  .crow{grid-template-columns:1fr 1fr;}
  .crow h4{grid-column:1/-1}
  .crow output{grid-column:1/-1;text-align:left}
  .hero__bar{flex-direction:column-reverse;align-items:flex-start;gap:1rem}
  .hero__facts{gap:.6rem 1.4rem;justify-content:flex-start}
  .hero__facts b{font-size:1.2rem}
  .hero__title{font-size:clamp(2.4rem,11.5vw,3.4rem)}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
  .rise{opacity:1;transform:none}
}

/* ---- mobil iyileştirmeler ---- */
body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(225,29,42,.15)}
.dots button{position:relative}
.dots button::before{content:"";position:absolute;inset:-14px -2px}
.dock{display:none}
@media (max-width:960px){
  .nav{padding-top:env(safe-area-inset-top)}
  .nav__in{height:64px}
  .brand__logo{width:54px}
  .nav__links{top:calc(64px + env(safe-area-inset-top))}
  html{scroll-padding-top:76px}
  .wrap{width:min(1180px,100% - 32px)}
  .sec{padding:68px 0}
  .sec__head{margin-bottom:2.2rem}
  .btn{padding:1rem 1.5rem;min-height:48px;justify-content:center}
  .hero__btns .btn{flex:1 1 auto}
  .card{padding:1.6rem}
  .marquee__track{font-size:1.05rem;padding:.7rem 0}
  .faq__list summary{padding:1.1rem 1.2rem;min-height:56px}
  .faq__list details p{padding:0 1.2rem 1.2rem}
  .form{padding:1.5rem}
  .calc__rows{padding:.2rem 1.2rem}
  .crow{grid-template-columns:1fr 1fr .9fr;gap:.6rem .7rem;padding:1rem 0}
  .crow h4{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline}
  .crow h4 small{display:inline}
  .crow output{grid-column:auto;text-align:right;align-self:end;padding-bottom:.35rem}
  .calc__res{padding:1.5rem}
  .calc__res .btn{align-self:stretch}
  .foot{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}
  .dock{display:flex;position:fixed;left:12px;right:12px;max-width:460px;margin-inline:auto;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;gap:.5rem;padding:.5rem;background:rgba(13,13,15,.92);backdrop-filter:blur(14px);border-radius:999px;box-shadow:0 14px 34px -10px rgba(0,0,0,.55);transform:translateY(160%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
  .dock.show{transform:none}
  .dock .btn{flex:1;padding:.75rem 1rem;min-height:46px}
  .dock__ico{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:1.15rem;flex:none}
}
@media (max-width:560px){
  .hero{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  .hero__in{gap:1.2rem}
  .hero__btns{width:100%}
  .hero__btns .btn{width:100%}
  .eyebrow{font-size:.7rem;letter-spacing:.1em}
  h2{font-size:clamp(1.7rem,8vw,2.2rem)}
  .loop li{padding:1.3rem}
  .contact__list li{gap:.8rem}
  .calc__res strong{font-size:3.6rem}
}
@media (max-height:640px) and (orientation:landscape){
  .hero{padding-top:84px}
  .hero__title{font-size:2.4rem}
}
.nav__mcta{display:none}
@media (max-width:960px){
  .nav__links a.nav__mcta{display:block;margin-top:1rem;padding:1rem;border:0;border-radius:999px;background:var(--red);color:#fff;text-align:center;font-weight:700}
  .nav__links a.nav__mcta::after{display:none}
  .nav:not(.scrolled) .nav__links a.nav__mcta{color:#fff}
}