@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--primary:#7e22ce;--secondary:#4c1d95;--accent:#4338ca;--dark:#0f172a;--glass-border:rgba(255,255,255,0.2);--glass-surface:rgba(255,255,255,0.05);--glow-effect:rgba(79,70,229,0.25)}body{font-family:Inter,sans-serif;transition:background-position 1s ease;overflow-x:hidden;background:linear-gradient(-45deg,var(--dark),var(--secondary),var(--accent),var(--primary));background-size:400% 400%;animation:gradient-shift 15s ease infinite;color:white}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.glass-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,33,.18);transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}.glass-button,.glass-card{background:rgba(255,255,255,.08)}.glass-button{border:1px solid rgba(255,255,255,.15);color:white;font-weight:500}.glass-button:hover{background:rgba(255,255,255,.15)}.feature-card{transition:all .3s ease;transform:translateY(50px);opacity:0}.feature-card.visible{transform:translateY(0);opacity:1}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(99,102,241,.7)}70%{box-shadow:0 0 0 12px rgba(99,102,241,0)}to{box-shadow:0 0 0 0 rgba(99,102,241,0)}}.soon-badge{position:absolute;top:-1px;right:-1px;background:#f59f0b53;color:white;border-radius:9999px;font-weight:700;z-index:10}.language-badge,.soon-badge{font-size:.75rem;padding:2px 8px}.language-badge{display:inline-block;background:rgba(255,255,255,.15);border-radius:4px;margin:2px}.blob{position:absolute;border-radius:50%;filter:blur(70px);z-index:-1;opacity:.35}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(15,23,42,.3)}::-webkit-scrollbar-thumb{background:rgba(124,58,237,.5);border-radius:4px}:root{--glass-bg:rgba(255,255,255,0.06)}@media (max-width:640px){nav.mobile-static-nav{position:fixed;top:1rem;left:1rem;right:1rem;z-index:50;width:auto;max-width:none;transform:none!important;transition:none!important;contain:layout paint}@supports (padding:max(10px)){nav.mobile-static-nav{left:max(1rem,env(safe-area-inset-left));right:max(20%,env(safe-area-inset-right))}}nav.mobile-static-nav .nav-inner{padding-left:10px;padding-right:10px}nav.mobile-static-nav .nav-actions a{animation:none!important;transition:none!important;transform:none!important}}nav.glass-card{transition:background .3s ease,box-shadow .3s ease}nav .whitespace-nowrap{white-space:nowrap}.iphone-container{top:1px;position:relative;perspective:1200px;z-index:2;max-width:360px;width:auto;flex:none;left:-100px}@media (max-width:640px){.iphone-container{width:auto;max-width:240px;max-height:515px;left:-15%;top:-50px}}.iphone{width:360px;height:810px;border-radius:60px;transform:rotateX(55deg) rotate(-45deg);transform-origin:50% 50%;position:relative;background:none;top:5px;box-shadow:-35px 35px 50px 5px rgba(0,0,0,.1),0 0 0 1px var(--glass-border);z-index:1;transition:all 1.2s cubic-bezier(.165,.84,.44,1);opacity:.2;filter:blur(1px)}.iphone.animate{animation:straighten 2s ease-out forwards;box-shadow:-100px 150px 30px 10px rgba(0,0,0,.12),0 0 0 1px var(--glass-border),0 0 25px rgba(79,70,229,.7)}.iphone.animate:before{width:390px;height:810px;left:-16px;background:rgba(248,250,252,.08);box-shadow:inset rgba(248,250,252,.15) 0 0 20px 2px,var(--glow-effect) 0 0 50px 10px}.iphone:before{transition:all .7s ease-out;background:var(--glass-bg);width:390px;border-radius:77px 49px 86px 70px;top:7px;left:-24px;box-shadow:inset 0 0 10px 2px rgba(255,255,255,.1);z-index:-1;border:1px solid var(--glass-border);backdrop-filter:blur(15px)}.iphone:after,.iphone:before{content:"";display:block;height:810px;position:absolute}.iphone:after{top:0;bottom:6;left:0;width:360px;background-color:rgba(5,5,5,.2);border-radius:60px;box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,.1),inset -1px -1px 2px 0 rgba(0,0,0,.15);border:1px solid var(--glass-border);backdrop-filter:blur(10px)}.iphone_camera{width:10px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(79,70,229,.8) 0,rgba(124,58,237,.6) 75%);box-shadow:inset -1px 1px 1px 1px rgba(255,255,255,.2);left:-60px;right:0;border:1px solid rgba(255,255,255,.1)}.iphone_camera,.iphone_ear-speaker{height:10px;position:absolute;top:45px;margin:auto;z-index:2}.iphone_ear-speaker{width:55px;border-radius:55px;background:rgba(5,5,5,.4);box-shadow:inset 1px -4px 1px 0 rgba(255,255,255,.05);border:1px solid var(--glass-border);left:0;right:-45px}.iphone_ear-speaker-side{position:absolute;left:10px;background:rgba(255,255,255,.05);width:8px;height:12px;transform-origin:50% 50%;transform-style:preserve-3d;transform:rotateY(-50deg);top:655px;transition:all .5s ease}.iphone_ear-speaker-side:after,.iphone_ear-speaker-side:before{content:"";display:block;position:absolute;background:inherit;width:inherit;height:inherit;transform-origin:50% 50%;transform-style:preserve-3d;top:0;transition:all .5s ease}.iphone_ear-speaker-side:before{left:-7px;transform:rotateY(0deg);backdrop-filter:blur(5px)}.iphone_ear-speaker-side:after{left:-13px;transform:rotateY(0deg);border-radius:5px 0 0 0;backdrop-filter:blur(5px)}.iphone_sound{left:-15px;top:115px;margin:0;padding:0;list-style:none}.iphone_sound,.iphone_sound li{position:absolute;display:block}.iphone_sound li{left:0;width:7px;height:50px;border-radius:27px;background:rgba(255,255,255,.05);box-shadow:inset -1px -2px 1px 0 rgba(255,255,255,.05);border:1px solid var(--glass-border)}.iphone_sound li:first-child{top:30px}.iphone_sound li:last-child{top:85px}.iphone_bottom-left-speaker,.iphone_bottom-right-speaker{position:absolute;top:815px;display:block;margin:0;padding:0;list-style:none;transform:rotateX(-86deg)}.iphone_bottom-left-speaker li,.iphone_bottom-right-speaker li{width:8px;height:8px;display:inline-block;border-radius:50%;background:rgba(255,255,255,.15);box-shadow:inset var(--glass-border) 1px -1px 4px 1px,rgba(79,70,229,.1) 1px 0}.iphone_bottom-right-speaker{right:50px;left:auto}.iphone_bottom-left-speaker{left:50px;right:auto}.iphone_bottom-middle-charge{position:absolute;top:818px;left:0;right:0;margin:auto;height:14px;width:35px;display:block;border-radius:27px;background:var(--glass-bg);box-shadow:inset rgba(79,70,229,.25) -1px 1px 0 2px,inset var(--glass-bg) 0 -1px 4px;transform:rotateX(-70deg);backdrop-filter:blur(3px);border:1px solid var(--glass-border)}.iphone_bottom-middle-charge span{position:absolute;display:block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.3);top:5px}.iphone_bottom-middle-charge span:before{content:"";display:block;position:absolute;top:1.5px;left:0;right:0;margin:auto;border-radius:50%;width:50%;height:50%;background:rgba(255,255,255,.4)}.iphone_bottom-middle-charge span:first-child{left:-10px}.iphone_bottom-middle-charge span:last-child{right:-10px}.iphone_text{transition:all .8s cubic-bezier(.165,.84,.44,1);color:rgba(255,255,255,.6);z-index:10;font-size:40px;pointer-events:none;margin:auto;width:500px;transform:translateX(0);font-weight:600}.floating-label,.iphone_text{position:absolute;left:0;right:0;text-align:center}.floating-label{bottom:40px;color:rgba(255,255,255,.65);font-weight:500;font-size:18px;z-index:3;max-width:280px;margin:0 auto;padding:15px;background:rgba(0,0,0,.1);border-radius:20px;backdrop-filter:blur(10px);box-shadow:0 5px 15px rgba(0,0,0,.1)}@media (max-width:768px){.iphone{transform:rotateX(55deg) rotate(-45deg) scale(.8)}.iphone.animate{transform:rotateX(45deg) rotate(-35deg) translate(30px,-30px) scale(.8)}}@media (max-width:480px){.iphone{transform:rotateX(55deg) rotate(-45deg) scale(.6)}.iphone.animate{transform:rotateX(45deg) rotate(-35deg) translate(10px,-10px) scale(.6)}}@keyframes straighten{0%{transform:rotateX(55deg) rotate(-45deg);opacity:1;filter:blur(2px)}to{transform:rotateX(0deg) rotate(-30deg) translate(100px,-100px);opacity:1;filter:blur(0)}}.iphone_screen{--screen-y:24px;--screen-zoom:0%;position:absolute;top:60px;left:6px;right:6px;bottom:10px;border-radius:32px;background-image:url(/screenshot.jpg);background-repeat:no-repeat;background-position:50% var(--screen-y);background-size:auto calc(100% + var(--screen-zoom));z-index:3;margin:0 auto;overflow:hidden;transition:background-position .12s ease,background-size .12s ease;opacity:.8}.scale-sync{--scale:1}@media (max-width:640px){.scale-sync{--scale:.70}}@media (min-width:640px){.scale-sync{--scale:.78}}@media (min-width:768px){.scale-sync{--scale:.85}}@media (min-width:1024px){.scale-sync{--scale:.95}}@media (min-width:1280px){.scale-sync{--scale:1}}.hero-scaler,.phone-scaler{transform-origin:top center;transform:translateY(var(--offset,0)) scale(var(--scale))}.phone-scaler{--offset:1.5rem}@media (min-width:640px){.phone-scaler{--offset:2rem}}@media (min-width:768px){.phone-scaler{--offset:2.5rem}}@media (min-width:1024px){.phone-scaler{--offset:3.5rem}}@media (min-width:1280px){.phone-scaler{--offset:0}}.hero-scaler{--offset:.5rem}@media (min-width:640px){.hero-scaler{--offset:1rem}}@media (min-width:768px){.hero-scaler{--offset:1.25rem}}@media (min-width:1024px){.hero-scaler{--offset:1.5rem}}@media (min-width:1280px){.hero-scaler{--offset:0}}