@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cairo-red:#d4243b;--cairo-red-dark:#a51c2e;--cairo-red-light:#ef4456;--cairo-gold:#c9a84c;--cairo-gold-light:#e8c860;--cairo-bg:#111;--cairo-bg-light:#222;--cairo-surface:#2d2d2d;--cairo-text:#fff;--cairo-text-muted:#aaa;--cairo-glass:#ffffff1a;--cairo-glass-border:#ffffff1a;--cairo-shadow:#00000080;--cairo-shadow-heavy:#00000040;--cairo-orange:#ff7a2f;--cairo-orange-light:#ffa366;--cairo-monitor-silver:#c0c4cc;--cairo-monitor-dark:#2d2d35;--font-display:"DM Sans", sans-serif;--font-body:"Inter", -apple-system, sans-serif}html,body{width:100%;height:100%;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{position:fixed;inset:0}.cairo-stage{background:var(--cairo-bg);perspective:1200px;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.cairo-stage:after{content:"";z-index:99;pointer-events:none;background:radial-gradient(#0000 50%,#00000014 100%);position:absolute;inset:0}.cairo-noise{z-index:2;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;position:absolute;inset:0}.cairo-studio-bg{z-index:0;background:radial-gradient(at 50% 40%,#2a2a2a 0%,#1a1a1a 50%,#0a0a0a 100%);position:absolute;inset:0}.cairo-studio-bg:after{content:"";background:radial-gradient(at 50% 120%,#ffffff1a 0%,#0000 60%);position:absolute;inset:0}.cairo-light-spot{z-index:1;pointer-events:none;background:radial-gradient(circle,#ffffff59 0%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:8s ease-in-out infinite ambientPulse;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.cairo-light-spot--secondary{background:radial-gradient(circle,#ffffff26 0%,#0000 70%);width:500px;height:500px;animation:10s ease-in-out 2s infinite ambientPulse;top:auto;bottom:-100px;left:30%}@keyframes ambientPulse{0%,to{opacity:.8;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.05)}}.cairo-world{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;justify-content:center;align-items:center;transition:transform 1.5s cubic-bezier(.65,0,.35,1);display:flex}.cairo-scene{z-index:10;opacity:0;pointer-events:none;transform-style:preserve-3d;backface-visibility:hidden;will-change:opacity, transform;justify-content:center;align-items:center;transition:opacity .6s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.cairo-scene--active{opacity:1;pointer-events:auto}.cairo-scene--exiting{opacity:0}.cairo-scene--1{transform:translate(0,0)}.cairo-scene--2{transform:translate3d(0,600px,-600px)rotateX(-90deg)}.cairo-scene--3{transform:translate3d(1000px,0,-1000px)rotateY(-90deg)}.cairo-scene--4{transform:translate3d(0,-600px,-600px)rotateX(90deg)}.scene1-container{justify-content:center;align-items:center;width:420px;height:340px;display:flex;position:relative}.cairo-card{width:320px;height:200px;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;border-radius:16px;position:absolute}.cairo-card--base{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#3c3c4173,#28282d59);border:1px solid #ffffff14;box-shadow:0 8px 32px #00000026}.cairo-card--base-1{opacity:0;animation:.8s cubic-bezier(.34,1.56,.64,1) .2s forwards baseCardIn1;transform:translate(-8px,24px)rotate(-2deg)}.cairo-card--base-2{opacity:0;animation:.8s cubic-bezier(.34,1.56,.64,1) .4s forwards baseCardIn2;transform:translate(-4px,12px)rotate(-1deg)}.cairo-card--main{z-index:5;opacity:0;will-change:transform;background:linear-gradient(135deg,#d0d0d0 0%,#e8e8e8 20%,#fff 40%,#e8e8e8 50%,silver 65%,#e8e8e8 80%,#fff 100%) 0 0/200% 200%;border:1px solid #fffc;animation:1s cubic-bezier(.34,1.56,.64,1) .6s forwards mainCardIn,3s ease-in-out 1.6s infinite cardFloat,4s ease-in-out 1.6s infinite metallicSheen;overflow:hidden;box-shadow:0 30px 80px #000c,0 15px 35px #0009,inset 0 1px #fff,inset 0 -1px #0003}.cairo-card--main:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff1f 45%,#ffffff0d 50%,#0000 65%);border-radius:16px;position:absolute;inset:0}.cairo-card--main .cairo-card__logo,.cairo-stack-card--4 .cairo-card__logo{font-family:var(--font-display);color:#1a1a1a;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 2px #fffc;z-index:3;opacity:0;font-size:20px;font-weight:800;animation:1s cubic-bezier(.19,1,.22,1) .6s forwards logoAssemble;position:absolute;top:24px;left:28px}.cairo-card__chip{background:linear-gradient(145deg, var(--cairo-gold-light) 0%, var(--cairo-gold) 30%, #b8952f 60%, var(--cairo-gold-light) 100%);z-index:3;border:1px solid #ffffff26;border-radius:6px;width:44px;height:34px;position:absolute;top:70px;left:28px;overflow:hidden;box-shadow:0 2px 8px #0003}.cairo-card__chip:before{content:"";background:#00000026;height:1px;position:absolute;top:50%;left:0;right:0}.cairo-card__chip:after{content:"";background:#0000001a;width:1px;height:100%;position:absolute;top:0;left:50%}.cairo-card__chip-shine{z-index:4;opacity:0;background:linear-gradient(110deg,#0000 25%,#ffffff80 45%,#ffffff1a 55%,#0000 75%);border-radius:6px;animation:3s ease-in-out infinite chipShine,1s cubic-bezier(.19,1,.22,1) .8s forwards chipAssemble;position:absolute;inset:0}.cairo-card--main .cairo-card__number,.cairo-stack-card--4 .cairo-card__number{z-index:3;opacity:0;gap:14px;animation:1s cubic-bezier(.19,1,.22,1) 1s forwards numberAssemble;display:flex;position:absolute;bottom:55px;left:28px}.cairo-card__number-group{gap:4px;display:flex}.cairo-card__dot{background:#ffffff80;border-radius:50%;width:6px;height:6px}.cairo-card__last-four{font-family:var(--font-body);color:#000000b3;letter-spacing:.15em;font-size:13px;font-weight:600}.cairo-card--main .cairo-card__holder,.cairo-stack-card--4 .cairo-card__holder{font-family:var(--font-body);color:#0009;letter-spacing:.2em;text-transform:uppercase;z-index:3;opacity:0;font-size:10px;font-weight:600;animation:1s cubic-bezier(.19,1,.22,1) 1.2s forwards holderAssemble;position:absolute;bottom:24px;left:28px}.cairo-card--main .cairo-card__contactless,.cairo-stack-card--4 .cairo-card__contactless{z-index:3;opacity:0;color:#1a1a1a;width:24px;height:24px;animation:1s cubic-bezier(.19,1,.22,1) 1.3s forwards contactlessAssemble;position:absolute;bottom:24px;right:28px}.cairo-card__contactless svg{width:100%;height:100%}.scene1-dof-ring{pointer-events:none;filter:blur(20px);opacity:.5;background:0 0;border:80px solid #0000;border-radius:50%;width:600px;height:600px;position:absolute;box-shadow:0 0 80px 40px #00000005}@keyframes logoAssemble{0%{opacity:0;transform:translate3d(-100px,-30px,150px)rotateX(45deg)}to{opacity:1;transform:translate(0,0)rotateX(0)}}@keyframes chipAssemble{0%{opacity:0;transform:translate3d(80px,-40px,200px)rotateY(90deg)scale(.3)}to{opacity:1;transform:translate(0,0)rotateY(0)scale(1)}}@keyframes numberAssemble{0%{opacity:0;transform:translate3d(0,60px,120px)scale(.8)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes holderAssemble{0%{opacity:0;transform:translate3d(-50px,30px,100px)}to{opacity:1;transform:translate(0,0)}}@keyframes contactlessAssemble{0%{opacity:0;transform:translate3d(50px,30px,120px)rotate(90deg)}to{opacity:.7;transform:translate(0,0)rotate(0)}}@keyframes baseCardIn1{0%{opacity:0;transform:translate3d(-50px,100px,-200px)rotate(-10deg)}to{opacity:1;transform:translate(-8px,24px)rotate(-2deg)}}@keyframes baseCardIn2{0%{opacity:0;transform:translate3d(-30px,80px,-150px)rotate(-5deg)}to{opacity:1;transform:translate(-4px,12px)rotate(-1deg)}}@keyframes mainCardIn{0%{opacity:0;transform:translate3d(0,100px,300px)rotateX(-45deg)rotateY(15deg)}to{opacity:1;transform:translateY(-12px)rotate(1deg)}}@keyframes cardFloat{0%,to{transform:translateY(-12px)rotate(1deg)}50%{transform:translateY(-24px)rotate(.5deg)}}@keyframes metallicSheen{0%,to{background-position:0 0}50%{background-position:100% 100%}}@keyframes chipShine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.scene2-container{justify-content:center;align-items:center;width:600px;height:450px;display:flex;position:relative}.cairo-platform{width:440px;height:320px;transform-style:preserve-3d;animation:1.2s cubic-bezier(.19,1,.22,1) .1s both platformIn;position:relative;transform:rotateX(55deg)rotate(-45deg)}@keyframes platformIn{0%{opacity:0;transform:rotateX(10deg)rotate(-120deg)scale3d(.6,.6,.6)translateZ(-400px)}to{opacity:1;transform:rotateX(55deg)rotate(-45deg)scale(1)translateZ(0)}}.cairo-platform__base{background:#fff;border:1px solid #ffffff1a;border-radius:20px;position:absolute;inset:0;box-shadow:0 50px 100px #00000080,0 20px 40px #0000004d}.cairo-building{transform-style:preserve-3d;transform-origin:bottom;will-change:transform;background:#f0f0f0;border:1px solid #0000000f;border-radius:4px 4px 0 0;transition:background .5s,box-shadow .5s;position:absolute}.cairo-building:before{content:"";background:linear-gradient(#ffffff4d 0%,#0000 40%);border-radius:4px 4px 0 0;position:absolute;inset:0}.cairo-building:after{content:"";transform-origin:0 100%;opacity:.5;background:linear-gradient(90deg,#00000014 0%,#0000 100%);height:100%;position:absolute;bottom:0;left:0;right:0;transform:skewY(-2deg)}.cairo-building--1{width:60px;height:90px;animation:.6s cubic-bezier(.34,1.56,.64,1) .3s both buildingRise;bottom:60px;left:40px}.cairo-building--2{width:50px;height:120px;animation:.6s cubic-bezier(.34,1.56,.64,1) .5s both buildingRise;bottom:60px;left:120px}.cairo-building--3{width:70px;height:70px;animation:.6s cubic-bezier(.34,1.56,.64,1) .7s both buildingRise;bottom:60px;left:190px}.cairo-building--4{width:45px;height:100px;animation:.6s cubic-bezier(.34,1.56,.64,1) .9s both buildingRise;bottom:60px;right:80px}.cairo-building--5{width:55px;height:60px;animation:.6s cubic-bezier(.34,1.56,.64,1) .6s both buildingRise;bottom:60px;right:40px}.cairo-building--6{width:40px;height:80px;animation:.6s cubic-bezier(.34,1.56,.64,1) .8s both buildingRise;bottom:160px;left:80px}.cairo-building--highlight{box-shadow:0 0 20px #d4243b4d;background:var(--cairo-red)!important}.cairo-building--highlight:before{background:linear-gradient(#fff3 0%,#0000 40%)}.cairo-icon-float{z-index:20;opacity:0;background:var(--cairo-orange);will-change:transform;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;transform:translateY(20px)scale(.5);box-shadow:0 12px 32px #ff7a2f80,0 4px 12px #0000004d}.cairo-icon-float svg{fill:#fff;width:22px;height:22px}.cairo-icon-float--lock{animation:.5s cubic-bezier(.34,1.56,.64,1) 1.2s forwards iconPopUp;top:20%;left:25%}.cairo-icon-float--cart{animation:.5s cubic-bezier(.34,1.56,.64,1) 1.5s forwards iconPopUp;top:15%;right:30%}.cairo-icon-float--clipboard{animation:.5s cubic-bezier(.34,1.56,.64,1) 1.8s forwards iconPopUp;top:35%;left:55%}.cairo-city-monitor{z-index:15;opacity:0;will-change:transform;width:80px;height:56px;animation:.8s cubic-bezier(.34,1.56,.64,1) 2.2s forwards monitorEmerge;position:absolute;bottom:50%;left:50%;transform:translate(-50%)}.cairo-city-monitor__screen{background:var(--cairo-monitor-dark);border:2px solid var(--cairo-monitor-silver);border-radius:4px 4px 0 0;width:100%;height:44px;overflow:hidden}.cairo-city-monitor__screen-content{background:linear-gradient(#2d2d35 0%,#3a3a42 100%);width:100%;height:100%}.cairo-city-monitor__stand{background:var(--cairo-monitor-silver);border-radius:0 0 3px 3px;width:30px;height:8px;margin:0 auto}.cairo-city-monitor__foot{background:var(--cairo-monitor-silver);border-radius:2px;width:50px;height:4px;margin:0 auto}@keyframes buildingRise{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes iconPopUp{0%{opacity:0;transform:translateY(20px)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes monitorEmerge{0%{opacity:0;transform:translate(-50%)translateY(30px)scale(.6)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.scene3-container{perspective:1000px;justify-content:center;align-items:center;width:700px;height:500px;display:flex;position:relative}.cairo-monitor{z-index:10;opacity:0;will-change:transform;width:380px;transform-style:preserve-3d;animation:.8s cubic-bezier(.19,1,.22,1) .2s forwards monitorSlideIn;position:relative}.cairo-monitor__bezel{transform-origin:bottom;background:linear-gradient(#d8d8dd 0%,#c0c4cc 100%);border-radius:12px 12px 0 0;width:100%;height:240px;padding:10px;animation:1s cubic-bezier(.19,1,.22,1) .4s both bezelFoldOpen;box-shadow:0 20px 60px #0003,0 8px 24px #00000026,inset 0 1px #ffffff4d}@keyframes bezelFoldOpen{0%{opacity:0;transform:rotateX(-90deg)translate3d(0,40px,-40px)}to{opacity:1;transform:rotateX(0)translate(0,0)}}.cairo-monitor__screen{background:var(--cairo-monitor-dark);border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden}.cairo-monitor__pattern{position:absolute;inset:0;overflow:hidden}.cairo-monitor__wave{width:200%;height:100%;position:absolute;left:-50%}.cairo-monitor__wave-path{fill:none;stroke:#64646e4d;stroke-width:1.5px}.cairo-monitor__wave--1{animation:8s linear infinite waveSlide}.cairo-monitor__wave--2{opacity:.5;animation:10s linear infinite reverse waveSlide}.cairo-monitor__wave--3{opacity:.3;animation:12s linear infinite waveSlide}.cairo-monitor__ui-bar{align-items:center;gap:6px;height:18px;display:flex;position:absolute;top:12px;left:14px;right:14px}.cairo-monitor__ui-dot{border-radius:50%;width:5px;height:5px}.cairo-monitor__ui-dot--r{background:#ff5f57}.cairo-monitor__ui-dot--y{background:#febc2e}.cairo-monitor__ui-dot--g{background:#28c840}.cairo-monitor__chin{background:linear-gradient(#c0c4cc 0%,#b0b4bc 100%);justify-content:center;align-items:center;width:100%;height:16px;display:flex}.cairo-monitor__chin-logo{background:#a8acb4;border-radius:50%;width:12px;height:12px}.cairo-monitor__stand-neck{clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);background:linear-gradient(90deg,#b8bcc4 0%,#c8ccd4 50%,#b8bcc4 100%);width:60px;height:40px;margin:0 auto}.cairo-monitor__stand-base{background:linear-gradient(90deg,#b0b4bc 0%,#c8ccd4 50%,#b0b4bc 100%);border-radius:0 0 6px 6px;width:120px;height:10px;margin:0 auto}.cairo-notification{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:15;opacity:0;will-change:transform;background:#ffffffeb;border:1px solid #fffc;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;transform:translateZ(40px)scale(.8);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}.cairo-notification__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cairo-notification__icon--green{background:#22c55e}.cairo-notification__icon--blue{background:#3b82f6}.cairo-notification__icon--purple{background:#8b5cf6}.cairo-notification__icon--red{background:var(--cairo-red)}.cairo-notification__icon svg{fill:#fff;width:14px;height:14px}.cairo-notification__text{flex-direction:column;gap:2px;display:flex}.cairo-notification__title{font-family:var(--font-body);color:#1a1a1a;white-space:nowrap;font-size:11px;font-weight:600}.cairo-notification__desc{font-family:var(--font-body);color:#888;white-space:nowrap;font-size:9px;font-weight:400}.cairo-notification--1{animation:.8s cubic-bezier(.175,.885,.32,1.275) .6s forwards notifPop3D,4s ease-in-out 1.4s infinite notifFloat;top:15%;right:5%}.cairo-notification--2{animation:.8s cubic-bezier(.175,.885,.32,1.275) .9s forwards notifPop3D,4.5s ease-in-out 1.7s infinite notifFloat;bottom:30%;right:8%}.cairo-notification--3{animation:.8s cubic-bezier(.175,.885,.32,1.275) 1.2s forwards notifPop3D,5s ease-in-out 2s infinite notifFloat;top:25%;left:3%}.cairo-notification--4{animation:.8s cubic-bezier(.175,.885,.32,1.275) 1.5s forwards notifPop3D,4.2s ease-in-out 2.3s infinite notifFloat;bottom:20%;left:5%}.scene3-mini-buildings{z-index:5;opacity:0;align-items:flex-end;gap:6px;animation:.8s .1s forwards miniBuildingsIn;display:flex;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.scene3-mini-building{background:#e8e8ed;border:1px solid #0000000a;border-radius:3px 3px 0 0}@keyframes monitorSlideIn{0%{opacity:0;transform:translateY(80px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes waveSlide{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes notifPop3D{0%{opacity:0;transform:translate3d(150px,0,200px)rotateY(-45deg)scale(.6)}to{opacity:1;transform:translate(0,0)rotateY(0)scale(1)}}@keyframes notifFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes miniBuildingsIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:.6;transform:translate(-50%)translateY(0)}}.scene4-container{justify-content:center;align-items:center;width:480px;height:400px;display:flex;position:relative}.cairo-card-stack{width:320px;height:200px;transform-style:preserve-3d;position:relative}.cairo-card--white{z-index:10;background:#fff;border:1px solid #00000014;border-radius:16px;width:100%;height:100%;animation:.8s cubic-bezier(.4,0,.2,1) .5s forwards whiteCardOut;position:absolute;box-shadow:0 10px 40px #0000001a}.cairo-card--white .cairo-card__chip{opacity:.3}.cairo-stack-card{opacity:0;will-change:transform;background:linear-gradient(135deg,#d0d0d0 0%,#e8e8e8 25%,#fff 45%,#e8e8e8 55%,silver 70%,#e8e8e8 85%,#fff 100%) 0 0/200% 200%;border:1px solid #fffc;border-radius:16px;width:100%;height:100%;position:absolute;overflow:hidden}.cairo-stack-card:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff1f 45%,#ffffff0d 50%,#0000 65%);border-radius:16px;position:absolute;inset:0}.cairo-stack-card--1{z-index:4;animation:.6s cubic-bezier(.175,.885,.32,1.275) .5s forwards stackCard1,4s ease-in-out 1.2s infinite metallicSheen;box-shadow:0 2px 8px #0000001a}.cairo-stack-card--2{z-index:5;animation:.6s cubic-bezier(.175,.885,.32,1.275) .7s forwards stackCard2,4s ease-in-out 1.4s infinite metallicSheen;box-shadow:0 4px 16px #0000001f}.cairo-stack-card--3{z-index:6;animation:.6s cubic-bezier(.175,.885,.32,1.275) .9s forwards stackCard3,4s ease-in-out 1.6s infinite metallicSheen;box-shadow:0 8px 24px #00000026}.cairo-stack-card--4{z-index:7;animation:.8s cubic-bezier(.175,.885,.32,1.275) 1.1s forwards stackCard4,4s ease-in-out 2s infinite metallicSheen;box-shadow:0 30px 80px #0009,0 15px 35px #0006,inset 0 1px #fff}@keyframes whiteCardOut{0%{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.5;transform:scale(.95)rotate(-2deg)}to{opacity:0;transform:scale(.85)rotate(-5deg)translateY(20px)}}@keyframes stackCard1{0%{opacity:0;transform:translate3d(200px,-200px,400px)rotate(45deg)rotateX(45deg)}to{opacity:1;transform:translate(-12px,18px)rotate(-3deg)}}@keyframes stackCard2{0%{opacity:0;transform:translate3d(-200px,-200px,300px)rotate(-45deg)rotateX(45deg)}to{opacity:1;transform:translate(-6px,10px)rotate(-1.5deg)}}@keyframes stackCard3{0%{opacity:0;transform:translate3d(200px,200px,200px)rotate(30deg)rotateY(45deg)}to{opacity:1;transform:translateY(2px)rotate(0)}}@keyframes stackCard4{0%{opacity:0;transform:translate3d(0,300px,500px)rotate(-15deg)scale(.5)}to{opacity:1;transform:translate(6px,-6px)rotate(1.5deg)scale(1)}}.cairo-stack-card--4 .cairo-card__logo{color:#1a1a1a;text-shadow:0 0 20px #fff,0 1px 3px #fffc;font-size:22px;animation-delay:1.3s}.cairo-stack-card--4 .cairo-card__chip-shine{animation-delay:1.5s}.cairo-stack-card--4 .cairo-card__number{animation-delay:1.7s}.cairo-stack-card--4 .cairo-card__holder{animation-delay:1.9s}.cairo-stack-card--4 .cairo-card__contactless{animation-delay:2s}.cairo-progress{z-index:100;gap:8px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.cairo-progress__dot{cursor:pointer;background:#00000026;border:none;border-radius:50%;outline:none;width:8px;height:8px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.cairo-progress__dot:hover{background:#0000004d;transform:scale(1.15)}.cairo-progress__dot--active{background:var(--cairo-red);transform:scale(1.3);box-shadow:0 0 12px #d4243b66}.cairo-progress__dot--active:hover{transform:scale(1.4)}.cairo-timer{z-index:100;background:#0000000d;height:3px;position:fixed;top:0;left:0;right:0}.cairo-timer__fill{background:linear-gradient(90deg, var(--cairo-red), var(--cairo-red-light));height:100%;transition:width .1s linear;box-shadow:0 0 10px #d4243b4d}.cairo-replay{z-index:100;opacity:0;cursor:pointer;background:var(--cairo-red);color:#fff;font-family:var(--font-body);letter-spacing:.08em;border:none;border-radius:30px;padding:10px 28px;font-size:13px;font-weight:600;transition:all .3s;animation:.5s forwards replayFadeIn;position:fixed;bottom:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #d4243b4d}.cairo-replay:hover{background:var(--cairo-red-light);transform:translate(-50%)translateY(-2px);box-shadow:0 8px 30px #d4243b66}@keyframes replayFadeIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:768px){.scene1-container{width:300px;height:260px}.cairo-card{width:240px;height:150px}.cairo-card__logo{font-size:16px;top:18px;left:20px}.cairo-card__chip{width:36px;height:28px;top:52px;left:20px}.cairo-card__number{bottom:42px;left:20px}.cairo-card__holder{font-size:8px;bottom:18px;left:20px}.scene2-container{width:360px;height:320px}.cairo-platform{width:280px;height:220px}.cairo-icon-float{width:34px;height:34px}.cairo-icon-float svg{width:16px;height:16px}.scene3-container{width:400px;height:360px}.cairo-monitor{width:260px}.cairo-monitor__bezel{height:170px}.cairo-notification{padding:8px 12px}.cairo-notification__icon{width:22px;height:22px}.cairo-notification__title{font-size:9px}.cairo-notification__desc{font-size:7px}.scene4-container{width:320px;height:300px}.cairo-card-stack{width:240px;height:150px}}@media (max-width:480px){.scene1-container{width:260px;height:220px}.cairo-card{width:200px;height:126px}.scene2-container{width:300px;height:280px}.cairo-platform{width:220px;height:180px}.scene3-container{width:320px;height:300px}.cairo-monitor{width:220px}.cairo-monitor__bezel{height:140px}.scene4-container{width:280px;height:260px}.cairo-card-stack{width:200px;height:126px}}