/* Etkin WMS — üretilmiş dosya (marketing/build.mjs). Elle düzenlemeyin. */
@font-face{font-family:'Bricolage Grotesque';src:url(/fonts/bricolage-grotesque.woff) format('woff');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url(/fonts/instrument-sans.woff) format('woff');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/fonts/ibm-plex-mono-400.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/fonts/ibm-plex-mono-500.woff) format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/fonts/ibm-plex-mono-600.woff) format('woff');font-weight:600;font-style:normal;font-display:swap}
body{margin:0;background:#F6F4EF}
a{color:#172E42}a:hover{color:#0E1D2B}
.wms *,.wms *::before,.wms *::after{box-sizing:border-box}
.wms ::selection{background:#F4C542;color:#172E42}
.wms :focus-visible{outline:2px solid #172E42;outline-offset:3px}
.paper-grid{background-color:#F6F4EF;background-image:linear-gradient(rgba(23,46,66,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,46,66,.055) 1px,transparent 1px);background-size:24px 24px}
.scanreveal{animation:clipIn 1.1s cubic-bezier(.65,0,.2,1) both}
@keyframes clipIn{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.rise{animation:rise .9s cubic-bezier(.2,.7,.1,1) both}
@keyframes rise{from{opacity:0;transform:translateY(24px)}}

/* ═══ 3D isometric warehouse ═══ */
.stage{position:relative;width:100%;aspect-ratio:16/10.5;container-type:inline-size;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse 70% 60% at 50% 55%,#FFFFFF 0%,#ECE7DD 100%);border:1.5px solid #CFC8BA}
.world{position:absolute;left:50%;top:53%;width:56cqw;height:56cqw;transform-style:preserve-3d;transition:transform 1.4s cubic-bezier(.6,0,.25,1)}
.world *{transform-style:preserve-3d}
.world sc-for,.world sc-if,.group sc-for{display:contents}
.cube{position:absolute}
.f{position:absolute;display:block;box-shadow:inset 0 0 0 .08cqw rgba(23,46,66,.22)}
.ft{left:0;top:0;width:100%;height:100%}
.fs{left:0;bottom:0;width:100%;transform-origin:50% 100%;transform:rotateX(-90deg)}
.fe{top:0;right:0;height:100%;transform-origin:100% 50%;transform:rotateY(90deg)}
.group{position:absolute}
.mov{transition:left 1.3s cubic-bezier(.6,0,.25,1),top 1.3s cubic-bezier(.6,0,.25,1),transform 1.3s cubic-bezier(.6,0,.25,1),opacity .3s ease}
.loaded{opacity:0;transition-delay:0s,0s,0s,1.5s}
.decal{position:absolute;border:.25cqw dashed rgba(23,46,66,.28);border-radius:1.2cqw;transform:translateZ(.06cqw);transition:background .5s,border-color .5s}
.decal.on{background:rgba(244,197,66,.28);border:.3cqw solid #172E42}
.decal-l{position:absolute;left:5%;bottom:5%;font:800 max(6px,1.6cqw)/1 'Bricolage Grotesque',sans-serif;color:rgba(23,46,66,.5);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.lane-h{position:absolute;height:.5cqw;transform:translateZ(.07cqw);background:repeating-linear-gradient(90deg,#E2B53B 0 1.6cqw,transparent 1.6cqw 2.6cqw)}
.lane-v{position:absolute;width:.5cqw;transform:translateZ(.07cqw);background:repeating-linear-gradient(0deg,#E2B53B 0 1.6cqw,transparent 1.6cqw 2.6cqw)}
.hz{position:absolute;transform:translateZ(.08cqw);background:repeating-linear-gradient(45deg,#172E42 0 .8cqw,#F4C542 .8cqw 1.6cqw);border-radius:.3cqw}
.tag{position:absolute;white-space:nowrap;padding:.55cqw 1.1cqw;border-radius:99px;border:.16cqw solid #172E42;font:600 max(8px,1.3cqw)/1 'IBM Plex Mono',monospace;letter-spacing:.06em;transition:transform 1.4s cubic-bezier(.6,0,.25,1),left 1.3s cubic-bezier(.6,0,.25,1),top 1.3s cubic-bezier(.6,0,.25,1),background .4s,color .4s,opacity .3s}
.tag::after{content:'';position:absolute;left:50%;top:100%;width:.16cqw;height:2.2cqw;background:#172E42;transform:translateX(-50%)}
.tag.loaded{opacity:0;transition-delay:0s,0s,0s,0s,0s,1.5s}
.conv{animation:conv 6s linear infinite}
.conv.c2{animation-delay:-2s}.conv.c3{animation-delay:-4s}
@keyframes conv{0%{left:3%;opacity:0}10%{opacity:1}82%{opacity:1}100%{left:21%;opacity:0}}
.laser{opacity:0;transition:opacity .4s}
.laser.on{opacity:1;animation:flick .45s steps(2) infinite}
@keyframes flick{50%{opacity:.55}}
.piston.on{animation:piston .7s ease-in-out infinite alternate}
@keyframes piston{from{transform:translateZ(4.2cqw)}to{transform:translateZ(5.6cqw)}}
.blink{animation:blinkO 1s steps(2) infinite}
@keyframes blinkO{50%{opacity:.35}}
.truck.go{animation:truckGo 1.8s cubic-bezier(.5,0,.8,.4) 1.6s both}
@keyframes truckGo{from{margin-top:0;opacity:1}to{margin-top:-34cqw;opacity:0}}
.beamcol{animation:beamP 1.6s ease-in-out infinite}
@keyframes beamP{50%{opacity:.55}}

/* overlays + controls */
.ov{position:absolute;z-index:5}
.vbtn{appearance:none;border:0;background:transparent;color:#172E42;font:600 13px/1 'Instrument Sans',system-ui,sans-serif;min-height:40px;padding:0 14px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}
.vbtn.on{background:#172E42;color:#FFFFFF}
.pill{appearance:none;border:1.5px solid #172E42;background:#FFFFFF;color:#172E42;min-height:44px;padding:0 14px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font:600 14px/1 'Instrument Sans',system-ui,sans-serif;transition:background .25s,color .25s}
.pill .pn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#EEF1F4;font:600 11px/1 'IBM Plex Mono',monospace}
.pill.done{background:#DCEAF5}
.pill.on{background:#172E42;color:#FFFFFF}
.pill.on .pn{background:#F4C542;color:#172E42}
.ctrl{appearance:none;border:1.5px solid #172E42;background:#FFFFFF;color:#172E42;min-width:48px;min-height:48px;border-radius:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font:600 14px/1 'Instrument Sans',system-ui,sans-serif;transition:background .2s}
.ctrl:hover{background:#F6F4EF}
.ctrl.primary{background:#172E42;color:#FFFFFF}
.ctrl.primary:hover{background:#24435E}
.slotbtn{appearance:none;min-height:44px;border-radius:10px;border:1.5px solid #7C9AB4;cursor:pointer;font:600 11px/1 'IBM Plex Mono',monospace;color:#172E42;transition:transform .15s}
.slotbtn:hover{transform:translateY(-2px)}
.slotbtn.stock{background:#DCEAF5}
.slotbtn.check{background:#FFF0C2;border-color:#C8962A}
.slotbtn.empty{background:repeating-linear-gradient(45deg,#FFFFFF 0 4px,#E9EDF1 4px 8px);border-style:dashed}
.slotbtn.new{background:#F4C542;border-color:#172E42}
.slotbtn.sel{outline:3px solid #172E42;outline-offset:2px}
.logrow{animation:logIn .5s ease-out both}
@keyframes logIn{from{opacity:0;transform:translateX(-8px)}}
.steptxt{animation:rise .5s ease-out both}
.show-sm{display:none}

/* ═══ miniature film ═══ */
.stage > sc-if{display:contents}
.film{position:absolute;inset:0;overflow:hidden;background:#E9E4DA}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}
.slide img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04)}
.slide.on{opacity:1;z-index:1}
.slide.on img{animation:kb 6s linear both}
.slide.prev img{transform:scale(1.2)}
.slide.zoom.on img{animation-name:kbz}
.slide.zoom.prev img{transform:scale(1.7)}
@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.2)}}
@keyframes kbz{from{transform:scale(1.04)}to{transform:scale(1.7)}}
.appzoom{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:12px 12px 70px;background:rgba(246,244,239,.35);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:appBg .8s ease both}
@keyframes appBg{from{background:rgba(246,244,239,0);backdrop-filter:blur(0)}}
.appcard{width:clamp(190px,30cqw,290px);padding:14px;border-radius:26px;background:#F6F4EF;border:3px solid #172E42;box-shadow:10px 12px 0 #F4C542,0 30px 60px -20px rgba(23,46,66,.5);transform-origin:20% 70%;animation:appIn 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes appIn{from{opacity:0;transform:scale(.2) translate(-20%,10%) rotate(-8deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.filmdots{right:14px;bottom:14px;display:flex;gap:2px;z-index:4}
.fdot{appearance:none;border:0;background:transparent;width:34px;height:44px;padding:0;cursor:pointer;display:flex;align-items:center}
.fdot span{display:block;width:100%;height:5px;border-radius:5px;background:rgba(255,255,255,.65);box-shadow:0 0 0 1px rgba(23,46,66,.35);transition:background .3s}
.fdot.on span{background:#F4C542;box-shadow:0 0 0 1.5px #172E42}

/* ═══ animated phone ═══ */
.phk{margin:0;font:600 10px/1.2 'IBM Plex Mono',monospace;letter-spacing:.14em;color:#2B5F86}
.pht{margin:3px 0 0;font:800 21px/1.1 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;color:#172E42}
.phcard{padding:9px 12px;border-radius:12px;background:#FFFFFF;border:1px solid #DCD6CA}
.phl{margin:0;font:600 9.5px/1.2 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#6A7F91}
.phv{margin:2px 0 0;font-weight:700;font-size:14px;color:#172E42}
.pack{flex:1;text-align:center;padding:6px 0;border-radius:8px;border:1px solid #CFC8BA;font-size:11px;font-weight:600;background:#F6F4EF}
.pack.sel{background:#172E42;border-color:#172E42;color:#FFFFFF}
.phbtn{display:block;border-radius:12px;background:#172E42;color:#FFFFFF;text-align:center;font-weight:600;font-size:14px;overflow:hidden}
.phbtn .tap{padding:11px 0}
.phscan{padding:5px 10px;border-radius:999px;background:#F4C542;font-size:11px;font-weight:700}
.pop{animation:popIn .45s cubic-bezier(.2,.8,.2,1.15) both}
@keyframes popIn{from{opacity:0;transform:translateY(8px) scale(.96)}}
.hideout{animation:hideOut .25s ease both}
@keyframes hideOut{to{opacity:0;visibility:hidden}}
.tap{animation:tapIt .6s ease both}
@keyframes tapIt{0%{background:transparent}35%{background:#F4C542;color:#172E42;transform:scale(.97)}100%{background:#2FA36B;color:#FFFFFF}}
.labelout{animation:labelOut 1.6s cubic-bezier(.3,.6,.3,1) both}
@keyframes labelOut{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.vf{position:absolute;width:26px;height:26px;border:0 solid #F4C542}
.vscan{position:absolute;left:16%;right:16%;height:2px;background:#E5484D;box-shadow:0 0 10px 2px rgba(229,72,77,.6);animation:vs 1s ease-in-out infinite alternate}
@keyframes vs{from{top:16%}to{top:84%}}
.typing{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:typeW 1.5s steps(24) both}
@keyframes typeW{from{max-width:0}to{max-width:18em}}
.ring{position:absolute;inset:0;border-radius:50%;border:2px solid #F4C542;animation:ringO 1.6s ease-out infinite}
.ring.r2{animation-delay:.5s}.ring.r3{animation-delay:1s}
@keyframes ringO{from{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}
.d1{animation-delay:.3s}.d2{animation-delay:.7s}.d3{animation-delay:1.2s}.d4{animation-delay:1.7s}.d5{animation-delay:2.2s}.d6{animation-delay:2.7s}.d7{animation-delay:3.3s}
.scn{appearance:none;position:relative;overflow:hidden;width:100%;text-align:left;display:flex;align-items:center;gap:14px;padding:11px 14px;min-height:58px;border-radius:14px;border:1.5px solid #DCD6CA;background:#F6F4EF;cursor:pointer;color:#172E42;font:inherit;transition:background .25s,border-color .25s,box-shadow .25s}
.scn:hover{border-color:#172E42}
.scn.on{background:#FFFFFF;border-color:#172E42;box-shadow:4px 4px 0 #172E42}
.scn-n{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#FFFFFF;border:1.5px solid #172E42;font:600 12px/1 'IBM Plex Mono',monospace}
.scn.done .scn-n{background:#DCEAF5}
.scn.on .scn-n{background:#F4C542}
.scnbar{position:absolute;left:0;bottom:0;height:3px;background:#172E42;animation:barW linear both}
.scnbar.paused{animation-play-state:paused}
@keyframes barW{from{width:0}to{width:100%}}
.netpill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font:600 10px/1 'IBM Plex Mono',monospace;letter-spacing:.03em;white-space:nowrap;transition:background .3s,color .3s}
.net-on{background:#E3F4EA;color:#1E6B45}
.net-off{background:#FFE9D6;color:#8A4A12}
.netdot{width:7px;height:7px;border-radius:50%;background:currentColor}
.net-off .netdot{animation:blinkO 1s steps(2) infinite}
.switch{appearance:none;display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:6px 16px 6px 6px;border-radius:999px;border:1.5px solid #172E42;background:#FFFFFF;cursor:pointer;font:600 14px/1.2 'Instrument Sans',system-ui,sans-serif;color:#172E42}
.knob-track{flex:none;position:relative;width:48px;height:30px;border-radius:999px;background:#DCD6CA;transition:background .25s}
.knob{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .25s}
.switch.on .knob-track{background:#D9702A}
.switch.on .knob{left:22px}
.loginbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;min-width:48px;padding:0 18px 0 14px;border-radius:999px;background:#F4C542;border:1.5px solid #172E42;color:#172E42;text-decoration:none;font:600 12px/1 'IBM Plex Mono',monospace;letter-spacing:.1em;box-sizing:border-box;transition:background .2s,transform .2s}
.loginbtn:hover{background:#FFD460;transform:translateY(-1px)}
.loginbtn svg{flex:none}
@media (max-width:520px){.loginbtn{padding:0}.loginlbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
.qr{position:absolute;left:24%;top:22%;width:46%;height:52%;background:repeating-conic-gradient(#172E42 0 25%,#FFFFFF 0 50%) 0 0/.55cqw .55cqw;box-shadow:0 0 0 .35cqw #FFFFFF;border-radius:.12cqw}

/* soft ambient background */
.drift{animation:gridDrift 14s linear infinite}
@keyframes gridDrift{to{background-position:24px 24px,24px 24px}}
.bgfx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-in{position:relative;z-index:1}
.flo{position:absolute;top:104%;display:block;animation:floUp linear infinite}
.flo svg{display:block;width:100%;height:auto;animation:sway 9s ease-in-out infinite alternate}
@keyframes floUp{0%{top:104%;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:-12%;opacity:0}}
@keyframes sway{from{transform:translateX(-14px) rotate(-8deg)}to{transform:translateX(14px) rotate(8deg)}}
.glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;animation:glowMove 22s ease-in-out infinite alternate}
@keyframes glowMove{from{transform:translate(0,0) scale(1)}to{transform:translate(8%,10%) scale(1.15)}}

/* shared */
.navlink{color:#172E42;text-decoration:none;font-weight:500;transition:opacity .2s}
.navlink:hover{opacity:.65}
.langbtn{appearance:none;border:0;background:transparent;color:#172E42;font:600 12px/1 'IBM Plex Mono',monospace;letter-spacing:.1em;min-width:44px;min-height:40px;padding:0 10px;cursor:pointer;border-radius:999px;transition:background .2s,color .2s}
.langbtn.on{background:#172E42;color:#FFFFFF}
.cta{transition:transform .2s ease,box-shadow .2s ease}
.cta:hover{transform:translateY(-2px);box-shadow:0 6px 0 #172E42}
.ghost{transition:background .2s}
.ghost:hover{background:rgba(23,46,66,.06)}
.card{transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -18px rgba(23,46,66,.35)}
.faqbtn{appearance:none;width:100%;border:0;background:transparent;color:#172E42;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;min-height:44px;font:600 clamp(17px,2vw,21px)/1.3 'Bricolage Grotesque',sans-serif}
.faq-icon{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#FFFFFF;border:1px solid #DCD6CA;transition:transform .3s ease,background .3s}
.faq.open .faq-icon{transform:rotate(45deg);background:#F4C542;border-color:#F4C542}
.field{width:100%;min-height:50px;padding:13px 14px;background:#FFFFFF;border:1.5px solid #CFC8BA;border-radius:8px;color:#172E42;font:400 16px/1.4 'Instrument Sans',system-ui,sans-serif}
.field:focus{outline:none;border-color:#172E42;box-shadow:0 0 0 3px rgba(244,197,66,.6)}

.still *,.still *::before,.still *::after{animation:none!important}
/* ═══ Görevlerim mini UI (landing phone + film card) ═══ */
.gx{position:relative;flex:1;display:flex;flex-direction:column;gap:6px;min-height:100%;font-family:'Instrument Sans',sans-serif;color:#1E2F3E}
.gx-hd{display:flex;align-items:center;gap:8px}
.gx-ring{flex:none;width:38px;height:38px;border-radius:50%;border:4px solid #E6E2DA;border-top-color:#2F7D5B;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 12px/1 'Bricolage Grotesque',sans-serif}
.gx-ring small{font:600 7px/1 'IBM Plex Mono',monospace;opacity:.6}
.gx-hello{display:block;font:800 14px/1.1 'Bricolage Grotesque',sans-serif}
.gx-sub{display:block;margin-top:2px;font:600 8px/1 'IBM Plex Mono',monospace;color:#6A7F91}
.gx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.gx-st{background:#FFFFFF;border-radius:10px;padding:6px 7px;display:flex;flex-direction:column;gap:2px}
.gx-st b{font:800 18px/1 'Bricolage Grotesque',sans-serif}
.gx-st i{font:800 7px/1 'Bricolage Grotesque',sans-serif;letter-spacing:.08em;font-style:normal;color:#4C6275}
.gx-sec{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:12px}
.gx-ic{flex:none;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.gx-tt{flex:1;min-width:0;font:800 11.5px/1.1 'Bricolage Grotesque',sans-serif}
.gx-tt small{display:block;margin-top:2px;font:600 7.5px/1 'IBM Plex Mono',monospace;opacity:.85}
.gx-n{font:800 17px/1 'Bricolage Grotesque',sans-serif}
.gx-acil{font-size:10px;padding:2px 5px;border-radius:999px;background:#C62828;color:#FFFFFF}
.gx-bar{margin-top:auto;display:flex;gap:6px;padding:8px 0 4px}
.gx-side{flex:none;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.gx-prim{flex:1;height:38px;border-radius:12px;background:#172E42;color:#FFFFFF;font:800 11px/1 'Bricolage Grotesque',sans-serif;display:flex;align-items:center;justify-content:center}
.gx-band{margin:0 -12px;padding:7px 12px;color:#FFFFFF;font:800 13px/1.1 'Bricolage Grotesque',sans-serif}
.gx-band small{display:block;margin-top:2px;font:600 8px/1 'IBM Plex Mono',monospace;opacity:.85}
.gx-row{position:relative;display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:12px;background:#FFFFFF}
.gx-row img,.gx-hero img,.gx-sh-h img{flex:none;width:34px;height:34px;border-radius:9px;object-fit:cover;background:#F1EEE8}
.gx-rm{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gx-rm b{font:800 11px/1.1 'Bricolage Grotesque',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-rm > span{font:600 7.5px/1.1 'IBM Plex Mono',monospace;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-q{flex:none;font:800 13px/1 'Bricolage Grotesque',sans-serif;text-align:right}
.gx-q small{font-size:8px;opacity:.6}
.gx-ok{position:absolute;right:4px;top:3px;width:12px;height:12px;border-radius:50%;background:#2F7D5B;color:#FFFFFF;font-size:8px;line-height:12px;text-align:center}
.gx-tag{align-self:flex-start;padding:2px 5px;border-radius:999px;font:800 6.5px/1.2 'Bricolage Grotesque',sans-serif;letter-spacing:.04em;color:#172E42;opacity:1}
.gx-dim{opacity:.5}
.gx-sheet{position:absolute;left:-12px;right:-12px;bottom:0;display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px;border-radius:18px 18px 0 0;background:#FFFFFF;box-shadow:0 -14px 30px -10px rgba(23,46,66,.4);animation:gxUp .5s cubic-bezier(.2,.8,.2,1) 1.4s both}
@keyframes gxUp{from{transform:translateY(105%)}}
.gx-sh-h{display:flex;align-items:center;gap:8px}
.gx-sh-h b{display:block;font:800 13px/1 'Bricolage Grotesque',sans-serif}
.gx-sh-h span span{display:block;margin-top:3px;font:600 7.5px/1 'IBM Plex Mono',monospace;color:#4C6275}
.gx-k{font:800 7.5px/1 'Bricolage Grotesque',sans-serif;letter-spacing:.08em;color:#4C6275}
.gx-chips{display:flex;gap:5px}
.gx-chip{padding:6px 9px;border-radius:9px;background:#F1EEE8;font:800 10px/1 'Bricolage Grotesque',sans-serif}
.gx-chip.on{background:#2F7D5B;color:#FFFFFF}
.gx-tot{display:flex;align-items:baseline;justify-content:space-between;padding:6px 9px;border-radius:10px;background:#E3F1E9;color:#2F7D5B;font:800 15px/1 'Bricolage Grotesque',sans-serif}
.gx-tot small{font:600 8px/1 'IBM Plex Mono',monospace}
.gx-big{height:36px;border-radius:12px;background:#2F7D5B;color:#FFFFFF;font:800 10.5px/1 'Bricolage Grotesque',sans-serif;display:flex;align-items:center;justify-content:center}
.gx-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.gx-lb{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 3px;border-radius:7px;background:#FFFFFF;border:1.5px solid #172E42}
.gx-lb b{font:600 7px/1 'IBM Plex Mono',monospace}
.gx-lb span{font:800 8px/1 'Bricolage Grotesque',sans-serif}
.gx-flash{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:4px;padding:12px;border-radius:14px;background:#2F7D5B;color:#FFFFFF;font:800 13px/1 'Bricolage Grotesque',sans-serif}
.gx-flash-c{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#FFFFFF}
.gx-stops{display:flex;align-items:center;gap:5px;font:800 10px/1 'Bricolage Grotesque',sans-serif;color:#9AA7B2}
.gx-stops span{padding:4px 7px;border-radius:7px}
.gx-stops .on{color:#24787A;box-shadow:inset 0 0 0 2px #24787A}
.gx-hero{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px}
.gx-hero img{width:38px;height:38px}
.gx-cnt{flex:none;text-align:right;color:#FFFFFF;font:800 26px/.9 'Bricolage Grotesque',sans-serif}
.gx-cnt small{display:block;margin-top:2px;font:800 7px/1 'Bricolage Grotesque',sans-serif;letter-spacing:.06em;opacity:.85}
.gx-alert{position:absolute;left:-12px;right:-12px;top:30%;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#F4B400;color:#1A1300;text-align:center;font:800 9px/1.2 'Bricolage Grotesque',sans-serif;overflow:hidden}
.gx-stripes{position:absolute;left:0;right:0;top:0;height:8px;background:repeating-linear-gradient(-45deg,#1A1300 0 8px,#F4B400 8px 16px)}
.gx-al-ic{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#1A1300;color:#F4B400;font:800 22px/1 'Bricolage Grotesque',sans-serif;animation:gxThrob .9s ease-in-out infinite}
@keyframes gxThrob{50%{transform:scale(1.12)}}
.gx-alert b{font-size:16px}
.gx-al-n{font:800 28px/1 'Bricolage Grotesque',sans-serif}
.gx-done{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 10px;border-radius:16px;background:#2F7D5B;color:#FFFFFF;text-align:center}
.gx-done b{font:800 18px/1 'Bricolage Grotesque',sans-serif}
.gx-done > span:last-child{font:600 8px/1 'IBM Plex Mono',monospace;opacity:.9}
.gx-undo{margin-top:auto;display:flex;align-items:center;gap:6px;padding:6px 6px 6px 10px;border-radius:999px;background:#172E42;color:#FFFFFF;font:700 9px/1.2 'Instrument Sans',sans-serif}
.gx-undo > span:nth-of-type(1){flex:1}
.gx-undo-b{padding:6px 9px;border-radius:999px;background:#F4C542;color:#172E42;font:800 9px/1 'Bricolage Grotesque',sans-serif}
.appcard.gxphone{width:clamp(210px,28cqw,280px);aspect-ratio:9 / 17;padding:12px 12px 6px;display:flex;flex-direction:column;border-radius:30px;border:6px solid #172E42;background:#F4F2EE;overflow:hidden}

@media (prefers-reduced-motion:reduce){.wms *{animation:none!important;transition:none!important}}
@media (max-width:860px){.hide-md{display:none!important}}
@media (max-width:640px){.filmdots{top:10px;right:10px;bottom:auto!important}.appzoom{padding:10px 10px 64px}.capt{left:10px!important;right:10px;bottom:10px!important;padding:10px 12px!important;border-radius:12px!important}.capt-t{font-size:16px!important}.hide-sm{display:none!important}.show-sm{display:block}.stage{aspect-ratio:1/1.02}.world{top:55%}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* T-431: demo formu geri bildirimi — gönderim göstergesi, alan altı uyarı, yumuşak kırmızı hata satırı, başarı kutusu */
.fstatus{grid-column:1 / -1;margin:0;font-size:15px;font-weight:600;color:#172E42}
.fstatus.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.fstatus.err{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:48px;padding:10px 14px;border-radius:12px;background:#FDECEA;border:1.5px solid #F2B8B0;color:#A3261B;animation:fShake .38s ease both}
.fstatus .ferr-ic{flex:none}
.fretry{appearance:none;min-height:36px;padding:6px 14px;border:1.5px solid #A3261B;border-radius:999px;background:#FFFFFF;color:#A3261B;font:700 14px/1 'Instrument Sans',system-ui,sans-serif;cursor:pointer}
.fretry:hover{background:#A3261B;color:#FFFFFF}
@keyframes fShake{0%,100%{transform:none}25%{transform:translateX(-5px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
.ferr{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1.35;color:#A3261B}
.ferr::before{content:'!';flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#A3261B;color:#FFFFFF;font:800 12px/1 'Instrument Sans',system-ui,sans-serif}
.ferr-consent{grid-column:1 / -1;margin-top:-8px}
.field[aria-invalid=true]{border-color:#C8412F;background:#FFF7F6}
.dform input[type=checkbox][aria-invalid=true]{outline:2px solid #C8412F;outline-offset:2px}
.dform > *{transition:opacity .28s ease,transform .28s ease}
.dform.leaving > :not(.fstatus){opacity:0;transform:translateY(-8px)}
.fsubmit[aria-disabled=true]{cursor:progress;opacity:.92}
.fsubmit[aria-disabled=true]:hover{transform:none;box-shadow:none}
.fspin{flex:none;width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#FFFFFF;animation:fSpin .8s linear infinite}
@keyframes fSpin{to{transform:rotate(360deg)}}
.fdone{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:clamp(16px,4vw,40px) 4px;text-align:center;animation:fDoneIn .45s cubic-bezier(.2,.7,.1,1) both}
.fdone-ic{display:block;width:104px;height:104px;overflow:visible;animation:fPop .5s cubic-bezier(.2,.9,.3,1.3) both}
.fdone-tick{stroke-dasharray:100;stroke-dashoffset:0;animation:fTick .5s .28s ease-out both}
.fdone-ring{transform-box:fill-box;transform-origin:center;animation:fRing 1s .55s ease-out both}
@keyframes fDoneIn{from{opacity:0;transform:translateY(12px)}}
@keyframes fPop{from{opacity:0;transform:scale(.6)}}
@keyframes fTick{from{stroke-dashoffset:100}}
@keyframes fRing{from{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}
.fdone-h{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(24px,3vw,32px);line-height:1.1;letter-spacing:-.02em;color:#172E42}
.fdone-h:focus{outline:none}
.fdone-h:focus-visible{outline:2px solid #172E42;outline-offset:4px;border-radius:6px}
.fdone-p{margin:0;max-width:420px;font-size:17px;color:#3D5468}
.fdone-ref{margin:0;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#EEF1F4;font-size:13px;font-weight:600;color:#3D5468}
.fdone-ref b{font:600 14px/1 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#172E42}
.fdone-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:4px}
.fdone-links a{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 6px;color:#172E42;font-weight:600}
/* T-942: çözünürlüğe göre hero ve kap genişliği */
:root{--wrap:1240px;--wrap-wide:1320px}
@media (min-width:1680px){:root{--wrap:1400px;--wrap-wide:1480px}}
@media (min-width:2200px){:root{--wrap:1560px;--wrap-wide:1640px}}
.cine{position:relative;display:flex;flex-direction:column;min-height:max(560px,100svh);overflow:hidden;background:#0E1D2B;color:#FFFFFF}
.cine-film{position:absolute;inset:0;z-index:0}
.cine-film .slide img{object-position:center}
.cine-shade{position:absolute;inset:0;z-index:1;pointer-events:none;transition:background .6s ease;background:linear-gradient(180deg,rgba(9,20,31,.5) 0%,rgba(9,20,31,0) 20%,rgba(9,20,31,0) 55%,rgba(9,20,31,.82) 100%),linear-gradient(90deg,rgba(9,20,31,.88) 0%,rgba(9,20,31,.72) 30%,rgba(9,20,31,.3) 55%,rgba(9,20,31,0) 75%)}
.cine-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;width:calc(100% - 2 * clamp(12px,2.4vw,32px));max-width:var(--wrap-wide,1320px);margin:clamp(10px,1.8vh,20px) auto 0;padding:10px clamp(12px,1.6vw,22px);border-radius:22px;background:rgba(246,244,239,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px -12px rgba(0,0,0,.35);color:#172E42}
.cine-body{position:relative;z-index:4;flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;width:100%;max-width:var(--wrap-wide,1320px);margin:0 auto;padding:clamp(20px,4vh,48px) clamp(16px,4vw,40px) clamp(12px,2vh,24px);min-height:0}
.cine-copy{max-width:min(760px,62vw);transition:opacity .6s ease,transform .6s ease}
.cine-eyebrow{background:rgba(255,255,255,.94)!important;color:#172E42;border-color:transparent!important}
.cine .htitle{color:#FFFFFF;text-shadow:0 2px 24px rgba(0,0,0,.25);font-size:clamp(36px,min(5.4vw,8.6vh),92px)!important}
.cine .htitle .scanreveal:last-child{color:#172E42;text-shadow:none}
.cine-side{margin-top:clamp(16px,2.6vh,28px);max-width:600px}
.cine-sub{margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.55;color:#E6EDF3}
.cine-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(16px,2.4vh,26px)}
.cine-cta1,.cine-cta2{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:600;text-decoration:none}
.cine-cta1{background:#F4C542;color:#172E42}
.cine-cta2{border:1.5px solid rgba(255,255,255,.85);color:#FFFFFF;background:rgba(9,20,31,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cine-cta1:hover{background:#FFD460}.cine-cta2:hover{background:rgba(255,255,255,.14)}
.cine-foot{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:var(--wrap-wide,1320px);margin:0 auto;padding:0 clamp(16px,4vw,40px) clamp(10px,2vh,22px)}
.cine-cap{margin:0;display:flex;align-items:baseline;gap:12px;min-width:0;font-size:15px;color:#FFFFFF;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.cine-cap-k{flex:none;font:600 11px/1 'IBM Plex Mono',monospace;letter-spacing:.14em;color:#F4C542}
.cine-cap-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.cine-dots{position:static!important}
.cine-phone{flex:none;align-self:center;margin-left:auto;animation:devIn 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes devIn{from{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:none}}
.dev{position:relative;padding:9px;border-radius:44px;background:linear-gradient(145deg,#2A3846,#0B141C 55%,#1C2833);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.12),0 0 0 1px rgba(0,0,0,.6),0 30px 70px -20px rgba(0,0,0,.65),0 12px 24px -12px rgba(0,0,0,.5)}
.dev::before,.dev::after{content:'';position:absolute;right:-3px;width:3px;border-radius:0 3px 3px 0;background:#26323D}
.dev::before{top:120px;height:64px}.dev::after{top:200px;height:40px}
.dev-island{position:absolute;z-index:3;top:17px;left:50%;width:76px;height:22px;margin-left:-38px;border-radius:999px;background:#05090D}
.dev-scr{position:relative;display:flex;flex-direction:column;width:262px;height:566px;padding:44px 12px 8px;border-radius:36px;background:#F4F2EE;color:#172E42;overflow:hidden;zoom:var(--pz,1)}
.dev-scr .gx{min-height:0;flex:1}
.cine-phone{--pz:1}
@media (max-height:860px){.cine-phone{--pz:.86}}
@media (max-height:720px){.cine-phone{--pz:.74}}
@media (max-width:1279px){.cine-phone{--pz:.8}}
@media (max-width:899px){
.cine-shade{background:linear-gradient(180deg,rgba(9,20,31,.45) 0%,rgba(9,20,31,.15) 22%,rgba(9,20,31,.7) 45%,rgba(9,20,31,.94) 70%,rgba(9,20,31,.96) 100%)}
.cine-body{flex-direction:column;align-items:stretch;justify-content:flex-end;gap:16px}
.cine-copy{max-width:none}
.cine-phone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);align-self:auto;--pz:.78;animation:devInM .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes devInM{from{opacity:0;transform:translate(-50%,-40%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%)}}
.cine.app .cine-copy{opacity:0;transform:translateY(24px);pointer-events:none}
.cine.app .cine-shade{background:rgba(9,20,31,.35)}
.cine-nav .hide-md{display:none}
.cine-cap-t{display:none}
}
@media (max-width:899px) and (max-height:760px){.cine-phone{--pz:.6}}
/* T-412: geniş ekranda telefon her sahnede görünür; dar ekranda yalnız son sahnede (metnin yerine) gelir. */
@media (max-width:899px){.cine:not(.app) .cine-phone{display:none}}
.proofbar{background:#FFFFFF;border-bottom:1.5px solid #E4DED3}
.proofbar-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;max-width:var(--wrap-wide,1320px);margin:0 auto;padding:clamp(18px,3vw,28px) clamp(16px,4vw,40px)}
.hqr{display:flex;align-items:center;gap:14px;max-width:520px}
.hqr p{margin:0;font-size:clamp(15px,1.2vw,17px);font-weight:600;line-height:1.4;color:#24435E}
.hchips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.hchips li{padding:7px 14px 7px 7px!important;font-size:14px!important}
.devlg{position:relative;width:100%;max-width:312px;aspect-ratio:312 / 640;padding:11px;border-radius:50px;background:linear-gradient(145deg,#2A3846,#0B141C 55%,#1C2833);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.12),0 0 0 1px rgba(0,0,0,.5),0 40px 80px -30px rgba(23,46,66,.55),0 16px 30px -16px rgba(23,46,66,.4)}
.devlg::before{content:'';position:absolute;z-index:3;top:20px;left:50%;width:84px;height:24px;margin-left:-42px;border-radius:999px;background:#05090D}
/* T-943: kanıt şeridi geniş ve yeterince yüksek ekranlarda filmin içinde */
.cine-proof{display:none}
.cine-nav2{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;min-width:0}
@media (min-width:1200px) and (min-height:780px){
.proofbar{display:none}
.cine-body{align-items:center;padding-top:clamp(12px,3vh,40px);padding-bottom:clamp(12px,3vh,40px)}
.cine-foot{align-items:flex-end;gap:24px 40px;padding-bottom:clamp(16px,3vh,32px)}
.cine-proof{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;flex:1 1 auto;min-width:0;padding-top:clamp(14px,2.2vh,22px);border-top:1px solid rgba(255,255,255,.22)}
.cine-proof .hqr{max-width:440px}
.cine-proof .hqr p{color:#FFFFFF;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.cine-proof .hqr svg{border-color:#FFFFFF!important}
.cine-proof .hchips li{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.55)!important;color:#FFFFFF;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cine-nav2{flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:8px}
.cine-nav2 .cine-cap{justify-content:flex-end}
}
@media (min-width:1200px) and (max-width:1599px) and (min-height:780px){.cine-proof .hchips{gap:8px}.cine-proof .hchips li{font-size:13px!important;padding:6px 12px 6px 6px!important}.cine-proof .hqr{max-width:380px}}

.demo-options{grid-column:1/-1;border:0;padding:0;margin:0;min-width:0}
.demo-options legend{font-size:14px;font-weight:600;margin-bottom:8px}
.demo-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}
.demo-choice{position:relative;display:flex;align-items:center;gap:8px;min-height:48px;padding:10px;border:2px solid #D2DFE7;border-radius:12px;cursor:pointer;color:#172E42;background:#F5F8FA;font-size:14px}
.demo-choice:has(input:checked){border-color:#1E7A4C;background:#E3F4EA}
.demo-choice input{width:18px;height:18px;accent-color:#1E7A4C;flex:none}
.demo-choice svg{width:24px;height:24px;stroke:#1E7A4C;fill:none;stroke-width:1.8;flex:none}
.demo-choice:focus-within{outline:4px solid #F5C842;outline-offset:2px}
.demo-privacy{position:fixed;inset:0;z-index:1000;background:rgba(15,23,31,.65);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px}
.demo-privacy[hidden]{display:none}
.demo-privacy-card{background:#FFFFFF;color:#172E42;border-radius:20px;padding:24px;max-width:720px;max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}
.demo-privacy-card h1{font-size:28px}.demo-privacy-card h2{font-size:20px;margin-top:24px}.demo-privacy-card p{line-height:1.6}
.demo-privacy-card a{display:inline-flex;align-items:center;min-height:48px;color:#172E42;font-weight:700}
.demo-privacy-card :focus-visible{outline:4px solid #F5C842;outline-offset:3px}


.demo-owner{min-height:100dvh;background:#EEF1F4;color:#172E42;display:grid;place-items:center;padding:24px;box-sizing:border-box;font-family:'Instrument Sans',sans-serif}
.demo-owner-card{width:min(100%,560px);box-sizing:border-box;background:#FFFFFF;border:2px solid #172E42;border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:20px}
.demo-owner-card h1,.demo-owner-card p{margin:0;line-height:1.5}.demo-owner-card a,.demo-owner-card button{min-height:48px;padding:12px 18px;border-radius:14px;box-sizing:border-box;font:inherit;font-weight:600;border:2px solid #172E42;color:#172E42;background:#FFFFFF;cursor:pointer;text-align:center;text-decoration:none}
.demo-owner-card [hidden]{display:none}.demo-owner-card button#owner-confirm{background:#172E42;color:#FFFFFF}.demo-owner-card :focus-visible{outline:4px solid #F5C842;outline-offset:3px}.demo-owner-languages{display:flex;gap:8px}