body{margin:0;background:#F6F5F1}
a{color:#141412}a:hover{color:#55534c}
@keyframes b35kay{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.b35-serit{animation:b35kay 38s linear infinite}
.b35-serit:hover{animation-play-state:paused}

@keyframes b35drop{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes b35rise{from{opacity:0;transform:translateY(28px);filter:blur(14px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes b35fadeup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes b35spring{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
@keyframes b35ul{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes b35shine{from{transform:translateX(-120%) skewX(-20deg)}to{transform:translateX(300%) skewX(-20deg)}}
@keyframes b35glow{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 46px 2px color-mix(in srgb,var(--b35-accent) 45%,transparent)}}
@keyframes b35fly{from{opacity:0;transform:translate(var(--fx),var(--fy)) rotate(var(--fr)) scale(.92)}to{opacity:1;transform:none}}
@keyframes b35icon{0%{opacity:0;transform:scale(.4) rotate(-20deg)}70%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:none}}
@keyframes b35spot{0%{transform:translate(-30%,-20%)}50%{transform:translate(40%,30%)}100%{transform:translate(-30%,-20%)}}
@keyframes b35draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes b35fill{0%{background:#ECEAE3;border-color:#C9C6BC;transform:scale(.85)}60%{transform:scale(1.15)}100%{transform:scale(1)}}
@keyframes b35pulse{0%{box-shadow:0 0 0 0 rgba(31,158,90,.55)}100%{box-shadow:0 0 0 10px rgba(31,158,90,0)}}
@keyframes b35grow{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}
@keyframes b35slide{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes b35star{0%{transform:scale(.5)}60%{transform:scale(1.3)}100%{transform:scale(1)}}
@keyframes b35spin{to{transform:rotate(360deg)}}
@keyframes b35conf{0%{opacity:1;transform:translate(-50%,-50%) rotate(0)}40%{opacity:1;transform:translate(calc(-50% + var(--dx) * .8),calc(-50% + var(--dy))) rotate(calc(var(--r) * .5))}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 150px)) rotate(var(--r))}}

/* 01 Hero reveal */
.b35-w{display:inline-block}
.b35-hero .b35-eyebrow{animation:b35drop .6s cubic-bezier(.22,1,.36,1) both}
.b35-hero .b35-w{animation:b35rise .8s cubic-bezier(.33,1,.68,1) both}
.b35-ul{position:relative}
.b35-ul::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.08em;border-radius:99px;background:var(--b35-accent);transform-origin:left}
.b35-hero .b35-ul::after{animation:b35ul .6s cubic-bezier(.65,0,.35,1) .95s both}
.b35-hero .b35-copy{animation:b35fadeup .6s ease-out .75s both}
.b35-hero .b35-btn{animation:b35spring .6s cubic-bezier(.34,1.56,.64,1) both}
.b35-shine{position:relative;overflow:hidden}
.b35-hero .b35-shine::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-120%) skewX(-20deg);animation:b35shine .9s ease-in-out 1.6s both;pointer-events:none}

/* 02 Word rotator */
.b35-pill{display:inline-block;vertical-align:bottom;height:1.16em;overflow:hidden;border-radius:.22em;background:var(--b35-accent);color:#FFFFFF;margin:.08em 0;transition:width .55s cubic-bezier(.34,1.56,.64,1);animation:b35glow 2.8s ease-in-out infinite}
.b35-strip{display:flex;flex-direction:column;align-items:flex-start;transition:transform .55s cubic-bezier(.34,1.56,.64,1)}
.b35-rw{display:block;width:max-content;height:1.16em;line-height:1.16em;padding:0 .26em;white-space:nowrap;transition:opacity .4s ease}

/* 06 Bento build */
.b35-wait .b35-fly{opacity:0}
.b35-go .b35-fly{animation:b35fly .85s cubic-bezier(.34,1.45,.64,1) backwards;animation-delay:var(--d)}
.b35-go .b35-fly .b35-ico{animation:b35icon .55s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--d) + .5s)}
.b35-spot{position:relative;overflow:hidden}
.b35-spot > *{position:relative}
.b35-go .b35-spot::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at center,color-mix(in srgb,var(--b35-accent) 22%,transparent) 0,transparent 38%);animation:b35spot 9s ease-in-out 1.4s infinite;pointer-events:none}

/* 08 Process draw */
.b35-track{display:none}
@media (min-width:1100px){.b35-track{display:block}}
.b35-line{stroke-dasharray:1;stroke-dashoffset:0}
.b35-wait .b35-line{stroke-dashoffset:1}
.b35-go .b35-line{animation:b35draw 2.4s linear .2s both}
.b35-wait .b35-dot{background:#ECEAE3 !important;border-color:#C9C6BC !important}
.b35-go .b35-dot{animation:b35fill .5s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--d)}
.b35-chk{stroke-dasharray:1;stroke-dashoffset:0}
.b35-wait .b35-chk{stroke-dashoffset:1}
.b35-go .b35-chk{animation:b35draw .35s ease-out both;animation-delay:calc(var(--d) + .2s)}
.b35-wait .b35-step{opacity:0}
.b35-go .b35-step{animation:b35fadeup .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--d) + .1s)}
.b35-wait .b35-live{opacity:0}
.b35-go .b35-live{animation:b35spring .6s cubic-bezier(.34,1.56,.64,1) 2.9s both}
.b35-ping{animation:b35pulse 1.6s ease-out infinite}

