.simcards-container{font-family:Manrope,sans-serif;color:#fff}.font-headline{font-family:Space Grotesk,sans-serif}.glass-card{background:#26262666;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}:root{--vcard-base-w: 310px;--vcard-base-h: 844px}.coverflow-container{perspective:1500px;overflow:visible;padding:0;position:relative;width:100%;height:580px;margin-bottom:2rem}.coverflow-track{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;margin:0 auto;transform:scaleY(.8)!important}.cover-item{position:absolute;--frame-width: 290px;--frame-height: calc((var(--frame-width) * 844 / 390) * .8);width:calc(var(--frame-width) * .85);height:var(--frame-height);left:50%;top:50%;transform:translate(-50%,-50%) translateZ(-800px) rotateY(-45deg);transition:transform .8s cubic-bezier(.19,1,.22,1),opacity .8s;transform-style:preserve-3d;cursor:pointer;flex-shrink:0;opacity:0;pointer-events:none}.iphone-frame{position:absolute;left:50%;top:50%;width:210px;height:600px;transform:translate(-50%,-50%);box-sizing:content-box;border:6px solid #1a1a1a;border-radius:48px;background:#111;overflow:hidden;box-shadow:0 40px 80px -20px #00000080;transition:transform .6s cubic-bezier(.19,1,.22,1),border-color .6s,box-shadow .6s;isolation:isolate}.maximized-frame-container{--scale-factor: min(.28, calc(65vh / 844), calc(80vw / 390));width:370px;height:844px;position:relative;border-radius:2rem;box-sizing:content-box;padding:0;background:#111;border:0px solid #222;overflow:hidden;box-shadow:0 0 100px #00e5ff4d;touch-action:pan-y;-webkit-overflow-scrolling:touch;transform:scale(var(--scale-factor))!important;transform-origin:center;animation:zoomInFrame .6s cubic-bezier(.19,1,.22,1) forwards;display:block}@media(min-width:768px){.coverflow-container{perspective:2100px;height:620px;margin-bottom:0rem}.coverflow-track{left:0;top:10px}.cover-item{--frame-width: 350px}.iphone-frame{border:6px solid #1a1a1a}.maximized-frame-container{--scale-factor: min(.85, calc(80vh / 844), calc(90vw / 390))}}.cover-item.active{transform:translate(-50%,-50%) translateZ(150px) rotateY(0);z-index:100;opacity:1;pointer-events:auto}.cover-item.prev-1{transform:translate(-130%,-50%) translateZ(-150px) rotateY(25deg);z-index:80;opacity:.8;pointer-events:auto}.cover-item.prev-2{transform:translate(-195%,-50%) translateZ(-350px) rotateY(40deg);z-index:60;opacity:.4}.cover-item.prev-3{transform:translate(-250%,-50%) translateZ(-550px) rotateY(55deg);z-index:40;opacity:.1}.cover-item.next-1{transform:translate(30%,-50%) translateZ(-150px) rotateY(-25deg);z-index:80;opacity:.8;pointer-events:auto}.cover-item.next-2{transform:translate(95%,-50%) translateZ(-350px) rotateY(-40deg);z-index:60;opacity:.4}.cover-item.next-3{transform:translate(150%,-50%) translateZ(-550px) rotateY(-55deg);z-index:40;opacity:.1}.template-maximizer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000f2;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;overflow:hidden;animation:fadeInOverlay .5s ease}@keyframes fadeInOverlay{0%{opacity:0;background:#0000}to{opacity:1;background:#000000f2}}.maximized-frame-container iframe{width:390px;height:834px;border:none;position:absolute;top:0;left:0;margin:0;padding:0;display:block;transform-origin:top left;transform:scale(calc(1 / 1.054));scrollbar-width:none;-ms-overflow-style:none}.maximized-frame-container iframe::-webkit-scrollbar{display:none}@keyframes zoomInFrame{0%{transform:scale(.4) translateY(200px);opacity:0}to{transform:scale(var(--scale-factor)) translateY(0);opacity:1}}.close-maximizer{position:fixed;top:2rem;right:2rem;width:52px;height:52px;border-radius:16px;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:10010;box-shadow:0 10px 30px -10px #00000080}.close-maximizer.white-x{background:#fff3;border:1.5px solid rgba(255,255,255,.5);color:#fff;box-shadow:0 0 20px #ffffff26}.close-maximizer.black-x{background:#0000004d;border:1.5px solid rgba(0,0,0,.6);color:#000;box-shadow:0 0 20px #0000001a}.close-maximizer:hover{background:#fff3;transform:scale(1.1) rotate(90deg)}.select-button-container{margin-top:2.5rem;width:100%;max-width:400px;animation:fadeInUp .8s .2s both}.iphone-frame iframe{width:var(--vcard-base-w);height:var(--vcard-base-h);border:none;display:block;margin:0;padding:0;position:absolute;top:0;left:0;border-radius:38px;transform-origin:top left;transform:scale(calc(282 / 390))}.active .iphone-frame{border-color:#00e5ff;transform:translate(-50%,-50%) scale(1.02);box-shadow:0 0 60px #00e5ff66}.shadow-glow{box-shadow:0 0 20px #00e5ff4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .8s cubic-bezier(.19,1,.22,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn 1s ease-out forwards}