/* Kullanıcının seçtiği siyah/beyaz yön; mevcut Inter ve Element ikonları. */
.cosmos-section.cosmos-dark{max-width:none;margin:0;padding:100px max(4vw,calc((100vw - 1120px)/2));background:#111111;color:#fff;gap:64px;border:0;overflow:hidden;grid-template-columns:1fr 1.15fr}.cosmos-dark .eyebrow,.cosmos-dark p{color:#E2E8F0}.cosmos-dark .eyebrow:before{background:#fff}.cosmos-dark h2{font-size:clamp(38px,4.3vw,58px);line-height:1.05;color:white}.cosmos-dark h2 span{color:#64748B}.cosmos-dark .cosmos-copy>p{font-size:14px;line-height:1.85;max-width:420px;margin-top:24px}.cosmos-dark .cosmos-scenarios{margin:30px 0}.cosmos-dark .cosmos-scenarios button{color:#E2E8F0;background:transparent;border-color:transparent}.cosmos-dark .cosmos-scenarios button.active{color:white;background:#ffffff0c;border-color:#ffffff30}.cosmos-dark .text-link{color:white;border-color:#ffffff30}.cosmos-dark .flow-universe{background:linear-gradient(140deg,#ffffff09,transparent);border:1px solid #ffffff25;border-radius:24px;height:670px;box-shadow:0 30px 80px #0006;overflow:hidden}.cosmos-dark .cosmos-heading{color:white;top:28px;left:28px;right:28px}.cosmos-dark .cosmos-heading span{color:#E2E8F0;font-size:7px}.flow-map{position:absolute;top:106px;left:38px;right:38px;perspective:900px}.flow-node{display:flex;align-items:center;gap:16px;border:1px solid #ffffff20;background:#111111;border-radius:12px;padding:16px;transition:transform .65s,background .65s,border-color .65s,box-shadow .65s;transform:rotateY(-7deg) translateX(0);box-shadow:5px 6px 0 #ffffff07}.flow-node small{display:block;color:#64748B;font-size:8px;letter-spacing:.08em;margin-bottom:7px}.flow-node b{display:block;font-size:14px;font-weight:500;color:#E2E8F0}.flow-node-icon{border:1px solid #ffffff20;width:38px;height:38px;display:grid;place-items:center;border-radius:8px}.flow-node-icon .icon{width:18px;height:18px}.flow-check{margin-left:auto;opacity:0}.flow-node.is-current{transform:rotateY(0) translateX(8px);background:#fff;color:#111;box-shadow:0 0 40px #ffffff12;border-color:white}.flow-node.is-current b{color:#111}.flow-node.is-current .flow-node-icon{border-color:#E2E8F0}.flow-node.is-done .flow-check{opacity:1}.flow-connector{height:25px;width:1px;margin-left:34px;background:#ffffff25;position:relative;overflow:hidden}.flow-connector i{position:absolute;background:white;left:0;top:-12px;width:1px;height:12px;animation:flow-travel 2.6s linear infinite}.cosmos-dark .cosmos-readout{left:32px;bottom:55px;right:60px;border-color:#64748B;padding-left:14px}.cosmos-dark .cosmos-readout span{color:#64748B;font-size:8px}.cosmos-dark .cosmos-readout strong{font-size:18px;color:white;margin:10px 0}.cosmos-dark .cosmos-readout small{color:#E2E8F0;font-size:9px}.cosmos-dark .cosmos-note{left:32px;bottom:20px;font-size:9px}.cosmos-dark .cosmos-toggle{background:#ffffff0b;color:white;border-color:#ffffff25;bottom:56px;right:24px}.flow-paused *{animation-play-state:paused!important}@keyframes flow-travel{to{transform:translateY(42px)}}
.mobile-story{max-width:1120px;margin:110px auto;padding:0}.mobile-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.mobile-intro h2{font-size:clamp(38px,4.3vw,58px);line-height:1.05;letter-spacing:-.06em;margin:22px 0 0}.mobile-intro h2 span{color:#64748B}.mobile-intro p{font-size:15px;line-height:1.9;margin:0 0 25px;max-width:400px}.mobile-intro button{background:none;font:inherit;cursor:pointer}.mobile-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;margin:55px 0 0;padding:0 32px}.mobile-gallery figure{margin:0;border:1px solid #E2E8F0;border-radius:28px;overflow:hidden;box-shadow:0 24px 45px #11111109;transition:transform .6s}.mobile-gallery figure:nth-child(2){margin-top:42px}.mobile-gallery figure:hover{transform:translateY(-10px)}.mobile-gallery img{display:block;width:100%;height:auto}.mobile-caption{font-size:10px;text-align:center;margin-top:28px;color:#64748B}
.apps-mosaic .magic-card{display:flex;flex-direction:row;align-items:center;background:#F8FAFC;border:1px solid #E2E8F0;padding:30px;gap:24px;min-height:570px;overflow:hidden}.apps-mosaic .magic-card .magic-existing{width:49%;height:auto;align-self:center;object-fit:contain;border-radius:18px;box-shadow:0 20px 30px #11111110;transition:transform .7s}.apps-mosaic .magic-card:hover .magic-existing{transform:translateY(-8px)}.apps-mosaic .magic-card>div{position:static;padding:0;background:transparent;border:0;box-shadow:none;flex:1}.apps-mosaic .magic-card h3{font-size:29px}.apps-mosaic .magic-card b{font-size:11px;display:block;margin-top:25px}
.signature-close{background:#111111;color:white;border-color:#ffffff20}.signature-close h2,.signature-close h2 span{color:#fff}.signature-close p,.signature-close .closing-points{color:#E2E8F0}.signature-close .close-badge{background:#ffffff08;color:white;border-color:#ffffff30}.signature-close .btn.primary{background:white;color:#111;border-color:white}.signature-close .closing-grid{opacity:.12}.signature-close .closing-orbit,.signature-close .closing-orbit:after{border-color:#ffffff18}
@media(max-width:1000px){.cosmos-section.cosmos-dark{gap:30px;padding:70px 30px}.mobile-story{margin:80px 30px}.apps-mosaic .magic-card{padding:20px;gap:14px}.apps-mosaic .magic-card h3{font-size:24px}}
@media(max-width:760px){.cosmos-section.cosmos-dark{grid-template-columns:1fr;padding:60px 20px;gap:36px}.cosmos-dark h2{font-size:42px}.cosmos-dark .flow-universe{height:650px;width:100%}.flow-map{left:22px;right:28px;top:100px}.flow-node{padding:13px;gap:10px}.flow-node b{font-size:12px}.cosmos-dark .cosmos-heading{left:22px;right:22px}.cosmos-dark .cosmos-heading span{font-size:6px}.mobile-story{margin:65px 20px}.mobile-intro{grid-template-columns:1fr;gap:26px}.mobile-intro h2{font-size:42px}.mobile-intro p{font-size:14px}.mobile-gallery{gap:14px;margin-top:32px;padding:0 0 20px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.mobile-gallery figure{flex:0 0 75%;scroll-snap-align:center;border-radius:22px}.mobile-gallery figure:nth-child(2){margin-top:0}.mobile-caption{font-size:9px;line-height:1.6}.apps-mosaic .magic-card{min-height:430px;padding:22px;gap:18px}.apps-mosaic .magic-card h3{font-size:24px}.apps-mosaic .magic-card .magic-existing{width:48%}}
@media(prefers-reduced-motion:reduce){.flow-connector i{animation:none}.flow-node,.mobile-gallery figure,.magic-existing{transition:none!important}}
.mobile-intro button.text-link{border:0;border-bottom:1px solid #E2E8F0;padding:0 0 10px;display:inline-flex;align-items:center;gap:12px;font-size:13px}.cosmos-dark h2 span{color:#94A3B8}
.apps-mosaic .magic-card .magic-existing{position:relative;inset:auto;flex:0 0 49%;max-height:510px}.apps-mosaic .magic-card>div{min-width:0}.apps-mosaic .magic-card h3{font-size:27px}@media(max-width:760px){.apps-mosaic .magic-card h3{font-size:22px}}

/* Referans alanı: eşit yükseklikte logolar ve düz bölüm kenarı. */
.proof-band{border-radius:0;padding-bottom:56px}.proof-top{margin-bottom:36px}.proof-logo-track .customer-logo{width:300px;display:flex;align-items:center;justify-content:center;gap:0}.proof-logo-track .customer-logo img{height:24px;width:auto;max-width:none;object-fit:contain}.proof-logo-track{padding:40px 0}.proof-band .customer-label{margin-top:30px}@media(max-width:760px){.proof-band{border-radius:0;padding-bottom:40px}.proof-top{margin-bottom:28px}.proof-logo-track .customer-logo{width:240px}.proof-logo-track .customer-logo img{height:20px}}

.warehouse-lite{position:absolute;inset:0;display:grid;place-items:center}.warehouse-lite svg{width:100%;height:100%;max-height:440px}.depot-worker{animation:depot-trip 12s linear infinite;animation-play-state:paused;transform:translate(130px,290px)}.depot-running .depot-worker{animation-play-state:running}.depot-phases{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:12px;white-space:nowrap}.depot-phases span{font-size:10px;color:#64748B;padding:7px 10px;border:1px solid #E2E8F0;border-radius:4px;background:#fff}.depot-phases .active{color:#fff;background:#111;border-color:#111}.warehouse-layer .warehouse-guide{max-width:250px}.warehouse-layer .warehouse-status{bottom:68px}@keyframes depot-trip{0%,4%{transform:translate(130px,290px)}24%{transform:translate(310px,290px)}38%,44%{transform:translate(310px,180px)}65%,70%{transform:translate(500px,180px)}84%{transform:translate(500px,290px)}96%,100%{transform:translate(603px,290px)}}@media(max-width:760px){.warehouse-lite svg{width:130%;max-width:none}.depot-phases{gap:6px;bottom:16px}.depot-phases span{font-size:8px;padding:6px}.warehouse-layer .warehouse-guide{bottom:68px;max-width:195px}.warehouse-layer .warehouse-status{bottom:140px}}@media(prefers-reduced-motion:reduce){.depot-worker{animation:none;transform:translate(310px,180px)}}