/* MoTeam Saha arayüzü (motivexintelligence/moteam apps/web/public/saha), .mt altında kapsamlandı */
.mt a{color:#2563eb}
.mt a:hover{color:#1d4ed8}
@property --n{syntax:'<integer>';inherits:false;initial-value:0}
.mt{--ink:#0f1013;--ink2:#3d4048;--gray:#636875;--faint:#666b78;--line:#e8e9ec;--soft:#f5f6f8;--card:#f7f8fa;--blue:#2563eb;--blue2:#3b82f6;--blue3:#1d4ed8;--navy:#13233f;--or:#ea580c;--gr:#16a34a;
  --sh-card:0 1px 2px rgba(16,24,40,.04),0 12px 32px -12px rgba(16,24,40,.08);
  --sh-float:0 2px 4px rgba(15,23,42,.05),0 12px 24px -8px rgba(15,23,42,.1),0 36px 72px -16px rgba(15,23,42,.18);
  --serif:'EB Garamond',Georgia,serif;--sans:'Geist','Google Sans',system-ui,sans-serif;
  font-family:var(--sans);background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:clip}
.mt *{box-sizing:border-box}
.mt :focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.mt .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.mt .tab{font-variant-numeric:tabular-nums}
.mt .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mt .mo-display{font-family:var(--serif);font-weight:500;font-size:clamp(3rem,1.2rem + 8vw,5.5rem);line-height:.98;letter-spacing:-.012em;color:#fff;margin:0;text-wrap:balance}
.mt .h2{font-weight:500;font-size:clamp(2rem,1.1rem + 3.2vw,3.25rem);line-height:1.08;letter-spacing:-.023em;margin:0;text-wrap:balance;background:linear-gradient(98deg,var(--ink) 18%,#565b66 55%,var(--gray) 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mt .eye{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin:0 0 14px}
.mt .eye b{display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 7px;border-radius:9999px;background:#eef3fe;color:var(--blue);letter-spacing:.04em}
.mt .leadp{font-size:1.0625rem;line-height:1.6;color:var(--gray);margin:16px auto 0;max-width:680px;text-wrap:balance}
.mt .card{border-radius:24px;background:var(--card);border:1px solid rgba(15,23,42,.05);box-shadow:var(--sh-card)}
.mt .mist{border-radius:28px;background:linear-gradient(178deg,#dfe4f0 0%,#e9edf5 52%,#eef1f7 100%);border:1px solid rgba(15,23,42,.04)}
.mt .win{border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.07);box-shadow:var(--sh-float);overflow:hidden}
.mt .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9999px;background:linear-gradient(180deg,#5b8cf7 0%,var(--blue) 15%,var(--blue3) 100%);color:#fff;font-weight:600;font-size:.9375rem;padding:10px 20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 2px rgba(29,78,216,.4),0 6px 16px -4px rgba(37,99,235,.45);border:1px solid rgba(29,78,216,.55);text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),filter .18s}
.mt .cta:hover{filter:brightness(1.06);transform:translateY(-1px);color:#fff}
.mt .cta-lg{padding:14px 28px;font-size:1.0625rem}
.mt .chip{display:inline-flex;align-items:center;gap:6px;border-radius:9999px;padding:4px 12px;font-size:.8125rem;font-weight:500;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);color:#fff}
.mt .pill{display:inline-flex;align-items:center;gap:6px;border-radius:9999px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:600;padding:2px 9px;white-space:nowrap}
.mt .pill.o{border-color:#fed7aa;background:#fff7ed;color:#c2410c}
.mt .pill.g{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}
.mt .pill.n{border-color:#e7e5e4;background:#f5f5f4;color:#57534e}
.mt .lts{display:flex;gap:6px;flex:none}
.mt .lts span{width:10px;height:10px;border-radius:50%}
.mt .lts span:nth-child(1){background:#ff5f57}
.mt .lts span:nth-child(2){background:#febc2e}
.mt .lts span:nth-child(3){background:#28c840}
.mt .bar0{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(0,0,0,.05)}
.mt .bar0 b{font-size:12px;font-weight:500;color:#8c8c8c}
.mt .live{position:relative;display:inline-flex;width:8px;height:8px}
.mt .live::before{content:'';position:absolute;inset:0;border-radius:50%;background:#34d399;opacity:.6;animation:ping 1.4s cubic-bezier(0,0,.2,1) infinite}
.mt .live::after{content:'';position:relative;width:8px;height:8px;border-radius:50%;background:#10b981}
@keyframes ping{75%,100%{transform:scale(2.2);opacity:0}}
.mt .src{margin:14px 0 0;font-size:12px;color:var(--faint)}
.mt .hero{position:relative;overflow:hidden;padding-bottom:64px;background:radial-gradient(120% 90% at 78% 34%,rgba(255,244,214,.55) 0%,rgba(255,244,214,0) 34%),linear-gradient(180deg,#4d9be6 0%,#6fb1ec 30%,#a7d0f4 58%,#dcecfa 78%,#fff 100%)}
.mt .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:bottom;animation:kb 40s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.06) translateY(-1%)}}
.mt .tint{position:absolute;left:0;right:0;top:0;height:72%;background:linear-gradient(180deg,rgba(30,84,164,.8) 0%,rgba(43,105,190,.62) 30%,rgba(66,133,212,.34) 60%,rgba(77,146,222,0) 100%)}
.mt .haze{position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 55%,#fff 100%)}
.mt .cloud{position:absolute;border-radius:9999px;background:rgba(255,255,255,.25);filter:blur(40px)}
.mt .cloud.c1{left:-20%;top:16%;height:96px;width:42%;animation:drift 46s linear infinite}
.mt .cloud.c2{left:-30%;top:34%;height:64px;width:30%;background:rgba(255,255,255,.2);animation:drift2 64s linear 8s infinite}
@keyframes drift{to{transform:translateX(150%)}}
@keyframes drift2{to{transform:translateX(220%)}}
.mt .nav{position:absolute;top:0;left:0;right:0;z-index:30;max-width:1280px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.mt .brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:600;font-size:17px}
.mt .brand img{width:30px;height:30px;border-radius:8px;background:#fff;padding:3px}
.mt .nav .l{font-size:14px;font-weight:500;color:rgba(255,255,255,.92);text-decoration:none}
.mt .navr{display:flex;align-items:center;gap:26px}
.mt .hin{position:relative;z-index:10;max-width:1040px;margin:0 auto;padding:172px 24px 0;text-align:center}
.mt .lead{max-width:680px;margin:24px auto 0;font-size:1.125rem;font-weight:500;line-height:1.6;color:rgba(255,255,255,.95);text-shadow:0 1px 12px rgba(30,64,140,.25);text-wrap:balance}
.mt .ctas{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.mt .ghw{display:inline-flex;align-items:center;border-radius:9999px;padding:13px 24px;font-size:1.0625rem;font-weight:500;color:var(--ink2);background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(8px);text-decoration:none;box-shadow:0 6px 18px -8px rgba(15,23,42,.3)}
.mt .ghw:hover{background:#fff;color:var(--ink)}
.mt .rise{animation:rise .8s cubic-bezier(.22,1,.36,1) both}
.mt .rise.d1{animation-delay:.12s}
.mt .rise.d2{animation-delay:.24s}
.mt .rise.d3{animation-delay:.4s}
@keyframes rise{from{transform:translateY(18px)}to{transform:none}}
.mt .bells{position:absolute;right:44px;top:110px;width:300px;height:80px;z-index:20;pointer-events:none}
.mt .bell{position:absolute;inset:0 0 auto 0;display:flex;align-items:center;gap:12px;border-radius:16px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.88);padding:12px;box-shadow:0 18px 40px -12px rgba(15,23,42,.35);backdrop-filter:blur(16px);opacity:0;animation:bell 14.4s cubic-bezier(.22,1,.36,1) infinite;text-align:left}
.mt .bell.b2{animation-delay:3.6s}
.mt .bell.b3{animation-delay:7.2s}
.mt .bell.b4{animation-delay:10.8s}
@keyframes bell{0%{opacity:0;transform:translateX(56px) scale(.96)}3%{opacity:1;transform:none}22%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateX(56px) scale(.96)}}
.mt .bell .ic{width:36px;height:36px;flex:none;border-radius:9px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);display:grid;place-items:center}
.mt .bell .ic img{width:24px;height:24px}
.mt .bell .tx{min-width:0;flex:1}
.mt .bell .t{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:#242424}
.mt .bell .t i{font-style:normal;font-size:11.5px;font-weight:500;color:#666b78}
.mt .bell .s{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:12px;color:#5c5c5c}
.mt .k{width:8px;height:8px;border-radius:50%;background:var(--blue);flex:none}
.mt .k.o{background:var(--or)}
.mt .k.g{background:var(--gr)}
.mt .widget{max-width:660px;margin:70px auto 0;text-align:left}
.mt .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:20px 22px 6px}
.mt .kpi b{display:block;font-size:34px;font-weight:600;letter-spacing:-.02em;color:#242424;line-height:1.05}
.mt .kpi>span{font-size:12px;font-weight:500;color:#8c8c8c}
.mt .kpi.al b{color:var(--or)}
.mt .cnt{--n:0;counter-reset:n var(--n);animation:var(--to) 1.6s cubic-bezier(.22,1,.36,1) .5s forwards}
.mt .cnt::after{content:counter(n)}
@keyframes to18{to{--n:18}}
@keyframes to15{to{--n:15}}
@keyframes to3{to{--n:3}}
@keyframes to1{to{--n:1}}
.mt .zones{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:14px 22px 22px}
.mt .zt{position:relative;border-radius:10px;padding:8px 8px 7px;background:rgba(37,99,235,var(--a));overflow:hidden}
.mt .zt b{display:block;font-size:17px;font-weight:600;color:#1e3a8a;line-height:1.1}
.mt .zt span{font-size:10.5px;font-weight:500;color:#334155;white-space:nowrap}
.mt .zt::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.7) 50%,rgba(255,255,255,0) 80%);transform:translateX(-120%);animation:scan 5.6s ease-in-out infinite;animation-delay:var(--d)}
@keyframes scan{0%,8%{transform:translateX(-120%)}22%,100%{transform:translateX(120%)}}
.mt .zt.ob{background:rgba(234,88,12,.14)}
.mt .zt.ob b{color:#9a3412}
.mt .chap{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.mt .chap .wrap{display:flex;align-items:center;gap:4px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}
.mt .chap a{flex:none;display:inline-flex;align-items:center;gap:7px;border-radius:9999px;padding:7px 12px;font-size:13px;font-weight:500;color:var(--ink2);text-decoration:none}
.mt .chap a i{font-style:normal;font-size:11px;font-weight:600;color:var(--blue)}
.mt .chap a:hover{background:var(--soft);color:var(--ink)}
.mt .sec{padding:112px 0 0;scroll-margin-top:60px}
.mt .head{text-align:center;max-width:820px;margin:0 auto 48px}
.mt .prob{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}
.mt .scenebox{position:relative;min-height:400px;overflow:hidden}
.mt .scenebox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kb 30s ease-in-out infinite alternate}
.mt .fchip{position:absolute;display:inline-flex;align-items:center;gap:8px;border-radius:9999px;padding:7px 13px;font-size:13px;font-weight:600;background:rgba(255,255,255,.94);color:var(--ink2);box-shadow:0 10px 28px -10px rgba(15,23,42,.35);opacity:0;animation:fchip 9s cubic-bezier(.22,1,.36,1) infinite}
.mt .fchip.f2{animation-delay:3s}
.mt .fchip.f3{animation-delay:6s}
@keyframes fchip{0%{opacity:0;transform:translateY(10px)}6%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-6px)}}
.mt .meths{display:flex;flex-direction:column;gap:12px}
.mt .meth{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:center;padding:14px}
.mt .mvis{position:relative;height:96px;border-radius:16px;background:#fff;overflow:hidden;border:1px solid var(--line)}
.mt .meth h3{margin:0;font-size:16px;font-weight:600}
.mt .meth p{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:var(--gray)}
.mt .x{position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:50%;background:#fff1e8;color:var(--or);display:grid;place-items:center}
.mt .q{position:absolute;top:50%;left:0;width:100%;height:12px;margin-top:-6px}
.mt .q i{position:absolute;top:0;width:12px;height:12px;border-radius:50%;background:var(--blue2);border:2px solid #fff}
.mt .qrun{position:absolute;inset:0;animation:qstep 1.4s cubic-bezier(.65,0,.35,1) infinite}
@keyframes qstep{0%{transform:translateX(0)}35%,100%{transform:translateX(16px)}}
.mt .kiosk{position:absolute;right:10px;top:22px;width:22px;height:52px;border-radius:5px;background:var(--navy)}
.mt .kiosk::after{content:'';position:absolute;left:5px;top:7px;width:12px;height:9px;border-radius:2px;background:#60a5fa}
.mt .qmask{position:absolute;left:0;top:0;bottom:0;width:22px;background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0))}
.mt .tap{position:absolute;right:4px;top:16px;width:34px;height:34px;border-radius:50%;border:2px solid var(--or);opacity:0;animation:tap 4.2s ease-out infinite}
@keyframes tap{0%,60%{opacity:0;transform:scale(.5)}64%{opacity:1}74%{opacity:0;transform:scale(1.4)}76%{opacity:1;transform:scale(.5)}86%,100%{opacity:0;transform:scale(1.4)}}
.mt .gpsr{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(37,99,235,.08);border:1.5px dashed rgba(37,99,235,.5);animation:gpsj 3.2s steps(1) infinite}
.mt .gpsd{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 0 0 4px rgba(37,99,235,.18);animation:gpsj 3.2s steps(1) infinite}
@keyframes gpsj{0%{transform:translate(0,0)}25%{transform:translate(22px,-12px)}50%{transform:translate(-26px,8px)}75%{transform:translate(10px,16px)}}
.mt .bldg2{position:absolute;left:30px;top:24px;width:72px;height:48px;border:2px solid #c9d3e3;border-radius:6px}
.mt .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
.mt .stat{padding:24px}
.mt .stat .big{font-size:40px;font-weight:600;letter-spacing:-.025em;line-height:1}
.mt .stat .lbl{margin-top:8px;font-size:14px;color:var(--gray)}
.mt .track{margin-top:16px;height:10px;border-radius:9999px;background:#e8ecf3;overflow:hidden}
.mt .track i{display:block;height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--blue),var(--blue2));width:var(--w);transform-origin:left;animation:grow 2.2s cubic-bezier(.22,1,.36,1) both}
.mt .track i.o{background:linear-gradient(90deg,#f97316,var(--or))}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.mt .mus{display:flex;align-items:center;gap:10px;margin-top:14px}
.mt .mus .lane{flex:1;height:10px;border-radius:9999px;background:#e8ecf3;overflow:hidden;position:relative}
.mt .mus .lane i{position:absolute;left:0;top:0;bottom:0;border-radius:9999px}
.mt .mus .a i{width:100%;background:#cbd5e1;animation:fill30 6s linear infinite}
.mt .mus .b i{width:23%;background:var(--gr);animation:fill7 6s linear infinite}
@keyframes fill30{0%{transform:scaleX(0);transform-origin:left}90%,100%{transform:scaleX(1);transform-origin:left}}
@keyframes fill7{0%{transform:scaleX(0);transform-origin:left}21%,100%{transform:scaleX(1);transform-origin:left}}
.mt .mus span{width:56px;font-size:12px;font-weight:600;color:var(--ink2)}
.mt .flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.mt .rail{position:absolute;left:8%;right:8%;top:118px;height:2px;background:repeating-linear-gradient(90deg,#c7d2fe 0 6px,transparent 6px 12px)}
.mt .pkt{position:absolute;top:-5px;left:0;width:12px;height:12px;border-radius:50%;background:var(--blue2);box-shadow:0 0 0 4px rgba(37,99,235,.13),0 0 14px 3px rgba(37,99,235,.35);animation:pkt 5s cubic-bezier(.45,0,.55,1) infinite}
@keyframes pkt{0%{left:0;opacity:0}6%{opacity:1}94%{opacity:1}100%{left:calc(100% - 12px);opacity:0}}
.mt .step{position:relative;padding:12px 12px 20px;z-index:1}
.mt .svis{position:relative;aspect-ratio:1/1;border-radius:18px;background:linear-gradient(178deg,#dfe4f0 0%,#e9edf5 52%,#eef1f7 100%);overflow:hidden;display:grid;place-items:center}
.mt .svis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mt .kb2{animation:kb 18s ease-in-out infinite alternate}
.mt .sn{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:#eef3fe;color:var(--blue);font-size:12px;font-weight:700;vertical-align:2px}
.mt .step h3{margin:18px 6px 0;font-size:18px;font-weight:600;letter-spacing:-.01em}
.mt .step p{margin:6px 6px 0;font-size:13.5px;line-height:1.45;color:var(--gray)}
.mt .rng{position:absolute;border-radius:50%;border:2px solid rgba(37,99,235,.55);width:56px;height:56px;margin:-28px 0 0 -28px}
.mt .emit{position:absolute;left:50%;top:38%;width:0;height:0;z-index:2}
.mt .emit .rng{animation:emit 3s cubic-bezier(0,0,.2,1) infinite}
.mt .emit .rng:nth-child(2){animation-delay:1s}
.mt .emit .rng:nth-child(3){animation-delay:2s}
@keyframes emit{0%{transform:scale(.3);opacity:.9}100%{transform:scale(3.6);opacity:0}}
.mt .absorb{position:absolute;left:50%;top:46%;width:0;height:0;z-index:2}
.mt .absorb .rng{animation:absorb 2.4s cubic-bezier(.4,0,1,1) infinite}
.mt .absorb .rng:nth-child(2){animation-delay:.8s}
.mt .absorb .rng:nth-child(3){animation-delay:1.6s}
@keyframes absorb{0%{transform:scale(3.8);opacity:0}30%{opacity:.75}100%{transform:scale(.5);opacity:0}}
.mt .badge{width:96px;height:136px;border-radius:14px;background:linear-gradient(160deg,#fff 0%,#f1f4f9 100%);box-shadow:0 2px 4px rgba(15,23,42,.06),0 24px 40px -16px rgba(15,23,42,.35);position:relative;animation:floaty 6s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(-3deg)}}
.mt .badge .clip{position:absolute;left:50%;top:-30px;width:18px;height:40px;margin-left:-9px;border-radius:5px;background:var(--blue)}
.mt .badge .led{position:absolute;left:50%;top:12px;width:26px;height:7px;margin-left:-13px;border-radius:9999px;background:#93c5fd;box-shadow:0 0 12px 2px rgba(59,130,246,.6);animation:led 1s ease-in-out infinite}
@keyframes led{0%,100%{opacity:.45}50%{opacity:1}}
.mt .badge .ph{position:absolute;left:12px;top:32px;width:32px;height:40px;border-radius:7px;background:#dbe7fb}
.mt .puck{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff 0%,#f3f5f9 60%,#e2e8f0 100%);box-shadow:0 18px 40px -14px rgba(15,23,42,.35);display:grid;place-items:center}
.mt .puck::after{content:'';width:94px;height:94px;border-radius:50%;border:3px solid rgba(37,99,235,.75);box-shadow:0 0 18px rgba(59,130,246,.55);animation:led 2.4s ease-in-out infinite}
.mt .rssi{width:86%;display:flex;flex-direction:column;gap:9px}
.mt .rr{display:grid;grid-template-columns:34px 1fr 52px;gap:8px;align-items:center;font-size:11.5px;font-weight:600;color:var(--ink2)}
.mt .rr .tr{height:9px;border-radius:9999px;background:#fff;overflow:hidden}
.mt .rr .tr i{display:block;height:100%;border-radius:9999px;background:linear-gradient(90deg,#93c5fd,var(--blue));transform-origin:left;animation:sig 2.8s ease-in-out infinite}
.mt .rr:nth-child(2) .tr i{animation-duration:3.4s;animation-delay:-.6s}
.mt .rr:nth-child(3) .tr i{animation-duration:2.4s;animation-delay:-1.2s}
.mt .rr:nth-child(4) .tr i{animation-duration:3.1s;animation-delay:-.3s}
@keyframes sig{0%,100%{transform:scaleX(var(--a1))}50%{transform:scaleX(var(--a2))}}
.mt .rr span:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--gray);font-weight:500}
.mt .zone-ok{margin-top:4px;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:600;color:var(--ink2)}
.mt .cf{display:flex;gap:4px}
.mt .cf i{width:16px;height:6px;border-radius:3px;background:#cbd5e1;animation:cf 3s steps(1) infinite}
.mt .cf i:nth-child(2){animation-delay:.6s}
.mt .cf i:nth-child(3){animation-delay:1.2s}
@keyframes cf{0%{background:#cbd5e1}20%,90%{background:var(--blue)}}
.mt .mini{width:88%}
.mt .rw{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid rgba(0,0,0,.05);font-size:11.5px;opacity:0;animation:rowin 7.2s cubic-bezier(.22,1,.36,1) infinite}
.mt .rw:nth-child(3){animation-delay:.9s}
.mt .rw:nth-child(4){animation-delay:1.8s}
@keyframes rowin{0%{opacity:0;transform:translateY(10px)}6%,86%{opacity:1;transform:none}94%,100%{opacity:0}}
.mt .rw .n{font-weight:600}
.mt .rw .r{color:#5c5c5c}
.mt .phone{width:72%;height:82%;border-radius:22px;border:6px solid var(--ink);background:#f5f6f8;padding:12px 7px;overflow:hidden;position:relative}
.mt .ntf{border-radius:10px;background:#fff;padding:6px 8px;font-size:10.5px;line-height:1.3;color:var(--ink2);box-shadow:0 1px 2px rgba(0,0,0,.06);margin-bottom:6px;opacity:0;animation:ntf 6s cubic-bezier(.22,1,.36,1) infinite}
.mt .ntf b{display:block;font-size:11px;color:var(--ink)}
.mt .ntf.o b{color:var(--or)}
.mt .ntf:nth-child(2){animation-delay:1.2s}
.mt .ntf:nth-child(3){animation-delay:2.4s}
@keyframes ntf{0%{opacity:0;transform:translateY(-8px)}6%,80%{opacity:1;transform:none}90%,100%{opacity:0}}
.mt .dev{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.mt .dv{padding:20px 22px;display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:start}
.mt .dv .ico{width:56px;height:56px;border-radius:16px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--blue)}
.mt .dv h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mt .dv .pr{margin:6px 0 0;font-size:20px;font-weight:600;letter-spacing:-.01em}
.mt .dv ul{margin:8px 0 0;padding:0;list-style:none;font-size:13px;color:var(--gray);display:flex;flex-direction:column;gap:3px}
.mt .dv.best{background:#fff;border-color:#bfdbfe;box-shadow:0 0 0 3px rgba(37,99,235,.08),var(--sh-card)}
.mt .tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mt .tier{padding:14px 14px 20px;display:flex;flex-direction:column}
.mt .tvis{height:180px;border-radius:16px;background:#fff;border:1px solid var(--line);overflow:hidden}
.mt .tvis svg{width:100%;height:100%;display:block}
.mt .tier .tn{margin:16px 6px 0;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.mt .tier h3{margin:4px 6px 0;font-size:19px;font-weight:600}
.mt .tier .acc{margin:2px 6px 0;font-size:28px;font-weight:600;letter-spacing:-.02em}
.mt .tier dl{margin:12px 6px 0;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;font-size:12.5px}
.mt .tier dt{color:var(--faint)}
.mt .tier dd{margin:0;color:var(--ink2)}
.mt .tier .price{margin:auto 6px 0;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink2)}
.mt .tier.hi{background:#fff}
.mt .axis{position:relative;margin:28px auto 0;max-width:900px;height:46px}
.mt .axis .ln{position:absolute;left:0;right:0;top:12px;height:4px;border-radius:9999px;background:linear-gradient(90deg,#dbe3ef,var(--blue))}
.mt .axis .tk{position:absolute;top:4px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:#fff;border:3px solid var(--blue)}
.mt .axis .lb{position:absolute;top:28px;transform:translateX(-50%);font-size:12px;font-weight:600;color:var(--ink2);white-space:nowrap}
.mt .axis .sw{position:absolute;top:2px;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:rgba(37,99,235,.25);animation:sweep 6s cubic-bezier(.65,0,.35,1) infinite}
@keyframes sweep{0%,10%{left:2%}30%,35%{left:34%}55%,60%{left:66%}80%,90%{left:98%}100%{left:2%}}
.mt .rm1{animation:rm1 6s ease-in-out infinite}
.mt .rm2{animation:rm2 6s ease-in-out infinite}
@keyframes rm1{0%,45%{fill:#dbeafe}50%,95%{fill:#f8fafc}100%{fill:#dbeafe}}
@keyframes rm2{0%,45%{fill:#f8fafc}50%,95%{fill:#dbeafe}100%{fill:#f8fafc}}
.mt .walk1{animation:walk1 6s ease-in-out infinite}
@keyframes walk1{0%,30%{transform:translate(0,0)}50%,80%{transform:translate(120px,8px)}100%{transform:translate(0,0)}}
.mt .unc{fill:rgba(37,99,235,.12);stroke:rgba(37,99,235,.45);stroke-width:1.5;stroke-dasharray:4 3;transform-box:fill-box;transform-origin:center;animation:unc 2.4s ease-in-out infinite}
@keyframes unc{0%,100%{transform:scale(.9)}50%{transform:scale(1.08)}}
.mt .jit{animation:jit 1.8s steps(1) infinite}
@keyframes jit{0%{transform:translate(0,0)}25%{transform:translate(9px,-6px)}50%{transform:translate(-7px,7px)}75%{transform:translate(6px,8px)}}
.mt .jit2{animation:jit2 1.2s steps(1) infinite}
@keyframes jit2{0%{transform:translate(0,0)}33%{transform:translate(3px,-2px)}66%{transform:translate(-2px,2px)}}
.mt .dc{fill:none;stroke:rgba(37,99,235,.35);stroke-width:1.2;stroke-dasharray:3 4;transform-box:fill-box;transform-origin:center;animation:dc 2.6s ease-out infinite}
@keyframes dc{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.15);opacity:0}}
.mt .ray{stroke:var(--blue);stroke-width:1.5;stroke-dasharray:6 5;animation:ray 1.2s linear infinite}
@keyframes ray{to{stroke-dashoffset:-22}}
.mt .tofb{stroke:#cbd5e1;stroke-width:1.2}
.mt .tof{stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-dasharray:14 140;animation:tof 1.4s linear infinite}
@keyframes tof{from{stroke-dashoffset:154}to{stroke-dashoffset:0}}
.mt .gwr{fill:#fff;stroke:var(--blue);stroke-width:2}
.mt .anc{fill:#fff;stroke:var(--navy);stroke-width:2}
.mt .pdot{fill:var(--blue);stroke:#fff;stroke-width:2.5}
.mt .scn{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:center}
.mt .scene{position:relative;height:580px;overflow:hidden;--k:.929;--cx:24px}
.mt .zlab{position:absolute;z-index:3;transform:translate(-50%,-160%);border-radius:9999px;background:rgba(255,255,255,.92);padding:2px 9px;font-size:11.5px;font-weight:600;color:var(--ink2);white-space:nowrap;box-shadow:0 2px 8px -2px rgba(15,23,42,.18);pointer-events:none}
.mt .zlab.o{color:#c2410c}
.mt .zlab.g{color:#15803d}
.mt .stage{position:absolute;left:calc(50% + var(--cx));top:50%;width:700px;height:500px;--s:.78;transform:translate(-50%,-54%) scale(var(--s)) rotateX(58deg) rotateZ(-42deg);filter:drop-shadow(-10px 12px 0 #c3cde0) drop-shadow(-30px 36px 40px rgba(30,41,59,.18))}
.mt .stage svg{display:block;width:700px;height:500px;overflow:visible}
.mt .tierchips{position:absolute;left:18px;bottom:16px;display:flex;flex-wrap:wrap;gap:6px}
.mt .bldg{fill:#fff;stroke:#c9d3e3;stroke-width:6}
.mt .zn{stroke:#fff;stroke-width:3}
.mt .mach{fill:#fff;stroke:#b9c6dc;stroke-width:1.5}
.mt .rack{fill:#d5deec}
.mt .conv{fill:#e3e8f0}
.mt .belt{fill:none;stroke:#b6c3d8;stroke-width:3;stroke-dasharray:10 12;animation:belt 1.6s linear infinite}
@keyframes belt{to{stroke-dashoffset:-22}}
.mt .gw{fill:#fff;stroke:#2563eb;stroke-width:2}
.mt .aoa{fill:#fff;stroke:#2563eb;stroke-width:2.5}
.mt .uwb{fill:#fff;stroke:#13233f;stroke-width:2.5}
.mt .gwp{fill:none;stroke:#3b82f6;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:gwp 2.6s cubic-bezier(0,0,.2,1) infinite}
@keyframes gwp{0%{transform:scale(.6);opacity:.9}100%{transform:scale(4);opacity:0}}
.mt .lawn{fill:#e7f4ec}
.mt .asm{fill:#dcf3e4;stroke:#16a34a;stroke-width:2;stroke-dasharray:5 4}
.mt .dot{fill:#2563eb;stroke:#fff;stroke-width:2.5}
.mt .wa{animation:wa 3.2s ease-in-out infinite}
.mt .wb{animation:wb 4.1s ease-in-out infinite}
.mt .wc{animation:wc 3.7s ease-in-out infinite}
@keyframes wa{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,-2px)}}
@keyframes wb{0%,100%{transform:translate(0,0)}50%{transform:translate(-2px,1.5px)}}
@keyframes wc{0%,100%{transform:translate(0,0)}50%{transform:translate(1.5px,2px)}}
.mt .stations{animation:dim 21s linear infinite}
@keyframes dim{0%,83%{opacity:1}85.5%,98%{opacity:.16}100%{opacity:1}}
.mt .ent{fill:#60a5fa;stroke:#fff;stroke-width:2.5;opacity:0;animation:ent1 21s linear infinite}
.mt .ent.e2{animation-name:ent2;animation-delay:.5s}
.mt .ent.e3{animation-name:ent3;animation-delay:1s}
@keyframes ent1{0%{opacity:0;transform:translate(0,0)}1%{opacity:1}8%{transform:translate(0,-110px)}13.5%{opacity:1;transform:translate(-60px,-170px)}15%,100%{opacity:0;transform:translate(-60px,-170px)}}
@keyframes ent2{0%{opacity:0;transform:translate(0,0)}1%{opacity:1}8%{transform:translate(0,-110px)}13.5%{opacity:1;transform:translate(0,-185px)}15%,100%{opacity:0;transform:translate(0,-185px)}}
@keyframes ent3{0%{opacity:0;transform:translate(0,0)}1%{opacity:1}8%{transform:translate(0,-110px)}13.5%{opacity:1;transform:translate(60px,-170px)}15%,100%{opacity:0;transform:translate(60px,-170px)}}
.mt .door{fill:none;stroke:#2563eb;stroke-width:3;transform-box:fill-box;transform-origin:center;opacity:0;animation:door 21s linear infinite}
.mt .door.d2{animation-delay:1.2s}
@keyframes door{0%{opacity:.9;transform:scale(.5)}5%{opacity:0;transform:scale(3)}5.01%{opacity:.9;transform:scale(.5)}10%{opacity:0;transform:scale(3)}10.01%{opacity:.9;transform:scale(.5)}15%,100%{opacity:0;transform:scale(3)}}
.mt .actB{animation:actB 21s ease-in-out infinite}
@keyframes actB{0%,16.6%{transform:translate(0,0)}18.6%{transform:translate(0,60px)}25.5%{transform:translate(-365px,60px)}27.5%,33%{transform:translate(-365px,160px)}35%{transform:translate(-365px,60px)}41.5%{transform:translate(0,60px)}43.5%,100%{transform:translate(0,0)}}
.mt .booth{fill:#f97316;opacity:0;animation:booth 21s linear infinite}
@keyframes booth{0%,27%{opacity:0}28.5%{opacity:.5}30%{opacity:.18}31.5%{opacity:.5}33%{opacity:.18}34.5%{opacity:.45}36%,100%{opacity:0}}
.mt .still{fill:none;stroke:#2563eb;stroke-width:4;stroke-linecap:round;stroke-dasharray:113;stroke-dashoffset:113;opacity:0;animation:still 21s linear infinite}
@keyframes still{0%,33.3%{opacity:0;stroke-dashoffset:113;stroke:#2563eb}34%{opacity:1;stroke-dashoffset:113}46.5%{stroke-dashoffset:0;stroke:#2563eb}47%{stroke:#ea580c}49.6%{opacity:1;stroke:#ea580c;stroke-dashoffset:0}50%,100%{opacity:0;stroke-dashoffset:0}}
.mt .stillbg{fill:none;stroke:#dbe3ef;stroke-width:4;opacity:0;animation:stillbg 21s linear infinite}
@keyframes stillbg{0%,33.3%{opacity:0}34%,49.6%{opacity:1}50%,100%{opacity:0}}
.mt .fork{animation:fork 10.5s linear infinite}
@keyframes fork{0%{transform:translate(0,0)}33.2%{transform:translate(180px,0)}50%{transform:translate(180px,91px)}83.2%{transform:translate(0,91px)}100%{transform:translate(0,0)}}
.mt .halo{fill:rgba(249,115,22,.14);stroke:#f97316;stroke-width:2;stroke-dasharray:5 4;opacity:0;animation:halo 21s linear infinite}
@keyframes halo{0%,56%{opacity:0}57.5%,63.5%{opacity:1}65%,100%{opacity:0}}
.mt .actD{animation:actD 21s ease-in-out infinite}
@keyframes actD{0%,54%{transform:translate(0,0)}57%,62%{transform:translate(-12px,-26px)}65%,100%{transform:translate(0,0)}}
.mt .restz{fill:none;stroke:#2563eb;stroke-width:3;stroke-dasharray:8 7;opacity:0;animation:restz 21s linear infinite}
@keyframes restz{0%,66.6%{opacity:0;stroke-dashoffset:0}68%{opacity:.9}82%{opacity:.9;stroke-dashoffset:-90}83.4%,100%{opacity:0}}
.mt .actE1{animation:actE1 21s ease-in-out infinite}
.mt .actE2{animation:actE2 21s ease-in-out infinite}
.mt .actE3{animation:actE3 21s ease-in-out infinite}
@keyframes actE1{0%,67%{transform:translate(0,0);opacity:1}69%{transform:translate(0,60px)}73%{transform:translate(175px,60px)}75.5%{transform:translate(175px,130px);opacity:1}76.5%,99%{transform:translate(175px,130px);opacity:0}100%{transform:translate(0,0);opacity:1}}
@keyframes actE2{0%,67.6%{transform:translate(0,0);opacity:1}69.6%{transform:translate(0,60px)}72.6%{transform:translate(85px,60px)}75.8%{transform:translate(85px,150px);opacity:1}76.8%,99%{transform:translate(85px,150px);opacity:0}100%{transform:translate(0,0);opacity:1}}
@keyframes actE3{0%,68.4%{transform:translate(0,0);opacity:1}74.6%{transform:translate(105px,18px);opacity:1}75.6%,99%{transform:translate(105px,18px);opacity:0}100%{transform:translate(0,0);opacity:1}}
.mt .mpop{fill:none;stroke:#2563eb;stroke-width:2;transform-box:fill-box;transform-origin:center;opacity:0;animation:mpop 21s linear infinite}
@keyframes mpop{0%,75%{opacity:0;transform:scale(.6)}75.6%{opacity:.9;transform:scale(.6)}78.5%,100%{opacity:0;transform:scale(2.6)}}
.mt .out{fill:none;stroke:#f97316;stroke-width:8;opacity:0;animation:out 21s linear infinite}
@keyframes out{0%,83.3%{opacity:0}85%{opacity:.9}88%{opacity:.35}91%{opacity:.9}94%{opacity:.35}97%{opacity:.9}100%{opacity:0}}
.mt .route{fill:none;stroke:#f97316;stroke-width:4;stroke-dasharray:12 9;opacity:0;animation:route 21s linear infinite}
@keyframes route{0%,83.3%{opacity:0;stroke-dashoffset:0}84.5%{opacity:1}99%{opacity:1;stroke-dashoffset:-160}100%{opacity:0}}
.mt .run{fill:#2563eb;stroke:#fff;stroke-width:2.5;opacity:0;animation:run 21s cubic-bezier(.45,0,.55,1) infinite}
.mt .run.r2{animation-delay:.35s}
.mt .run.r3{animation-delay:.7s}
.mt .run.r4{animation-delay:1.05s}
@keyframes run{0%,83.4%{opacity:0;transform:translate(0,0)}84%{opacity:1;transform:translate(0,0)}88%{transform:translate(0,70px)}90%{transform:translate(0,92px)}95.5%{opacity:1;transform:translate(-205px,128px)}97%,100%{opacity:0;transform:translate(-205px,128px)}}
.mt .asmarc{fill:none;stroke:#16a34a;stroke-width:7;stroke-linecap:round;stroke-dasharray:239;stroke-dashoffset:239;opacity:0;animation:asmarc 21s linear infinite}
@keyframes asmarc{0%,85%{opacity:0;stroke-dashoffset:239}86%{opacity:1;stroke-dashoffset:239}97%{opacity:1;stroke-dashoffset:0}99.6%{opacity:1;stroke-dashoffset:0}100%{opacity:0}}
.mt .safe{fill:#16a34a;stroke:#fff;stroke-width:2;opacity:0;animation:safe 21s linear infinite}
@keyframes safe{0%,91%{opacity:0}94%,99.5%{opacity:1}100%{opacity:0}}
.mt .sc-list{display:flex;flex-direction:column;gap:6px}
.mt .sc-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:12px 16px;border-radius:18px;animation:rowon 21s linear infinite}
.mt .sc-row:nth-child(2){animation-delay:3.5s}
.mt .sc-row:nth-child(3){animation-delay:7s}
.mt .sc-row:nth-child(4){animation-delay:10.5s}
.mt .sc-row:nth-child(5){animation-delay:14s}
.mt .sc-row:nth-child(6){animation-delay:17.5s}
@keyframes rowon{0%,16.4%{background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px -12px rgba(16,24,40,.12)}16.7%,100%{background:transparent;box-shadow:none}}
.mt .sc-ic{width:44px;height:44px;border-radius:12px;background:#eef3fe;color:var(--blue);display:grid;place-items:center}
.mt .sc-ic.o{background:#fff1e8;color:var(--or)}
.mt .sc-ic svg{width:26px;height:26px}
.mt .sc-row h3{margin:0;font-size:15.5px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mt .sc-row p{margin:2px 0 0;font-size:13px;color:var(--gray)}
.mt .pb{margin-top:8px;height:3px;border-radius:3px;background:#e8e9ec;overflow:hidden}
.mt .pb i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--blue2));transform-origin:left;transform:scaleX(0);animation:fillb 21s linear infinite}
.mt .sc-row:nth-child(2) .pb i{animation-delay:3.5s}
.mt .sc-row:nth-child(3) .pb i{animation-delay:7s}
.mt .sc-row:nth-child(4) .pb i{animation-delay:10.5s}
.mt .sc-row:nth-child(5) .pb i{animation-delay:14s}
.mt .sc-row:nth-child(6) .pb i{animation-delay:17.5s}
@keyframes fillb{0%{transform:scaleX(0)}16.4%{transform:scaleX(1)}16.7%,100%{transform:scaleX(0)}}
.mt .integ{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:stretch}
.mt .hubbox{position:relative;padding:28px;display:grid;place-items:center;min-height:500px}
.mt .hub{position:relative;width:560px;height:420px}
.mt .hub svg{position:absolute;inset:0;width:560px;height:420px}
.mt .spk{stroke:#c7d2fe;stroke-width:2}
.mt .pls{stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-dasharray:10 400;stroke-dashoffset:10;animation:pls 3.2s cubic-bezier(.45,0,.55,1) infinite}
@keyframes pls{0%{stroke-dashoffset:10}55%,100%{stroke-dashoffset:-270}}
.mt .ctr{position:absolute;left:280px;top:210px;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:32px;background:linear-gradient(160deg,#fff,#eef2f8);box-shadow:var(--sh-float);display:grid;place-items:center;text-align:center}
.mt .ctr b{display:block;font-size:17px;font-weight:600}
.mt .ctr span{font-size:11.5px;color:var(--gray)}
.mt .ctr::before{content:'';position:absolute;inset:-10px;border-radius:40px;border:2px solid rgba(37,99,235,.35);animation:ctrp 3.2s ease-out infinite}
@keyframes ctrp{0%{transform:scale(.92);opacity:1}100%{transform:scale(1.22);opacity:0}}
.mt .mod{position:absolute;width:128px;margin-left:-64px;margin-top:-24px;display:flex;align-items:center;gap:8px;border-radius:14px;background:#fff;border:1px solid var(--line);padding:9px 11px;font-size:13px;font-weight:600;box-shadow:var(--sh-card);animation:modp 3.2s ease-out infinite}
.mt .mod i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--blue)}
.mt .mod small{display:block;font-size:10.5px;font-weight:500;color:var(--gray)}
@keyframes modp{0%,40%{border-color:var(--line);transform:none}55%{border-color:var(--blue);transform:scale(1.05)}75%,100%{border-color:var(--line);transform:none}}
.mt .phbox{padding:28px;display:flex;flex-direction:column;align-items:center;gap:16px}
.mt .bigphone{width:248px;height:430px;border-radius:38px;border:9px solid var(--ink);background:#f5f6f8;padding:22px 10px 10px;position:relative;overflow:hidden;box-shadow:var(--sh-float)}
.mt .bigphone .top{display:flex;justify-content:space-between;padding:0 10px;font-size:11px;font-weight:600;color:var(--gray)}
.mt .bigphone h4{margin:10px 8px 8px;font-size:15px}
.mt .feedw{height:330px;overflow:hidden}
.mt .feed{animation:feed 12s cubic-bezier(.65,0,.35,1) infinite}
@keyframes feed{0%,18%{transform:translateY(0)}25%,43%{transform:translateY(-84px)}50%,68%{transform:translateY(-168px)}75%,93%{transform:translateY(-252px)}100%{transform:translateY(-336px)}}
.mt .nt{height:76px;margin-bottom:8px;border-radius:14px;background:#fff;border:1px solid var(--line);padding:9px 10px;display:grid;grid-template-columns:26px 1fr;gap:8px;font-size:11.5px;line-height:1.35;color:var(--ink2)}
.mt .nt .ap{width:26px;height:26px;border-radius:7px;background:var(--blue);display:grid;place-items:center}
.mt .nt .ap img{width:18px;height:18px;filter:brightness(0) invert(1)}
.mt .nt.o .ap{background:var(--or)}
.mt .nt.g .ap{background:var(--gr)}
.mt .nt b{display:block;font-size:11.5px;color:var(--ink)}
.mt .kv{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}
.mt .kvvis{position:relative;padding:20px}
.mt .kvvis svg{width:100%;height:auto;display:block}
.mt .lst{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.mt .lst .card{padding:20px}
.mt .lst h3{margin:0 0 10px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}
.mt .lst ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--ink2)}
.mt .lst li{display:flex;gap:8px;align-items:flex-start}
.mt .lst li::before{content:'';flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--blue)}
.mt .lst .no li::before{background:#cbd5e1}
.mt .pipe{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1.2fr) 80px minmax(0,1fr);align-items:center;margin-top:20px;padding:22px}
.mt .node{border-radius:18px;background:#fff;border:1px solid var(--line);padding:14px 16px;text-align:center;box-shadow:var(--sh-card)}
.mt .node b{display:block;font-size:14px}
.mt .node span{display:block;margin-top:3px;font-size:12px;color:var(--gray)}
.mt .node .ttl{position:relative;width:54px;height:54px;margin:10px auto 0}
.mt .node .ttl svg{width:54px;height:54px;transform:rotate(-90deg)}
.mt .ttlc{fill:none;stroke:var(--blue);stroke-width:5;stroke-linecap:round;stroke-dasharray:151;animation:ttl 8s linear infinite}
@keyframes ttl{from{stroke-dashoffset:0}to{stroke-dashoffset:151}}
.mt .node .ttl em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700}
.mt .lane2{position:relative;height:40px;overflow:hidden}
.mt .lane2 i{position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:2px;background:var(--blue2);animation:raw 1.6s linear infinite}
.mt .lane2 i:nth-child(2){animation-delay:.4s;margin-top:-12px}
.mt .lane2 i:nth-child(3){animation-delay:.8s;margin-top:4px}
.mt .lane2 i:nth-child(4){animation-delay:1.2s}
@keyframes raw{from{left:-10px}to{left:100%}}
.mt .lane2.sum i{width:28px;height:12px;margin-top:-6px;border-radius:9999px;background:var(--gr);animation:raw 3.2s linear infinite}
.mt .lane2.sum i:nth-child(2){animation-delay:1.6s;margin-top:-6px}
.mt .laws{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}
.mt .hatch{fill:url(#hatch)}
.mt .kd1{animation:kd1 9s ease-in-out infinite}
.mt .kd2{animation:kd2 9s ease-in-out infinite}
.mt .kd3{animation:kd3 9s ease-in-out infinite}
@keyframes kd1{0%{transform:translate(0,0);opacity:1}30%{transform:translate(170px,0);opacity:1}34%,62%{transform:translate(200px,0);opacity:0}66%{transform:translate(170px,0);opacity:1}100%{transform:translate(0,0);opacity:1}}
@keyframes kd2{0%,20%{transform:translate(0,0);opacity:1}48%{transform:translate(0,-88px);opacity:1}52%,80%{transform:translate(0,-108px);opacity:0}84%{transform:translate(0,-88px);opacity:1}100%{transform:translate(0,0);opacity:1}}
@keyframes kd3{0%,10%{transform:translate(0,0);opacity:1}40%{transform:translate(0,92px);opacity:1}44%,75%{transform:translate(0,112px);opacity:0}80%{transform:translate(0,92px);opacity:1}100%{transform:translate(0,0);opacity:1}}
.mt .vanish{fill:none;stroke:#94a3b8;stroke-width:2;transform-box:fill-box;transform-origin:center;opacity:0}
.mt .v1{animation:v1 9s linear infinite}
.mt .v2{animation:v2 9s linear infinite}
.mt .v3{animation:v3 9s linear infinite}
@keyframes v1{0%,31%{opacity:0;transform:scale(.5)}33%{opacity:.9}40%,100%{opacity:0;transform:scale(2.2)}}
@keyframes v2{0%,49%{opacity:0;transform:scale(.5)}51%{opacity:.9}58%,100%{opacity:0;transform:scale(2.2)}}
@keyframes v3{0%,41%{opacity:0;transform:scale(.5)}43%{opacity:.9}50%,100%{opacity:0;transform:scale(2.2)}}
.mt .pkgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mt .pkg{padding:26px}
.mt .pkg .tg{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.mt .pkg h3{margin:6px 0 0;font-size:18px;font-weight:600}
.mt .pkg .pp{margin:10px 0 0;font-size:48px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--blue)}
.mt .pkg .pp small{font-size:15px;font-weight:500;color:var(--gray);letter-spacing:0;margin-left:6px}
.mt .pkg .sub{margin:6px 0 0;font-size:13px;color:var(--gray)}
.mt .pkg ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--ink2)}
.mt .pkg li{display:flex;gap:10px;align-items:center}
.mt .pkg li svg{flex:none;width:18px;height:18px;color:var(--blue)}
.mt .pkg.dark{background:var(--navy);border-color:var(--navy);color:#fff;position:relative;overflow:hidden}
.mt .pkg.dark .tg{color:#7dd3fc}
.mt .pkg.dark .pp{color:#7dd3fc}
.mt .pkg.dark .sub, .mt .pkg.dark .pp small{color:#cbd5e1}
.mt .pkg.dark ul{color:#e2e8f0}
.mt .pkg.dark li svg{color:#7dd3fc}
.mt .pkg.dark::after{content:'';position:absolute;inset:-60% auto -60% -80%;width:55%;transform:rotate(18deg);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.14),rgba(255,255,255,0));animation:sheen 6.5s ease-in-out infinite}
@keyframes sheen{0%,55%{left:-80%;opacity:0}70%{opacity:1}85%,100%{left:130%;opacity:0}}
.mt .cost{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;margin-top:20px}
.mt .bigs{display:flex;flex-direction:column;gap:12px}
.mt .bg{padding:22px 24px}
.mt .bg .v{font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1}
.mt .bg .d{margin-top:8px;font-size:14px;color:var(--gray)}
.mt .bg.dark{background:var(--navy);border-color:var(--navy)}
.mt .bg.dark .v{color:#7dd3fc}
.mt .bg.dark .d{color:#cbd5e1}
.mt .items{padding:24px}
.mt .items h3{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.mt .it{margin-bottom:12px}
.mt .it .t{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
.mt .it .t b{font-weight:600}
.mt .it .t span{color:var(--gray)}
.mt .it .tr2{margin-top:5px;height:9px;border-radius:9999px;background:#e8ecf3;overflow:hidden}
.mt .it .tr2 i{display:block;height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--blue3),var(--blue2));width:var(--w);transform-origin:left;animation:grow 1.8s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--dl)}
.mt .cmp{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.mt .roi{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;margin-top:20px}
.mt .chart{padding:24px}
.mt .chart svg{width:100%;height:auto;display:block}
.mt .cl{fill:none;stroke:var(--blue);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:640;animation:draw 2.6s cubic-bezier(.22,1,.36,1) .3s both}
@keyframes draw{from{stroke-dashoffset:640}to{stroke-dashoffset:0}}
.mt .gl{stroke:#e8e9ec;stroke-width:1}
.mt .ax{font-size:11px;fill:#8c8c8c;font-family:inherit}
.mt .be{fill:var(--or);transform-box:fill-box;transform-origin:center;animation:bep 1.8s ease-in-out infinite}
@keyframes bep{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
.mt .mk{fill:#fff;stroke:var(--blue);stroke-width:4}
.mt .calc{padding:24px;display:flex;flex-direction:column;gap:14px}
.mt .calc label{font-size:13px;font-weight:600;color:var(--ink2)}
.mt .calc input[type=range]{width:100%;accent-color:var(--blue);height:28px}
.mt .calc .out1{font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1}
.mt .calc .out2{font-size:13.5px;color:var(--gray)}
.mt .verdict{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;border-radius:9999px;padding:6px 12px;font-size:13px;font-weight:600}
.mt .yerli{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}
.mt .yb{padding:26px}
.mt .yb h3{margin:0 0 16px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.mt .yr{display:grid;grid-template-columns:150px 1fr 74px;gap:12px;align-items:center;margin-bottom:12px;font-size:13px}
.mt .ystep{list-style:none;margin:0 0 12px;padding:0;counter-reset:ys}
.mt .ystep li{counter-increment:ys;display:grid;grid-template-columns:28px 110px 1fr;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.mt .ystep li::before{content:counter(ys);font-size:12px;font-weight:600;color:var(--faint);font-variant-numeric:tabular-nums}
.mt .ystep b{font-weight:600}
.mt .ystep span{color:var(--gray)}
.mt .yr .tr2{height:12px;border-radius:9999px;background:#e8ecf3;overflow:hidden}
.mt .yr .tr2 i{display:block;height:100%;border-radius:9999px;background:linear-gradient(90deg,#16a34a,#4ade80);width:var(--w);transform-origin:left;animation:grow 1.8s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--dl)}
.mt .yr .tr2 i.c{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}
.mt .yr b{text-align:right;font-variant-numeric:tabular-nums}
.mt .firms{display:flex;flex-direction:column;gap:12px}
.mt .firm{padding:18px 20px}
.mt .firm h4{margin:0;font-size:15px;font-weight:600}
.mt .firm p{margin:4px 0 0;font-size:13px;color:var(--gray);line-height:1.45}
@property --w{syntax:'<integer>';inherits:false;initial-value:1}
.mt .gantt{position:relative;padding:24px 28px 18px}
.mt .gr{display:grid;grid-template-columns:190px repeat(14,minmax(0,1fr));align-items:center}
.mt .gr>*{grid-row:1}
.mt .ruler{padding-bottom:8px}
.mt .ruler span{font-size:11.5px;font-weight:600;color:var(--faint);text-align:center;font-variant-numeric:tabular-nums}
.mt .ruler span:first-child{text-align:left;letter-spacing:.14em;text-transform:uppercase;font-size:11px}
.mt .lane{height:54px;border-top:1px dashed rgba(15,23,42,.09)}
.mt .lane .lb{grid-column:1/2;display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:var(--ink)}
.mt .lane .lb i{flex:none;width:30px;height:30px;border-radius:9px;background:#fff;display:grid;place-items:center;color:var(--blue);box-shadow:var(--sh-card)}
.mt .lane .lb i svg{width:17px;height:17px}
.mt .gb{position:relative;height:24px;margin:0 3px;border-radius:9999px;background:rgba(37,99,235,.13);overflow:hidden}
.mt .gb.dash{background:repeating-linear-gradient(90deg,rgba(37,99,235,.15) 0 10px,rgba(37,99,235,.05) 10px 20px)}
.mt .gb b{position:absolute;inset:0;border-radius:9999px;background:linear-gradient(90deg,var(--blue),var(--blue2));transform-origin:left;transform:scaleX(0)}
.mt .gb s{position:absolute;top:5px;width:10px;height:14px;margin-left:-12px;border-radius:2px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);text-decoration:none}
.mt .g1 b{animation:g1 14s linear infinite}
.mt .g2 b{animation:g2 14s linear infinite}
.mt .g3 b{animation:g3 14s linear infinite}
.mt .g4 b{animation:g4 14s linear infinite}
.mt .g5 b{animation:g5 14s linear infinite}
@keyframes g1{0%{transform:scaleX(0)}7.1%,97%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes g2{0%,7.1%{transform:scaleX(0)}14.3%,97%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes g3{0%,14.3%{transform:scaleX(0)}35.7%,97%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes g4{0%,35.7%{transform:scaleX(0)}42.9%,97%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes g5{0%,42.9%{transform:scaleX(0)}97%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.mt .kapi{position:relative;z-index:2;justify-self:start;margin-left:-14px;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--navy);white-space:nowrap}
.mt .kapi i{width:16px;height:16px;transform:rotate(45deg);border-radius:3px;border:2.5px solid var(--navy);background:#fff}
.mt .ka i{animation:ka 14s linear infinite}
.mt .kb i{animation:kbk 14s linear infinite}
@keyframes ka{0%,42.5%{background:#fff;box-shadow:none}43.5%,97%{background:var(--gr);border-color:var(--gr);box-shadow:0 0 0 6px rgba(22,163,74,.18)}100%{background:#fff}}
@keyframes kbk{0%,70.5%{background:#fff;box-shadow:none}71.5%,97%{background:var(--gr);border-color:var(--gr);box-shadow:0 0 0 6px rgba(22,163,74,.18)}100%{background:#fff}}
.mt .ph{position:absolute;top:16px;bottom:14px;left:218px;right:28px;pointer-events:none}
.mt .ph i{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--or);--w:1;counter-reset:w var(--w);animation:phm 14s linear infinite,phw 14s steps(14,end) infinite}
.mt .ph i::after{content:'Hafta ' counter(w);position:absolute;top:-4px;left:6px;padding:2px 8px;border-radius:9999px;background:var(--or);color:#fff;font-size:11px;font-weight:700;white-space:nowrap}
@keyframes phm{from{left:0}to{left:100%}}
@keyframes phw{from{--w:1}to{--w:15}}
.mt .phs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}
.mt .pc{padding:12px 12px 18px;border:1.5px solid rgba(15,23,42,.05)}
.mt .pv{position:relative;height:118px;border-radius:14px;background:#fff;border:1px solid var(--line);overflow:hidden}
.mt .pv svg{width:100%;height:100%;display:block}
.mt .pc .wkl{margin:14px 4px 0;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.mt .pc h4{margin:4px 4px 0;font-size:17px;font-weight:600}
.mt .pc p{margin:4px 4px 0;font-size:13.5px;line-height:1.45;color:var(--gray)}
.mt .pc .wkl{color:var(--blue)}
.mt .c1{animation:c1 14s linear infinite}
.mt .c2{animation:c2 14s linear infinite}
.mt .c3{animation:c3 14s linear infinite}
.mt .c4{animation:c4 14s linear infinite}
.mt .c5{animation:c5 14s linear infinite}
@keyframes c1{0%,7%{border-color:var(--blue);background:#fff;transform:translateY(-4px)}7.2%,100%{border-color:rgba(15,23,42,.05);background:var(--card);transform:none}}
@keyframes c2{0%,7%{border-color:rgba(15,23,42,.05);background:var(--card);transform:none}7.2%,14.2%{border-color:var(--blue);background:#fff;transform:translateY(-4px)}14.4%,100%{border-color:rgba(15,23,42,.05);background:var(--card);transform:none}}
@keyframes c3{0%,14.2%{border-color:rgba(15,23,42,.05);background:var(--card);transform:none}14.4%,35.6%{border-color:var(--blue);background:#fff;transform:translateY(-4px)}35.8%,100%{border-color:rgba(15,23,42,.05);background:var(--card);transform:none}}
@keyframes c4{0%,35.6%{border-color:rgba(15,23,42,.05);background:var(--card);transform:none}35.8%,42.8%{border-color:var(--blue);background:#fff;transform:translateY(-4px)}43%,100%{border-color:rgba(15,23,42,.05);background:var(--card);transform:none}}
@keyframes c5{0%,42.8%{border-color:rgba(15,23,42,.05);background:var(--card);transform:none}43%,99%{border-color:var(--blue);background:#fff;transform:translateY(-4px)}100%{border-color:rgba(15,23,42,.05);background:var(--card);transform:none}}
.mt .draw{fill:none;stroke:var(--blue);stroke-width:3;stroke-linejoin:round;stroke-dasharray:600;animation:drawp 4s ease-in-out infinite}
@keyframes drawp{0%{stroke-dashoffset:600}60%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.mt .mfade{fill:#e3ecfd;stroke:#93c5fd;opacity:0;animation:mfade 4s ease-out infinite}
@keyframes mfade{0%,55%{opacity:0}65%,95%{opacity:1}100%{opacity:0}}
.mt .mag{animation:mag 4s ease-in-out infinite}
@keyframes mag{0%{transform:translate(0,0)}33%{transform:translate(60px,-30px)}66%{transform:translate(80px,6px)}100%{transform:translate(0,0)}}
.mt .pop{fill:#fff;stroke:var(--blue);stroke-width:2.5;transform-box:fill-box;transform-origin:center;animation:popin 3.6s cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes popin{0%{transform:scale(0)}12%,90%{transform:scale(1)}100%{transform:scale(0)}}
.mt .drop{animation:drop 3.6s cubic-bezier(.22,1,.36,1) infinite}
@keyframes drop{0%{transform:translateY(-40px);opacity:0}25%,90%{transform:none;opacity:1}100%{opacity:0}}
.mt .ln1{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;animation:lnd 3.6s ease-out infinite}
.mt .ln2{fill:none;stroke:#94a3b8;stroke-width:2;stroke-dasharray:5 4;stroke-linecap:round}
@keyframes lnd{0%{stroke-dashoffset:220}70%,100%{stroke-dashoffset:0}}
.mt .sheet{fill:#fff;stroke:#c9d3e3;stroke-width:1.5;opacity:0;animation:sheet 3.6s ease-out infinite}
@keyframes sheet{0%{opacity:0;transform:translateX(12px)}15%,92%{opacity:1;transform:none}100%{opacity:0}}
.mt .st{font-size:10px;font-weight:700;fill:var(--blue);text-anchor:middle}
.mt .lgd{position:absolute;left:10px;top:6px;display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;color:var(--ink2)}
.mt .lgd i{width:14px;height:3px;border-radius:2px;background:var(--blue)}
.mt .lgd i.g{background:#94a3b8;margin-left:6px}
.mt .cbx{fill:#fff;stroke:#94a3b8;stroke-width:1.5}
.mt .tick{fill:none;stroke:var(--gr);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;animation:tick 4s ease-out infinite}
@keyframes tick{0%,8%{stroke-dashoffset:16}16%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:16}}
.mt .doorl, .mt .doorr{fill:#dbe7fb;stroke:#2563eb;stroke-width:1.5}
.mt .doorl{animation:doorl 4s ease-in-out infinite}
.mt .doorr{animation:doorr 4s ease-in-out infinite}
@keyframes doorl{0%,55%{transform:none}70%,92%{transform:translateX(-26px)}100%{transform:none}}
@keyframes doorr{0%,55%{transform:none}70%,92%{transform:translateX(26px)}100%{transform:none}}
.mt .zf{fill:#2563eb;opacity:.06;animation:zf 4s ease-out infinite}
@keyframes zf{0%{opacity:.06}15%,90%{opacity:.32}100%{opacity:.06}}
.mt .cv{height:86px;margin-bottom:12px}
.mt .cv svg{width:100%;height:100%;display:block;overflow:visible}
.mt .ct{font-size:11px;font-weight:600;fill:var(--ink2)}
.mt .reveal{animation:reveal 4s ease-out infinite}
@keyframes reveal{0%{clip-path:inset(0 100% 0 0)}70%,92%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 0);opacity:0}}
.mt .bk, .mt .be2{transform-box:fill-box;transform-origin:left;animation:grow 2.6s cubic-bezier(.22,1,.36,1) infinite alternate}
.mt .bk{fill:var(--blue)}
.mt .be2{fill:#94a3b8;animation-delay:.2s}
.mt .sq{fill:#e8ecf3;animation:sqf 4s ease-out infinite}
.mt .sq.o{animation-name:sqo}
@keyframes sqf{0%{fill:#e8ecf3}10%,90%{fill:#2563eb}100%{fill:#e8ecf3}}
@keyframes sqo{0%{fill:#e8ecf3}10%,90%{fill:#f97316}100%{fill:#e8ecf3}}
.mt .mdot{fill:var(--blue);stroke:#fff;stroke-width:2.5;animation:mdot 5s ease-in-out infinite}
@keyframes mdot{0%,10%{transform:translateX(0)}20%{transform:translateX(70px)}30%{transform:translateX(0)}40%{transform:translateX(70px)}50%,100%{transform:translateX(0)}}
.mt .aray{stroke:var(--blue);stroke-width:1.5;stroke-dasharray:5 4;opacity:0;animation:aon 5s linear infinite}
.mt .aloc{fill:#fff;stroke:var(--blue);stroke-width:2;opacity:0;animation:aon 5s linear infinite}
@keyframes aon{0%,48%{opacity:0}55%,95%{opacity:1}100%{opacity:0}}
.mt .batt{fill:var(--gr);transform-box:fill-box;transform-origin:left;animation:batt 4s ease-in-out infinite}
@keyframes batt{0%,15%{transform:scaleX(1)}70%,100%{transform:scaleX(.93)}}
.mt .tl{position:relative;padding:28px 28px 24px}
.mt .weeks{position:relative;display:grid;grid-template-columns:1fr 1fr 3fr 1fr 2.4fr;gap:8px}
.mt .wk{position:relative;border-radius:16px;background:#fff;border:1px solid var(--line);padding:14px 14px 16px;min-height:150px;overflow:hidden}
.mt .wk .w{font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--blue);text-transform:uppercase}
.mt .wk h4{margin:6px 0 0;font-size:15.5px;font-weight:600}
.mt .wk p{margin:6px 0 0;font-size:12.5px;line-height:1.45;color:var(--gray)}
.mt .wk.dash{border-style:dashed;background:transparent}
.mt .wk::after{content:'';position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--blue);transform:scaleX(0);transform-origin:left;animation:wkf 12s linear infinite;animation-delay:var(--dl)}
@keyframes wkf{0%{transform:scaleX(0)}16%,92%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.mt .gate{position:absolute;right:10px;top:10px}
.mt .crit{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px}
.mt .cr{padding:18px}
.mt .cr h4{margin:0;font-size:14px;font-weight:600}
.mt .cr .th{margin:6px 0 0;font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--gr)}
.mt .cr p{margin:4px 0 0;font-size:13px;color:var(--gray);line-height:1.45}
.mt .cr .th.n{color:var(--navy);font-size:20px;line-height:1.2}
.mt .cr h4{font-size:15px}
.mt .gauge{margin-top:12px;height:8px;border-radius:9999px;background:linear-gradient(90deg,#dcfce7 0 var(--ok),#fee2e2 var(--ok) 100%);position:relative}
.mt .gauge i{position:absolute;top:-4px;width:4px;height:16px;border-radius:2px;background:var(--ink);animation:needle 4s ease-in-out infinite}
@keyframes needle{0%{left:90%}35%,85%{left:var(--at)}100%{left:90%}}
.mt .scope{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}
.mt .dframe{padding:40px}
.mt .urlp{display:inline-flex;align-items:center;gap:6px;border-radius:9999px;background:#f5f6f8;border:1px solid var(--line);padding:3px 12px;font-size:12px;color:#5c5c5c}
.mt .dbody{position:relative;aspect-ratio:16/9;background:#f5f6f8;display:grid;place-items:center}
.mt .dbody img, .mt .dbody video{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.mt .final{padding:140px 0 120px;text-align:center}
.mt .keycap{width:104px;height:104px;margin:0 auto 36px;border-radius:22%;background:linear-gradient(155deg,#fdfdfe 0%,#eef0f5 60%,#e3e6ee 100%);border:1px solid rgba(15,23,42,.06);box-shadow:inset 0 2px 3px rgba(255,255,255,.9),inset 0 -6px 10px rgba(148,163,184,.25),0 18px 36px -12px rgba(51,65,85,.35),0 40px 80px -24px rgba(51,65,85,.25);display:grid;place-items:center;animation:keyb 4s ease-in-out infinite}
.mt .keycap img{width:58px;height:58px}
@keyframes keyb{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.mt .foot{border-top:1px solid var(--line);background:#f5f6f8}
.mt .foot .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:28px;padding-bottom:28px;font-size:13px;color:var(--gray)}
.mt .foot .fb{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink)}
.mt .foot img{width:24px;height:24px}
.mt .rimg{position:relative;overflow:hidden;background:#d9dce1}
.mt .rimg>img.crop{position:absolute;max-width:none;height:auto;display:block}
.mt .rimg>img.full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mt .rimg>svg.ov{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.mt .rpin{--ps:24px;position:absolute;z-index:2;width:var(--ps);height:var(--ps);margin:calc(var(--ps) / -2) 0 0 calc(var(--ps) / -2);border-radius:50%;border:2px solid #fff;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.42)}
.mt .rpin img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.mt .rpin i{position:absolute;right:-3px;bottom:-3px;width:9px;height:9px;border-radius:50%;border:2px solid #fff;background:#10b981}
.mt .rpin.w i{background:#3b82f6}
.mt .rpin.a{border-color:var(--or)}
.mt .rpin.a i{background:var(--or)}
.mt .rpin.s{--ps:20px}
.mt .rpin.s i{width:7px;height:7px;right:-2px;bottom:-2px}
.mt .rj{animation:rjit 2.6s ease-in-out infinite alternate}
.mt .rj2{animation:rjit 3.3s ease-in-out infinite alternate-reverse}
@keyframes rjit{from{transform:translate(0,0)}to{transform:translate(2px,-2px)}}
.mt .rring{position:absolute;z-index:1;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;border:2px solid var(--or);animation:rping 1.6s ease-out infinite}
@keyframes rping{from{transform:scale(.8);opacity:.9}to{transform:scale(2.6);opacity:0}}
.mt .rtag{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:8px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 6px 16px -6px rgba(15,23,42,.35);font-size:11px;font-weight:600;color:var(--ink2);white-space:nowrap}
.mt .rtag .k{width:7px;height:7px}
.mt .rrest{position:absolute;z-index:1;border-radius:4px;border:1.5px dashed rgba(82,82,82,.55);background:rgba(250,250,250,.5);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.15}
.mt .rrest b{font-size:13px;font-weight:700;color:#262626}
.mt .rrest small{font-size:9.5px;font-weight:500;color:#404040}
.mt .rgw{position:absolute;z-index:1;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff;border:2px solid var(--blue);box-shadow:0 1px 3px rgba(0,0,0,.3)}
.mt .rgw::after{content:'';position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(255,255,255,.9);animation:rping 2.4s ease-out infinite}
.mt .rfork{position:absolute;z-index:2;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:6px;background:#13233f;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.4);color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center}
.mt .wplan{aspect-ratio:1496/850}
.mt .wstrip{display:flex;flex-wrap:wrap;gap:6px 18px;padding:12px 18px;font-size:12.5px;color:#5c5c5c;border-top:1px solid rgba(0,0,0,.05)}
.mt .wstrip b{font-size:15px;font-weight:600;color:#242424;margin-right:4px}
.mt .wstrip .al b{color:var(--or)}
.mt .bell .ic{overflow:hidden;border-radius:50%;padding:0}
.mt .bell .ic img{width:36px;height:36px;object-fit:cover}
.mt .hw-tolga{animation:hwT 16s ease-in-out infinite}
@keyframes hwT{0%,6%{left:12.03%}46%,54%{left:49.47%}94%,100%{left:12.03%}}
.mt .hw-serkan{animation:hwS 11s ease-in-out infinite}
@keyframes hwS{0%,10%{left:28.07%}45%,60%{left:13.03%}95%,100%{left:28.07%}}
.mt .hw-fatma{animation:hwF 9s ease-in-out infinite}
@keyframes hwF{0%,8%{left:81.22%}46%,58%{left:92.25%}96%,100%{left:81.22%}}
.mt .mvis{height:auto;aspect-ratio:1.375/1}
.mt .mvis .rimg{position:absolute;inset:0}
.mt .mvis .x{z-index:4}
.mt .nopc{position:absolute;left:8px;bottom:8px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:7px;background:rgba(255,255,255,.94);font-size:10.5px;font-weight:600;color:var(--or);box-shadow:0 2px 6px rgba(0,0,0,.2)}
.mt .nopc svg{width:13px;height:13px}
.mt .qcnt{--n:9;counter-reset:q var(--n);animation:qcount 8s steps(1) infinite}
.mt .qcnt::after{content:counter(q)}
@keyframes qcount{0%{--n:9}12%{--n:10}25%{--n:11}37%{--n:12}50%{--n:13}62%{--n:14}75%{--n:15}87%{--n:16}}
@property --n{syntax:'<integer>';inherits:false;initial-value:0}
.mt .gpsw{position:absolute;left:50%;top:50%;z-index:2;animation:gpsj 3.2s steps(1) infinite}
.mt .gpsw .r{position:absolute;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;background:rgba(37,99,235,.16);border:1.5px solid rgba(37,99,235,.7)}
.mt .gpsw .d{position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 0 0 4px rgba(37,99,235,.25)}
.mt .eng .ln{stroke:#fff;stroke-width:3;stroke-dasharray:6 6;animation:ray 1.2s linear infinite;opacity:.95}
.mt .eng .lb{position:absolute;z-index:3;padding:1px 6px;border-radius:6px;background:rgba(15,23,42,.78);color:#fff;font-size:9.5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.mt .eng .unc{position:absolute;z-index:1;width:46%;aspect-ratio:1;margin:-23% 0 0 -23%;border-radius:50%;background:rgba(37,99,235,.18);border:2px dashed rgba(255,255,255,.95);animation:engu 3s ease-in-out infinite}
@keyframes engu{0%{transform:scale(1)}60%,100%{transform:scale(.36)}}
.mt .eng .ok{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.95);font-size:11px;font-weight:600;color:var(--ink2)}
.mt .dt{width:90%;border-radius:12px;background:#fff;border:1px solid #e5e5e5;overflow:hidden;box-shadow:var(--sh-card);font-family:'Google Sans','Geist',system-ui,sans-serif}
.mt .dt .hd{padding:7px 10px;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#737373;border-bottom:1px solid #e5e5e5;background:#fafafa}
.mt .dt .rw{grid-template-columns:24px minmax(0,1fr) auto;padding:7px 10px;font-size:11px;background:linear-gradient(to right,var(--tg) 0%,transparent 60%)}
.mt .dt .rw img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.mt .dt .rw b{display:block;font-size:11.5px;font-weight:600;color:#0a0a0a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt .dt .rw small{display:block;font-size:10px;color:#737373;white-space:nowrap}
.mt .dt .rw em{font-style:normal;font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.mt .phone .ntf{display:grid;grid-template-columns:22px minmax(0,1fr);gap:7px;align-items:start}
.mt .phone .ntf img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.mt .svis .dt img, .mt .svis .ntf img{position:static;inset:auto}
.mt .dv .ico.pic{overflow:hidden;padding:0}
.mt .dv .ico.pic img{width:100%;height:100%;object-fit:cover}
.mt .tvis{height:auto;aspect-ratio:1.53/1;position:relative}
.mt .tvis .rimg{position:absolute;inset:0}
.mt .tz{position:absolute;z-index:1;border:2px solid rgba(255,255,255,.9);background:rgba(37,99,235,.28);border-radius:4px;animation:tzA 6s ease-in-out infinite}
.mt .tz.b{animation-name:tzB}
@keyframes tzA{0%,45%{background:rgba(37,99,235,.3)}50%,95%{background:rgba(37,99,235,0)}100%{background:rgba(37,99,235,.3)}}
@keyframes tzB{0%,45%{background:rgba(37,99,235,0)}50%,95%{background:rgba(37,99,235,.3)}100%{background:rgba(37,99,235,0)}}
.mt .k1walk{animation:k1w 6s ease-in-out infinite}
@keyframes k1w{0%,30%{top:32.4%}50%,80%{top:82.4%}100%{top:32.4%}}
.mt .tunc{position:absolute;z-index:1;border-radius:50%;background:rgba(37,99,235,.2);border:1.5px dashed rgba(255,255,255,.95);transform:translate(-50%,-50%);animation:unc2 2.4s ease-in-out infinite}
@keyframes unc2{0%,100%{transform:translate(-50%,-50%) scale(.92)}50%{transform:translate(-50%,-50%) scale(1.08)}}
.mt .k2jit{animation:jit 1.8s steps(1) infinite}
.mt .aoa{position:absolute;z-index:2;width:12px;height:12px;margin:-6px 0 0 -6px;transform:rotate(45deg);background:#fff;border:2px solid var(--blue);border-radius:2px}
.mt .tray{stroke:#fff;stroke-width:2.5;stroke-dasharray:7 6;animation:ray 1.2s linear infinite}
.mt .anch{position:absolute;z-index:2;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;border:2.5px solid var(--navy)}
.mt .ttof{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:14 600;animation:ttof 1.4s linear infinite}
@keyframes ttof{from{stroke-dashoffset:614}to{stroke-dashoffset:0}}
.mt .fring{position:absolute;z-index:1;width:17%;aspect-ratio:1;margin:-8.5% 0 0 -8.5%;border-radius:50%;border:2px dashed #fff;animation:fring 5s ease-in-out infinite}
@keyframes fring{0%,40%{border-color:#fff;background:rgba(255,255,255,.08)}50%,75%{border-color:var(--or);background:rgba(234,88,12,.22)}85%,100%{border-color:#fff;background:rgba(255,255,255,.08)}}
.mt .k4walk{animation:k4w 5s ease-in-out infinite}
@keyframes k4w{0%,10%{left:31.9%;top:66.8%}45%,75%{left:46.8%;top:50%}95%,100%{left:31.9%;top:66.8%}}
.mt .rscene{aspect-ratio:1536/1024;border-radius:20px;box-shadow:var(--sh-float)}
.mt .scn .scene{height:auto;padding:16px}
.mt .ins{position:absolute;inset:0;z-index:2;animation:ins 21s linear infinite}
@keyframes ins{0%,84%{opacity:1}86%,99.5%{opacity:0}100%{opacity:1}}
.mt .sc-ch{opacity:0}
.mt .sc-ch.c1{left:50%;top:70%;animation:sch1 21s linear infinite}
.mt .sc-ch.c2{left:22%;top:58%;animation:sch2 21s linear infinite}
.mt .sc-ch.c3{left:17%;top:22%;animation:sch3 21s linear infinite}
.mt .sc-ch.c4{left:62%;top:78%;animation:sch4 21s linear infinite}
.mt .sc-ch.c5{left:60%;top:50%;animation:sch5 21s linear infinite}
.mt .sc-ch.c6{left:12%;top:83%;animation:sch6 21s linear infinite}
@keyframes sch1{0%,2%{opacity:0}3%,15%{opacity:1}16%,100%{opacity:0}}
@keyframes sch2{0%,25.5%{opacity:0}26.5%,33%{opacity:1}34%,100%{opacity:0}}
@keyframes sch3{0%,46.5%{opacity:0}47.5%,49.8%{opacity:1}50.5%,100%{opacity:0}}
@keyframes sch4{0%,57%{opacity:0}58%,64%{opacity:1}65%,100%{opacity:0}}
@keyframes sch5{0%,69%{opacity:0}70%,82.5%{opacity:1}83.5%,100%{opacity:0}}
@keyframes sch6{0%,94.5%{opacity:0}95.5%,99.5%{opacity:1}100%{opacity:0}}
.mt .sdoor{position:absolute;z-index:1;left:48.18%;top:78.1%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;border:3px solid var(--blue);opacity:0;animation:sdoor 21s linear infinite}
@keyframes sdoor{0%{opacity:.9;transform:scale(.5)}4.5%{opacity:0;transform:scale(3)}4.51%{opacity:.9;transform:scale(.5)}9%{opacity:0;transform:scale(3)}9.01%{opacity:.9;transform:scale(.5)}13.5%,100%{opacity:0;transform:scale(3)}}
.mt .se1{animation:se1 21s ease-in-out infinite}
.mt .se2{animation:se2 21s ease-in-out infinite}
.mt .se3{animation:se3 21s ease-in-out infinite}
@keyframes se1{0%{left:48.18%;top:96.7%;opacity:0}1%{opacity:1}5%{left:48.18%;top:78.1%}8%{left:48.18%;top:53.2%}12%,99%{left:29.95%;top:50.8%;opacity:1}99.5%{opacity:0}100%{left:48.18%;top:96.7%;opacity:0}}
@keyframes se2{0%,1.5%{left:48.18%;top:96.7%;opacity:0}2.5%{opacity:1}6.5%{left:48.18%;top:78.1%}9.5%{left:48.18%;top:53.2%}14%,99%{left:83.98%;top:20%;opacity:1}99.5%{opacity:0}100%{left:48.18%;top:96.7%;opacity:0}}
@keyframes se3{0%,3%{left:48.18%;top:96.7%;opacity:0}4%{opacity:1}8%{left:48.18%;top:78.1%}11%,66.7%{left:39.06%;top:68.4%;opacity:1}70%{left:52%;top:58.6%}73%{left:57.3%;top:58.6%;opacity:1}75%,99.5%{left:58.6%;top:60%;opacity:0}100%{left:48.18%;top:96.7%;opacity:0}}
.mt .skemal{animation:skemal 21s ease-in-out infinite}
@keyframes skemal{0%,16.6%{left:65.1%;top:45.9%}18.6%{left:65.1%;top:53.22%}23.5%{left:26.04%;top:53.22%}25%{left:26.04%;top:62.5%}26.5%,33%{left:19.53%;top:69.53%}35%{left:26.04%;top:53.22%}41.5%{left:65.1%;top:53.22%}43.5%,100%{left:65.1%;top:45.9%}}
.mt .skring{left:19.53%;top:69.53%;opacity:0;animation:rping 1.6s ease-out infinite,skr 21s linear infinite}
@keyframes skr{0%,26%{visibility:hidden}26.5%,33%{visibility:visible}33.5%,100%{visibility:hidden}}
.mt .sbooth{position:absolute;z-index:1;left:2.6%;top:54.2%;width:22.5%;height:23%;border-radius:4px;background:rgba(234,88,12,.35);border:2px solid var(--or);opacity:0;animation:sbooth 21s linear infinite}
@keyframes sbooth{0%,26%{opacity:0}27.5%{opacity:1}29%{opacity:.3}30.5%{opacity:1}32%{opacity:.3}33.5%{opacity:.9}35%,100%{opacity:0}}
.mt .sstill{position:absolute;z-index:1;left:14%;top:32.23%;width:44px;height:44px;margin:-22px 0 0 -22px;opacity:0;animation:sstill 21s linear infinite}
.mt .sstill svg{width:44px;height:44px;transform:rotate(-90deg)}
.mt .sstill .bg{fill:none;stroke:rgba(255,255,255,.75);stroke-width:4}
.mt .sstill .fg{fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-dasharray:126;stroke-dashoffset:126;animation:sstillf 21s linear infinite}
@keyframes sstill{0%,33.3%{opacity:0}34%,49.6%{opacity:1}50%,100%{opacity:0}}
@keyframes sstillf{0%,34%{stroke-dashoffset:126;stroke:var(--blue)}46.5%{stroke-dashoffset:0;stroke:var(--blue)}47%,100%{stroke-dashoffset:0;stroke:var(--or)}}
.mt .sali{animation:sali 21s ease-in-out infinite}
@keyframes sali{0%,53%{left:76.82%;top:74.22%}57%,62%{left:81.71%;top:68.36%}65%,100%{left:76.82%;top:74.22%}}
.mt .shalo{position:absolute;z-index:1;left:85.29%;top:65.92%;width:9%;aspect-ratio:1;margin:-4.5% 0 0 -4.5%;border-radius:50%;border:2px dashed #fff;background:rgba(255,255,255,.1);animation:shalo 21s linear infinite}
@keyframes shalo{0%,57%{border-color:#fff;background:rgba(255,255,255,.1)}57.5%,63.5%{border-color:var(--or);background:rgba(234,88,12,.25)}64%,100%{border-color:#fff;background:rgba(255,255,255,.1)}}
.mt .smerve{animation:smerve 21s ease-in-out infinite}
@keyframes smerve{0%,67.6%{left:54.69%;top:48.83%;opacity:1}70%{left:54.69%;top:53.22%}74%{left:57.3%;top:58.6%;opacity:1}75.5%,99.5%{left:58.4%;top:60%;opacity:0}100%{left:54.69%;top:48.83%;opacity:1}}
.mt .szeynep{animation:szeynep 21s ease-in-out infinite}
@keyframes szeynep{0%,68.2%{left:74.87%;top:48.83%;opacity:1}70.5%{left:74.87%;top:53.22%}73.5%{left:59%;top:53.22%}75.5%{left:58.2%;top:58.6%;opacity:1}76.5%,99.5%{left:58.4%;top:60%;opacity:0}100%{left:74.87%;top:48.83%;opacity:1}}
.mt .srest .n0, .mt .srest .n3{display:block}
.mt .srest .n3{display:none}
.mt .srest .cnt3{position:relative;height:16px;width:100%}
.mt .srest .cnt3 b{position:absolute;left:0;right:0}
.mt .srest .z{animation:sz0 21s linear infinite}
.mt .srest .t{animation:sz3 21s linear infinite;opacity:0}
@keyframes sz0{0%,75.5%{opacity:1}76.5%,99%{opacity:0}100%{opacity:1}}
@keyframes sz3{0%,75.5%{opacity:0}76.5%,99%{opacity:1}100%{opacity:0}}
.mt .salarm{position:absolute;z-index:3;left:1.95%;top:2.93%;width:96.35%;height:75.2%;border:6px solid var(--or);border-radius:6px;opacity:0;animation:salarm 21s linear infinite;pointer-events:none}
@keyframes salarm{0%,83.3%{opacity:0}85%{opacity:.9}88%{opacity:.3}91%{opacity:.9}94%{opacity:.3}97%{opacity:.9}100%{opacity:0}}
.mt .srun{opacity:0;animation:srun 21s cubic-bezier(.45,0,.55,1) infinite}
.mt .srun.r2{animation-delay:.35s}
.mt .srun.r3{animation-delay:.7s}
.mt .srun.r4{animation-delay:1.05s}
@keyframes srun{0%,83.4%{left:48.18%;top:62%;opacity:0}84%{left:48.18%;top:62%;opacity:1}88%{left:48.18%;top:78.1%}90%{left:48.18%;top:84%}95.5%{left:9.5%;top:90.5%;opacity:1}97%,100%{left:9.5%;top:90.5%;opacity:0}}
.mt .sasm{position:absolute;z-index:1;left:7.49%;top:91.31%;width:76px;height:76px;margin:-38px 0 0 -38px;opacity:0;animation:sasm 21s linear infinite}
.mt .sasm svg{width:76px;height:76px;transform:rotate(-90deg)}
.mt .sasm .bg{fill:none;stroke:rgba(255,255,255,.7);stroke-width:6}
.mt .sasm .fg{fill:none;stroke:#16a34a;stroke-width:6;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220;animation:sasmf 21s linear infinite}
@keyframes sasm{0%,85%{opacity:0}86%,99.6%{opacity:1}100%{opacity:0}}
@keyframes sasmf{0%,86%{stroke-dashoffset:220}97%,100%{stroke-dashoffset:0}}
.mt .ssafe{position:absolute;z-index:2;opacity:0;animation:ssafe 21s linear infinite}
@keyframes ssafe{0%,92.5%{opacity:0}94%,99.5%{opacity:1}100%{opacity:0}}
.mt .sct{flex:none;width:44px;height:44px;border-radius:12px;background-color:#d9dce1;background-repeat:no-repeat;background-image:url(saha/tesis.jpg);position:relative;overflow:hidden;border:1px solid rgba(15,23,42,.08)}
.mt .sct.t1{background-size:483px auto;background-position:-214px -239px}
.mt .sct.t2{background-size:225px auto;background-position:-9px -82px}
.mt .sct.t3{background-size:338px auto;background-position:-20px -44px}
.mt .sct.t4{background-size:483px auto;background-position:-390px -192px}
.mt .sct.t5{background-size:483px auto;background-position:-275px -176px}
.mt .sct.t6{background-size:483px auto;background-position:-14px -272px}
.mt .sct.t5::after{content:'';position:absolute;inset:0;background:rgba(245,245,245,.4);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}
.mt .mod.rm{width:168px;margin-left:-84px;margin-top:-30px;align-items:flex-start;padding:9px 10px;font-size:12.5px}
.mt .mod.rm img{flex:none;width:26px;height:26px;border-radius:50%;object-fit:cover}
.mt .mod.rm small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:118px}
.mt .ctr .thumb{width:76px;height:52px;border-radius:10px;object-fit:cover;border:1px solid rgba(15,23,42,.08);margin:0 auto 6px;display:block}
.mt .nt .ap.pic{background:none;overflow:hidden;border-radius:50%}
.mt .nt .ap.pic img{width:26px;height:26px;object-fit:cover;filter:none}
.mt .kscene{aspect-ratio:1536/1024;border-radius:16px;box-shadow:var(--sh-float)}
.mt .kveil{position:absolute;left:0;right:0;top:82%;bottom:0;z-index:1;background:rgba(30,35,48,.42);-webkit-mask-image:radial-gradient(circle at 7.5% 52%,transparent 28px,#000 30px);mask-image:radial-gradient(circle at 7.5% 52%,transparent 28px,#000 30px)}
.mt .kvtag{position:absolute;z-index:3;right:3%;top:89%;padding:4px 9px;border-radius:9999px;background:rgba(15,23,42,.72);color:#fff;font-size:11px;font-weight:500;white-space:nowrap}
.mt .krest .cnt2{position:relative;height:16px;width:100%}
.mt .krest .cnt2 b{position:absolute;left:0;right:0}
.mt .krest .c2{animation:kc2 12s linear infinite}
.mt .krest .c3{animation:kc3 12s linear infinite;opacity:0}
@keyframes kc2{0%,41%{opacity:1}43%,83%{opacity:0}85%,100%{opacity:1}}
@keyframes kc3{0%,41%{opacity:0}43%,83%{opacity:1}85%,100%{opacity:0}}
.mt .kgulay{animation:kgulay 12s ease-in-out infinite}
@keyframes kgulay{0%{left:41.7%;top:53.2%;opacity:1}30%{left:56.3%;top:53.2%;opacity:1}38%{left:57.9%;top:57.1%;opacity:1}42%,80%{left:58.6%;top:59%;opacity:0}84%{left:57.9%;top:57.1%;opacity:1}92%{left:56.3%;top:53.2%;opacity:1}100%{left:41.7%;top:53.2%;opacity:1}}
.mt .kali{animation:kali 14s ease-in-out infinite}
@keyframes kali{0%{left:76.8%;top:58.6%;opacity:1}8%{left:76.8%;top:53.5%;opacity:1}36%{left:48.2%;top:53.5%;opacity:1}54%{left:48.2%;top:77.1%;opacity:1}60%,92%{left:48.2%;top:86%;opacity:0}93%{left:76.8%;top:58.6%;opacity:0}97%,100%{left:76.8%;top:58.6%;opacity:1}}
.mt .kf1{left:47.5%;top:47%;opacity:0;animation:kf1 12s ease-in-out infinite}
@keyframes kf1{0%,39%{opacity:0;transform:translateY(4px)}43%,62%{opacity:1;transform:none}66%,100%{opacity:0}}
.mt .kf2{left:50.5%;top:74%;opacity:0;animation:kf2 14s ease-in-out infinite}
@keyframes kf2{0%,55%{opacity:0;transform:translateY(4px)}59%,80%{opacity:1;transform:none}84%,100%{opacity:0}}
.mt .lst li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center}
.mt .lst li::before{display:none}
.mt .kth{width:48px;height:48px;border-radius:10px;border:1px solid rgba(15,23,42,.08);background-color:#e5e7eb;background-repeat:no-repeat;position:relative;overflow:hidden;display:grid;place-items:center;color:#6b7280}
.mt .kth svg{width:20px;height:20px}
.mt .kth.u, .mt .kth.d, .mt .kth.k, .mt .kth.t, .mt .kth.r, .mt .kth.o{background-image:url(saha/tesis.jpg)}
.mt .kth.u{background-size:461px auto;background-position:-162px -24px}
.mt .kth.d{background-size:461px auto;background-position:-26px -17px}
.mt .kth.k{background-size:527px auto;background-position:-226px -264px}
.mt .kth.t{background-size:527px auto;background-position:-15px -297px}
.mt .kth.r{background-size:527px auto;background-position:-300px -192px}
.mt .kth.o{background-size:527px auto;background-position:-309px -288px}
.mt .kth.r::after, .mt .kth.o::after{content:'';position:absolute;inset:0;background:rgba(245,245,245,.45);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}
.mt .kth.o::after{background:rgba(30,35,48,.42)}
.mt .pipe{grid-template-columns:minmax(0,1fr) 72px minmax(0,1.25fr) 72px minmax(0,1.15fr)}
.mt .knode{border-radius:18px;background:#fff;border:1px solid var(--line);padding:14px 16px;box-shadow:var(--sh-card);min-height:182px;display:flex;flex-direction:column}
.mt .knode h4{margin:0;font-size:14px;font-weight:600}
.mt .knode p{margin:2px 0 0;font-size:12px;color:var(--gray)}
@media (max-width:760px){.mt .klane{height:34px}}
.mt .kbadge{position:relative;flex:1;min-height:96px;margin-top:8px;border-radius:12px;overflow:hidden;background:#eef2f8}
.mt .kbadge img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.mt .kled{position:absolute;left:51.8%;top:34%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid rgba(59,130,246,.85);animation:kled 1s ease-out infinite}
.mt .kled.b{animation-delay:.5s}
@keyframes kled{from{transform:scale(.6);opacity:1}to{transform:scale(5);opacity:0}}
.mt .klane{position:relative;height:56px;overflow:hidden}
.mt .klane i{position:absolute;top:50%;margin-top:-9px;height:18px;padding:0 6px;border-radius:5px;background:#fff;border:1px solid #bfdbfe;font:500 10px/16px ui-monospace,SFMono-Regular,Menlo,monospace;color:#1d4ed8;font-style:normal;white-space:nowrap;animation:kraw 2.4s linear infinite}
.mt .klane i:nth-child(2){animation-delay:.8s;margin-top:-24px}
.mt .klane i:nth-child(3){animation-delay:1.6s;margin-top:6px}
@keyframes kraw{from{left:-60px}to{left:100%}}
.mt .klane.sum i{border-color:#bbf7d0;color:#15803d;animation-duration:4.8s;margin-top:-9px}
.mt .klane.sum i:nth-child(2){animation-delay:2.4s;margin-top:-9px}
.mt .klog{position:relative;flex:none;margin-top:8px;border-radius:10px;background:#0f1013;overflow:hidden;height:104px}
.mt .klog .kf{animation:kfeed 14s linear infinite}
@keyframes kfeed{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.mt .klog .r{display:grid;grid-template-columns:62px 40px minmax(0,1fr);gap:8px;padding:3px 10px;font:400 10.5px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c7d2fe;white-space:nowrap}
.mt .klog .r span:last-child{color:#94a3b8;overflow:hidden;text-overflow:ellipsis}
.mt .klog::after{content:'';position:absolute;left:0;right:0;bottom:0;height:28px;background:linear-gradient(to bottom,rgba(15,16,19,0),#0f1013)}
.mt .kkeep{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:var(--gray)}
.mt .kkeep svg{width:22px;height:22px;transform:rotate(-90deg)}
.mt .kttl{fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-dasharray:57;animation:kttl 8s linear infinite}
@keyframes kttl{from{stroke-dashoffset:0}to{stroke-dashoffset:57}}
.mt .kmrow{margin-top:8px;border-radius:12px;border:1px solid #e5e5e5;overflow:hidden;background:#fff;font-family:'Google Sans','Geist',system-ui,sans-serif}
.mt .kmrow .hd{padding:7px 12px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#737373;border-bottom:1px solid #e5e5e5;background:#fafafa}
.mt .kmrow .kr{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(to right,rgba(16,185,129,.1) 0%,rgba(16,185,129,.02) 40%,transparent 100%);border-bottom:1px solid rgba(229,229,229,.5)}
.mt .kmrow .kr:last-child{border-bottom:0}
.mt .kmrow img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}
.mt .kmrow .b{flex:1;min-width:0}
.mt .kmrow b{display:block;font-size:13px;font-weight:600}
.mt .kmrow small{display:block;font-size:11px;color:#737373;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt .kmrow em{font-style:normal;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#059669}
.mt .yimg{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin-bottom:18px;background:#eef2f8}
.mt .cvm{animation:cvm 5s ease-in-out infinite}
@keyframes cvm{0%,15%{left:25%}35%,65%{left:71.67%}85%,100%{left:25%}}
.mt .pv{height:auto;aspect-ratio:1536/1024}
.mt .pv .rimg{position:absolute;inset:0}
.mt .scanl{position:absolute;z-index:2;top:0;bottom:0;width:3px;background:#fff;box-shadow:0 0 14px 4px rgba(37,99,235,.55);animation:scanl 4s ease-in-out infinite}
@keyframes scanl{0%{left:0}70%,100%{left:100%}}
.mt .zo{position:absolute;z-index:1;border:2px solid #fff;border-radius:3px;opacity:0;animation:zo 4s ease-out infinite}
@keyframes zo{0%,20%{opacity:0}35%,92%{opacity:1}100%{opacity:0}}
.mt .zl{position:absolute;z-index:1;background:rgba(37,99,235,.42);border:1.5px solid #fff;border-radius:3px;opacity:.0;animation:zl 5s ease-out infinite}
@keyframes zl{0%{opacity:0}12%,90%{opacity:1}100%{opacity:0}}
.mt .gwc{position:absolute;right:8px;top:8px;z-index:2;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.95);font-size:11px;font-weight:600;color:var(--ink2);font-variant-numeric:tabular-nums;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.mt .gwc .gc{--n:0;counter-reset:g var(--n);animation:gcount 4s steps(20,end) infinite}
.mt .gwc .gc::after{content:counter(g)}
@keyframes gcount{from{--n:0}75%,to{--n:20}}
.mt .cmpt{position:absolute;inset:8px;display:flex;flex-direction:column;gap:5px;font-family:'Google Sans','Geist',system-ui,sans-serif}
.mt .cmpt .cr2{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:6px;align-items:center;padding:4px 6px;border-radius:8px;background:#fff;border:1px solid #eef0f3;font-size:10px;opacity:0;animation:cmpin 6s ease-out infinite}
.mt .cmpt .cr2:nth-child(2){animation-delay:.6s}
.mt .cmpt .cr2:nth-child(3){animation-delay:1.2s}
@keyframes cmpin{0%{opacity:0;transform:translateY(6px)}10%,90%{opacity:1;transform:none}100%{opacity:0}}
.mt .cmpt img{width:20px;height:20px;border-radius:50%;object-fit:cover}
.mt .cmpt b{font-weight:600;color:#0a0a0a;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt .cmpt small{color:#737373;white-space:nowrap}
.mt .cmpt em{font-style:normal;font-weight:700;color:#15803d;font-size:10px}
.mt .rep{position:absolute;inset:8px;border-radius:10px;background:#fff;border:1px solid #eef0f3;padding:8px 10px;display:flex;flex-direction:column;gap:5px;font-size:10.5px;color:var(--ink2)}
.mt .rep .rr2{display:flex;align-items:center;gap:6px}
.mt .rep .rr2 svg{width:14px;height:14px;flex:none}
.mt .rep .stamp{position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:6px;border:2px solid var(--gr);color:var(--gr);font-size:11px;font-weight:700;transform:rotate(-6deg);opacity:0;animation:stamp 4s ease-out infinite}
@keyframes stamp{0%,55%{opacity:0;transform:rotate(-6deg) scale(1.6)}65%,92%{opacity:1;transform:rotate(-6deg) scale(1)}100%{opacity:0}}
@supports (animation-timeline:view()){.mt .rv{animation:revealUp linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
@keyframes revealUp{from{opacity:0;transform:translateY(44px) scale(.97)}to{opacity:1;transform:none}}}
@media (max-width:1100px){.mt .bells{display:none}
.mt .flow{grid-template-columns:repeat(3,minmax(0,1fr))}
.mt .rail{display:none}
.mt .tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
.mt .crit{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.mt .prob, .mt .scn, .mt .integ, .mt .kv, .mt .cost, .mt .roi, .mt .yerli{grid-template-columns:minmax(0,1fr)}
.mt .stats, .mt .dev, .mt .pkgs{grid-template-columns:minmax(0,1fr)}
.mt .weeks{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.mt .hubbox{min-height:0}}
@media (max-width:760px){.mt .nav{padding:14px 16px}
.mt .nav .l{display:none}
.mt .nav .cta{min-height:44px}
.mt .hin{padding:118px 16px 0}
.mt .lead{font-size:1rem}
.mt .wrap{padding:0 16px}
.mt .widget{margin-top:46px}
.mt .kpis{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px;padding:18px 18px 4px}
.mt .zones{grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 18px 18px}
.mt .sec{padding-top:84px}
.mt .head{margin-bottom:32px}
.mt .flow{grid-template-columns:minmax(0,1fr)}
.mt .tiers, .mt .lst, .mt .crit{grid-template-columns:minmax(0,1fr)}
.mt .weeks{grid-template-columns:minmax(0,1fr)}
.mt .meth{grid-template-columns:96px minmax(0,1fr)}
.mt .scene{height:330px}
.mt .stage{--s:.42}
.mt .hubbox{padding:12px}
.mt .hub{transform:scale(.6);transform-origin:center;margin:-84px -112px}
.mt .pipe{grid-template-columns:minmax(0,1fr);gap:4px}
.mt .lane2{height:28px;transform:rotate(90deg);width:28px;margin:0 auto}
.mt .yr{grid-template-columns:110px 1fr 64px}
.mt .dframe{padding:12px}
.mt .dbody{aspect-ratio:3/4}
.mt .final{padding:96px 0 84px}}
@media (max-width:1100px){.mt .phs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.mt .scene{--k:.5;--cx:13px}
.mt .zlab{font-size:10px;padding:1px 7px}
.mt .gantt{padding:18px 12px 14px}
.mt .gr{grid-template-columns:84px repeat(14,minmax(0,1fr))}
.mt .lane .lb{font-size:11.5px}
.mt .lane .lb i{display:none}
.mt .ruler span{font-size:9.5px}
.mt .ph{left:96px;right:12px}
.mt .ph i::after{font-size:10px}
.mt .kapi{font-size:0;gap:0;margin-left:-8px}
.mt .phs{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.mt *, .mt *::before, .mt *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.mt .dbody{aspect-ratio:auto!important;height:900px}
.mt .dbody iframe{display:block;width:100%;height:100%;border:0;background:#f5f6f8}
@media (max-width:760px){.mt .dbody{height:760px}}