.tp-scene{container-type:inline-size;margin-top:8px}
.tp-cards{--u:calc(100cqw/81.71);--orange:#ff6900;--orange-soft:#ffdfca;--green:#4d8c35;--muted:#777;
 position:relative;width:100%;aspect-ratio:81.71/33.81;display:grid;grid-template-columns:32.33% 32.33% 31.70%;
 justify-content:space-between;align-items:start;direction:rtl;font-family:Reg,Arial,sans-serif}
.tp-card{position:relative;width:100%;height:100%;overflow:hidden;display:grid;grid-template-rows:72.2% 27.8%;
 border:calc(var(--u)*0.075) solid rgb(255 233 218/96%);border-radius:calc(var(--u)*1.59);background:#fff;
 box-shadow:calc(var(--u)*0.32) calc(var(--u)*1.77) calc(var(--u)*1.42) rgb(44 35 29/11%),0 calc(var(--u)*0.27) calc(var(--u)*0.42) rgb(44 35 29/3.5%)}
.tp-card:last-child{height:98.5%;margin-top:.76%}
.tp-panel{position:relative;margin-inline:2.55%;overflow:hidden;border-radius:calc(var(--u)*1.28) calc(var(--u)*1.28) calc(var(--u)*1.08) calc(var(--u)*1.08);
 background:radial-gradient(circle at 50% 78%,rgb(255 225 207/30%),transparent 47%),linear-gradient(180deg,rgb(255 255 255/96%),rgb(255 248 243/94%))}
