:root{--motion:cubic-bezier(.22,1,.36,1)}
.product-hero{position:relative;overflow:hidden;padding:146px 0 68px;background:var(--n950);color:var(--white)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);gap:54px;align-items:center}.product-hero h1{margin:16px 0;font:750 clamp(42px,5vw,72px)/1.02 var(--display);letter-spacing:-.05em}.product-hero .dek{max-width:59ch;color:var(--line);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-actions .button{min-height:46px}
.scene{position:relative;isolation:isolate;height:500px;overflow:hidden;border:1px solid var(--n800);border-radius:16px;background:radial-gradient(circle at 62% 40%,var(--n800),var(--n950) 62%);box-shadow:0 24px 72px rgba(0,0,0,.28)}.scene:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(39,200,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(39,200,255,.045) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent,var(--n1000),transparent)}
.screen{position:absolute;overflow:hidden;border:1px solid var(--n700);border-radius:12px;background:var(--white);box-shadow:0 24px 54px rgba(0,0,0,.34)}.screen img{display:block;width:100%;height:100%;object-fit:contain}.screen:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .35s}.screen.pulse:after{box-shadow:inset 0 0 0 2px var(--cyan)}
.label,.chip,.doc,.status,.message{font:700 12px/1.2 var(--mono);letter-spacing:.045em}.label{position:absolute;z-index:5;color:var(--line)}.chip,.status{display:inline-flex;align-items:center;min-height:27px;padding:5px 8px;border:1px solid var(--b500);border-radius:999px;background:var(--n950);color:var(--white)}.doc{position:absolute;z-index:6;width:82px;padding:14px 9px 24px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--n950);box-shadow:0 12px 28px rgba(0,0,0,.28)}.doc:after{content:"";position:absolute;left:9px;right:9px;bottom:10px;height:2px;background:var(--b500);box-shadow:0 5px 0 var(--line)}
.thread{position:absolute;z-index:2;height:2px;transform-origin:left;background:linear-gradient(90deg,var(--b600),var(--cyan));filter:drop-shadow(0 0 5px rgba(39,200,255,.55))}.thread:after{content:"";position:absolute;right:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.thread.v{width:2px;height:auto;transform-origin:top;background:linear-gradient(var(--b600),var(--cyan))}
.review-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.review-tools button{min-height:38px;padding:0 12px;border:1px solid var(--n700);border-radius:6px;background:var(--n900);color:var(--white);font:700 12px var(--mono);cursor:pointer}.review-tools button[aria-pressed="true"]{border-color:var(--cyan);color:var(--cyan)}
/* OTOEDI: tiered vertical exchange */
.oto .screen{left:32%;top:12%;width:60%;height:76%}.oto .tier{left:5%;padding-left:18px;border-left:2px solid var(--b500)}.oto .t1{top:17%}.oto .t2{top:45%}.oto .t3{top:73%}.oto .in{left:23%;top:9%}.oto .out1{left:52%;top:74%}.oto .out2{left:70%;top:74%}.oto .thread{left:24%;top:22%;width:25%;transform:rotate(28deg)}
/* EDIPORT: many-to-one convergence */
.ediport .screen{left:35%;top:15%;width:54%;height:70%}.ediport .group{left:5%;top:8%;color:var(--cyan)}.ediport .mini{left:6%;width:64px}.ediport .m1{top:23%}.ediport .m2{top:43%}.ediport .m3{top:63%}.ediport .thread{left:20%;width:22%}.ediport .l1{top:30%;transform:rotate(10deg)}.ediport .l2{top:50%}.ediport .l3{top:70%;transform:rotate(-10deg)}.ediport .single{right:3%;top:45%}
/* EDIJET: fan out and return */
.edijet .screen{left:7%;top:16%;width:48%;height:68%}.edijet .product{left:45%;top:38%}.edijet .market{position:absolute;right:4%;display:grid;place-items:center;width:112px;height:48px;border:1px solid var(--n700);border-radius:8px;background:var(--white)}.edijet .market img{max-width:86px;max-height:36px;object-fit:contain}.edijet .p1{top:9%}.edijet .p2{top:29%}.edijet .p3{top:51%}.edijet .p4{top:73%}.edijet .thread{left:53%;width:29%}.edijet .f1{top:38%;transform:rotate(-25deg)}.edijet .f2{top:43%;transform:rotate(-9deg)}.edijet .f3{top:53%;transform:rotate(9deg)}.edijet .f4{top:58%;transform:rotate(25deg)}.edijet .process{position:absolute;left:9%;bottom:5%;display:flex;gap:6px}
/* SALESEDI: three inputs through five layers */
.salesedi .source{left:5%;width:110px;text-align:right}.salesedi .s1{top:15%}.salesedi .s2{top:38%}.salesedi .s3{top:61%}.salesedi .layers{position:absolute;left:36%;top:9%;width:40%;display:grid;gap:7px}.salesedi .layer{padding:11px 14px;border:1px solid var(--n700);border-radius:6px;background:linear-gradient(90deg,var(--n900),var(--n800));color:var(--white);font:700 12px var(--mono)}.salesedi .erp{right:5%;bottom:8%;font-size:14px}.salesedi .thread{left:20%;width:18%}.salesedi .l1{top:19%;transform:rotate(9deg)}.salesedi .l2{top:42%}.salesedi .l3{top:65%;transform:rotate(-9deg)}
/* MONITOR: real list, statuses and scanner */
.monitor .screen{left:9%;top:9%;width:82%;height:82%;filter:brightness(.8)}.monitor .rows{position:absolute;left:17%;right:17%;top:22%;display:grid;gap:10px}.monitor .row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:rgba(7,18,35,.88);color:var(--white);font:600 12px var(--mono)}.monitor .scanner{position:absolute;left:14%;right:14%;top:19%;z-index:8;height:2px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
/* E-KOKPIT: exception branches and rejoins */
.kokpit .core{position:absolute;left:38%;top:18%;width:34%;height:64%;object-fit:contain;filter:drop-shadow(0 20px 26px rgba(0,0,0,.38))}.kokpit .main{left:7%;top:48%;width:78%}.kokpit .branch{left:33%;top:49%;width:25%;transform:rotate(-48deg)}.kokpit .error{left:30%;top:10%;border-color:var(--b500)}.kokpit .transform{left:56%;top:10%}.kokpit .erp{right:3%;top:44%}.kokpit .manual{left:7%;bottom:7%}
/* Gateway scenes */
.gateway .cabinet{position:absolute;left:37%;top:6%;width:31%;height:88%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.45))}.gateway .left{left:3%;top:23%}.gateway .right{right:3%;top:23%}.gateway .map{left:39%;top:8%}.gateway .mft{right:2%;bottom:14%}.gateway .thread{width:29%}.gateway .a{left:12%;top:36%}.gateway .b{left:59%;top:37%}.gateway .c{left:59%;top:66%}.odex .doc{left:8%;top:50%}.odex .efatura{position:absolute;right:5%;bottom:10%;padding:12px 15px;border:1px solid var(--cyan);border-radius:7px;background:var(--b600);color:var(--white);font:700 12px var(--mono)}
/* DARWIN: secured double rail */
.darwin .core{position:absolute;left:39%;top:23%;width:23%;height:54%;object-fit:contain}.darwin .customer{left:4%;top:45%}.darwin .erp{right:5%;top:45%}.darwin .rail{position:absolute;left:16%;right:17%;top:49%;height:8px;border-top:2px solid var(--cyan);border-bottom:2px solid var(--b500)}.darwin .oftp{left:22%;top:41%;color:var(--cyan)}.darwin .messages{position:absolute;left:20%;right:18%;top:54%;display:flex;justify-content:space-between}.darwin .message{padding:6px;background:var(--n950);color:var(--line)}
/* Per-scene intro choreography; default is the complete final frame. */
.motion-ready .scene.playing .thread{animation:grow .8s var(--motion) both}.motion-ready .scene.playing .doc{animation:docIn .8s var(--motion) both}.motion-ready .oto.playing .out1,.motion-ready .oto.playing .out2{animation:docUp .8s var(--motion) 1.55s both}.motion-ready .ediport.playing .mini{animation:converge 1s var(--motion) both}.motion-ready .ediport.playing .m2{animation-delay:.12s}.motion-ready .ediport.playing .m3{animation-delay:.24s}.motion-ready .edijet.playing .market{animation:fan .72s var(--motion) both}.motion-ready .edijet.playing .p2{animation-delay:.09s}.motion-ready .edijet.playing .p3{animation-delay:.18s}.motion-ready .edijet.playing .p4{animation-delay:.27s}.motion-ready .salesedi.playing .layer{animation:layer .48s var(--motion) both}.motion-ready .salesedi.playing .layer:nth-child(2){animation-delay:.15s}.motion-ready .salesedi.playing .layer:nth-child(3){animation-delay:.3s}.motion-ready .salesedi.playing .layer:nth-child(4){animation-delay:.45s}.motion-ready .salesedi.playing .layer:nth-child(5){animation-delay:.6s}.motion-ready .monitor.playing .row{animation:row .42s var(--motion) both}.motion-ready .monitor.playing .row:nth-child(2){animation-delay:.3s}.motion-ready .monitor.playing .row:nth-child(3){animation-delay:.6s}.motion-ready .monitor.playing .row:nth-child(4){animation-delay:.9s}.motion-ready .monitor.playing .scanner{animation:scan 1.2s var(--motion) 1.1s both}.motion-ready .kokpit.playing .error{animation:branch 1.4s var(--motion) both}.motion-ready .gateway.playing .cabinet,.motion-ready .darwin.playing .core{animation:focus 1s var(--motion) both}.motion-ready .odex.playing .efatura{animation:channel .6s var(--motion) 1.4s both}.motion-ready .darwin.playing .message{animation:rail 1.2s var(--motion) both}.motion-ready .darwin.playing .message:nth-child(2){animation-delay:.16s}.motion-ready .darwin.playing .message:nth-child(3){animation-delay:.32s}.motion-ready .darwin.playing .message:nth-child(4){animation-delay:.48s}.scene.ambient .thread:after{animation:idle 9s linear infinite}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes docIn{from{opacity:0;transform:translate(-28px,-22px)}to{opacity:1;transform:none}}@keyframes docUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes converge{from{opacity:0;transform:translateX(-55px)}to{opacity:1;transform:none}}@keyframes fan{from{opacity:0;transform:translate(-38px,12px) scale(.8)}to{opacity:1;transform:none}}@keyframes layer{from{opacity:.2;transform:translateY(-13px)}to{opacity:1;transform:none}}@keyframes row{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}@keyframes scan{from{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(260px)}}@keyframes branch{0%{opacity:1;transform:none}45%{transform:translate(82px,85px)}100%{transform:translate(205px,205px)}}@keyframes focus{from{opacity:.25;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes channel{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}@keyframes rail{from{opacity:0;transform:translateX(-70px)}to{opacity:1;transform:none}}@keyframes idle{0%,92%{opacity:0;right:100%}94%{opacity:1}100%{opacity:0;right:-5px}}
.scene-catalog{padding:72px 0;background:var(--white)}.catalog-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:54px;align-items:end;margin-bottom:32px}.catalog-head h2{margin:0;font:750 clamp(34px,4vw,58px)/1.04 var(--display);letter-spacing:-.045em}.catalog-head p{margin:0;color:var(--ink2);font-size:18px}.scene-list{display:grid;gap:28px}.scene-card{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--n950);color:var(--white)}.scene-card__grid{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(580px,1.45fr);gap:34px;align-items:center}.scene-card h3{margin:10px 0;font:750 30px/1.08 var(--display)}.scene-card p{margin:0;color:var(--line)}.scene-no{color:var(--cyan);font:700 12px var(--mono)}
.section{padding:86px 0;background:var(--white)}.section--mist{background:var(--mist)}.split{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.split h2,.section-head h2{margin:0 0 20px;font:750 clamp(34px,4vw,54px)/1.06 var(--display);letter-spacing:-.04em}.split p,.section-head p{color:var(--ink2);font-size:17px}.screen-frame{position:relative;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.screen-frame img{display:block;width:100%;border-radius:7px}.hotspot{position:absolute;border:2px solid var(--b500);border-radius:7px;opacity:.25}.motion-ready .reveal.playing .hotspot{animation:hotspot 1s var(--motion) both}.hotspot.a{left:12%;top:20%;width:48%;height:17%}.hotspot.b{right:8%;top:42%;width:38%;height:20%;animation-delay:.28s!important}.hotspot.c{left:18%;bottom:9%;width:60%;height:16%;animation-delay:.56s!important}@keyframes hotspot{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:end;margin-bottom:34px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.feature{padding:28px;background:var(--white)}.feature span{color:var(--b600);font:700 12px var(--mono)}.feature h3{margin:12px 0 8px;font:730 22px var(--display)}.feature p{margin:0;color:var(--ink2)}.mini-diagram{height:32px;margin-bottom:18px;border-left:3px solid var(--b500);background:linear-gradient(90deg,var(--mist) 32%,transparent 32% 36%,var(--mist) 36% 67%,transparent 67% 71%,var(--mist) 71%)}.motion-ready .cards.playing .feature{animation:cardIn .55s var(--motion) both}.motion-ready .cards.playing .feature:nth-child(2){animation-delay:.08s}.motion-ready .cards.playing .feature:nth-child(3){animation-delay:.16s}.motion-ready .cards.playing .feature:nth-child(4){animation-delay:.24s}.motion-ready .cards.playing .feature:nth-child(5){animation-delay:.32s}.motion-ready .cards.playing .feature:nth-child(6){animation-delay:.4s}@keyframes cardIn{from{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:none}}
.logo-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.logo-tabs button{min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--white);font:700 12px var(--mono)}.logo-tabs button.active{border-color:var(--b600);background:var(--b600);color:var(--white)}.logo-network{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.logo-tile{min-height:86px;display:grid;place-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.logo-tile img{max-width:100%;max-height:54px;object-fit:contain}.motion-ready .logos.playing .logo-tile{animation:logoIn .5s var(--motion) both}.motion-ready .logos.playing .logo-tile:nth-child(2){animation-delay:.06s}.motion-ready .logos.playing .logo-tile:nth-child(3){animation-delay:.12s}.motion-ready .logos.playing .logo-tile:nth-child(4){animation-delay:.18s}.motion-ready .logos.playing .logo-tile:nth-child(5){animation-delay:.24s}.motion-ready .logos.playing .logo-tile:nth-child(6){animation-delay:.3s}@keyframes logoIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.quick-wrap{padding:28px 0;background:var(--paper)}.quick{margin:0}.updated{display:block;margin-top:14px;color:var(--muted);font:700 12px var(--mono)}.faq-zone{padding:70px 0;background:var(--white)}.contact-lines{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;color:var(--line);font-size:16px}.data-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.data-list li{position:relative;padding:19px 16px 19px 55px;border-bottom:1px solid var(--line);color:var(--ink2);font-size:17px}.data-list li:before{content:counter(list-item,decimal-leading-zero);position:absolute;left:12px;color:var(--b600);font:700 12px var(--mono)}.motion-ready .read-list.playing li{animation:listRead .46s var(--motion) both}.motion-ready .read-list.playing li:nth-child(2){animation-delay:.08s}.motion-ready .read-list.playing li:nth-child(3){animation-delay:.16s}.motion-ready .read-list.playing li:nth-child(4){animation-delay:.24s}.motion-ready .read-list.playing li:nth-child(5){animation-delay:.32s}.motion-ready .read-list.playing li:nth-child(6){animation-delay:.4s}.motion-ready .read-list.playing li:nth-child(7){animation-delay:.48s}.motion-ready .read-list.playing li:nth-child(8){animation-delay:.56s}@keyframes listRead{from{background:var(--mist);transform:translateX(-8px)}to{background:transparent;transform:none}}
@media(max-width:900px){.hero-grid,.scene-card__grid,.catalog-head,.split,.section-head{grid-template-columns:1fr}.hero-grid{gap:30px}.scene-card__grid{gap:22px}.scene{height:410px}.scene-card{padding:22px}.card-grid{grid-template-columns:1fr 1fr}.logo-network{grid-template-columns:repeat(3,1fr)}}
@media(max-width:430px){.product-hero{padding:124px 0 46px}.product-hero h1{font-size:40px}.scene{height:400px}.scene-card{padding:18px}.scene-card h3{font-size:27px}.screen{left:12%!important;top:18%!important;width:76%!important;height:62%!important}.label{font-size:12px}.doc{width:70px}.oto .tier,.ediport .mini,.salesedi .source{display:none}.oto .in{left:4%;top:7%}.oto .out1{left:58%;top:78%}.oto .out2{left:76%;top:78%}.ediport .group{left:4%;top:6%}.ediport .single{right:4%;top:82%}.edijet .screen{left:4%!important;top:21%!important;width:62%!important;height:58%!important}.edijet .market{right:3%;width:76px;height:42px}.edijet .p1{top:8%}.edijet .p2{top:30%}.edijet .p3{top:53%}.edijet .p4{top:75%}.edijet .process{left:5%;bottom:4%;right:5%;gap:3px}.edijet .process .chip{padding:4px;font-size:12px}.salesedi .layers{left:19%;top:8%;width:62%}.salesedi .erp{right:4%;bottom:5%}.monitor .screen{left:5%!important;top:8%!important;width:90%!important;height:84%!important}.monitor .rows{left:10%;right:10%;top:18%}.kokpit .core{left:23%!important;top:19%!important;width:54%!important;height:58%!important}.kokpit .error{left:4%;top:5%}.kokpit .transform{right:3%;left:auto;top:5%}.kokpit .erp{right:3%;top:82%}.gateway .cabinet{left:30%!important;top:8%!important;width:40%!important;height:80%!important}.gateway .left{left:3%;top:12%}.gateway .right{right:3%;top:12%}.gateway .mft{right:3%;bottom:5%}.gateway .map{left:28%;top:4%}.odex .doc{left:4%;top:74%}.darwin .core{left:34%!important;top:26%!important;width:32%!important;height:48%!important}.darwin .customer{left:3%;top:12%}.darwin .erp{right:3%;top:12%}.darwin .rail{left:12%;right:12%;top:50%}.darwin .messages{left:7%;right:7%;top:61%;display:grid;grid-template-columns:1fr 1fr;gap:4px}.section{padding:60px 0}.card-grid{grid-template-columns:1fr}.logo-network{grid-template-columns:1fr 1fr}}
.ediport .screen{background:var(--white) url('ediport-genel-dokuman-akisi.jpg') center/contain no-repeat}.ediport .screen img{opacity:0}@keyframes grow{from{scale:0 1}to{scale:1 1}}.tab-hidden *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.scene *,.reveal *,.cards *,.logos *,.read-list *{animation:none!important}.review-tools{display:none}}
/* B-066 (2026-10-07): long German compounds widened the 1-column hero (1fr = min-content) and clipped it at 375 px */
@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}}
:lang(de) :is(.product-hero h1,h2,h3,.scene-card h3){-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
@media(max-width:430px){:lang(de) .product-hero h1{font-size:34px;letter-spacing:-.04em}}