/* 11 Us vs them */
.b35-panel{transform-origin:top}
.b35-wait .b35-panel{opacity:0}
.b35-go .b35-panel{animation:b35grow .7s cubic-bezier(.22,1,.36,1) both}
.b35-wait .b35-rl{opacity:0}
.b35-go .b35-rl{animation:b35slide .5s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d)}
.b35-x,.b35-ck{stroke-dasharray:1;stroke-dashoffset:0}
.b35-wait .b35-x,.b35-wait .b35-ck{stroke-dashoffset:1}
.b35-go .b35-x{animation:b35draw .25s ease-out both;animation-delay:calc(var(--d) + .15s)}
.b35-go .b35-x.b35-x2{animation-delay:calc(var(--d) + .3s)}
.b35-wait .b35-usc{transform:scale(0)}
.b35-go .b35-usc{animation:b35spring .45s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--d) + .2s)}
.b35-go .b35-ck{animation:b35draw .3s ease-out both;animation-delay:calc(var(--d) + .42s)}
.b35-wait .b35-cta{opacity:0}
.b35-go .b35-cta{animation:b35spring .6s cubic-bezier(.34,1.56,.64,1) 2.8s both}

/* 05 Count-up stats */
.b35-wait .b35-tile{opacity:0}
.b35-go .b35-tile{animation:b35fadeup .6s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d)}

/* 04 Review shuffle */
.b35-star{fill:#C9C6BC}
.b35-front .b35-star{fill:var(--b35-accent);animation:b35star .4s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--d)}

/* 12 Click -> success */
.b35-sbtn{transition:width .45s cubic-bezier(.65,0,.35,1),background-color .3s ease,transform .15s ease}
.b35-sbtn:hover{transform:translateY(-2px)}
.b35-sbtn:active{transform:scale(.94)}
.b35-spinner{animation:b35spin .8s linear infinite}
.b35-done-ck{stroke-dasharray:1;stroke-dashoffset:0;animation:b35draw .35s ease-out .15s both}
.b35-done{animation:b35spring .5s cubic-bezier(.34,1.56,.64,1) both}
.b35-msg{animation:b35fadeup .5s ease-out .25s both}
.b35-conf{position:absolute;left:50%;top:50%;width:8px;height:12px;border-radius:2px;animation:b35conf 1.5s cubic-bezier(.2,.7,.3,1) both;pointer-events:none}

/* 09 Before / after */
.b35-ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;z-index:6}
.b35-ba-range:focus-visible + .b35-ba-handle .b35-ba-knob{outline:3px solid var(--b35-accent);outline-offset:3px}

/* Hizmetler bento */
.b35-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.b35-c2{grid-column:span 2}.b35-c4{grid-column:span 4}.b35-c6{grid-column:span 6}
@media (max-width:1000px){.b35-c2{grid-column:span 3}.b35-c4{grid-column:span 6}}
@media (max-width:680px){.b35-bento{grid-template-columns:minmax(0,1fr)}.b35-c2,.b35-c4,.b35-c6{grid-column:auto}}
.b35-tl{transition:transform .3s ease,box-shadow .3s ease}
.b35-tl:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,20,18,0.10)}
.b35-chips{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.b35-chips li{font-size:13px;font-weight:600;padding:6px 11px;border-radius:999px;background:#F6F5F1;border:1px solid #E6E4DD}
.b35-chips-dk li{background:#1C1C1A;border-color:#2E2D29;color:#E6E4DD}
@keyframes b35pop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}
@keyframes b35barup{from{transform:scaleY(0)}to{transform:none}}
@keyframes b35vf{from{transform:scale(1.25);opacity:0}to{transform:none;opacity:1}}
@keyframes b35blink{0%,49%{opacity:1}50%,100%{opacity:.15}}
@keyframes b35hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes b35shape{from{opacity:0;transform:translate(var(--sx),var(--sy)) rotate(-25deg) scale(.6)}to{opacity:1;transform:none}}
@keyframes b35linkx{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.b35-bar{transform-origin:bottom}
.b35-go .b35-sq{animation:b35pop .4s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--d) + .6s + var(--i) * 60ms)}
.b35-go .b35-mini{animation:b35pop .45s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--d) + .6s + var(--i) * 60ms)}
.b35-go .b35-bar{animation:b35barup .7s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--d) + .6s + var(--i) * 80ms)}
.b35-go .b35-blk{animation:b35fadeup .5s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--d) + .6s + var(--i) * 90ms)}
.b35-go .b35-vf{animation:b35vf .8s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--d) + .5s)}
.b35-rec{animation:b35blink 1.2s steps(1) infinite}
.b35-drone{animation:b35hover 3s ease-in-out infinite}
.b35-go .b35-shape{animation:b35shape .7s cubic-bezier(.34,1.4,.64,1) backwards;animation-delay:calc(var(--d) + .6s + var(--i) * 110ms)}
.b35-go .b35-link{animation:b35linkx 1s cubic-bezier(.65,0,.35,1) backwards;animation-delay:calc(var(--d) + .7s)}
.b35-go .b35-node{animation:b35pop .45s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--d) + .7s + var(--i) * 200ms)}

