/* صفحة «مميزات الموقع»: قسم الطقم features، ونفس التصور المعتمد. كل قاعدةٍ داخل .tzf */
.tzf{--deep:#0b2a1c;--deep2:#112e1b;--ac:#08702b;--lime:#9bd05a;--lime2:#c6ec8e;--ink:#132018;--mu:#5c6b60;--paper:#f4f7f1;--card:#ffffff;--ln:#e1e8dc;--gold:#c9a24a;color-scheme:light}
.tzf *{box-sizing:border-box}
.tzf [hidden]{display:none!important}
.tzf{margin:0;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.85;direction:rtl}
.tzf h1,.tzf h2,.tzf h3{text-wrap:balance;color:inherit}
.tzf .pg{background:var(--paper)}
.tzf .wrap{max-width:1180px;margin:0 auto;padding-inline:16px}
.tzf .hero{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 80% -10%,#1f6b3e 0,transparent 60%),radial-gradient(900px 500px at 0% 110%,#2d5a1c 0,transparent 55%),var(--deep);color:#eef6ea;padding-block:70px 90px}
.tzf .hero .grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px;align-items:center}
.tzf .kick{display:inline-flex;gap:8px;align-items:center;background:#ffffff14;border-radius:99px;padding:5px 14px;font-size:13px;color:var(--lime2)}
.tzf .kick i{width:8px;height:8px;border-radius:50%;background:var(--lime);animation:tzf-pulse 1.8s infinite}
@keyframes tzf-pulse{0%{box-shadow:0 0 0 0 #9bd05a99}70%{box-shadow:0 0 0 10px #9bd05a00}100%{box-shadow:0 0 0 0 #9bd05a00}}
.tzf .hero h1{font-size:clamp(30px,4.4vw,52px);line-height:1.3;margin:16px 0 14px}
.tzf .hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--lime),#e9f7c9,var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:tzf-shine 4s linear infinite}
@keyframes tzf-shine{to{background-position:-200% 0}}
.tzf .hero p.lead{color:#c3d8c1;font-size:17px;max-width:54ch;margin:0 0 24px}
.tzf .cta{display:flex;flex-wrap:wrap;gap:10px}
.tzf .btn{display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:12px 24px;font-weight:700;text-decoration:none;font-size:15px;border:0;cursor:pointer;font-family:inherit}
.tzf .btn.p{background:var(--lime);color:var(--deep)}
.tzf .btn.g{background:#ffffff14;color:#eef6ea}
.tzf .orbit{position:relative;aspect-ratio:1;max-width:440px;margin-inline:auto;width:100%}
.tzf .orbit .core{position:absolute;inset:36%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2f8f55,#0d3a22);display:grid;place-items:center;text-align:center;box-shadow:0 0 0 12px #ffffff08,0 0 60px #9bd05a33;font-weight:700;font-size:18px;line-height:1.4}
.tzf .orbit .ring{position:absolute;inset:10%;border:1px dashed #ffffff26;border-radius:50%;animation:tzf-spin 40s linear infinite}
.tzf .orbit .ring.r2{inset:24%;animation-duration:28s;animation-direction:reverse}
@keyframes tzf-spin{to{transform:rotate(360deg)}}
.tzf .orbit .chip{position:absolute;top:0;left:0;will-change:transform}
.tzf .orbit .chip{background:#ffffffeb;color:var(--deep);border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:700;white-space:nowrap;box-shadow:0 8px 20px #0004;z-index:2}
.tzf .orbit .chip.in{background:var(--lime);}
.tzf .ticker{position:absolute;bottom:0;inset-inline:0;background:#00000033;border-top:1px solid #ffffff14;overflow:hidden;white-space:nowrap;font-size:13.5px;color:#cfe3c8;padding:9px 0}
.tzf .ticker div{display:inline-block;padding-inline-start:100%;animation:tzf-tick 34s linear infinite}
.tzf .ticker b{color:var(--lime);margin-inline:18px 6px}
@keyframes tzf-tick{to{transform:translateX(100%)}}
.tzf .sec{padding-block:70px}
.tzf .sh{text-align:center;max-width:720px;margin:0 auto 34px}
.tzf .sh .k{color:var(--ac);font-weight:700;font-size:13.5px;letter-spacing:.3px}
.tzf .sh h2{font-size:clamp(24px,3vw,36px);margin:6px 0 8px;line-height:1.4}
.tzf .sh p{color:var(--mu);margin:0}
.tzf .vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:stretch}
.tzf .vs .col{background:var(--card);border-radius:22px;padding:22px}
.tzf .vs .old{filter:grayscale(1);opacity:.75}
.tzf .vs h3{margin:0 0 12px;font-size:18px}
.tzf .vs ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.tzf .vs li{display:flex;gap:10px;align-items:center;font-size:14.5px}
.tzf .vs li i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700}
.tzf .vs .old li i{background:#e7e7e7;color:#888}
.tzf .vs .new li i{background:#e3f3d4;color:var(--ac)}
.tzf .vs .mid{display:grid;place-items:center}
.tzf .vs .mid span{width:56px;height:56px;border-radius:50%;background:var(--deep);color:var(--lime);display:grid;place-items:center;font-size:22px;animation:tzf-nudge 1.6s ease-in-out infinite}
@keyframes tzf-nudge{50%{transform:translateX(-6px)}}
.tzf .fg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tzf .f{background:var(--card);border-radius:22px;padding:20px;position:relative;overflow:hidden;transition:transform .35s}
.tzf .f:hover{transform:translateY(-4px)}
.tzf .f .viz{height:120px;border-radius:16px;background:var(--paper);margin-bottom:14px;position:relative;overflow:hidden;display:grid;place-items:center}
.tzf .f h3{margin:0 0 4px;font-size:17px}
.tzf .f p{margin:0;color:var(--mu);font-size:14px}
.tzf .f .tag{position:absolute;top:14px;inset-inline-start:14px;background:var(--deep);color:var(--lime);font-size:11.5px;font-weight:700;border-radius:99px;padding:2px 10px;z-index:2}
.tzf .f.wide{grid-column:span 2}
.tzf .wave{display:flex;gap:4px;align-items:center;height:60px}
.tzf .wave i{width:5px;border-radius:4px;background:var(--ac);animation:tzf-wv 1.1s ease-in-out infinite}
@keyframes tzf-wv{0%,100%{height:12px}50%{height:58px}}
.tzf .radar{width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,#0d3a22 0 30%,#0b2a1c 31% 60%,#0d3a22 61%);position:relative;box-shadow:inset 0 0 0 1px #9bd05a44}
.tzf .radar::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#9bd05a88,transparent 25%);animation:tzf-spin 2.6s linear infinite}
.tzf .radar b{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:tzf-blip 2.6s infinite}
@keyframes tzf-blip{0%,100%{opacity:.2}40%{opacity:1}}
.tzf .mini-tick{width:100%;padding:0 12px;display:grid;gap:7px}
.tzf .mini-tick div{height:22px;border-radius:8px;background:#fff;display:flex;align-items:center;gap:8px;padding-inline:8px;font-size:11.5px;font-weight:600;animation:tzf-slide 6s ease-in-out infinite;opacity:0}
.tzf .mini-tick div:nth-child(2){animation-delay:2s}
.tzf .mini-tick div:nth-child(3){animation-delay:4s}
.tzf .mini-tick em{font-style:normal;color:#fff;border-radius:99px;padding:0 7px;font-size:10.5px}
@keyframes tzf-slide{0%{opacity:0;transform:translateY(10px)}10%,60%{opacity:1;transform:none}75%,100%{opacity:0;transform:translateY(-10px)}}
.tzf .env{position:relative;width:110px;height:76px;background:#fff;border-radius:10px;box-shadow:0 8px 20px #0b2a1c22}
.tzf .env::before{content:"";position:absolute;inset:0 0 auto;height:40px;background:linear-gradient(135deg,transparent 49%,#e1e8dc 50%) left/50% 100% no-repeat,linear-gradient(225deg,transparent 49%,#e1e8dc 50%) right/50% 100% no-repeat}
.tzf .env .fly{position:absolute;top:-20px;inset-inline-end:-26px;background:var(--ac);color:#fff;font-size:11px;font-weight:700;border-radius:99px;padding:2px 9px;animation:tzf-fly 3s ease-in-out infinite}
@keyframes tzf-fly{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes tzf-grow{0%{transform:scaleY(.2)}50%{transform:scaleY(1)}100%{transform:scaleY(.2)}}
.tzf .flt{width:100%;padding:0 12px}
.tzf .flt .ch{display:flex;gap:6px;margin-bottom:8px}
.tzf .flt .ch span{font-size:11px;font-weight:700;border-radius:99px;padding:2px 9px;background:#fff;color:var(--mu)}
.tzf .flt .ch span.on{background:var(--deep);color:var(--lime);animation:chip 4s infinite}
.tzf .flt .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tzf .flt .cards i{height:30px;border-radius:7px;background:#fff;animation:tzf-fl 4s infinite}
.tzf .flt .cards i:nth-child(odd){animation-name:tzf-flo}
@keyframes tzf-fl{0%,100%{opacity:1}50%{opacity:1}}
@keyframes tzf-flo{0%,30%{opacity:1;transform:none}45%,85%{opacity:.15;transform:scale(.85)}100%{opacity:1}}
.tzf .rings{display:flex;gap:14px}
.tzf .rg{--p:70;width:62px;height:62px;border-radius:50%;background:conic-gradient(var(--ac) calc(var(--p)*1%),#e1e8dc 0);display:grid;place-items:center;animation:tzf-ring 5s ease-in-out infinite}
.tzf .rg span{width:46px;height:46px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:11px;font-weight:700}
@property --p{syntax:'<number>';inherits:false;initial-value:0}
@keyframes tzf-ring{0%{--p:0}40%,80%{--p:var(--to)}100%{--p:0}}
.tzf .lnk{display:flex;gap:8px;align-items:center;background:#fff;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:600;box-shadow:0 6px 16px #0b2a1c14}
.tzf .lnk b{color:var(--ac)}
.tzf .lnk em{font-style:normal;font-size:11.5px;background:#e3f3d4;color:var(--ac);border-radius:99px;padding:1px 9px;animation:tzf-okp 4s infinite}
.tzf .tl{width:100%;padding:0 18px;position:relative}
.tzf .tl .ln{height:6px;border-radius:9px;background:#e1e8dc;overflow:hidden}
.tzf .tl .ln i{display:block;height:100%;background:linear-gradient(90deg,var(--ac),var(--lime));animation:tzf-tlg 6s ease-in-out infinite}
@keyframes tzf-tlg{0%{width:8%}70%,100%{width:42%}}
.tzf .tl .dots{display:flex;justify-content:space-between;margin-top:-12px}
.tzf .tl .dots b{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #e1e8dc}
.tzf .tl .dots b.d{border-color:var(--ac);background:var(--ac)}
.tzf .tl .lb{display:flex;justify-content:space-between;font-size:10.5px;color:var(--mu);margin-top:6px;font-weight:600}
.tzf .chn{display:flex;gap:22px;align-items:center}
.tzf .chn span{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:700;position:relative}
.tzf .chn span::after{content:"";position:absolute;inset:-6px;border-radius:20px;border:2px solid currentColor;opacity:0;animation:tzf-rip 2.4s infinite}
.tzf .chn .wa{background:#1fa855;color:#1fa855}
.tzf .chn .tg{background:#2a9fd6;color:#2a9fd6}
.tzf .chn .ml{background:var(--ac);color:var(--ac)}
.tzf .chn span svg{color:#fff}
.tzf .chn .tg::after{animation-delay:.8s}
.tzf .chn .ml::after{animation-delay:1.6s}
@keyframes tzf-rip{0%{opacity:.7;transform:scale(.9)}100%{opacity:0;transform:scale(1.35)}}
.tzf .type{font-size:13px;font-weight:600;color:var(--ink);padding:26px 16px 0;width:100%}
.tzf .type .l{height:9px;border-radius:5px;background:#dfe8d8;margin:7px 0;width:0;animation:tzf-typ 5s steps(16) infinite}
.tzf .type .l:nth-child(3){animation-delay:.6s}
.tzf .type .l:nth-child(4){animation-delay:1.2s;max-width:70%}
@keyframes tzf-typ{0%{width:0}50%,90%{width:100%}100%{width:100%}}
.tzf .type .ok{display:inline-flex;gap:5px;align-items:center;font-size:11.5px;color:var(--ac);background:#e3f3d4;border-radius:99px;padding:1px 9px;animation:tzf-okp 5s infinite}
@keyframes tzf-okp{0%,55%{opacity:0}65%,100%{opacity:1}}
.tzf .tech{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:0 10px}
.tzf .tech span{background:#fff;border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:700;color:var(--deep);animation:tzf-float 4s ease-in-out infinite}
.tzf .tech span:nth-child(2n){animation-delay:.7s}
.tzf .tech span:nth-child(3n){animation-delay:1.4s}
@keyframes tzf-float{50%{transform:translateY(-5px)}}
.tzf .trip{background:var(--deep);color:#eef6ea;border-radius:28px;padding:34px 22px;position:relative;overflow:hidden}
.tzf .trip .steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;position:relative}
.tzf .trip .line{position:absolute;top:31px;inset-inline:6%;height:2px;background:#ffffff1f}
.tzf .trip .line i{position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime);animation:tzf-run 6s linear infinite}
@keyframes tzf-run{from{inset-inline-start:0}to{inset-inline-start:100%}}
.tzf .trip .st{text-align:center;position:relative}
.tzf .trip .st b{width:62px;height:62px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff22;font-size:20px;color:var(--lime);animation:tzf-lit 6s infinite}
.tzf .trip .st:nth-child(3) b{animation-delay:1s}
.tzf .trip .st:nth-child(4) b{animation-delay:2s}
.tzf .trip .st:nth-child(5) b{animation-delay:3s}
.tzf .trip .st:nth-child(6) b{animation-delay:4s}
.tzf .trip .st:nth-child(7) b{animation-delay:5s}
@keyframes tzf-lit{0%,12%{background:var(--lime);color:var(--deep)}20%,100%{background:#ffffff12;color:var(--lime)}}
.tzf .trip .st h4{margin:0;font-size:14.5px}
.tzf .trip .st p{margin:2px 0 0;font-size:12.5px;color:#b8cdb9}
.tzf .week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.tzf .week div{background:var(--card);border-radius:16px;padding:12px 8px;text-align:center;font-size:12.5px;color:var(--mu)}
.tzf .week b{display:block;color:var(--ink);font-size:13.5px;margin-bottom:6px}
.tzf .week i{display:block;font-style:normal;margin:4px auto;border-radius:99px;padding:1px 6px;font-size:11px;font-weight:700;width:max-content;max-width:100%}
.tzf .week .n{background:#e3f3d4;color:var(--ac)}
.tzf .week .a{background:#fff2d9;color:#8a6414}
.tzf .week .e{background:var(--deep);color:var(--lime)}
.tzf .week .fri{outline:2px solid var(--lime);animation:tzf-glow 2.4s ease-in-out infinite}
@keyframes tzf-glow{50%{box-shadow:0 0 0 6px #9bd05a33}}
.tzf .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tzf .stat{background:var(--card);border-radius:20px;padding:20px;text-align:center}
.tzf .stat b{display:block;font-size:34px;color:var(--ac);line-height:1.2;font-variant-numeric:tabular-nums}
.tzf .stat span{color:var(--mu);font-size:13.5px}
.tzf .final{background:linear-gradient(135deg,#0b2a1c,#14432a);color:#eef6ea;border-radius:28px;padding:40px 24px;text-align:center}
.tzf .final h2{margin:0 0 10px;font-size:clamp(22px,3vw,32px)}
.tzf .final p{color:#c3d8c1;margin:0 0 20px}
.tzf .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.tzf .reveal.in{opacity:1;transform:none}
.tzf .ft .ba{position:relative;aspect-ratio:16/6;max-width:100%;border-radius:26px;overflow:hidden;box-shadow:0 30px 60px -36px #0b2a1c99;user-select:none;touch-action:pan-y;background:#ddd}
.tzf .ft .scr{position:absolute;inset:0;display:flex;flex-direction:column}
.tzf .ft .chrome{height:34px;flex:none;display:flex;align-items:center;gap:6px;padding-inline:14px;font-size:12px}
.tzf .ft .chrome i{width:10px;height:10px;border-radius:50%;background:#0002}
.tzf .ft .chrome span{margin-inline-start:10px;background:#0000000f;border-radius:99px;padding:1px 14px;direction:ltr}
.tzf .ft .old{background:#eceeec;filter:grayscale(1)}
.tzf .ft .old .chrome{background:#d9dcd9;color:#777}
.tzf .ft .old .body{padding:22px 26px;display:grid;gap:10px;align-content:start}
.tzf .ft .old .ln{height:10px;border-radius:6px;background:#c9ccc9}
.tzf .ft .w40{width:40%}
.tzf .ft .w60{width:60%}
.tzf .ft .w70{width:70%}
.tzf .ft .w80{width:80%}
.tzf .ft .w90{width:90%}
.tzf .ft .old .blk{height:70px;border-radius:10px;background:#d4d7d4;margin-block:6px}
.tzf .ft .old .stale{justify-self:start;font-size:12.5px;color:#888;border:1px dashed #aaa;border-radius:8px;padding:2px 10px;margin-top:6px}
.tzf .ft .new{background:radial-gradient(700px 300px at 85% 0,#1f6b3e,transparent 60%),var(--deep);color:#eef6ea;clip-path:inset(0 0 0 var(--x))}
.tzf .ft .new .chrome{background:#ffffff10;color:#cfe3c8}
.tzf .ft .new .chrome span{background:#ffffff14}
.tzf .ft .live{margin-inline-start:auto;font-size:11px;background:#d93a3a;color:#fff;border-radius:99px;padding:0 9px;animation:tzf-pulse 1.8s infinite}
.tzf .ft .tk{height:30px;flex:none;overflow:hidden;white-space:nowrap;background:#00000033;font-size:12.5px;line-height:30px}
.tzf .ft .tk div{display:inline-block;padding-inline-start:100%;animation:tzf-tick 18s linear infinite}
.tzf .ft .tk em{font-style:normal;background:#d93a3a;color:#fff;border-radius:99px;padding:1px 8px;font-size:11px;margin-inline:16px 6px}
.tzf .ft .tk em.s{background:#2b7a8c}
.tzf .ft .tk em.p{background:#6a4a8c}
.tzf .ft .new .body{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 22px}
.tzf .ft .card{background:#ffffff12;border:1px solid #ffffff1c;border-radius:16px;padding:12px 14px;display:grid;align-content:space-between;gap:8px;animation:tzf-rise 4.5s ease-in-out infinite}
.tzf .ft .card.b{animation-delay:.6s}
.tzf .ft .card.c{animation-delay:1.2s}
@keyframes tzf-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.tzf .ft .card b{font-size:13px;color:#fff}
.tzf .ft .wv{display:flex;gap:4px;align-items:center;height:64px}
.tzf .ft .wv i{width:5px}
.tzf .ft .wv i{width:4px;border-radius:3px;background:var(--lime);animation:tzf-wv 1.1s ease-in-out infinite}
.tzf .ft .wv i:nth-child(2n){animation-delay:.15s}
.tzf .ft .wv i:nth-child(3n){animation-delay:.3s}
.tzf .ft .wv i:nth-child(4n){animation-delay:.45s}
.tzf .ft .rg2{display:flex;gap:8px}
.tzf .ft .rg2 i{--p:0;width:38px;height:38px;border-radius:50%;background:conic-gradient(var(--lime) calc(var(--p)*1%),#ffffff1f 0);-webkit-mask:radial-gradient(circle,transparent 11px,#000 12px);mask:radial-gradient(circle,transparent 11px,#000 12px);animation:tzf-ring 5s ease-in-out infinite}
.tzf .ft .rd{width:46px;height:46px;border-radius:50%;background:#0d3a22;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #9bd05a55}
.tzf .ft .rd::before{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,#9bd05a99,transparent 28%);animation:tzf-spin 2.4s linear infinite}
.tzf .ft .toast{position:absolute;inset-inline-end:22px;background:#fff;color:var(--deep);border-radius:12px;padding:7px 12px;font-size:12px;font-weight:700;box-shadow:0 12px 26px #0006;opacity:0;animation:tzf-toast 8s ease-in-out infinite}
.tzf .ft .t1{bottom:18px}
.tzf .ft .t2{bottom:58px;animation-delay:4s}
@keyframes tzf-toast{0%,8%{opacity:0;transform:translateY(10px)}14%,40%{opacity:1;transform:none}48%,100%{opacity:0;transform:translateY(-6px)}}
.tzf .ft .tag-l,.tzf .ft .tag-r{position:absolute;bottom:14px;font-size:12.5px;font-weight:700;border-radius:99px;padding:3px 12px;z-index:3;pointer-events:none}
.tzf .ft .tag-l{left:14px;background:#fff;color:#666}
.tzf .ft .tag-r{right:14px;background:var(--lime);color:var(--deep)}
.tzf .ft .handle{position:absolute;top:0;bottom:0;left:var(--x);width:0;z-index:4;cursor:ew-resize}
.tzf .ft .handle::before{content:"";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:linear-gradient(var(--lime),#fff,var(--lime));box-shadow:0 0 16px var(--lime)}
.tzf .ft .handle span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:var(--lime);color:var(--deep);display:grid;place-items:center;font-size:20px;font-weight:700;box-shadow:0 8px 22px #0006,0 0 0 6px #9bd05a40;animation:tzf-pulse 2s infinite}
.tzf .ft .handle:focus-visible span{outline:3px solid #fff}
.tzf .ft .rows{display:grid;gap:10px;margin-top:22px}
.tzf .ft .row{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:14px;align-items:center;background:var(--card);border-radius:18px;padding:12px 16px}
.tzf .ft .was{position:relative;justify-self:start;color:#8a948c;font-size:14.5px;animation:tzf-wasA 6s var(--d) infinite}
.tzf .ft .was::after{content:"";position:absolute;inset-inline-start:0;top:52%;height:2px;width:0;background:#c24a4a;border-radius:2px;animation:tzf-strike 6s var(--d) infinite}
@keyframes tzf-strike{0%,10%{width:0}25%,85%{width:100%}100%{width:0}}
@keyframes tzf-wasA{0%,10%{opacity:1}25%,85%{opacity:.45}100%{opacity:1}}
.tzf .ft .go{position:relative;height:2px;background:linear-gradient(90deg,var(--lime),#e1e8dc)}
.tzf .ft .go i{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);transform:translate(50%,-50%);right:0;opacity:0;animation:tzf-cross 6s var(--d) infinite}
@keyframes tzf-cross{0%,20%{right:0;opacity:0}24%{opacity:1}42%{right:100%;opacity:1}46%,100%{right:100%;opacity:0}}
.tzf .ft .now{justify-self:end;font-weight:700;font-size:14.5px;color:var(--ink);border-radius:99px;padding:4px 14px;background:#f1f6ec;animation:tzf-nowA 6s var(--d) infinite}
@keyframes tzf-nowA{0%,40%{background:#f1f6ec;color:var(--mu);box-shadow:none}48%,85%{background:var(--deep);color:var(--lime);box-shadow:0 0 0 5px #9bd05a33}100%{background:#f1f6ec;color:var(--mu)}}
@media (max-width:900px){.tzf .ft .ba{aspect-ratio:4/3}
.tzf .ft .new .body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tzf .ft .card.c{display:none}}
@media (max-width:600px){.tzf .ft .ba{aspect-ratio:3/4}
.tzf .ft .new .body{grid-template-columns:minmax(0,1fr)}
.tzf .ft .card.c{display:grid}
.tzf .ft .row{grid-template-columns:minmax(0,1fr);gap:6px;text-align:center}
.tzf .ft .was,.tzf .ft .now{justify-self:center}
.tzf .ft .go{width:60%;justify-self:center;transform:rotate(0)}}
@media (max-width:900px){.tzf .hero .grid{grid-template-columns:minmax(0,1fr)}
.tzf .fg{grid-template-columns:repeat(2,minmax(0,1fr))}
.tzf .trip .steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}
.tzf .trip .line{display:none}
.tzf .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.tzf .week{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:600px){.tzf .fg{grid-template-columns:minmax(0,1fr)}
.tzf .f.wide{grid-column:auto}
.tzf .vs{grid-template-columns:minmax(0,1fr)}
.tzf .vs .mid span{transform:rotate(-90deg);animation:none}
.tzf .trip .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.tzf .week{grid-template-columns:repeat(2,minmax(0,1fr))}
.tzf .orbit{max-width:330px}
.tzf .orbit .chip{font-size:11px;padding:4px 9px}}
@media (prefers-reduced-motion:reduce){.tzf *{animation:none!important;transition:none!important}
.tzf .reveal{opacity:1;transform:none}}
.tzf .hero{padding-top:150px}
@media (max-width:600px){.tzf .hero{padding-top:120px}}
/* القسم يبدأ من أعلى الصفحة تحت الرأس الشفاف: بلا حشو القسم العام */
.xs.xt-sitefeat{padding:0!important;background:none}