@font-face{font-family:Hanuman Black;src:url(/fonts/Hanuman-Black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Hanuman Regular;src:url(/fonts/Hanuman-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--text-color: #1d1d1f;--secondary-color: #6e6e73;--bg-color: #f2f2f2;--accent: #000000}*{box-sizing:border-box;margin:0;padding:0}html{overflow:hidden;width:100vw;height:100vh}body{font-family:Hanuman,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:linear-gradient(to bottom right,#e8e0d4,#d0ecfa);color:var(--text-color);width:100vw;height:100vh;overflow:hidden;font-weight:400}.container{width:100vw;height:100vh;margin:0;display:flex;align-items:center;padding:0 4vw;position:relative;overflow:hidden}main{display:flex;width:100%;align-items:center;justify-content:space-between;position:relative}.text-container{flex:0 0 35%;z-index:20;margin-left:10%;display:flex;flex-direction:column;justify-content:center}.app-icon{width:80px;height:80px;border-radius:18px;box-shadow:0 4px 12px #0000001f;margin-bottom:24px;display:block;font-family:Hanuman Black,sans-serif}.heading{font-family:Hanuman Black,sans-serif;font-size:2rem;font-weight:900;color:var(--text-color);margin-bottom:8px;line-height:1.1;letter-spacing:-.01em}.subheading{font-family:Hanuman Black,sans-serif;font-size:2.5rem;font-weight:900;color:var(--text-color);margin-bottom:16px;line-height:1.1;white-space:pre-line;letter-spacing:-.015em}.subheading-highlight{color:var(--secondary-color)}.description{font-family:Hanuman Regular,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.5;color:var(--secondary-color);margin-bottom:32px;max-width:440px}.badge-container{display:flex;gap:16px}.badge{height:44px;width:auto;transition:transform .2s ease}.badge:hover{transform:scale(1.05);cursor:pointer}.hero-images{flex:1;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;transform:translate(0)}.phone-wrapper{position:relative;width:auto;height:auto;transform:scale(1) translate(0);display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-left:30%;margin-bottom:0;transform-origin:center center;transform:rotate(0) scale(1.5);transition:transform .5s ease}.phone-img{position:relative;width:100%;max-width:260px;height:auto;transition:transform .3s ease;margin:0 auto;display:block}.phone-01,.phone-04{z-index:1;transform:translateY(12vw)}.phone-02,.phone-05{z-index:1;transform:translateY(0)}.phone-03,.phone-06{z-index:1;transform:translateY(3vw)}@media (max-width: 1200px){.text-container{margin-left:10%}.hero-images{justify-content:center}.phone-wrapper{transform:scale(2) translate(50px);gap:15px;margin-left:30%;margin-bottom:0}}@media (max-width: 850px){html,body{position:fixed}.container{flex-direction:column;padding:100px 0 0;justify-content:flex-start}main{flex-direction:column;gap:40px;padding-top:0;justify-content:flex-start;height:100%}.text-container{width:100%;margin:0;padding:0;align-items:center;text-align:center;flex:0 0 auto}.description{max-width:500px;margin:0 auto 24px;font-size:1.1rem}.hero-images{width:100%;flex:1;min-height:0;transform:none;justify-content:center;padding-top:0;overflow:visible}.phone-wrapper{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-end;width:100%;gap:0;transform:none;margin-left:0;margin-top:10%;margin-bottom:-20vh;transform:scale(1) translate(0)}.phone-img{margin-bottom:0;transform:none!important}.phone-02{width:34%;z-index:10;margin-top:0}.phone-01,.phone-03{width:30%;margin-top:10vh;z-index:1}.phone-04,.phone-05,.phone-06{display:none}}@media (max-width: 600px){.container{padding:100px 0 0}.heading{font-size:1.5rem;margin-bottom:20px}.subheading{font-size:1.7rem;margin-bottom:12px}.app-icon{width:64px;height:64px;margin-bottom:20px}.description{margin-bottom:24px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}.badge{height:60px}.phone-wrapper{margin-bottom:0;margin-top:23%}.phone-img{width:38vw;max-width:160px}.phone-02{width:44vw;max-width:190px;margin-left:-12vw;margin-right:-12vw}.phone-01,.phone-03{margin-top:60px}}
