.app-hero-container-app{background:#fafafa;padding:0 2rem;position:relative;overflow:hidden}app-screen-container:before{content:"";z-index:0;background:radial-gradient(circle at 0 0,#2563eb1a 0%,#0000 50%),radial-gradient(circle at 100% 0,#4f46e51a 0%,#0000 50%),radial-gradient(circle at 100% 100%,#2563eb1a 0%,#0000 50%),radial-gradient(circle at 0 100%,#4f46e51a 0%,#0000 50%);width:200%;height:200%;animation:15s linear infinite gradientRotate;position:absolute;inset:-50%}@keyframes gradientRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content-app{z-index:1;grid-template-columns:.8fr 1.2fr;align-items:center;gap:2rem;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem;display:grid;position:relative}.hero-text-app{flex-direction:column;gap:2rem;display:flex}.cifr-app-page{color:#0f172a}.cifr-app-page .hero-title-app,.cifr-app-page .header-title-app,.cifr-app-page .section-title-fs,.cifr-app-page .feature-title{font-family:var(--font-barlow),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em;color:#1e293b;-webkit-text-fill-color:initial;background:0 0;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.3}.cifr-app-page .hero-subtitle-app,.cifr-app-page .card-title-app,.cifr-app-page .card-title,.cifr-app-page .feature-bullets li strong{font-family:var(--font-barlow),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#64748b;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:600;line-height:1.6}.cifr-app-page .hero-description,.cifr-app-page .feature-bullets li,.cifr-app-page .feature-text,.cifr-app-page .feature-text-app{font-family:var(--font-roboto),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#475569;font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.7}.hero-label-app{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#6366f1;transform-origin:0;background:#fffc;border:1px solid #6366f133;border-radius:100px;width:fit-content;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;animation:.5s ease-out scaleIn;box-shadow:0 2px 10px #00000008,0 0 0 1px #fffc}.hero-title-app{color:#0f172a;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1;animation:.8s ease-out slideUp}.gradient-text-app{background:linear-gradient(135deg,#6366f1,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;position:relative}.hero-subtitle-app{color:#64748b;font-size:1.25rem;font-family:var(--font-montserrat),Courier,monospace;line-height:1.6;animation:.8s ease-out .2s backwards slideUp}.store-buttons-app{gap:1rem;display:flex}.store-button-app{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1e293b;cursor:pointer;background:linear-gradient(135deg,#4f46e51a,#64ffda1a);border:1px solid #4f46e533;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.store-button-app:hover{background:linear-gradient(135deg,#4f46e526,#64ffda26);border-color:#4f46e54d;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.store-icon-app{color:#4f46e5;font-size:1.75rem}.button-text-app{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.button-text-app span{color:#64748b;font-size:.75rem;display:block}.button-text-app strong{color:#1e293b;font-size:1rem;font-weight:600;display:block}.hero-image-app{justify-content:center;margin-right:8rem;animation:6s ease-in-out infinite float;display:flex;position:relative}.image-wrapper-app{width:100%;max-width:600px;position:relative}.phone-showcase-app{object-fit:contain;filter:drop-shadow(0 20px 40px #0000001a);width:100%;height:auto;transition:all .6s cubic-bezier(.4,0,.2,1)}.feature-badges-app{z-index:2;flex-direction:column;gap:1.5rem;display:flex;position:absolute;top:50%;right:-120px;transform:translateY(-50%)}.badge-app{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1e293b;background:linear-gradient(135deg,#4f46e51a,#64ffda1a);border:1px solid #4f46e533;border-radius:8px;align-items:center;gap:1rem;width:auto;min-width:200px;padding:.1rem 1rem;font-weight:500;transition:all .3s;display:flex;box-shadow:0 10px 20px #0000000d}.badge-app:hover{background:linear-gradient(135deg,#4f46e526,#64ffda26);border-color:#4f46e54d;transform:translate(-5px)}.badge-icon-wrapper-app{color:#fff;background:linear-gradient(135deg,#6366f1,#0ea5e9);border-radius:5px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.section-title-how{text-align:center;color:#1e293b;margin-bottom:4rem;font-size:3rem;font-weight:700}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulseShadow{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 20px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes rotatePhone{0%{transform:rotate(0)translate(0)}15%{transform:rotate(10deg)translate(15px)}50%{transform:rotate(12deg)translate(20px)}65%{transform:rotate(0)translate(0)}to{transform:rotate(0)translate(0)}}@media (max-width:1024px){.process-steps{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:3rem}}@media (max-width:768px){.process-steps{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.hero-description{font-size:1.1rem}.phone-animation,.results-animation{height:250px}}@media (max-width:480px){.hero-title{font-size:2rem}.header-hero{min-height:70vh}.hero-image{height:200px}.process-card{padding:1.5rem}}.features-section-fs{background:#fff;padding:6rem 2rem}.section-title-fs{text-align:center;background:linear-gradient(135deg,#2563eb,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2%;font-size:3rem;font-weight:700;position:relative}@keyframes gradientMove{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:1200px){.hero-content-app{gap:1rem}.hero-image-app{margin-right:6rem}.feature-badges-app{right:-100px}}@media (max-width:992px){.hero-content-app{text-align:center;flex-direction:column;grid-template-columns:1fr;align-items:center;display:flex}.hero-image-app{flex-direction:column;align-items:center;width:100%;margin-top:2rem;margin-right:0;display:flex}.image-wrapper-app{width:80%;max-width:400px}.feature-badges-app{align-items:ha center;flex-direction:column;gap:1rem;width:100%;margin-top:2rem;position:static;transform:none}.badge-app{justify-content:flex-start;width:80%;max-width:300px;margin:0 auto}.badge-icon-wrapper-app{margin-right:.5rem}}@media (max-width:768px){.app-hero-container-app{padding:0 1rem}.store-buttons-app{flex-direction:column;align-items:center}.store-button-app{justify-content:center;width:100%;max-width:280px}.button-text-app{align-items:center}.badge-app{padding:.75rem 1rem;font-size:.9rem}.badge-icon-wrapper-app{width:2rem;height:2rem}.feature-bullets li{padding-left:1.25rem}.feature-bullets li strong{font-size:1rem}}@media (max-width:480px){.hero-content-app{padding:2rem 0}.hero-label-app{padding:.5rem 1rem;font-size:.8rem}.badge-app{width:100%}}.container-chip{padding:6rem 2rem;position:relative;overflow:hidden}.header-title-app{text-align:center;background:linear-gradient(135deg,#4f46e5,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4rem;font-size:3.5rem;font-weight:800;animation:.8s ease-out slideUp}.how-to-steps-con-app{z-index:1;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1400px;margin:0 auto;display:grid;position:relative}.card-App{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #4f46e51a;border-radius:24px;flex-direction:column;align-items:center;min-height:400px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.card-App:before{content:"";opacity:0;background:linear-gradient(90deg,#4f46e5,#0ea5e9);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card-App:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a,0 10px 20px #4f46e51a}.card-App:hover:before{opacity:1}.card-title-app{color:#1e293b;text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.image-container{width:150px;height:150px;margin:2rem auto;position:relative}.image1,.image-CHIP{object-fit:contain;z-index:2;width:100%;height:100%;position:relative}.pulse-ring{background:linear-gradient(135deg,#4f46e533,#0ea5e933);border-radius:50%;width:100%;height:100%;animation:2s infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlap-container{justify-content:center;align-items:center;width:100%;height:300px;display:flex;position:relative}.phone-image{object-fit:contain;z-index:1;height:100%;position:relative}.phoneResults-image{object-fit:contain;height:300px;transition:all .3s}.features-grid-app{flex-direction:column;gap:4rem;max-width:1400px;margin:4rem auto;padding:0 2rem;display:flex}.feature-card-app{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #4f46e51a;border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:3rem;transition:all .3s;display:grid}.feature-card-app:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a,0 10px 20px #4f46e51a}.feature-content{text-align:left;flex-direction:column;gap:2rem;padding:2rem;display:flex}.feature-title{color:#1e293b;background:linear-gradient(135deg,#4f46e5,#0ea5e9);-webkit-text-fill-color:transparent;text-align:left;-webkit-background-clip:text;font-size:2rem;font-weight:700}.feature-bullets{text-align:left;flex-direction:column;gap:1.5rem;padding:0;list-style:none;display:flex}.feature-bullets li{color:#64748b;text-align:left;flex-direction:column;gap:.5rem;padding-left:1.5rem;line-height:1.6;display:flex;position:relative}.feature-bullets li:before{content:"•";color:#4f46e5;font-size:1.25rem;position:absolute;top:0;left:0}.feature-bullets li strong{color:#1e293b;margin-bottom:.25rem;font-size:1.1rem;font-weight:600;display:block}.feature-image-app{justify-content:center;align-items:center;display:flex;position:relative}.feature-images-app{object-fit:contain;max-height:500px;transition:all .3s}@keyframes pulse{0%{opacity:.8;transform:translate(-50%,-50%)scale(.8)}70%{opacity:0;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}@media (max-width:1200px){.how-to-steps-con-app{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.feature-card-app{grid-template-columns:1fr;gap:2rem;padding:2rem}.feature-card-app.reverse{grid-template-columns:1fr}.feature-content{text-align:left;order:1}.feature-image-app{order:2}}@media (max-width:768px){.container-chip{padding:4rem 1rem}.header-title-app{margin-bottom:3rem;font-size:2.5rem}.how-to-steps-con-app{grid-template-columns:1fr}.card-App{min-height:350px;padding:2rem}.feature-images-app{max-height:400px}}@media (max-width:480px){.card-App{min-height:300px;padding:1.5rem}.feature-title{font-size:1.75rem}.feature-images-app{max-height:300px}}.howto-container{background:#fff;padding:6rem 2rem}.process-steps{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;display:grid}.process-card{background:#fff;border-radius:24px;padding:2rem;transition:transform .3s;box-shadow:0 4px 6px -1px #0000001a}.process-card:hover{transform:translateY(-5px)}.step-title{text-align:center;color:#3b82f6;letter-spacing:.1em;margin-bottom:2rem;font-size:1.5rem;font-weight:600}.step-content{justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}.chip-icon,.chip-icon-2{border-radius:50%;width:90px;height:90px}.chip-icon-2{margin-bottom:180px}.chip-icon.pulse,.chip-icon-2.pulse{animation:2s infinite pulseShadow}.authentication-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.phone-animation,.results-animation{width:auto;height:350px}.phone-animation{animation:6.3s ease-in-out infinite rotatePhone}@media (max-width:1024px){.process-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.howto-container{padding:4rem 1rem}.process-steps{grid-template-columns:1fr}.phone-animation,.results-animation{height:250px}}@media (max-width:480px){.process-card{padding:1.5rem}}
