@charset "UTF-8"; /* CarChip landing styles */ .cc{--ink:#0b1d29;--navy:#0d4a63;--cy:#0ea5d8;--cy2:#5fd3f5;--sky:#eaf7fc;--lime:#8cc63f;--lime2:#a6dc32;--mut:#5d7280;--line:#e4edf2;--bg:#f6fafc; font-family:inherit;direction:rtl;color:var(--ink);line-height:1.75;background:#fff;-webkit-font-smoothing:antialiased} .cc *{box-sizing:border-box;margin:0;padding:0} .cc a{text-decoration:none} .cc .w{max-width:1180px;margin:0 auto;padding:0 20px} .cc .sec{padding:84px 0} .cc .eb{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--navy);background:var(--sky);border:1px solid #cdeaf6;padding:6px 14px;border-radius:99px} .cc .eb i{width:6px;height:6px;border-radius:50%;background:var(--cy)} .cc .h2{font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.3;margin:14px 0 10px;letter-spacing:-.3px} .cc .h2 em{font-style:normal;color:var(--cy)} .cc .lead{color:var(--mut);font-size:17px;max-width:620px} .cc .ce{text-align:center}.cc .ce .lead{margin:0 auto} .cc .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:17px;padding:16px 30px;border-radius:14px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s} .cc .btn:hover{transform:translateY(-2px)} .cc .bp{background:linear-gradient(135deg,var(--lime2),var(--lime));color:#0f2a06;box-shadow:0 14px 30px -12px rgba(120,180,40,.7),inset 0 1px 0 rgba(255,255,255,.5)} .cc .bs{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 20px -14px rgba(13,74,99,.4)} .cc .bs svg{width:20px;height:20px;color:#25d366} .cc .hero{position:relative;overflow:hidden;padding:64px 0 70px;background:radial-gradient(700px 420px at 20% 40%,#e3f5fc 0%,transparent 70%),radial-gradient(500px 300px at 95% 10%,#f0f9e6 0%,transparent 70%),#fff} .cc .hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#cfe5ee 1px,transparent 1px);background-size:22px 22px;opacity:.55;mask-image:radial-gradient(ellipse at 25% 50%,#000 10%,transparent 60%);-webkit-mask-image:radial-gradient(ellipse at 25% 50%,#000 10%,transparent 60%)} .cc .hg{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center} .cc .tag{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 16px -10px rgba(13,74,99,.4);font-size:13px;font-weight:700;padding:7px 14px 7px 10px;border-radius:99px} .cc .tag .st{color:#f5b301;letter-spacing:1px} .cc .h1{font-size:clamp(34px,5vw,58px);font-weight:900;line-height:1.18;margin:18px 0 14px;letter-spacing:-.6px} .cc .h1 span{background:linear-gradient(90deg,var(--navy),var(--cy));-webkit-background-clip:text;background-clip:text;color:transparent} .cc .hs{font-size:18px;color:var(--mut);max-width:540px} .cc .pc{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0 6px;background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:20px;padding:16px 20px;max-width:540px;box-shadow:0 20px 40px -30px rgba(13,74,99,.5);backdrop-filter:blur(8px)} .cc .pn{font-size:46px;font-weight:900;line-height:1;color:var(--ink)} .cc .pn small{font-size:16px;font-weight:700;color:var(--mut);margin-inline-start:4px} .cc .pi{font-size:14px;color:var(--mut);border-inline-start:1px solid var(--line);padding-inline-start:16px} .cc .pi b{color:var(--navy)} .cc .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px} .cc .mini{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;font-size:14px;color:var(--mut)} .cc .mini span{display:inline-flex;align-items:center;gap:6px} .cc .mini svg{width:16px;height:16px;color:var(--lime)} .cc .stg{position:relative;height:500px;perspective:1100px;display:flex;align-items:center;justify-content:center} .cc .plat{position:absolute;bottom:40px;left:50%;width:380px;height:110px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#ffffff 0%,#eef6fa 55%,#d9e9f0 100%);box-shadow:0 30px 50px -20px rgba(13,74,99,.45),inset 0 -6px 14px rgba(13,74,99,.12)} .cc .plat:after{content:"";position:absolute;left:50%;top:38%;width:220px;height:40px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(11,29,41,.35),transparent 70%);filter:blur(4px);animation:ccSh 12s infinite} @keyframes ccSpin{to{transform:rotate(360deg)}} @keyframes ccSh{0%,100%{opacity:.9;transform:translateX(-50%) scale(1)}12%{opacity:.7;transform:translateX(-50%) scale(.85)}} .cc .turn{position:relative;width:400px;height:400px;margin-bottom:60px;transform-style:preserve-3d;animation:ccFloat 6s ease-in-out infinite} .cc .turn img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;backface-visibility:hidden;filter:drop-shadow(0 30px 30px rgba(11,29,41,.28));animation:ccTurn 12s infinite cubic-bezier(.45,0,.2,1)} .cc .turn img:nth-child(2){animation-delay:3s}.cc .turn img:nth-child(3){animation-delay:6s}.cc .turn img:nth-child(4){animation-delay:9s} @keyframes ccTurn{0%{opacity:0;transform:rotateY(-55deg) scale(.9)}5%{opacity:1}8%{transform:rotateY(-12deg) scale(1)}22%{opacity:1;transform:rotateY(12deg) scale(1)}27%{opacity:0;transform:rotateY(55deg) scale(.9)}100%{opacity:0;transform:rotateY(55deg) scale(.9)}} @keyframes ccFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}} .cc .stg:hover .turn img,.cc .stg:hover .plat:after{animation-play-state:paused} .cc .bub{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:16px;padding:10px 14px;font-size:13px;font-weight:800;box-shadow:0 18px 36px -18px rgba(13,74,99,.5);backdrop-filter:blur(8px);animation:ccBob 5s ease-in-out infinite} .cc .bub small{display:block;font-weight:500;color:var(--mut);font-size:11px} .cc .bub .ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none} .cc .bub .ic svg{width:18px;height:18px} .cc .b1{top:40px;left:0}.cc .b2{top:170px;right:-10px;animation-delay:1.2s}.cc .b3{bottom:120px;left:10px;animation-delay:2.4s} @keyframes ccBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} .cc .ic.b{background:#e3f5fc;color:#0b8fc0}.cc .ic.r{background:#fdecec;color:#d33}.cc .ic.g{background:#eef8df;color:#4f8a0a} .cc .hint3d{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:12px;color:var(--mut);display:flex;gap:6px;align-items:center;white-space:nowrap} .cc .hint3d i{width:18px;height:2px;background:var(--line);border-radius:2px} .cc .trust{padding:0 0 10px} .cc .tg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .cc .ti{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 30px -26px rgba(13,74,99,.5)} .cc .ti .ic{width:46px;height:46px;border-radius:14px;background:var(--sky);display:grid;place-items:center;color:var(--navy);flex:none} .cc .ti svg{width:22px;height:22px} .cc .ti b{display:block;font-size:15px} .cc .ti span{font-size:13px;color:var(--mut)} .cc .orb{position:relative;height:560px;margin-top:30px} .cc .orb:before,.cc .orb:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none} .cc .orb:before{width:440px;height:440px;border:1px dashed #bfe2ef} .cc .orb:after{width:620px;height:620px;border:1px solid #edf4f7} .cc .core{position:absolute;left:50%;top:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;z-index:2;background:radial-gradient(circle at 50% 35%,#fff 0%,#f1f8fb 60%,#e2eff5 100%);box-shadow:0 0 0 12px rgba(255,255,255,.9),0 0 0 13px #dcedf4,0 40px 70px -30px rgba(13,74,99,.45);display:grid;place-items:center} .cc .core img{width:78%;filter:drop-shadow(0 22px 20px rgba(11,29,41,.3));animation:ccFloat 6s ease-in-out infinite} .cc .fi{position:absolute;z-index:3;display:flex;align-items:center;gap:14px;width:250px} .cc .fi b{display:block;font-size:17px;font-weight:800} .cc .fi span{font-size:14px;color:var(--mut)} .cc .oi{width:56px;height:56px;flex:none;border-radius:18px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--cy);box-shadow:0 14px 26px -16px rgba(13,74,99,.55);position:relative} .cc .oi svg{width:24px;height:24px} .cc .fi.r{right:0;flex-direction:row-reverse;text-align:left} .cc .fi.l{left:0;text-align:right} .cc .fi.t{top:40px}.cc .fi.b{bottom:40px}.cc .fi.m{top:50%;transform:translateY(-50%)} .cc .fi.r.t,.cc .fi.r.b{right:60px}.cc .fi.l.t,.cc .fi.l.b{left:60px} .cc .fi.r.m{right:-16px}.cc .fi.l.m{left:-16px} .cc .fi .oi:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cy);box-shadow:0 0 0 5px rgba(14,165,216,.15)} .cc .fi.r .oi:after{left:-24px}.cc .fi.l .oi:after{right:-24px} .cc .dt{background:var(--bg)} .cc .dg{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center} .cc .dv{position:relative;aspect-ratio:1/1;max-width:520px;margin:auto;width:100%;border-radius:32px;background:radial-gradient(circle at 50% 40%,#fff 0%,#eef6fa 70%);border:1px solid var(--line)} .cc .dv img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 26px 24px rgba(11,29,41,.25))} .cc .pin{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--cy);box-shadow:0 0 0 6px rgba(14,165,216,.18)} .cc .pin:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--cy);animation:ccPing 2s infinite} @keyframes ccPing{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.2);opacity:0}} .cc .p1{top:34%;left:30%}.cc .p2{top:30%;right:28%}.cc .p3{bottom:30%;left:46%} .cc .dl{display:grid;gap:14px;margin-top:26px} .cc .dli{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px} .cc .dli .n{width:30px;height:30px;border-radius:10px;background:var(--sky);color:var(--navy);font-weight:900;display:grid;place-items:center;flex:none;font-size:14px} .cc .dli b{display:block;font-size:16px} .cc .dli span{font-size:14px;color:var(--mut)} .cc .mo{margin:36px auto 0;max-width:960px;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 40px 80px -46px rgba(13,74,99,.55)}.cc .stg2{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eaf1f4}.cc .stg2 *{animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.16,1,.3,1)}.cc .ly{position:absolute;inset:0}.cc .ly>img,.cc .ph>img{position:absolute;inset:0;width:100%;height:100%;display:block}.cc .sA{transform-origin:41% 67%;animation-name:kA}.cc .man{transform-origin:60% 87%;animation-name:kMan}.cc .sB{opacity:0;transform-origin:31% 76%;animation-name:kB}.cc .tilt{position:absolute;left:0;top:0;width:100%;height:200%;animation-name:kTilt;animation-timing-function:cubic-bezier(.65,0,.35,1)}.cc .tilt img{width:100%;height:100%;display:block}.cc .head{transform-origin:95% 73%;animation-name:kHead;animation-timing-function:cubic-bezier(.65,0,.35,1)}.cc .sight{position:absolute;left:86.5%;top:52%;width:46%;height:0;border-top:3px dashed #5fd3f5;transform-origin:0 50%;transform:rotate(168.7deg);opacity:0;animation-name:kSight;filter:drop-shadow(0 0 4px rgba(95,211,245,.8))}.cc .pglB{position:absolute;left:31%;top:76%;width:16%;aspect-ratio:2.4;transform:translate(-50%,-50%);border:3px solid #5fd3f5;border-radius:10px;box-shadow:0 0 18px rgba(95,211,245,.8),inset 0 0 12px rgba(95,211,245,.4);opacity:0;animation-name:kGlowB;animation-timing-function:linear}.cc .lblB{position:absolute;left:41%;top:62%;display:flex;align-items:center;gap:8px;background:#fff;color:var(--ink);font-size:clamp(10px,1.7vw,15px);font-weight:800;padding:7px 14px;border-radius:99px;box-shadow:0 12px 24px -12px rgba(0,0,0,.6);white-space:nowrap;opacity:0;animation-name:kLbl}.cc .lblB b{width:9px;height:9px;border-radius:50%;background:var(--cy);box-shadow:0 0 0 4px rgba(14,165,216,.2)}.cc .sC{opacity:0;animation-name:kC}.cc .hand{position:absolute;left:37.5%;top:42.2%;width:25%;height:75.6%;animation-name:kHand}.cc .hand img{width:100%;height:100%;display:block}.cc .led{position:absolute;left:71%;top:32.5%;width:3%;aspect-ratio:1;border-radius:50%;background:#9aa7ae;animation-name:kLed;animation-timing-function:steps(1)}.cc .clk{position:absolute;left:50%;top:51%;width:18%;aspect-ratio:1;border:4px solid #62c21b;border-radius:50%;transform:translate(-50%,-50%) scale(.4);opacity:0;animation-name:kClick}.cc .tick{position:absolute;left:60%;top:28%;background:#62c21b;color:#fff;font-weight:800;font-size:clamp(11px,1.8vw,15px);padding:6px 16px;border-radius:99px;opacity:0;animation-name:kTick;box-shadow:0 10px 20px -10px rgba(98,194,27,.9)}.cc .fl{position:absolute;left:55.5%;top:66.7%;width:5%;aspect-ratio:1;border-radius:50%;background:#e6f6fc;transform:translate(-50%,-50%) scale(0);animation-name:kFlood;animation-timing-function:cubic-bezier(.83,0,.17,1)}.cc .sD{opacity:0;animation-name:kD}.cc .ph{position:absolute;inset:0;animation-name:kPhone}.cc .dok{opacity:0;animation-name:kOkI}.cc .bar{position:absolute;left:42%;top:77.3%;width:16%;height:1.8%;border-radius:99px;background:#0ea5d8;transform-origin:right center;transform:scaleX(0);animation-name:kBar}@keyframes kA{0%{opacity:0;transform:scale(1)}3%,15%{opacity:1;transform:scale(1)}22%,100%{opacity:0;transform:scale(3.4)}}@keyframes kMan{0%,7%{transform:translate(0,0)}14%,100%{transform:translate(-2.4%,0)}}@keyframes kB{0%,18%{opacity:0;transform:scale(1.12)}22%{opacity:1;transform:scale(1)}44%{opacity:1;transform:scale(1)}49%,100%{opacity:0;transform:scale(2.2)}}@keyframes kTilt{0%,30%{transform:translateY(0)}38%,100%{transform:translateY(-33.333%)}}@keyframes kHead{0%,30%{transform:rotate(0) translate(0,0)}38%,100%{transform:rotate(-22deg) translate(-1%,22%)}}@keyframes kSight{0%,22%{opacity:0}24%,29%{opacity:1}31%,100%{opacity:0}}@keyframes kGlowB{0%,38%{opacity:0}40%,44%,48%{opacity:1}42%,46%{opacity:.25}50%,100%{opacity:0}}@keyframes kLbl{0%,37%{opacity:0;transform:translateY(10px)}40%,46%{opacity:1;transform:translateY(0)}48%,100%{opacity:0}}@keyframes kC{0%,47%{opacity:0}51%,69%{opacity:1}72%,100%{opacity:0}}@keyframes kHand{0%,50%{transform:translate(85%,85%) rotate(-14deg)}58%{transform:translate(0,13.5%) rotate(0)}60%{transform:translate(0,16.5%)}63%,100%{transform:translate(0,0)}}@keyframes kLed{0%,62%{background:#9aa7ae;box-shadow:none}63%,100%{background:#62c21b;box-shadow:0 0 10px #62c21b}}@keyframes kClick{0%,62%{opacity:0;transform:translate(-50%,-50%) scale(.4)}64%{opacity:1;transform:translate(-50%,-50%) scale(.7)}70%,100%{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes kTick{0%,62%{opacity:0;transform:translateY(8px)}64%,69%{opacity:1;transform:translateY(0)}71%,100%{opacity:0}}@keyframes kFlood{0%,68%{transform:translate(-50%,-50%) scale(0);opacity:1}75%,96%{transform:translate(-50%,-50%) scale(55);opacity:1}100%{transform:translate(-50%,-50%) scale(55);opacity:0}}@keyframes kD{0%,72%{opacity:0}75%,96%{opacity:1}100%{opacity:0}}@keyframes kPhone{0%,73%{transform:translateY(100%)}79%,100%{transform:translateY(0)}}@keyframes kOkI{0%,85%{opacity:0}87%,100%{opacity:1}}@keyframes kBar{0%,79%{transform:scaleX(0);opacity:1}85%{transform:scaleX(1);opacity:1}86%,100%{transform:scaleX(1);opacity:0}} .cc .caps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)} .cc .cap{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 10px;color:#9aaab3;font-size:14px;font-weight:700;text-align:center;position:relative;animation:12s infinite steps(1)} .cc .cap+.cap{border-inline-start:1px solid var(--line)} .cc .cap b{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--bg);flex:none;font-size:13px} .cc .cap.c1{animation-name:kC1}.cc .cap.c2{animation-name:kC2}.cc .cap.c3{animation-name:kC3}.cc .cap.c4{animation-name:kC4} @keyframes kC1{0%{color:var(--ink);box-shadow:inset 0 -3px 0 var(--cy)}20%,100%{color:#9aaab3;box-shadow:none}} @keyframes kC2{0%,19%{color:#9aaab3;box-shadow:none}20%{color:var(--ink);box-shadow:inset 0 -3px 0 var(--cy)}48%,100%{color:#9aaab3;box-shadow:none}} @keyframes kC3{0%,47%{color:#9aaab3;box-shadow:none}48%{color:var(--ink);box-shadow:inset 0 -3px 0 var(--cy)}72%,100%{color:#9aaab3;box-shadow:none}} @keyframes kC4{0%,71%{color:#9aaab3;box-shadow:none}72%,97%{color:var(--ink);box-shadow:inset 0 -3px 0 var(--cy)}98%,100%{color:#9aaab3;box-shadow:none}} .cc .val{background:var(--bg)} .cc .vg{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center} .cc .box{position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 30px 60px -40px rgba(13,74,99,.45)} .cc .box .bimg{position:absolute;top:-46px;left:22px;width:130px;filter:drop-shadow(0 16px 14px rgba(11,29,41,.3))} .cc .box h3{font-size:20px;font-weight:800;margin-bottom:16px;display:flex;gap:10px;align-items:center} .cc .box h3 em{font-style:normal;font-size:12px;font-weight:700;background:#eef8df;color:#4f8a0a;padding:4px 10px;border-radius:99px} .cc .li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:15px} .cc .li .ck{width:24px;height:24px;border-radius:50%;background:#eef8df;color:#4f8a0a;display:grid;place-items:center;flex:none} .cc .li .ck svg{width:14px;height:14px} .cc .tot{margin-top:16px;display:flex;justify-content:space-between;align-items:baseline} .cc .tot b{font-size:36px;font-weight:900} .cc .cmp{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:12px} .cc .cm{border-radius:18px;padding:18px;text-align:center;background:#fff;border:1px solid var(--line)} .cc .cm.us{border-color:#bfe6f4;box-shadow:0 18px 30px -24px rgba(14,165,216,.7)} .cc .cm small{display:block;font-size:13px;color:var(--mut)} .cc .cm b{font-size:30px;font-weight:900} .cc .cm.us b{color:var(--cy)} .cc .cm.th b{color:#9aaab3;text-decoration:line-through;text-decoration-color:#e05252} .cc .save{margin-top:12px;font-weight:800;color:#4f8a0a} .cc .pr{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px} .cc .sta{text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px} .cc .sta b{display:block;font-size:42px;font-weight:900;color:var(--navy);line-height:1.2} .cc .sta span{color:var(--mut);font-size:15px} .cc .stars{color:#f5b301;letter-spacing:2px;font-size:20px} .cc .fb{position:relative;overflow:hidden;border-radius:32px;padding:54px 40px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;background:linear-gradient(135deg,#e6f6fc 0%,#f4fbef 100%);border:1px solid #d6edf6} .cc .fb p{color:var(--mut);font-size:17px;max-width:520px} .cc .fb img{width:100%;max-width:300px;margin:auto;display:block;filter:drop-shadow(0 26px 22px rgba(11,29,41,.3));animation:ccFloat 6s ease-in-out infinite} .cc .pays{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:var(--mut)} .cc .pays span{background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 10px} @media(prefers-reduced-motion:reduce){.cc *{animation:none!important}.cc .turn img:first-child{opacity:1}.cc .sA,.cc .sB,.cc .sC{opacity:0}.cc .sD,.cc .ok{opacity:1}.cc .load{opacity:0}} @media(max-width:900px){ .cc .sec{padding:60px 0} .cc .hg,.cc .vg,.cc .dg,.cc .fb{grid-template-columns:1fr} .cc .stg{order:-1;height:380px} .cc .turn{width:300px;height:300px;margin-bottom:50px} .cc .plat{width:290px;height:84px;bottom:30px} .cc .b1{top:10px;left:0}.cc .b2{top:auto;bottom:110px;right:0}.cc .b3{display:none} .cc .tg{grid-template-columns:1fr 1fr} .cc .ti{flex-direction:column;text-align:center;gap:8px;padding:16px 10px} .cc .orb{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px} .cc .orb:before,.cc .orb:after{display:none} .cc .core{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;margin:6px auto 26px;width:230px;height:230px} .cc .fi,.cc .fi.r,.cc .fi.l{position:static;width:auto;transform:none;flex-direction:column;text-align:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 10px} .cc .fi .oi:after{display:none} .cc .fi b{font-size:15px}.cc .fi span{font-size:13px} .cc .caps{grid-template-columns:1fr 1fr}.cc .cap{font-size:13px;padding:12px 8px}.cc .cap:nth-child(3){border-inline-start:0}.cc .cap:nth-child(n+3){border-top:1px solid var(--line)} .cc .pr{grid-template-columns:1fr} .cc .fb{padding:36px 22px;text-align:center}.cc .fb .ctas,.cc .pays{justify-content:center}.cc .fb p{margin:auto} .cc .box{margin-top:40px} } @media(max-width:480px){.cc .btn{width:100%}.cc .pi{border:0;padding:0}} .cc .fw{position:relative;height:900px;max-width:1100px;margin:26px auto 0}.cc .fw-ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.cc .fw-ring.fwr1{width:330px;height:330px;border:1px dashed #bfe2ef}.cc .fw-ring.fwr2{width:420px;height:420px;border:1px solid #edf4f7}.cc .fw-ln{position:absolute;left:50%;top:50%;width:1.5px;height:270px;margin-left:-.75px;transform-origin:50% 0;transform:rotate(calc(var(--a) + 180deg)) translateY(168px);background:linear-gradient(to bottom,rgba(14,165,216,.55),rgba(14,165,216,0));pointer-events:none}.cc .fw-ln:before{content:"";position:absolute;left:50%;top:0;width:7px;height:7px;border-radius:50%;background:var(--cy);transform:translate(-50%,-50%);box-shadow:0 0 0 4px rgba(14,165,216,.15)}.cc .fw-core{position:absolute;left:50%;top:50%;width:270px;height:270px;transform:translate(-50%,-50%);border-radius:50%;z-index:2;background:radial-gradient(circle at 50% 35%,#fff 0%,#f1f8fb 60%,#e2eff5 100%);box-shadow:0 0 0 12px rgba(255,255,255,.9),0 0 0 13px #dcedf4,0 40px 70px -30px rgba(13,74,99,.45);display:grid;place-items:center}.cc .fw-core img{width:76%;filter:drop-shadow(0 22px 20px rgba(11,29,41,.3));animation:ccFloat 6s ease-in-out infinite}.cc .fw-it{position:absolute;z-index:3;width:250px;text-align:center;transform:translate(-50%,-50%)}.cc .fw-it.fw1{left:calc(50% + 175px);top:calc(50% - 303px)}.cc .fw-it.fw2{left:calc(50% + 380px);top:50%}.cc .fw-it.fw3{left:calc(50% + 175px);top:calc(50% + 303px)}.cc .fw-it.fw4{left:calc(50% - 175px);top:calc(50% + 303px)}.cc .fw-it.fw5{left:calc(50% - 380px);top:50%}.cc .fw-it.fw6{left:calc(50% - 175px);top:calc(50% - 303px)}.cc .fw-art{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 22px 40px -26px rgba(13,74,99,.45);margin-bottom:14px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}.cc .fw-it:hover .fw-art{transform:translateY(-4px);box-shadow:0 30px 50px -26px rgba(13,74,99,.55)}.cc .fw-art svg{display:block;width:100%;height:auto}.cc .fw-it>b{display:block;font-size:17px;font-weight:800;margin-bottom:2px}.cc .fw-it>span{display:block;font-size:13.5px;line-height:1.65;color:var(--mut);padding:0 6px}.cc .fw svg text{font-family:inherit;direction:rtl;font-weight:700;font-size:10.5px;fill:#33505f}.cc .fw svg .fxb{font-size:12.5px;font-weight:800;fill:#0b1d29}.cc .fw svg .fxs,.cc .fw svg .fxs2 text{font-size:9.5px;font-weight:600;fill:#8aa0ad}.cc .fw svg .fxg{font-size:9.5px;fill:#3f9a12}.cc .fw svg .fxw{font-size:11px;font-weight:800;fill:#fff}.cc .fw-pulse{transform-box:fill-box;transform-origin:center;animation:fwPulse 2s cubic-bezier(.16,1,.3,1) infinite}.cc .fw-route{stroke-dasharray:330;stroke-dashoffset:330;animation:fwRoute 5s cubic-bezier(.65,0,.35,1) infinite}.cc .fw-plug{animation:fwPlug 2.6s ease-in-out infinite}.cc .fw-arw{animation:fwArw 2.6s ease-in-out infinite}@keyframes fwPulse{0%{transform:scale(1);opacity:.45}100%{transform:scale(2.8);opacity:0}}@keyframes fwRoute{0%{stroke-dashoffset:330}55%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}@keyframes fwPlug{0%,100%{transform:translateY(-4px)}50%{transform:translateY(6px)}}@keyframes fwArw{0%,100%{opacity:.2}50%{opacity:1}}@media(max-width:980px){.cc .fw{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px 18px}.cc .fw-ring,.cc .fw-ln{display:none}.cc .fw-core{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;margin:6px auto 18px;width:210px;height:210px}.cc .fw-it,.cc .fw-it.fw1,.cc .fw-it.fw2,.cc .fw-it.fw3,.cc .fw-it.fw4,.cc .fw-it.fw5,.cc .fw-it.fw6{position:static;transform:none;width:auto}}@media(max-width:560px){.cc .fw{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:22px -20px 0;padding:6px 20px 18px;scrollbar-width:none}.cc .fw::-webkit-scrollbar{display:none}.cc .fw-core{display:none}.cc .fw-it,.cc .fw-it.fw1,.cc .fw-it.fw2,.cc .fw-it.fw3,.cc .fw-it.fw4,.cc .fw-it.fw5,.cc .fw-it.fw6{flex:0 0 80%;scroll-snap-align:center;max-width:none}}.cc .fw svg .fxr{font-size:7.5px;font-weight:700;fill:#a07c1c}.cc .fw-sweep{position:absolute;left:50%;top:50%;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;background:conic-gradient(from 0deg,rgba(14,165,216,.10) 0deg 60deg,transparent 60deg);-webkit-mask:radial-gradient(circle,transparent 150px,#000 151px,#000 52%,transparent 70%);mask:radial-gradient(circle,transparent 150px,#000 151px,#000 52%,transparent 70%);animation:fwSweep 18s infinite;pointer-events:none}.cc .fw-it{animation:fwHi 18s infinite}.cc .fw-it .fw-art{animation:fwArt 18s infinite}.cc .fw-it.fw2,.cc .fw-it.fw2 .fw-art{animation-delay:-15s}.cc .fw-it.fw3,.cc .fw-it.fw3 .fw-art{animation-delay:-12s}.cc .fw-it.fw4,.cc .fw-it.fw4 .fw-art{animation-delay:-9s}.cc .fw-it.fw5,.cc .fw-it.fw5 .fw-art{animation-delay:-6s}.cc .fw-it.fw6,.cc .fw-it.fw6 .fw-art{animation-delay:-3s}.cc .fw:hover .fw-it,.cc .fw:hover .fw-it .fw-art,.cc .fw:hover .fw-sweep{animation-play-state:paused}@keyframes fwHi{0%,15%{opacity:1;filter:none}18%,97%{opacity:.38;filter:grayscale(1)}100%{opacity:1;filter:none}}@keyframes fwArt{0%,15%{transform:scale(1.06);box-shadow:0 34px 60px -28px rgba(14,165,216,.6);border-color:#bfe6f5}18%,97%{transform:scale(1);box-shadow:0 22px 40px -26px rgba(13,74,99,.3);border-color:#e4edf2}100%{transform:scale(1.06);box-shadow:0 34px 60px -28px rgba(14,165,216,.6);border-color:#bfe6f5}}@keyframes fwSweep{0%,15%{transform:rotate(0)}18%,32%{transform:rotate(60deg)}35%,49%{transform:rotate(120deg)}52%,65%{transform:rotate(180deg)}68%,82%{transform:rotate(240deg)}85%,97%{transform:rotate(300deg)}100%{transform:rotate(360deg)}}@media(max-width:980px){.cc .fw-sweep{display:none}}@media(max-width:560px){.cc .fw-it,.cc .fw-it .fw-art{animation:none}}.cc .fw-dots{display:none}@media(max-width:560px){.cc .fw{display:grid;grid-template-columns:1fr;overflow:visible;margin:22px auto 0;padding:0;max-width:360px;gap:0}.cc .fw-it,.cc .fw-it.fw1,.cc .fw-it.fw2,.cc .fw-it.fw3,.cc .fw-it.fw4,.cc .fw-it.fw5,.cc .fw-it.fw6{grid-area:1/1;flex:none;width:auto;animation:fwMob 24s infinite both}.cc .fw-it.fw2{animation-delay:-20s}.cc .fw-it.fw3{animation-delay:-16s}.cc .fw-it.fw4{animation-delay:-12s}.cc .fw-it.fw5{animation-delay:-8s}.cc .fw-it.fw6{animation-delay:-4s}.cc .fw-it .fw-art,.cc .fw-it.fw2 .fw-art,.cc .fw-it.fw3 .fw-art,.cc .fw-it.fw4 .fw-art,.cc .fw-it.fw5 .fw-art,.cc .fw-it.fw6 .fw-art{animation:none}.cc .fw-dots{display:flex;justify-content:center;gap:7px;grid-area:2/1;margin-top:18px}.cc .fw-dots i{width:7px;height:7px;border-radius:99px;background:#d5e3ea;animation:fwDot 24s infinite}.cc .fw-dots i:nth-child(2){animation-delay:-20s}.cc .fw-dots i:nth-child(3){animation-delay:-16s}.cc .fw-dots i:nth-child(4){animation-delay:-12s}.cc .fw-dots i:nth-child(5){animation-delay:-8s}.cc .fw-dots i:nth-child(6){animation-delay:-4s}}@keyframes fwMob{0%,15%{opacity:1;transform:translateX(0);visibility:visible}17.5%,97.5%{opacity:0;transform:translateX(-28px);visibility:hidden}97.6%{opacity:0;transform:translateX(28px);visibility:visible}100%{opacity:1;transform:translateX(0);visibility:visible}}@keyframes fwDot{0%,15.5%{width:22px;background:#0ea5d8}17.5%,97.5%{width:7px;background:#d5e3ea}100%{width:22px;background:#0ea5d8}}