:root{color-scheme:light}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Figtree,system-ui,-apple-system,sans-serif;background:#fdf6f1;color:#111}#root{min-height:100vh}.hero-wrapper{flex:1;display:flex;justify-content:center;padding:4rem 1.5rem}.hero-inner{width:100%;max-width:1200px;text-align:center}.hero-subtitle{font-family:Figtree;font-weight:400;font-size:1.3rem;color:#6b7280;max-width:560px;margin:0 auto;line-height:1.35}.hero-title{font-family:Figtree,sans-serif;font-weight:400;letter-spacing:-.025em;font-size:clamp(3.4rem,6.5vw,5.6rem);line-height:1.04;margin:3rem 0 1.8rem;color:#0e0e0e}.hero-phone-wrapper{position:relative;display:flex;justify-content:center;margin-bottom:1.5rem}.hero-phone-highlight{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:1200px;height:1200px;border-radius:999px;background:radial-gradient(circle,#f04b73bf,#f04b738c 25%,#f04b7340 55%,#fdf6f1 82%);opacity:1;filter:blur(26px);z-index:3}.hero-phone{position:relative;z-index:10;width:600px;max-width:95vw;display:block;transform:translateY(5px)}@media screen and (min-width:1024px){.hero-phone{width:650px;transform:translateY(10px)}.hero-phone-highlight{width:600px;height:800px;filter:blur(32px)}}.hero-notifications{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none;opacity:calc(var(--noti-progress, 0));transform:translateY(calc(40px - 40px * var(--noti-progress, 0)));transition:opacity .4s ease-out,transform .4s ease-out;z-index:2}.hero-notifications-column{display:flex;flex-direction:column;justify-content:space-between;padding-block:6rem;gap:3rem}.hero-notifications-left{align-items:flex-start;margin-left:calc(10vw - 5vw * var(--noti-progress, 0))}.hero-notifications-right{align-items:flex-end;margin-right:calc(10vw - 5vw * var(--noti-progress, 0))}.hero-notification{width:350px;max-width:44vw;display:block;border-radius:10px;overflow:hidden;box-shadow:0 16px 40px #0006}.hero-noti-left-1{transform:translateY(-32px) rotate(4deg)}.hero-noti-left-2{transform:translateY(0) rotate(-2deg)}.hero-noti-left-3{transform:translateY(32px) rotate(2deg)}.hero-noti-right-1{transform:translateY(-32px) rotate(1deg)}.hero-noti-right-2{transform:translateY(0) rotate(-3deg)}.hero-noti-right-3{transform:translateY(32px) rotate(1deg)}@media(max-width:768px){.hero-notifications{display:none}}.hero-cta-wrapper{margin-top:2rem;display:flex;justify-content:center}.hero-cta-button{display:inline-flex;align-items:center;gap:.7rem;padding:.9rem 1.8rem;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(180deg,#f05a86,#f04b73);color:#fff;font-family:Figtree,system-ui,-apple-system,sans-serif;font-weight:500;font-size:1rem;box-shadow:0 3px 8px #0000002e,inset 0 1px #ffffff40;cursor:pointer;transition:all .22s ease-out;transform:translateY(0)}.hero-cta-button:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 16px #00000038,inset 0 1px #ffffff4d}.hero-cta-button:active{opacity:.85;transform:translateY(0);box-shadow:0 2px 6px #0000002e,inset 0 2px 4px #00000026}.hero-cta-icon{width:23px;height:23px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.hero-browsers{margin-top:1.3rem;width:100%;display:flex;flex-direction:column;align-items:center}.hero-browsers-icons{position:relative;width:100%;max-width:260px;height:60px}.hero-browser-card{position:absolute;top:0;width:60px;height:60px;border-radius:14px;background:#fffffff2;box-shadow:0 14px 30px #0000002e;border:2px solid rgba(150,154,159,.35);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-browser-card img{width:30px;height:30px}.hero-browser-safari{left:18%;transform:rotate(-10deg);z-index:1}.hero-browser-chrome{left:50%;transform:translate(-50%) rotate(2deg);z-index:2}.hero-browser-firefox{right:18%;transform:rotate(10deg);z-index:1}.hero-browsers-text{margin-top:.7rem;font-family:Figtree,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:500;color:#111827;opacity:.98}