.phone-container{position:relative;width:318px;height:668px;flex-shrink:0;cursor:pointer;z-index:10;filter:drop-shadow(0px 6px 12px rgba(0,0,0,.15))}.phone-frame{width:100%;height:100%;position:relative;background:radial-gradient(100% 100% at 100% 100%,#ff006205,#0ff0),linear-gradient(167deg,#9c886e,#7a6d5b);border-radius:49px;padding:9px;overflow:hidden}.phone-inner-shadow{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,rgba(255,255,255,.08) 2%,rgba(255,255,255,.02) 5%,transparent 15%),linear-gradient(90deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 1.5%,transparent 6%),linear-gradient(270deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 1.5%,transparent 6%),linear-gradient(0deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.01) 1%,transparent 4%);pointer-events:none;z-index:101}.phone-bezel-overlay{position:absolute;inset:0;background:radial-gradient(100% 100% at 100% 100%,#ff006205,#0ff0),linear-gradient(167deg,#9c886e,#7a6d5b);pointer-events:none;z-index:100}.phone-screen{position:absolute;inset:9px;border-radius:40px;overflow:hidden;pointer-events:none;z-index:1;transform-origin:center center;display:flex;align-items:center;justify-content:center}.sheet-bg{position:absolute;inset:9px;background:#000;border-radius:40px;z-index:0}.screenshot-image{position:absolute;width:100%;height:100%;display:block;object-fit:cover;object-position:center;z-index:2;transform-origin:center center}.dynamic-island{position:absolute;top:19.5px;left:50%;transform:translate(-50%);width:88px;height:26px;background:#000;border-radius:13px;z-index:200;pointer-events:none}@media(max-width:768px){.phone-container{width:254.4px;height:534.4px}.phone-frame{padding:7.2px}.phone-screen,.sheet-bg{inset:7.2px}.dynamic-island{top:calc(7.2px + 8.4px);width:70.4px;height:20.8px}}.email-signup-container{width:100%}.testflight-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;font-size:18px;font-weight:600;border:1px solid rgba(255,255,255,.3);border-radius:9999px;background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-family:inherit;text-decoration:none;box-shadow:0 4px 16px #0000001a,inset 0 1px #fff3}.testflight-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 8px 24px #00000026,inset 0 1px #ffffff4d}.testflight-button:active{transform:translateY(0)}@media(max-width:768px){.testflight-button{padding:18px 36px;font-size:18px}}.footer{width:100%;padding:24px 0 0;text-align:left}.footer p{margin:0;font-size:14px;color:#fff9}.footer-link{color:#ffffffe6;text-decoration:none;font-weight:600;transition:color .2s ease}.footer-link:hover{color:#fff;text-decoration:underline}@media(max-width:900px){.footer{text-align:center}}.app{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;position:relative}.app:before{content:"";position:absolute;inset:0;background-image:url(/background.webp);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}.content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:80px;width:100%;max-width:1200px;z-index:1}.phone-column{flex-shrink:0}.info-column{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:450px}.logo{width:180px;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.subtitle{font-size:28px;font-weight:400;color:#fff;text-align:left;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3);line-height:1.4}.signup-wrapper{width:100%;margin-top:12px}@media(max-width:900px){.content{flex-direction:column;gap:40px}.info-column{align-items:center;text-align:center;max-width:500px}.subtitle{text-align:center;font-size:20px}.signup-wrapper{display:flex;justify-content:center}}@media(max-width:768px){.app{padding:20px 16px}.content{gap:30px}.logo{width:140px}.subtitle{font-size:18px}}@media(max-width:480px){.subtitle{font-size:16px;max-width:320px}.logo{width:120px}}@supports not (background-image: url(/background.webp)){.app:before{background:linear-gradient(135deg,#8b5cf6,#3b82f6)}}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}a{color:inherit;text-decoration:none}button{border:none;outline:none;background:none;cursor:pointer;font-family:inherit}input{outline:none;font-family:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}::selection{background-color:#fff3;color:#fff}