/* Yüzen menü */
.b35-nav{-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
.b35-navlinks a:hover,.b35-navlinks button:hover{color:#FFFFFF !important;background:rgba(255,255,255,0.07) !important}
@media (max-width:760px){.b35-navlinks{display:none !important}}
.b35-more svg{transition:transform .25s ease}
.b35-tl:hover .b35-more svg{transform:translateX(4px)}
body{margin:0;background:#F5F4F1}
a{color:#121212}a:hover{color:#4A4A48}
:root{--b35-deep:#C2381F}
.b35-nav{backdrop-filter:blur(16px) saturate(140%)}
.b35-navlinks a:hover,.b35-navlinks button:hover{color:#FFFFFF !important;background:rgba(255,255,255,0.07) !important}
.b35-mobbtn{display:none !important}
@media (max-width:980px){.b35-navlinks{display:none !important}.b35-mobbtn{display:inline-flex !important}.b35-navcta{display:none !important}}
.b35-mega a:hover{background:rgba(255,255,255,0.06) !important}
.b35-btn{transition:background-color .2s ease,transform .2s ease}
.b35-btn:hover{background-color:#A82E18 !important;color:#FFFFFF !important;transform:translateY(-1px)}
.b35-ghost{transition:border-color .2s ease,background-color .2s ease}
.b35-ghost:hover{border-color:#F2F1EC !important;background-color:rgba(255,255,255,0.06) !important;color:#F2F1EC !important}
.b35-arrow svg{transition:transform .25s ease}
.b35-arrow:hover svg{transform:translateX(4px)}

@keyframes b35fadeup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes b35spring{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
@keyframes b35pop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}
@keyframes b35pulse{0%{box-shadow:0 0 0 0 rgba(31,158,90,.55)}100%{box-shadow:0 0 0 10px rgba(31,158,90,0)}}
@keyframes b35draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes b35blink{0%,49%{opacity:1}50%,100%{opacity:.15}}
@keyframes b35spin{to{transform:rotate(360deg)}}
@keyframes b35float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes b35kayL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes b35kayR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes b35feed{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes b35heart{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translateY(-160px) scale(1.1)}}
@keyframes b35drop{0%{opacity:0;transform:translateY(-10px)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(250px)}}
@keyframes b35grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes b35caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes b35conf{0%{opacity:1;transform:translate(-50%,-50%) rotate(0)}40%{opacity:1;transform:translate(calc(-50% + var(--dx) * .8),calc(-50% + var(--dy))) rotate(calc(var(--r) * .5))}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 150px)) rotate(var(--r))}}
@keyframes b35color{from{color:#4A4842}to{color:#F2F1EC}}
@keyframes b35fade{0%,100%{opacity:1}50%{opacity:.25}}

.b35-in{animation:b35fadeup .7s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--d,0ms)}
.b35-wait .b35-r{opacity:0}
.b35-go .b35-r{animation:b35fadeup .7s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--d,0ms)}
.b35-ping{animation:b35pulse 1.6s ease-out infinite}
.b35-rec{animation:b35blink 1.2s steps(1) infinite}
.b35-badge{animation:b35spin 16s linear infinite}
.b35-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.b35-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(18,18,18,0.12)}
details.b35-faq summary{list-style:none;cursor:pointer}
details.b35-faq summary::-webkit-details-marker{display:none}
.b35-plus{transition:transform .25s ease}
details.b35-faq[open] .b35-plus{transform:rotate(45deg)}
.b35-hscroll{scrollbar-width:thin}
.b35-prev{display:block}
@media (max-width:900px){.b35-prev{display:none}}
.b35-srow:hover,.b35-srow:focus-visible{color:#121212}
.b35-ig{transition:background-color .2s ease,border-color .2s ease}
.b35-ig:hover{background-color:var(--b35-deep);border-color:var(--b35-deep) !important;color:#FFFFFF !important}
@media (prefers-reduced-motion: reduce){
.b35-serit{animation:none}
*,*::before,*::after{animation-duration:1ms !important;animation-delay:0ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important}
.b35-conf{display:none}
}