.tp-card:last-child .tp-panel{margin-inline:2%;background:radial-gradient(circle at 74% 46%,rgb(255 225 204/70%),transparent 48%),linear-gradient(180deg,rgb(255 255 255/96%),rgb(255 242 232/97%))}
.tp-copy{position:relative;padding:7.1% 8.4% 6.5%}
.tp-copy h3{margin:0 0 1.6%;color:#292929;font:400 calc(var(--u)*1.86)/1.3 Bla,Arial,sans-serif;white-space:nowrap}
.tp-card:last-child .tp-copy h3{font-size:calc(var(--u)*2.17)}
.tp-copy p{margin:0;color:var(--muted);font:400 calc(var(--u)*1.39)/1.5 Med,Reg,Arial,sans-serif}
.tp-icon{position:absolute;inset-inline-end:auto;left:8.4%;bottom:22.5%;width:8.2%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--orange-soft);color:var(--orange)}
.tp-spark{position:relative;width:52%;aspect-ratio:1}
.tp-spark::before,.tp-spark::after{content:"";position:absolute;border-radius:999px;background:currentColor}
.tp-spark::before{top:41%;left:0;width:100%;height:18%}.tp-spark::after{top:0;left:41%;width:18%;height:100%}
.tp-timeline{position:absolute;top:5.7%;left:20.8%;width:58.4%;display:flex;justify-content:space-between;align-items:center;direction:rtl;color:#f27624;font:400 calc(var(--u)*0.66) Med,Arial,sans-serif}
.tp-timeline i{width:20%;border-top:calc(var(--u)*0.05) dashed rgb(190 139 96/70%)}
.tp-bars{position:absolute;left:5.9%;right:5.9%;bottom:12%;height:62%;display:flex;align-items:flex-end;justify-content:space-between;direction:ltr}
.tp-bars i{width:2.4%;height:var(--h);border-radius:999px;background:rgb(255 219 196/64%)}
.tp-bars i.on{width:2.6%;background:var(--orange);box-shadow:0 0 calc(var(--u)*0.28) rgb(255 105 0/24%)}
.tp-chip{position:absolute;top:15.5%;left:46.2%;width:14%;height:7.6%;display:grid;place-items:center;border:calc(var(--u)*0.12) solid #fff;border-radius:999px;background:var(--orange);
 box-shadow:0 0 0 calc(var(--u)*0.055) var(--orange),0 calc(var(--u)*0.42) calc(var(--u)*0.4) rgb(69 38 18/24%);color:#fff;font:400 calc(var(--u)*0.8) Med,Arial,sans-serif;direction:ltr}
.tp-axis{position:absolute;left:7.7%;right:7.2%;bottom:5.2%;display:flex;justify-content:space-between;direction:ltr;color:#888;font:400 calc(var(--u)*0.62) Med,Arial,sans-serif}
.tp-ahead{position:absolute;top:8.2%;inset-inline-start:6.2%;display:flex;align-items:center;gap:calc(var(--u)*1.02);color:var(--orange);font:400 calc(var(--u)*1.4) Bla,Arial,sans-serif}
.tp-badge{width:calc(var(--u)*2.16);aspect-ratio:1;border-radius:50%;background:var(--orange-soft);display:grid;place-items:center}
.tp-badge .tp-spark{width:48%;background:currentColor;filter:blur(calc(var(--u)*0.035));clip-path:polygon(47% 0,53% 0,58% 28%,65% 35%,72% 42%,100% 47%,100% 53%,72% 58%,65% 65%,58% 72%,53% 100%,47% 100%,42% 72%,35% 65%,28% 58%,0 53%,0 47%,28% 42%,35% 35%,42% 28%)}
.tp-badge .tp-spark::before,.tp-badge .tp-spark::after{content:none}
.tp-q{position:absolute;top:21.5%;inset-inline-start:6.2%;margin:0;color:#151515;font:400 calc(var(--u)*1.4)/1.2 Med,Arial,sans-serif}
.tp-prompt{position:absolute;top:32%;inset-inline-start:6.2%;width:87.2%;height:35.8%;padding:4.7% 4.2%;border:calc(var(--u)*0.06) solid #beb4ae;border-radius:calc(var(--u)*0.86);background:rgb(255 255 255/32%);color:var(--muted);font:400 calc(var(--u)*1.05)/1.7 Reg,Arial,sans-serif}
.tp-auto{position:absolute;top:78.1%;inset-inline-start:6.2%;min-width:38%;height:11.6%;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*0.6);padding-inline:calc(var(--u)*1);border-radius:999px;
 background:linear-gradient(100deg,#ff9b5b,#ff8840 38%,#ff6b05);box-shadow:0 calc(var(--u)*0.9) calc(var(--u)*1.35) rgb(255 105 0/52%),0 calc(var(--u)*0.3) calc(var(--u)*0.46) rgb(255 105 0/31%),0 0 calc(var(--u)*0.82) calc(var(--u)*0.08) rgb(255 118 30/24%);color:#fff;font:400 calc(var(--u)*1.05) Med,Arial,sans-serif}
.tp-auto canvas{flex:0 0 auto;width:calc(var(--u)*1.5);height:calc(var(--u)*1.46)}
.tp-cursor{position:absolute;top:85.7%;left:46%;width:4.3%;aspect-ratio:.72;z-index:3;isolation:isolate;
 filter:drop-shadow(0 0 calc(var(--u)*0.075) #fff) drop-shadow(0 0 calc(var(--u)*0.075) #fff) drop-shadow(calc(var(--u)*0.08) calc(var(--u)*0.16) calc(var(--u)*0.08) rgb(0 0 0/48%))}
.tp-cursor::before,.tp-cursor::after{content:"";position:absolute;clip-path:polygon(0 0,94% 62%,57% 67%,38% 100%)}
.tp-cursor::before{inset:0;background:#050505}.tp-cursor::after{inset:-11%;z-index:-1;background:#fff}
.tp-flow-icon{position:relative;width:54%;height:58%;background:linear-gradient(var(--orange),var(--orange)) center/48% 18% no-repeat}
.tp-flow-icon::before,.tp-flow-icon::after{content:"";position:absolute;width:34%;height:70%;border-radius:999px;background:var(--orange)}
.tp-flow-icon::before{left:4%;top:24%}.tp-flow-icon::after{right:4%;top:6%}
.tp-metric{position:absolute;top:7.8%;inset-inline-start:5.2%}
.tp-metric small{display:block;margin-bottom:calc(var(--u)*0.57);color:#676767;font:400 calc(var(--u)*0.95) Reg,Arial,sans-serif}
.tp-mrow{display:flex;align-items:center;gap:calc(var(--u)*1.02)}
.tp-mrow strong{color:var(--orange);font:400 calc(var(--u)*2.1)/1.1 Bla,Arial,sans-serif;direction:ltr}
.tp-mrow span{margin-top:calc(var(--u)*0.78);color:var(--green);font:400 calc(var(--u)*0.98) Med,Arial,sans-serif}
.tp-flow{position:absolute;top:39%;left:0;width:100%;height:53%;display:block;pointer-events:none;transform:scaleX(-1)}
.tp-tag{position:absolute;z-index:2;height:8.3%;display:grid;place-items:center;border-radius:999px;background:rgb(255 255 255/95%);color:#282828;font:400 calc(var(--u)*0.7) Med,Arial,sans-serif;white-space:nowrap}
.tp-t1{top:34.8%;inset-inline-end:8%;width:28%}.tp-t2{top:67%;inset-inline-start:6%;width:40%}.tp-t3{top:82.2%;inset-inline-end:8%;width:37%}
.tp-speed{position:relative;width:58%;aspect-ratio:1;background:linear-gradient(var(--orange),var(--orange)) 0 31%/27% 8% no-repeat,linear-gradient(var(--orange),var(--orange)) 0 49%/38% 8% no-repeat,linear-gradient(var(--orange),var(--orange)) 0 67%/22% 8% no-repeat}
.tp-speed::before{content:"";position:absolute;inset:4% 1% 2% 28%;background:var(--orange);clip-path:polygon(58% 0,100% 0,69% 40%,94% 40%,28% 100%,44% 58%,7% 58%)}
.tp-pending .tp-card{opacity:0}
@media(max-width:1000px){
 .tp-cards{--u:calc(min(90cqw,26rem)/26.4);width:min(90cqw,26rem);aspect-ratio:auto;margin:0 auto;grid-template-columns:1fr;gap:clamp(1rem,calc(var(--u)*4),1.5rem)}
 .tp-card,.tp-card:last-child{height:auto;margin-top:0;aspect-ratio:.781}
 .tp-card:last-child .tp-panel{margin-inline:2.55%}
}
@media(prefers-reduced-motion:reduce){.tp-pending .tp-card{opacity:1}}
@property --c5-x1{syntax:'<percentage>';inherits:false;initial-value:10%}@property --c5-y1{syntax:'<percentage>';inherits:false;initial-value:10%}
@property --c5-x2{syntax:'<percentage>';inherits:false;initial-value:90%}@property --c5-y2{syntax:'<percentage>';inherits:false;initial-value:10%}
@property --c5-x3{syntax:'<percentage>';inherits:false;initial-value:10%}@property --c5-y3{syntax:'<percentage>';inherits:false;initial-value:90%}
@property --c5-x4{syntax:'<percentage>';inherits:false;initial-value:90%}@property --c5-y4{syntax:'<percentage>';inherits:false;initial-value:90%}
@property --c5-x5{syntax:'<percentage>';inherits:false;initial-value:50%}@property --c5-y5{syntax:'<percentage>';inherits:false;initial-value:50%}
@property --c5-s1{syntax:'<percentage>';inherits:false;initial-value:55%}
@property --c5-s2{syntax:'<percentage>';inherits:false;initial-value:55%}
@property --c5-s3{syntax:'<percentage>';inherits:false;initial-value:55%}
@property --c5-s4{syntax:'<percentage>';inherits:false;initial-value:55%}
@property --c5-s5{syntax:'<percentage>';inherits:false;initial-value:65%}

.c5-animated-gradient{background-color:#ff8e53;background-image:
radial-gradient(circle at var(--c5-x1) var(--c5-y1),#fff1aa 0,transparent var(--c5-s1)),
radial-gradient(circle at var(--c5-x2) var(--c5-y2),#ff4b2b 0,transparent var(--c5-s2)),
radial-gradient(circle at var(--c5-x3) var(--c5-y3),#8aff8a 0,transparent var(--c5-s3)),
radial-gradient(circle at var(--c5-x4) var(--c5-y4),#ffd000 0,transparent var(--c5-s4)),
radial-gradient(circle at var(--c5-x5) var(--c5-y5),#ff1493 0,transparent var(--c5-s5));
animation:c5-blob1 5s ease-in-out infinite,c5-blob2 6s ease-in-out infinite,c5-blob3 5.5s ease-in-out infinite,c5-blob4 6.5s ease-in-out infinite,c5-blob5 4s ease-in-out infinite,c5-size1 3.5s ease-in-out infinite,c5-size2 4.2s ease-in-out infinite,c5-size3 3.8s ease-in-out infinite,c5-size4 4.6s ease-in-out infinite,c5-size5 3s ease-in-out infinite}
@keyframes c5-blob1{0%,100%{--c5-x1:5%;--c5-y1:5%}25%{--c5-x1:45%;--c5-y1:20%}50%{--c5-x1:30%;--c5-y1:55%}75%{--c5-x1:0%;--c5-y1:30%}}
@keyframes c5-blob2{0%,100%{--c5-x2:95%;--c5-y2:5%}33%{--c5-x2:55%;--c5-y2:35%}66%{--c5-x2:80%;--c5-y2:65%}}
@keyframes c5-blob3{0%,100%{--c5-x3:5%;--c5-y3:95%}40%{--c5-x3:45%;--c5-y3:65%}70%{--c5-x3:25%;--c5-y3:100%}}
@keyframes c5-blob4{0%,100%{--c5-x4:95%;--c5-y4:95%}30%{--c5-x4:60%;--c5-y4:70%}60%{--c5-x4:100%;--c5-y4:50%}}
@keyframes c5-blob5{0%,100%{--c5-x5:50%;--c5-y5:50%}25%{--c5-x5:70%;--c5-y5:30%}50%{--c5-x5:40%;--c5-y5:70%}75%{--c5-x5:30%;--c5-y5:40%}}
@keyframes c5-size1{0%,100%{--c5-s1:45%}50%{--c5-s1:80%}}@keyframes c5-size2{0%,100%{--c5-s2:45%}50%{--c5-s2:85%}}
@keyframes c5-size3{0%,100%{--c5-s3:45%}50%{--c5-s3:78%}}@keyframes c5-size4{0%,100%{--c5-s4:45%}50%{--c5-s4:82%}}
@keyframes c5-size5{0%,100%{--c5-s5:50%}50%{--c5-s5:85%}}
@media(prefers-reduced-motion:reduce){.c5-animated-gradient{animation:none}}
.fq-wrap{max-width:1100px;margin:0 auto}
.fq-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:stretch}
.fq-cta{border-radius:24px;padding:80px 40px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.fq-cta h2{font:400 clamp(2.4rem,5vw,3.5rem)/1.3 Bla,Arial,sans-serif;margin-bottom:15px}
.fq-cta p{font:400 1rem/1.8 Reg,Arial,sans-serif;margin-bottom:30px;opacity:.9}
.fq-btn{display:inline-block;background:#171717;color:#fff;font:400 1rem Med,Arial,sans-serif;text-decoration:none;padding:14px 32px;border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s}
.fq-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.4)}
.fq-list{display:flex;flex-direction:column;justify-content:center;gap:12px}
.fq-item{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:18px 20px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.02);transition:all .2s}
.fq-item:hover,.fq-item.is-on{border-color:#eaeaea}
.fq-item.is-on{box-shadow:0 4px 12px rgba(0,0,0,.04)}
.fq-item:focus-visible{outline:2px solid var(--o2);outline-offset:2px}
.fq-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font:400 1rem/1.6 Med,Arial,sans-serif;color:#171717}
.fq-ch{flex:none}.fq-up,.fq-item.is-on .fq-dn{display:none}.fq-item.is-on .fq-up{display:block}
.fq-ans{display:none;margin-top:12px;font:400 .95rem/1.8 Reg,Arial,sans-serif;color:#666}.fq-item.is-on .fq-ans{display:block}
.fq-ans p{margin:0}
@media(max-width:900px){.fq-grid{grid-template-columns:1fr;gap:40px}.fq-cta{padding:60px 24px}}

.ft{--hero-max-width:1820px;position:relative;z-index:100;overflow:hidden;background:#000;color:#fff;font-family:Reg,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.ft *{box-sizing:border-box}.ft a{color:inherit;text-decoration:none}
.ft-dots{position:relative;height:120px;overflow:hidden;background:#000}
.ft-dots__line{position:absolute;left:0;top:50%;width:200%;height:70px;opacity:.75;transform:translateY(-50%);
background-image:radial-gradient(circle,rgb(255 255 255/.55) 1.5px,transparent 2px),radial-gradient(circle,rgb(255 255 255/.35) 1px,transparent 1.5px),radial-gradient(circle,rgb(255 255 255/.45) 1.2px,transparent 1.8px);
background-position:0 8px,24px 22px,48px 14px;background-size:72px 38px,110px 44px,160px 52px;animation:footerDotsMove 18s linear infinite}
@keyframes footerDotsMove{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(-50%,-50%,0)}}
@media(prefers-reduced-motion:reduce){.ft-dots__line{animation:none}}
.ft-inner{width:min(100% - 96px,var(--hero-max-width));margin:0 auto;padding:clamp(34px,4vw,66px) 0 clamp(18px,2vw,34px)}
.ft-top{display:grid;grid-template-columns:minmax(320px,1.25fr) repeat(3,minmax(150px,.42fr));gap:clamp(28px,4vw,76px);min-height:clamp(220px,24vw,330px)}
.ft-top h2{max-width:680px;margin:0;color:#fff;font:400 clamp(34px,3.5vw,62px)/1.3 Bla,Arial,sans-serif}
.ft-nav{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,1.35vw,22px)}
.ft-nav a{color:rgb(255 255 255/.88);font:400 16px/1.4 Med,Arial,sans-serif;transition:color .18s ease,transform .18s ease}
.ft-nav a:hover{color:#fff;transform:translateX(-3px)}
.ft-brand-row{width:100%;margin-top:clamp(18px,3vw,46px)}
.ft-brand{display:flex;align-items:center;width:100%;color:#fff}
.ft-mark{position:relative;flex:0 0 clamp(58px,6.1vw,118px);aspect-ratio:1;margin-inline-end:clamp(14px,1.6vw,28px);overflow:hidden;border-radius:50%;background:#fff}
.ft-mark::before{content:"";position:absolute;inset:-18%;background:#000;clip-path:polygon(0 20%,100% 8%,100% 19%,0 31%,0 43%,100% 31%,100% 42%,0 54%,0 66%,100% 54%,100% 65%,0 77%)}
.ft-word{display:block;flex:1 1 auto;min-width:0;font:400 clamp(58px,11.1vw,214px)/1.1 Bla,Arial,sans-serif;white-space:nowrap}
.ft-legal{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 18px;margin-top:clamp(20px,2vw,32px);padding-top:clamp(14px,1.4vw,22px);border-top:1px solid rgb(255 255 255/.14);color:rgb(255 255 255/.6);font-size:12px;line-height:1.6}
.ft-legal p{margin:0}.ft-legal a:hover{color:#fff}
@media(max-width:980px){.ft-inner{width:min(100% - 48px,var(--hero-max-width))}.ft-top{grid-template-columns:1fr 1fr}.ft-top h2{grid-column:1/-1}}
@media(max-width:560px){.ft-inner{width:min(100% - 32px,var(--hero-max-width))}.ft-top{grid-template-columns:1fr;min-height:auto}.ft-nav a{font-size:15px}.ft-mark{flex-basis:clamp(38px,12vw,58px)}.ft-word{font-size:clamp(45px,18vw,84px)}}

.cs{position:relative;width:100%;overflow:hidden;background:linear-gradient(to bottom,#000 0%,#14191E 100%);color:#fff;font-family:Reg,Arial,sans-serif;--lt:rgba(255,255,255,.8)}
.cs *{box-sizing:border-box}
.cs-glass{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.25)}
.cs-wrap{position:relative;max-width:1080px;margin:0 auto;padding:96px 16px 440px}
.cs-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:start}
.cs-text{position:relative;z-index:20;max-width:400px}
.cs-text h2{margin:0;font:400 clamp(1.9rem,4vw,2.4rem)/1.4 Bla,Arial,sans-serif}
.cs-text p{margin:24px 0 0;max-width:380px;color:var(--lt);font-size:1.05rem;line-height:1.9}
.cs-fu{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1) var(--d),transform .6s cubic-bezier(.22,1,.36,1) var(--d)}
.cs-fu.in{opacity:1;transform:none}
.cs-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 36px;border-radius:999px;background:rgba(255,255,255,.8);color:#000;font:400 .9rem/1 Med,Arial,sans-serif;text-decoration:none;transition:background .2s}
.cs-btn:hover{background:#fff}
.cs-bt{position:relative;display:block;overflow:hidden;height:1.4em;line-height:1.4em}
.cs-bt span{display:block;transition:transform .25s ease}
.cs-bt span+span{position:absolute;inset-inline:0;top:100%}
.cs-btn:hover .cs-bt span{transform:translateY(-100%)}
.cs-dash{position:absolute;z-index:10;top:440px;left:16px;right:16px;will-change:transform}
.cs-mock{width:100%;max-width:1100px;margin:0 auto;aspect-ratio:3/4;border-radius:16px;overflow:hidden;padding:8px}
.cs-mgrid{display:grid;grid-template-columns:1fr;gap:8px;height:100%}
.cs-chatcol{display:none;min-height:0}.cs-prev{min-height:0}
.cs-chat{display:flex;flex-direction:column;height:100%;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(8,8,10,.6);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden}
.cs-chead{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.cs-ic{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.05);display:grid;place-items:center}
.cs-chead b{display:block;font:400 .85rem Med,Arial,sans-serif}.cs-chead small{display:block;font-size:11px;color:rgba(255,255,255,.4)}
.cs-msgs{flex:1;min-height:0;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px;scrollbar-width:none}
.cs-msgs::-webkit-scrollbar{display:none}
.cs-m{max-width:85%;border-radius:16px;padding:10px 16px;font-size:.85rem;line-height:1.7;animation:csIn .5s ease both}
.cs-m.a{align-self:flex-start;background:rgba(255,255,255,.05);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.05)}
.cs-m.u{align-self:flex-end;background:rgba(255,255,255,.15);color:rgba(255,255,255,.9)}
@keyframes csIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.cs-input{margin:12px;border-radius:16px;display:flex;align-items:flex-end;gap:8px;padding:8px}
.cs-input textarea{flex:1;resize:none;border:0;outline:0;background:transparent;color:#fff;font:400 .85rem/1.6 Reg,Arial,sans-serif;max-height:96px;padding:6px 8px}
.cs-input textarea::placeholder{color:rgba(255,255,255,.4)}
.cs-input button{border:0;cursor:pointer;background:#fff;color:#000;border-radius:12px;padding:8px;display:grid;place-items:center}
.cs-prev{position:relative;overflow:hidden;border-radius:16px;background:hsl(201 100% 13%);display:flex;flex-direction:column}
.cs-prev video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.cs-pnav,.cs-phero{position:relative;z-index:1}
.cs-pnav{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}
.cs-brand{font:400 .95rem Bla,Arial,sans-serif}.cs-brand sup{font-size:.5em}
.cs-plinks{display:none;gap:14px;font-size:10px;color:rgba(255,255,255,.6)}
.cs-pill{border-radius:999px;padding:4px 12px;font-size:10px;color:#fff;display:inline-block}
.cs-phero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 12px 24px}
.cs-phero h3{margin:0;max-width:90%;font:400 clamp(1.15rem,2.6vw,2.1rem)/1.35 Bla,Arial,sans-serif}
.cs-phero em{font-style:normal;color:rgba(255,255,255,.55)}
.cs-phero p{margin:10px 0 0;max-width:80%;color:rgba(255,255,255,.65);font-size:10px;line-height:1.8}
.cs-pill2{margin-top:14px;padding:6px 18px}
.cs-r0,.cs-r1,.cs-r2{opacity:0}.cs.in .cs-r0{animation:csRise .8s ease-out both}.cs.in .cs-r1{animation:csRise .8s ease-out .25s both}.cs.in .cs-r2{animation:csRise .8s ease-out .5s both}
@keyframes csRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cs-grass{pointer-events:none;user-select:none;position:absolute;left:0;right:0;bottom:-40px;width:100%;z-index:30;object-fit:cover;will-change:transform}
@media(min-width:640px){.cs-wrap{padding-bottom:520px}.cs-dash{top:460px;left:-8%;right:auto;width:85%}.cs-mock{aspect-ratio:16/10;padding:12px}.cs-mgrid{grid-template-columns:minmax(220px,320px) 1fr;gap:12px}.cs-chatcol{display:block}.cs-grass{bottom:-80px}.cs-pnav{padding:12px 16px}.cs-phero p{font-size:11px;max-width:384px}}
@media(min-width:768px){.cs-wrap{padding:160px 24px 440px}.cs-dash{top:500px;left:-10%;width:80%}.cs-plinks{display:flex}.cs-pnav{padding:16px 24px}}
@media(min-width:1024px){.cs-dash{top:80px;left:-12%;width:68%}.cs-mock{aspect-ratio:16/9}.cs-grid{grid-template-columns:1fr 1fr;gap:32px}.cs-grass{bottom:-140px}}
@media(prefers-reduced-motion:reduce){.cs-fu,.cs-r0,.cs-r1,.cs-r2{opacity:1;transform:none;transition:none;animation:none!important}}
/* CTA section: light theme */
.cs{background:linear-gradient(to bottom,#fff 0%,#f3f3f3 100%);color:#000;--lt:#2e2e2e}
.cs .cs-mock.cs-glass{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 20px 50px rgba(44,35,29,.14)}
.cs .cs-btn{background:#000;color:#fff}.cs .cs-btn:hover{background:var(--o2)}
.cs .cs-chat{background:rgba(255,255,255,.85);border-color:rgba(0,0,0,.08)}
.cs .cs-chead{border-bottom-color:rgba(0,0,0,.07)}
.cs .cs-ic{background:#ffdfca;color:#ff6900}
.cs .cs-chead small{color:#777}
.cs .cs-m.a{background:#f4f4f4;color:#2e2e2e;border-color:rgba(0,0,0,.05)}
.cs .cs-m.u{background:#ffdfca;color:#1a1a1a}
.cs .cs-input.cs-glass{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.04)}
.cs .cs-input textarea{color:#151515}.cs .cs-input textarea::placeholder{color:#999}
.cs .cs-input button{background:var(--o2);color:#fff}
/* FAQ accordion animation */
.fq-ans,.fq-item.is-on .fq-ans{display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1),margin-top .45s cubic-bezier(.22,1,.36,1),opacity .3s ease}
.fq-item.is-on .fq-ans{grid-template-rows:1fr;margin-top:12px;opacity:1;transition-delay:0s,0s,.08s}
.fq-ans p{overflow:hidden;min-height:0;transform:translateY(-6px);transition:transform .45s cubic-bezier(.22,1,.36,1)}
.fq-item.is-on .fq-ans p{transform:none}
.fq-up,.fq-item.is-on .fq-up{display:none}
.fq-dn,.fq-item.is-on .fq-dn{display:block;transition:transform .4s cubic-bezier(.22,1,.36,1),color .2s}
.fq-item.is-on .fq-dn{transform:rotate(180deg);color:var(--o2)}
.fq-item{transition:border-color .2s,box-shadow .3s,transform .3s cubic-bezier(.22,1,.36,1)}
.fq-item:active{transform:scale(.99)}
@media(prefers-reduced-motion:reduce){.fq-ans,.fq-ans p,.fq-dn,.fq-item{transition:none!important}}

/* ===== tp-panel: hover animations ===== */
.tp-panel{transition:box-shadow .45s cubic-bezier(.22,1,.36,1),background-color .45s ease;cursor:default}
.tp-panel *{transition-timing-function:cubic-bezier(.22,1,.36,1)}
.tp-panel .tp-badge,.tp-panel .tp-spark,.tp-panel .tp-auto,.tp-panel .tp-prompt,.tp-panel .tp-q,.tp-panel .tp-chip,.tp-panel .tp-axis span,.tp-panel .tp-timeline span,.tp-panel .tp-bars i,.tp-panel .tp-tag,.tp-panel .tp-mrow strong,.tp-panel .tp-mrow span{transition-property:transform,box-shadow,border-color,color,background-color,opacity;transition-duration:.4s}
.tp-bars i{transform-origin:50% 100%}
.tp-cursor{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.tp-card:hover .tp-icon{transform:scale(1.1) rotate(8deg)}
.tp-icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}

@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .tp-panel:hover{box-shadow:inset 0 0 0 calc(var(--u)*.07) rgb(255 105 0/28%),0 calc(var(--u)*.5) calc(var(--u)*1.6) rgb(255 105 0/14%)}

  /* لوحة 1: اختر الخدمة */
  .tp-panel:hover .tp-badge{transform:scale(1.12);box-shadow:0 0 0 calc(var(--u)*.3) rgb(255 105 0/14%)}
  .tp-panel:hover .tp-badge .tp-spark{animation:tpSpin 2.4s linear infinite}
  .tp-panel:hover .tp-prompt{border-color:var(--orange);transform:translateY(calc(var(--u)*-.2));box-shadow:0 calc(var(--u)*.5) calc(var(--u)*1.1) rgb(255 105 0/12%)}
  .tp-panel:hover .tp-q{transform:translateX(calc(var(--u)*-.35));color:var(--orange)}
  .tp-panel:hover .tp-auto{transform:translateY(calc(var(--u)*-.3)) scale(1.05);box-shadow:0 calc(var(--u)*1.3) calc(var(--u)*1.8) rgb(255 105 0/58%),0 0 calc(var(--u)*1.2) calc(var(--u)*.15) rgb(255 118 30/38%);animation:tpClick 1.8s ease-in-out .5s infinite}
  .tp-panel:hover .tp-auto canvas{animation:tpTwinkle 1.2s ease-in-out infinite}
  .tp-panel:hover .tp-cursor{animation:tpCursor 1.8s ease-in-out infinite}

  /* لوحة 2: حدّد الكمية */
  .tp-panel:hover .tp-bars i{animation:tpBar 1.4s ease-in-out infinite}
  .tp-panel:hover .tp-bars i:nth-child(3n){animation-delay:.12s}
  .tp-panel:hover .tp-bars i:nth-child(3n+1){animation-delay:.28s}
  .tp-panel:hover .tp-bars i:nth-child(4n){animation-delay:.44s}
  .tp-panel:hover .tp-bars i:nth-child(5n+2){animation-delay:.6s}
  .tp-panel:hover .tp-bars i.on{animation:tpBarOn 1.4s ease-in-out infinite;box-shadow:0 0 calc(var(--u)*.9) rgb(255 105 0/55%)}
  .tp-panel:hover .tp-chip{animation:tpChip 1.6s ease-in-out infinite}
  .tp-panel:hover .tp-axis span,.tp-panel:hover .tp-timeline span{color:var(--orange);transform:translateY(calc(var(--u)*-.12))}
  .tp-panel:hover .tp-timeline i{border-top-color:var(--orange)}

  /* لوحة 3: تابع النمو */
  .tp-panel:hover .tp-flow{animation:tpFlow 3s ease-in-out infinite}
  .tp-panel:hover .tp-mrow strong{transform:scale(1.07);transform-origin:left center}
  .tp-panel:hover .tp-mrow span{animation:tpArrow 1.2s ease-in-out infinite}
  .tp-panel:hover .tp-t1{animation:tpFloat 2.6s ease-in-out infinite}
  .tp-panel:hover .tp-t2{animation:tpFloat 2.6s ease-in-out .5s infinite}
  .tp-panel:hover .tp-t3{animation:tpFloat 2.6s ease-in-out 1s infinite}
  .tp-panel:hover .tp-tag{box-shadow:0 calc(var(--u)*.4) calc(var(--u)*.9) rgb(255 105 0/18%)}
}

@keyframes tpSpin{to{transform:rotate(360deg)}}
@keyframes tpTwinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.22) rotate(18deg)}}
@keyframes tpClick{0%,55%,100%{filter:brightness(1)}65%{filter:brightness(1.12);transform:translateY(calc(var(--u)*-.1)) scale(.97)}}
@keyframes tpCursor{0%,100%{transform:translate(0,0)}35%{transform:translate(calc(var(--u)*-3),calc(var(--u)*-.5))}60%{transform:translate(calc(var(--u)*-3),calc(var(--u)*-.5)) scale(.86)}75%{transform:translate(calc(var(--u)*-3),calc(var(--u)*-.5)) scale(1)}}
@keyframes tpBar{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.22)}}
@keyframes tpBarOn{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.08)}}
@keyframes tpChip{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(calc(var(--u)*-.45)) scale(1.07)}}
@keyframes tpFlow{0%,100%{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(calc(var(--u)*-.5))}}
@keyframes tpArrow{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--u)*-.3))}}
@keyframes tpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--u)*-.45))}}

/* ===== CTA على الجوال: إظهار cs-prev كاملاً بدون تغطية ===== */
@media(max-width:639.98px){
  .cs{padding-bottom:72px}
  .cs-wrap{padding:80px 16px 36px}
  .cs-dash{position:relative;top:auto;left:auto;right:auto;width:auto;margin:0 16px;z-index:10;transform:none!important}
  .cs-grass{z-index:1;bottom:-20px}
}

/* ===== بطاقة برنامج الإحالة ===== */
.fq-cta p{margin-bottom:20px;max-width:520px}
.fq-eyebrow{display:inline-block;margin-bottom:16px;padding:6px 18px;border-radius:999px;background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.4);font:400 .9rem Med,Arial,sans-serif}
.fq-link{max-width:100%;margin-bottom:22px;padding:11px 20px;border:1px dashed rgba(255,255,255,.7);border-radius:12px;background:rgba(0,0,0,.16);font:400 .95rem/1.5 Reg,Arial,sans-serif;overflow-wrap:anywhere;user-select:all}
.fq-btn{border:0;cursor:pointer}
.fq-btn.is-done{background:#2f8f4e}
.fq-btn span{display:block}
.fq-note{display:block;max-width:420px;margin-top:20px;font:400 .82rem/1.7 Reg,Arial,sans-serif;opacity:.9}
@media(max-width:900px){.fq-cta h2{font-size:clamp(2rem,8vw,2.6rem)}}