@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";.grain{position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.landing{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(255,77,106,.04) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(255,77,106,.03) 0%,transparent 50%),var(--bg)}.hero{position:relative;overflow:hidden}.hero-accent-blur{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.5}.hero-accent-blur--1{width:500px;height:500px;top:-100px;left:-150px;background:radial-gradient(circle,rgba(255,77,106,.08) 0%,transparent 70%)}.hero-accent-blur--2{width:400px;height:400px;top:100px;right:-100px;background:radial-gradient(circle,rgba(122,90,245,.06) 0%,transparent 70%)}.hero-top{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 40px 0;animation:fade-in-up .8s ease-out forwards}.hero-icon{width:112px;height:112px;border-radius:26px;margin-bottom:28px;box-shadow:0 12px 40px #0009,0 0 0 1px #ffffff0f,0 0 80px #ff4d6a1a}.hero-tag{display:inline-flex;align-items:center;font-size:13px;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:100px;padding:6px 18px;margin-bottom:32px;letter-spacing:-.01em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-title{font-size:72px;font-weight:400;letter-spacing:-.025em;line-height:1.08;color:#fff;margin-bottom:24px;max-width:700px}.hero-title-italic{font-style:italic;background:linear-gradient(180deg,#ffffff80,#ffffff40);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:18px;font-family:var(--font-sans);color:var(--text-secondary);line-height:1.6;margin-bottom:36px;max-width:460px;font-weight:400;letter-spacing:-.01em}.app-store-badge{display:inline-flex;transition:all .25s ease}.app-store-badge:hover{transform:translateY(-2px);filter:brightness(1.1)}.app-store-img{height:48px;width:auto}.hero-meta{margin-top:14px;font-size:13px;font-family:var(--font-sans);color:var(--text-tertiary);letter-spacing:-.01em}.hero-phones{position:relative;display:flex;justify-content:center;align-items:flex-start;margin-top:56px;padding-top:20px;height:540px;overflow:hidden;animation:fade-in-up 1s ease-out .15s both}.hero-phones-glow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:700px;height:600px;z-index:0;background:radial-gradient(ellipse at center,rgba(255,77,106,.12) 0%,rgba(255,77,106,.03) 40%,transparent 70%);filter:blur(70px);pointer-events:none}.hero-phone{position:relative;z-index:1}.hero-phone--left{transform:rotate(-4deg) translate(24px);z-index:2}.hero-phone--right{transform:rotate(4deg) translate(-24px);z-index:1}.hero-phone-frame{width:280px;height:600px;border-radius:44px;background:#111;padding:7px;box-shadow:0 0 0 1px #ffffff14,0 32px 80px #000c,0 0 60px #ff4d6a0d,inset 0 1px #ffffff0f}.hero-phone-screen{width:100%;height:100%;border-radius:37px;overflow:hidden;background:#000;position:relative}.hero-phone-island{position:absolute;top:11px;left:50%;transform:translate(-50%);width:90px;height:26px;background:#000;border-radius:18px;z-index:10}.hero-phone-img{width:100%;height:100%;object-fit:cover}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.stats{position:relative;padding:56px 40px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.stats-inner{max-width:720px;margin:0 auto;display:flex;justify-content:space-between;text-align:center}.stat{display:flex;flex-direction:column;gap:6px}.stat-value{font-size:40px;font-weight:400;letter-spacing:-.02em;color:#fff}.stat-label{font-size:12px;font-family:var(--font-sans);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.section-title{font-size:40px;font-weight:400;letter-spacing:-.02em;color:#fff;text-align:center;margin-bottom:12px}.section-subtitle{font-size:16px;font-family:var(--font-sans);color:var(--text-secondary);text-align:center;max-width:560px;margin:0 auto 56px;line-height:1.6}.features{padding:96px 40px;position:relative}.features-grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{position:relative;padding:32px 28px;border-radius:16px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.05);transition:all .35s ease;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--card-accent) 6%,transparent) 0%,transparent 60%);opacity:0;transition:opacity .35s ease}.feature-card:hover{border-color:color-mix(in srgb,var(--card-accent) 30%,transparent);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.feature-card:hover:before{opacity:1}.feature-accent-line{width:32px;height:3px;border-radius:2px;background:var(--card-accent);margin-bottom:20px;opacity:.7;transition:width .35s ease,opacity .35s ease}.feature-card:hover .feature-accent-line{width:48px;opacity:1}.feature-title{position:relative;font-size:22px;font-weight:400;color:#fff;margin-bottom:10px;letter-spacing:-.01em}.feature-desc{position:relative;font-size:14px;font-family:var(--font-sans);color:var(--text-secondary);line-height:1.6}.phone-mockup{position:relative;flex-shrink:0}.phone-mockup-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;height:560px;background:radial-gradient(ellipse at center,rgba(255,77,106,.08) 0%,rgba(255,107,129,.03) 40%,transparent 70%);filter:blur(50px);pointer-events:none}.phone-mockup-frame{position:relative;z-index:1;width:270px;height:578px;border-radius:42px;background:#111;padding:7px;box-shadow:0 0 0 1px #ffffff14,0 20px 56px #000000b3,inset 0 1px #ffffff0f}.phone-mockup-screen{width:100%;height:100%;border-radius:35px;overflow:hidden;background:#000;position:relative}.phone-mockup-island{position:absolute;top:11px;left:50%;transform:translate(-50%);width:86px;height:25px;background:#000;border-radius:18px;z-index:10}.phone-mockup-img{width:100%;height:100%;object-fit:cover}.walkthrough{padding:96px 40px 48px;position:relative}.walkthrough:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:60%;background:radial-gradient(ellipse at center,rgba(255,77,106,.02) 0%,transparent 60%);pointer-events:none}.walkthrough-list{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:112px}.walkthrough-row{display:flex;align-items:center;gap:72px}.walkthrough-row--reverse{flex-direction:row-reverse}.walkthrough-text{flex:1}.walkthrough-label{display:inline-block;font-size:11px;font-weight:600;font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#ff4d6a1a;border:1px solid rgba(255,77,106,.15);border-radius:100px;padding:5px 14px;margin-bottom:20px}.walkthrough-title{font-size:32px;font-weight:400;letter-spacing:-.02em;color:#fff;margin-bottom:16px;line-height:1.25}.walkthrough-title-italic{font-style:italic;background:linear-gradient(180deg,#ffffff8c,#ffffff4d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.walkthrough-desc{font-size:16px;font-family:var(--font-sans);color:var(--text-secondary);line-height:1.65;max-width:420px}.cta{padding:96px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;border-top:1px solid rgba(255,255,255,.04)}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:400px;background:radial-gradient(ellipse at center,rgba(255,77,106,.06) 0%,transparent 60%);filter:blur(80px);pointer-events:none}.cta-icon{position:relative;width:64px;height:64px;border-radius:16px;margin-bottom:24px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0f}.cta-title{position:relative;font-size:36px;font-weight:400;letter-spacing:-.02em;color:#fff;margin-bottom:28px}.cta-meta{position:relative;margin-top:16px;font-size:13px;font-family:var(--font-sans);color:var(--text-tertiary)}.footer{position:relative;z-index:1;width:100%;padding:32px 24px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.footer-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-copy{font-size:13px;color:var(--text-tertiary)}.footer-tinythings{color:var(--text-tertiary);text-decoration:none;transition:color .2s}.footer-tinythings:hover{color:var(--text-secondary)}.footer-links{display:flex;gap:24px}.footer-links a{font-size:13px;color:var(--text-tertiary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-secondary)}@media(max-width:960px){.hero-title{font-size:56px}.features-grid{grid-template-columns:repeat(2,1fr)}.walkthrough-row,.walkthrough-row--reverse{flex-direction:column;text-align:center;gap:40px}.walkthrough-desc{max-width:100%}}@media(max-width:768px){.hero-top{padding:56px 24px 0}.hero-title{font-size:44px}.hero-subtitle{font-size:16px}.hero-accent-blur--1{width:300px;height:300px}.hero-accent-blur--2{display:none}.hero-phones{height:440px;padding-top:16px;margin-top:40px}.hero-phone-frame{width:230px;height:492px;border-radius:38px;padding:6px}.hero-phone-screen{border-radius:32px}.hero-phone-island{width:76px;height:22px;top:9px}.stats{padding:40px 24px}.stats-inner{flex-wrap:wrap;gap:24px;justify-content:center}.stat{min-width:120px}.stat-value,.section-title{font-size:32px}.features{padding:72px 24px}.features-grid{grid-template-columns:1fr;gap:16px}.walkthrough{padding:72px 24px 24px}.walkthrough-list{gap:72px}.walkthrough-title{font-size:28px}.walkthrough-desc{font-size:15px}.phone-mockup-frame{width:240px;height:514px;border-radius:38px;padding:6px}.phone-mockup-screen{border-radius:32px}.phone-mockup-island{width:76px;height:22px;top:9px}.cta{padding:72px 24px}.cta-title{font-size:28px}.footer-inner{flex-direction:column;gap:16px;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px}}@media(max-width:480px){.hero-top{padding:44px 20px 0}.hero-icon{width:88px;height:88px;border-radius:22px}.hero-tag{font-size:12px;margin-bottom:24px}.hero-title{font-size:36px}.hero-subtitle{font-size:15px}.hero-phones{height:380px;padding-top:14px;margin-top:32px}.hero-phone-frame{width:200px;height:428px;border-radius:34px;padding:5px}.hero-phone-screen{border-radius:29px}.hero-phone-island{width:66px;height:20px;top:8px}.hero-phone--left{transform:rotate(-4deg) translate(16px)}.hero-phone--right{transform:rotate(4deg) translate(-16px)}.phone-mockup-frame{width:220px;height:471px;border-radius:34px;padding:6px}.phone-mockup-screen{border-radius:28px}.phone-mockup-island{width:70px;height:20px;top:8px}.walkthrough-title{font-size:24px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0908;--surface: #111111;--surface-2: #1c1c1e;--text: #f5f5f7;--text-secondary: #86868b;--text-tertiary: #6e6e73;--accent: #FF4D6A;--accent-soft: #FF6B81;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif}html,body,#root{height:100%}html{background:var(--bg);scrollbar-gutter:stable}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}h1,h2,h3,h4{font-family:var(--font-serif)}
