:root{--background:#fbf7f2;--foreground:#241f22;--muted:#62595e;--rose:#9a4050;--rose-soft:#efd6da;--paper:#fffaf5;--mint:#dceee4;--sky:#e8f0f7;--butter:#f8df8f;--line:#241f2221}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.hero{border-bottom:1px solid var(--line);background-color:#0000;background-image:linear-gradient(90deg,#fffaf5f5,#fffaf5c2),url("data:image/svg+xml,%3Csvg width='1200' height='760' viewBox='0 0 1200 760' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23e6c4b3' stroke-width='2' opacity='0.32'%3E%3Cpath d='M32 602c180-178 378-178 594 0s391 176 542-4'/%3E%3Cpath d='M38 514c166-136 350-136 552 0s385 136 550-2'/%3E%3Cpath d='M66 432c128-92 292-92 492 0s388 92 564 0'/%3E%3Cpath d='M120 356c108-62 256-62 444 0s356 66 506 10'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:92vh;overflow:hidden}.nav,.hero-grid,.features,.preview,.launch{max-width:1180px;margin:0 auto}.nav{justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.brand,.nav-links,.actions,.quick-features,.phone-status,.phone-header,.metrics,.group-title,.friend,.notification,.profile-card,.launch{align-items:center;display:flex}.brand{gap:10px;font-size:1.08rem;font-weight:850}.brand-icon{width:36px;height:36px;color:var(--rose);background:#fff;border:1px solid #9a405038;border-radius:10px;place-items:center;font-size:1.6rem;line-height:1;display:grid;box-shadow:0 10px 22px #9a40501f}.nav-links{color:var(--muted);gap:28px;font-weight:750}.nav-links button{color:inherit;font-weight:inherit;background:0 0;border:0;padding:0}.hero-grid{grid-template-columns:minmax(0,.98fr) minmax(340px,.78fr);align-items:center;gap:46px;padding:52px 24px 72px;display:grid}.hero-copy{max-width:710px}.eyebrow{width:fit-content;color:var(--rose);letter-spacing:0;text-transform:uppercase;margin:0 0 18px;font-size:.83rem;font-weight:900}h1,h2,h3,h4,p{margin-top:0}h1{color:#211d20;letter-spacing:0;gap:0;margin:0 0 20px;font-size:clamp(4.4rem,9vw,8.7rem);font-weight:950;line-height:.8;display:grid}.lede{color:#4e454a;max-width:690px;margin-bottom:30px;font-size:clamp(1.15rem,1.8vw,1.38rem);line-height:1.55}.actions{flex-wrap:wrap;gap:12px;margin-bottom:22px}.primary,.secondary{border-radius:12px;justify-content:center;align-items:center;min-height:48px;font-weight:850;display:inline-flex}.primary{background:var(--rose);color:#fff;padding:0 18px;box-shadow:0 18px 32px #9a405038}.primary.dark{color:#fffaf5;white-space:nowrap;background:#241f22}.secondary{border:1px solid var(--line);color:var(--foreground);background:#ffffffb8;padding:0 16px}.quick-features{color:var(--muted);flex-wrap:wrap;gap:14px 18px;font-size:.98rem;font-weight:800}.quick-features span{color:#5d5459}.hero-visual{min-height:670px;position:relative}.phone{background:#fffaf5;border:10px solid #211d20;border-radius:42px;width:min(100%,390px);margin-left:auto;overflow:hidden;box-shadow:0 30px 70px #241f2247}.phone-status{color:#473f43;justify-content:space-between;padding:18px 22px 10px;font-size:.75rem;font-weight:850}.phone-header{justify-content:space-between;gap:18px;padding:14px 22px 18px}.phone-header p,.profile-card p{color:var(--rose);text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:850}.phone-header h2{max-width:220px;margin-bottom:0;font-size:1.48rem;line-height:1.04}.phone-header button{background:var(--mint);border:0;border-radius:13px;place-items:center;width:42px;height:42px;font-size:1.1rem;display:grid}.metrics{border:1px solid var(--line);background:#fff;border-radius:18px;justify-content:space-between;margin:0 18px 18px;padding:12px}.metrics div{background:#fffaf5;border-radius:13px;gap:3px;min-width:82px;padding:8px 10px;display:grid}.metrics strong{font-size:1.08rem;line-height:1}.metrics span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:820;line-height:1.15}.app-group{padding:0 18px 18px}.group-title{justify-content:space-between;margin-bottom:10px}.group-title h3{margin:0;font-size:.95rem}.group-title span{min-width:28px;color:var(--rose);background:var(--rose-soft);text-align:center;border-radius:999px;font-size:.75rem;font-weight:900;line-height:28px}.friend-list{gap:9px;display:grid}.friend{background:#fff;border:1px solid #241f221a;border-radius:18px;gap:11px;min-height:72px;padding:10px}.avatar,.profile-avatar{background:var(--butter);flex:none;place-items:center;display:grid}.avatar{border-radius:14px;width:42px;height:42px;font-size:1.25rem}.friend div:nth-child(2){flex:1;min-width:0}.friend h4{margin-bottom:3px;font-size:1rem}.friend p{color:var(--muted);margin-bottom:0;font-size:.75rem}.friend>span{background:var(--sky);color:#35546c;border-radius:10px;max-width:92px;padding:7px 8px;font-size:.66rem;font-weight:850;line-height:1.18}.notification{background:#fff;border:1px solid #9a40502e;border-radius:15px;gap:9px;width:218px;padding:10px 12px;position:absolute;box-shadow:0 14px 28px #241f221f}.notification span{color:var(--rose);flex:none;font-size:1rem}.notification p{color:#40383d;margin-bottom:0;font-size:.76rem;font-weight:850;line-height:1.32}.note-two{top:128px;right:-44px}.note-three{bottom:128px;left:6px}.features,.preview,.launch{padding:86px 24px}.section-heading{gap:8px;max-width:760px;margin-bottom:30px;display:grid}.section-heading p,.launch p{color:var(--rose);text-transform:uppercase;margin-bottom:0;font-size:.8rem;font-weight:900}.section-heading h2,.preview-copy h2,.launch h2{margin-bottom:0;font-size:clamp(2.15rem,4.7vw,4rem);line-height:1}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.feature-grid article{border:1px solid var(--line);background:#fffaf5;border-radius:8px;min-height:244px;padding:24px}.feature-grid article>span{background:var(--sky);border-radius:13px;place-items:center;width:44px;height:44px;margin-bottom:26px;font-size:1.35rem;display:grid}.feature-grid article:nth-child(2n)>span{background:var(--mint)}.feature-grid article:nth-child(3n)>span{background:var(--butter)}.feature-grid h3{margin-bottom:10px;font-size:1.22rem}.feature-grid p,.preview-copy p{color:var(--muted);margin-bottom:0;line-height:1.62}.preview{border-top:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(320px,420px);align-items:center;gap:74px;display:grid}.preview-copy{max-width:640px}.preview-copy h2{margin-bottom:20px}.preview-copy>p:not(.eyebrow){margin-bottom:24px;font-size:1.05rem}.text-link{width:fit-content;color:var(--rose);border:0;border-bottom:2px solid var(--rose);background:0 0;padding:0;font-weight:850}.notes-phone{margin:0 auto}.profile-card{background:#f1dfe3;border-radius:24px;gap:12px;margin:12px 18px 18px;padding:16px}.profile-avatar{border-radius:18px;width:54px;height:54px;font-size:1.4rem}.profile-card h3{margin-bottom:0;font-size:1.35rem}.tabs{grid-template-columns:1fr 1fr;gap:8px;margin:0 18px 14px;display:grid}.tabs span{color:#fff;text-align:center;background:#251f23;border-radius:13px;padding:10px;font-size:.78rem;font-weight:850}.tabs span:last-child{color:#332d31;border:1px solid var(--line);background:#fff}.notes{gap:10px;margin:0 18px 18px;display:grid}.notes article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px}.notes p{margin-bottom:8px;font-size:.9rem;line-height:1.35}.notes span{color:var(--muted);font-size:.72rem;font-weight:750}.log-button{background:var(--rose);color:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 36px);min-height:48px;margin:0 18px 20px;font-weight:850;display:flex}.launch{border-top:1px solid var(--line);justify-content:space-between;gap:28px}.launch div{max-width:760px}.launch h2{font-size:clamp(2rem,4vw,3.45rem)}.footer{border-top:1px solid var(--line);max-width:1180px;color:var(--muted);flex-wrap:wrap;gap:14px 24px;margin:0 auto;padding:28px 24px 42px;font-weight:800;display:flex}.footer a:hover,.policy a:hover,.nav-links button:hover,.text-link:hover{color:var(--rose)}.demo-modal{z-index:20;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.demo-backdrop{background:#241f22ad;border:0;position:absolute;inset:0}.demo-panel{background:var(--paper);border:1px solid #fffaf56b;border-radius:22px;width:min(100%,520px);max-height:calc(100vh - 48px);padding:18px;position:relative;overflow:auto;box-shadow:0 30px 90px #00000061}.demo-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.demo-header p{color:var(--rose);text-transform:uppercase;margin-bottom:5px;font-size:.78rem;font-weight:900}.demo-header h2{margin-bottom:0;font-size:clamp(1.55rem,5vw,2.25rem);line-height:1}.demo-close{width:42px;height:42px;color:var(--foreground);border:1px solid var(--line);background:#fff;border-radius:50%;flex:none;font-size:1.55rem;line-height:1}.demo-frame{aspect-ratio:9/16;background:#211d20;border:10px solid #211d20;border-radius:34px;max-height:min(72vh,720px);margin:0 auto;overflow:hidden}.demo-frame iframe{border:0;width:100%;height:100%;display:block}.policy-page{background:var(--background);min-height:100vh}.policy{max-width:820px;margin:0 auto;padding:54px 24px 90px}.policy h1{margin-bottom:12px;font-size:clamp(2.7rem,7vw,5.4rem);line-height:.9;display:block}.policy-updated{color:var(--muted);margin-bottom:42px;font-weight:800}.policy section{border-top:1px solid var(--line);padding:28px 0}.policy h2{margin-bottom:12px;font-size:clamp(1.4rem,3vw,2rem);line-height:1.05}.policy p{color:var(--muted);font-size:1.05rem;line-height:1.7}.policy a{color:var(--rose);font-weight:850}@media (max-width:980px){.hero-grid,.preview{grid-template-columns:1fr}.phone{margin:0 auto}.hero-visual{min-height:auto}.note-two,.note-three{width:min(100%,390px);margin:12px auto 0;position:static}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launch{flex-direction:column;align-items:flex-start}}@media (max-width:680px){.nav{flex-direction:column;align-items:flex-start;padding:18px}.nav-links{justify-content:space-between;gap:12px;width:100%}.hero-grid,.features,.preview,.launch{padding-left:18px;padding-right:18px}h1{font-size:clamp(4rem,20vw,5.8rem)}.actions a,.actions button{width:100%}.phone{border-width:7px;border-radius:32px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto}.demo-modal{padding:14px}.demo-panel{border-radius:18px;padding:14px}.demo-frame{border-width:7px;border-radius:28px}}