:root{--soft:#F8FAFC}body{overflow-x:hidden}img[src="../assets/logo.svg"]{filter:brightness(0)}.new-header{max-width:1360px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;gap:28px}.new-header .logo{width:112px}.new-header .nav-links{border:1px solid var(--line);border-radius:8px;padding:12px 24px;gap:28px;font-size:12px;background:var(--soft)}.nav-links span{margin-left:6px;color:var(--muted)}.new-header>.btn{font-size:12px}.new-hero{padding:56px 20px 40px;text-align:center}.integration-dock{display:inline-flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:var(--soft);font-size:11px;color:var(--muted)}.integration-dock>span{display:flex;gap:8px;align-items:center}.integration-dock .icon{width:18px;height:18px}.dock-active{background:var(--white);border:1px solid var(--line);padding:8px 12px;border-radius:4px;color:var(--ink)}.dock-active b{font-weight:500}.dock-active .icon{color:var(--accent)}.new-hero h1{font-size:clamp(48px,5.3vw,76px);line-height:1.06;letter-spacing:-.055em;font-weight:650;margin:32px auto 0;max-width:1000px}.new-hero h1 span{color:var(--muted)}.new-hero>p{font-size:17px;line-height:1.7;margin:24px auto 0}.hero-actions{display:flex;gap:12px;justify-content:center;margin:28px 0 0}.hero-actions .btn{padding:0 28px}.hero-trust{display:flex;justify-content:center;gap:28px;margin-top:24px;font-size:10px;color:var(--muted)}.product-section{max-width:1120px;width:calc(100% - 96px);margin:0 auto;padding:12px 0 0}.product-tabs{display:flex;justify-content:center;margin:0 auto 28px;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:8px;background:var(--soft);padding:4px}.product-tabs button{height:40px;font-size:12px;padding:0 28px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted)}.product-tabs button[aria-selected=true]{background:var(--white);border-color:var(--line);color:var(--ink)}.product-stage{background:var(--dark);border-radius:8px;padding:28px 48px 24px;color:var(--white);overflow:hidden}.stage-top{display:flex;justify-content:space-between;color:var(--line);font-size:9px;letter-spacing:.1em}.stage-top span:first-child{display:flex;align-items:center;gap:8px}.stage-top i{width:6px;height:6px;background:var(--accent)}.stage-copy{text-align:center;margin:32px 0}.stage-copy h2{font-size:38px;font-weight:550;letter-spacing:-.04em}.stage-copy p{font-size:12px;color:var(--line);margin-top:16px;line-height:1.6}.demo-composition{position:relative;max-width:800px;margin:28px auto 0;padding-bottom:12px}.main-screen{border-radius:8px;overflow:hidden}.dashboard{min-height:350px}.floating-note{display:flex;gap:12px;align-items:center;padding:20px 24px;background:var(--white);border:1px solid var(--line);border-radius:8px;color:var(--ink);position:absolute}.floating-note small{font-size:8px;letter-spacing:.06em;color:var(--muted);display:block}.floating-note b{font-size:12px;font-weight:500;display:block;margin-top:4px}.floating-note .icon{width:20px;height:20px}.note-left{left:-48px;top:100px;animation:float 7s ease-in-out infinite}.note-right{right:-40px;bottom:40px;animation:float 7s ease-in-out 2s infinite}.note-right .icon{color:var(--success)}.stage-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:28px;font-size:9px;color:var(--line);gap:16px}.stage-bottom>span{letter-spacing:.08em}.stage-bottom small{font-size:9px}.stage-next{border:1px solid var(--muted);background:transparent;color:var(--white);padding:0 16px;height:40px;border-radius:4px;font-size:11px;display:flex;align-items:center;gap:24px}.store-stage,.flow-stage{max-width:800px;margin:auto;min-height:410px}.store-stage .store-image{height:300px}.flow-stage{max-width:540px}.flow-stage .flow{padding:24px}.new-partners{max-width:1100px;width:calc(100% - 96px);margin:48px auto 0;padding-bottom:64px;border-bottom:1px solid var(--line);text-align:center}.new-partners>p{font-size:11px}.new-partners>div{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:28px}.new-partners b{font-size:25px;font-weight:550;letter-spacing:-.045em;color:var(--body)}.new-partners a{font-size:24px;color:var(--muted)}.new-section{max-width:1200px;width:calc(100% - 96px);margin:auto;padding:88px 0}.new-section-head{text-align:center;margin-bottom:40px}.new-section-head .eyebrow{font-size:10px}.new-section-head h2{font-size:48px;font-weight:600}.new-section-head p{font-size:14px;margin-top:20px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-card{min-width:0}.story-photo{height:340px;position:relative;border-radius:8px;overflow:hidden}.story-photo img{height:100%;width:100%;object-fit:cover}.story-photo>span{position:absolute;top:20px;left:20px;background:var(--white);border-radius:4px;font-size:9px;letter-spacing:.06em;padding:8px 12px}.story-text{position:relative;padding:24px 36px 0 0}.story-text h3{font-size:23px}.story-text p{font-size:12px;line-height:1.7;margin-top:12px}.story-text button{position:absolute;right:0;top:20px;background:var(--white);border:1px solid var(--line);border-radius:4px;height:32px;width:32px;font-size:19px}.feature-story{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;border-top:1px solid var(--line)}.feature-story.reverse{direction:rtl}.feature-story.reverse>*{direction:ltr}.feature-copy .eyebrow{font-size:10px}.feature-copy h2{font-size:46px;line-height:1.1}.feature-copy>p{font-size:14px;line-height:1.9;margin-top:24px}.feature-copy ol{list-style:none;padding:0;margin:24px 0 32px}.feature-copy li{display:flex;align-items:center;gap:20px;padding:12px 0;font-size:12px}.feature-copy li span{font-size:10px;border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--muted)}.editor-visual{border:1px solid var(--line);border-radius:8px;background:var(--soft);overflow:hidden}.editor-toolbar{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px}.editor-toolbar span{font-size:10px;color:var(--muted)}.editor-body{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:20px 20px 20px 0}.editor-rail{border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:32px;padding-top:20px}.editor-rail .icon{width:18px;height:18px;color:var(--muted)}.editor-canvas .store-nav{padding:16px;font-size:8px}.editor-canvas .store-nav b{font-size:12px}.editor-canvas .store-image{height:280px}.editor-canvas .store-label{width:190px}.editor-canvas .store-label strong{font-size:24px}.editor-canvas .store-foot{font-size:8px}.editor-foot{border-top:1px solid var(--line);padding:16px 24px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.marketing-visual{border:1px solid var(--line);border-radius:8px;background:var(--soft);padding:28px}.marketing-label{font-size:11px;text-align:center;color:var(--muted);margin-bottom:28px}.marketing-label span{color:var(--ink);font-weight:600;letter-spacing:.1em;margin-right:16px}.marketing-visual .flow{border:0;padding:0}.marketing-tags{display:flex;justify-content:center;gap:12px;margin-top:24px}.marketing-tags span{padding:6px 12px;border:1px solid var(--line);border-radius:4px;background:var(--white);font-size:10px}.apps-section{border-top:1px solid var(--line)}.apps-mosaic{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.app-large{position:relative;border-radius:8px;overflow:hidden;min-height:600px;background:var(--soft);border:1px solid var(--line)}.app-large img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.app-large>div{position:absolute;bottom:24px;left:24px;right:24px;background:var(--white);padding:28px;border:1px solid var(--line);border-radius:8px}.app-large span,.app-stack>a>span{font-size:9px;color:var(--muted);letter-spacing:.12em;display:block}.app-large h3{font-size:32px;margin-top:16px}.app-large b,.app-stack b{display:block;font-weight:500;font-size:12px;margin-top:24px}.app-stack{display:grid;gap:24px;grid-template-rows:1fr 1fr}.app-stack>a{position:relative;border:1px solid var(--line);border-radius:8px;padding:36px;background:var(--soft)}.app-stack .icon{position:absolute;right:36px;top:32px;color:var(--muted)}.app-stack h3{font-size:30px;margin-top:32px}.app-stack p{font-size:12px;margin-top:16px}.section{padding:80px 0}.section-head h2{font-size:44px}.new-close{text-align:center;padding:80px 20px;background:var(--soft);border-top:1px solid var(--line)}.new-close .integration-dock{background:var(--white)}.new-close h2{font-size:56px;font-weight:600;line-height:1.1;margin:28px 0 0}.new-close p{font-size:15px;margin:24px 0}.new-close .btn{padding:0 28px}.new-close small{display:block;margin-top:24px;font-size:10px;color:var(--muted)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1100px){.new-header{padding:24px 28px;gap:20px}.new-header .nav-links{gap:16px;padding:12px 16px;font-size:11px}.new-header>.btn{font-size:11px;padding:0 16px}.new-header .logo{width:96px}.new-hero{padding-top:40px}.new-hero h1{font-size:64px}.product-stage{padding:24px 32px}.note-left{left:-20px}.note-right{right:-20px}.feature-story{gap:40px}.feature-copy h2{font-size:38px}.story-photo{height:280px}.story-text h3{font-size:21px}.new-partners b{font-size:21px}}
@media(max-width:760px){.new-header{padding:20px;gap:12px;position:relative}.new-header .logo{width:92px}.new-header>.btn{margin-left:auto;font-size:10px;padding:0 12px}.new-header .menu-toggle{margin-left:0;flex-shrink:0;width:36px;padding:0}.new-header .nav-links{position:absolute;left:0;right:0;top:80px;padding:24px;border-radius:0;z-index:30;font-size:14px;gap:24px}.new-hero{padding:40px 20px 32px}.integration-dock{gap:16px;font-size:10px;padding:6px 8px}.integration-dock .icon{width:16px;height:16px}.dock-active{padding:6px 8px}.new-hero h1{font-size:42px;line-height:1.12;margin-top:28px;letter-spacing:-.05em}.new-hero>p{font-size:14px;margin-top:20px}.hero-actions{gap:8px;margin-top:24px}.hero-actions .btn{padding:0 16px;font-size:12px;gap:12px}.hero-trust{gap:12px;flex-wrap:wrap;margin-top:20px;font-size:9px}.product-section{width:calc(100% - 32px)}.product-tabs{width:100%;margin-bottom:20px;justify-content:space-between;padding:4px}.product-tabs button{font-size:10px;padding:0 8px;flex:1}.product-stage{padding:20px 16px}.stage-top{font-size:7px}.stage-copy{margin:28px 0 24px}.stage-copy h2{font-size:30px}.stage-copy p{font-size:11px}.demo-composition{padding-bottom:40px}.main-screen .window-top{font-size:7px;padding:0 8px}.main-screen .dash-content{padding:12px}.main-screen .dash-head strong{font-size:14px}.main-screen .badge{font-size:8px}.main-screen .metric b{font-size:16px}.main-screen .metric small{font-size:7px}.main-screen .chart svg{height:96px}.main-screen .dashboard{min-height:320px}.floating-note{padding:12px;gap:8px}.floating-note b{font-size:10px}.floating-note small{font-size:7px}.floating-note .icon{width:16px;height:16px}.note-left{left:8px;top:auto;bottom:12px}.note-right{display:none}.stage-bottom{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px}.stage-bottom>span{display:none}.stage-bottom small{font-size:8px;width:100%;text-align:center}.stage-next{font-size:10px}.store-stage,.flow-stage{min-height:360px}.store-stage .store-nav{font-size:8px;padding:12px}.store-stage .store-nav b{font-size:12px}.store-stage .store-image{height:280px}.store-stage .store-foot{font-size:8px;padding:12px}.flow-stage .flow{padding:16px}.flow-stage .flow-node{padding:16px 12px}.flow-stage .flow-node strong{font-size:11px}.new-partners{width:calc(100% - 40px);margin-top:32px;padding-bottom:40px}.new-partners>div{flex-wrap:wrap;gap:20px 24px;justify-content:center;margin-top:24px}.new-partners b{font-size:18px}.new-section{width:calc(100% - 40px);padding:56px 0}.new-section-head h2{font-size:34px}.new-section-head p{font-size:13px}.new-section-head .eyebrow{font-size:9px}.story-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:16px}.story-card{flex:0 0 86%;scroll-snap-align:start}.story-photo{height:320px}.story-text{padding-top:20px}.story-text h3{font-size:23px}.feature-story,.feature-story.reverse{grid-template-columns:1fr;gap:32px;direction:ltr}.feature-copy{grid-row:1}.feature-copy h2{font-size:36px}.feature-copy>p{font-size:13px;margin-top:20px}.feature-copy li{font-size:11px}.feature-copy ol{margin:20px 0}.editor-body{grid-template-columns:36px 1fr;padding-right:12px;gap:12px}.editor-toolbar{padding:16px;font-size:10px}.editor-toolbar span{font-size:9px}.editor-canvas .store-nav span{display:none}.editor-canvas .store-label{left:12px;bottom:12px;padding:16px;width:180px}.editor-canvas .store-foot{display:block}.editor-canvas .store-foot span{display:block}.editor-foot{font-size:8px;padding:12px 16px}.marketing-visual{padding:24px 16px}.marketing-label{font-size:10px}.marketing-tags{gap:8px}.marketing-tags span{font-size:9px;padding:6px 10px}.apps-mosaic{grid-template-columns:1fr}.app-large{min-height:480px}.app-large>div{bottom:16px;left:16px;right:16px;padding:24px}.app-large h3{font-size:28px}.app-stack>a{padding:28px}.app-stack h3{font-size:28px}.app-stack .icon{top:24px;right:24px}.section{padding:56px 0}.section-head h2{font-size:34px}.new-close{padding:56px 20px}.new-close h2{font-size:36px}.new-close p{font-size:13px}.new-close small{font-size:9px}.footer{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.floating-note{animation:none}}
/* Siyah ağırlıklı yeni yön; mor alan ve grafik dolguları kaldırıldı. */
:root{--dark:#111111;--ink:#111111;--accent:#111111;--body:#334155;--muted:#64748B}
.btn.primary:hover{background:#334155}.dock-active .icon{color:var(--ink)}.eyebrow::before{background:var(--ink)}.stage-top i{background:var(--white)}.chart svg path[fill="#C7BFF7"]{fill:#E2E8F0;opacity:.65}.chart svg path[stroke="#0F172A"]{stroke:#111111}.product-stage{background:#111111}.new-hero h1 span{color:#334155}.new-header .nav-links{background:var(--white)}
.new-hero .integration-dock{animation:enter-up .8s both}.new-hero h1{animation:enter-up .9s .1s both}.new-hero>p{animation:enter-up .9s .2s both}.hero-actions{animation:enter-up .9s .3s both}.hero-trust{animation:enter-up .9s .4s both}.integration-dock>span:not(.dock-active){transition:transform .5s,color .5s}.integration-dock>span.dock-lit{transform:translateY(-3px);color:var(--ink)}
.product-stage [role=tabpanel]:not([hidden]){animation:scene-in .6s both}.product-stage .chart svg path:last-child{stroke-dasharray:700;stroke-dashoffset:700;animation:draw-chart 2s .3s ease forwards}.product-stage .metric{animation:enter-up .7s both}.product-stage .metric:nth-child(2){animation-delay:.12s}.product-stage .metric:nth-child(3){animation-delay:.24s}.product-stage .store-image>img{animation:slow-pan 16s ease-in-out infinite alternate}.flow-line{position:relative;overflow:hidden}.flow-line:after{content:'';position:absolute;left:0;top:-10px;width:100%;height:10px;background:var(--ink);animation:flow-pulse 2.4s linear infinite}.flow-line:nth-of-type(4):after{animation-delay:1.2s}.flow-node{transition:border-color .4s,transform .4s}.flow-node.flow-active{border-color:var(--ink);transform:translateX(4px)}
.new-partners{overflow:hidden}.new-partners>.partner-track{display:flex;width:max-content;gap:64px;justify-content:flex-start;animation:partner-drift 24s linear infinite}.partner-group{display:flex;align-items:center;gap:64px;flex-shrink:0}.partner-group b{white-space:nowrap}.new-partners:hover>.partner-track{animation-play-state:paused}.new-partners:focus-within>.partner-track{animation-play-state:paused}
.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.story-card{transition-delay:var(--reveal-delay,0ms)}.story-photo img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.story-card:hover .story-photo img{transform:scale(1.045)}.app-large img{transition:transform .9s}.app-large:hover img{transform:scale(1.035)}.app-stack>a{transition:transform .25s,border-color .25s}.app-stack>a:hover{transform:translateY(-4px);border-color:var(--ink)}.btn span,.text-link{transition:transform .25s}.btn:hover span{transform:translate(2px,-2px)}
.motion-button{border:0;background:transparent;color:var(--line);font-size:10px;padding:8px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.demo-progress{height:2px;background:var(--body);overflow:hidden;margin-top:20px}.demo-progress span{display:block;width:0;height:100%;background:var(--white);transition:width .2s linear}.motion-paused *,body.motion-paused .new-partners>.partner-track{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused .flow-node{transform:none}.stage-idle .product-stage *{animation-play-state:paused}
@keyframes enter-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-chart{to{stroke-dashoffset:0}}@keyframes slow-pan{from{transform:scale(1)}to{transform:scale(1.06)}}@keyframes flow-pulse{to{top:100%}}@keyframes partner-drift{to{transform:translateX(-50%)}}@media(max-width:760px){.new-partners>.partner-track{gap:32px;flex-wrap:nowrap;justify-content:flex-start}.partner-group{gap:32px}.stage-bottom{gap:8px}.motion-button{font-size:9px}.demo-progress{margin-top:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.chart svg path:last-child{stroke-dashoffset:0!important}.new-partners>.partner-track{animation:none;max-width:100%;width:100%}.partner-group{flex-wrap:wrap;justify-content:center;gap:20px}.partner-group[aria-hidden=true]{display:none}}
.new-partners>.partner-track{gap:0}.partner-group{padding-right:64px}@media(max-width:760px){.new-partners>.partner-track{gap:0}.partner-group{padding-right:32px}}@media(prefers-reduced-motion:reduce){.partner-group{padding-right:0}}