:root{--bg-light: #f9f7f2;--bg-dark: #131922;--primary-coral: #FF7D66;--berry: #AD3E5A;--text-light: #131922;--text-dark: #ffffff;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", monospace;--container-max: 1200px;--container-pad: 40px;--section-pad: 100px;--radius: 24px;--reveal-duration: 1s;--reveal-ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-light);color:var(--text-light);overflow-x:hidden;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.grain-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}h1,h2,h3{font-family:var(--font-serif);line-height:1.2}h1{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.02em}h2{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;letter-spacing:-.01em}.subheadline{font-weight:300;font-size:clamp(1rem,1.6vw,1.1rem);line-height:1.7;max-width:480px;opacity:.65}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--reveal-duration) var(--reveal-ease),transform var(--reveal-duration) var(--reveal-ease)}.reveal.is-revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.hero{padding:var(--section-pad) 0;background:linear-gradient(160deg,var(--bg-light) 0%,#f5f3ee 100%)}.hero .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.hero-text h1{margin-bottom:1.5rem}.hero-text h1:after{content:"";display:block;width:72px;height:6px;background:linear-gradient(90deg,var(--berry) 20%,rgba(173,62,90,.75) 60%,transparent);margin-top:1rem;border-radius:40% 60% 50% 30%/60% 40% 70% 50%;transform:rotate(-1deg)}.hero-cta{margin-top:2rem}.app-store-cta{display:inline-block}.app-store-cta img{opacity:.85;transition:opacity .3s ease;display:block}.app-store-cta:hover img{opacity:1}.hero-phones{position:relative;height:520px;display:flex;justify-content:center;align-items:center}.hero-phone{position:absolute;width:260px;border-radius:32px;overflow:hidden;box-shadow:0 20px 60px #00000026,0 4px 20px #00000014;border:6px solid #1a1a1a;background:#1a1a1a}.hero-phone--back{left:0;top:0;transform:rotate(-3deg);z-index:1}.hero-phone--front{right:0;top:40px;transform:rotate(2deg);z-index:2}.hero-phone img{width:100%;height:auto;display:block}.hero-phones:before{content:"";position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:140%;height:110%;background:radial-gradient(ellipse at center,rgba(173,62,90,.25) 0%,rgba(255,125,102,.18) 30%,rgba(255,125,102,.08) 55%,transparent 75%);z-index:0;border-radius:50%;filter:blur(20px)}.features-section{padding:var(--section-pad) 0;border-top:1px solid rgba(0,0,0,.06)}.features-section h2{text-align:center;margin-bottom:.6rem}.features-section .subheadline{text-align:center;margin:0 auto 3rem}.features-tabs{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.features-preview{order:-1}.features-tab-list{display:flex;flex-direction:column;gap:0}.features-tab{padding:20px 24px;border:none;background:none;text-align:left;cursor:pointer;border-left:3px solid transparent;transition:all .3s ease}.features-tab:hover{background:#00000005}.features-tab.is-active{border-image:linear-gradient(to bottom,var(--berry),var(--primary-coral)) 1;background:linear-gradient(135deg,#ad3e5a0d,#ff7d660a)}.features-tab h3{font-family:var(--font-serif);font-size:1.1rem;font-weight:700;margin-bottom:4px;line-height:1.3}.features-tab p{font-size:.92rem;opacity:.55;line-height:1.6}.features-tab.is-active h3{background:linear-gradient(135deg,var(--berry),var(--primary-coral));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-tab.is-active p{opacity:.7}.features-phone{width:280px;margin:0 auto;border-radius:32px;overflow:hidden;border:6px solid #1a1a1a;background:#1a1a1a;box-shadow:0 20px 60px #0000001f,0 4px 20px #0000000f}.features-phone img{width:100%;height:auto;display:block}.features-screen{display:none}.features-screen.is-active{display:block}.why-section{padding:var(--section-pad) 0;background:var(--bg-dark);color:var(--text-dark)}.why-section h2{color:var(--text-dark);text-align:center;margin-bottom:.6rem}.why-section .subheadline{color:#ffffff8c;text-align:center;margin:0 auto 3rem}.why-list{max-width:640px;margin:0 auto}.why-item{padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.08)}.why-item:last-child{border-bottom:1px solid rgba(255,255,255,.08)}.why-item h3{font-family:var(--font-serif);font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:.3rem}.why-item h3:before{content:"";display:inline-block;width:8px;height:8px;background:linear-gradient(135deg,var(--berry),var(--primary-coral));border-radius:50%;margin-right:10px;vertical-align:middle}.why-item p{font-size:.9rem;color:#ffffff8c;line-height:1.6}.founder-section{padding:var(--section-pad) 0}.founder-note{max-width:600px;margin:0 auto;text-align:center}.founder-note p{font-family:var(--font-serif);font-style:italic;font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.8;opacity:.6}.founder-note .founder-name{font-family:var(--font-sans);font-style:normal;font-size:.8rem;font-weight:500;opacity:.4;margin-top:1rem;display:block}.final-cta{padding:var(--section-pad) 0 80px;text-align:center;border-top:1px solid rgba(0,0,0,.06)}.final-cta h2{margin-bottom:.8rem}.final-cta .subheadline{margin-bottom:2rem;margin-left:auto;margin-right:auto}@media(max-width:768px){:root{--container-pad: 24px;--section-pad: 60px}.hero .container{grid-template-columns:1fr;gap:40px}.features-tabs{grid-template-columns:1fr;gap:32px}.features-preview{order:-1}.features-phone{width:220px}.hero-phones{height:400px}.hero-phone{width:200px}.hero-phone--back{left:10%}.hero-phone--front{right:10%}}