*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#f05a28;--accent:#ff8c42;--card:#fff;--foreground:#1c1410;--muted-foreground:#6b7280;--muted:#ede5d8;--secondary:#f5efe8;--shadow-card:0 24px 64px -12px #f05a281f, 0 8px 24px -8px #00000014;--shadow-brand:0 8px 24px #f05a2840;--gradient-brand:linear-gradient(135deg, #f05a28 0%, #ff8c42 100%)}html,body{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{min-height:100%}.page{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background-color:#fff8f3;background-image:radial-gradient(ellipse 55% 40% at 15% 15%, color-mix(in oklab, var(--accent) 45%, transparent) 0%, transparent 65%), radial-gradient(ellipse 55% 45% at 85% 80%, color-mix(in oklab, var(--primary) 22%, transparent) 0%, transparent 65%);justify-content:center;align-items:center;display:flex}.card{z-index:10;border:1px solid color-mix(in oklab, var(--primary) 10%, transparent);background:var(--card);width:100%;max-width:64rem;box-shadow:var(--shadow-card);border-radius:2rem;position:relative;overflow:hidden}.card-blob{pointer-events:none;filter:blur(64px);border-radius:9999px;width:24rem;height:24rem;position:absolute}.card-blob--primary{background:color-mix(in oklab, var(--primary) 10%, transparent);top:-6rem;right:-6rem}.card-blob--accent{background:color-mix(in oklab, var(--accent) 25%, transparent);bottom:-6rem;left:-6rem}.card-inner{grid-template-columns:1fr;align-items:center;gap:clamp(2rem,5vw,3.5rem);padding:clamp(1.25rem,4vw,4rem);display:grid;position:relative}.content{flex-direction:column;gap:clamp(1.5rem,3vw,2rem);width:100%;min-width:0;animation:.8s cubic-bezier(.23,1,.32,1) both rise;display:flex}.brand{align-items:center;gap:.75rem;min-width:0;display:flex}.brand-logo{object-fit:cover;width:3.5rem;height:3.5rem;box-shadow:var(--shadow-brand);border-radius:2rem;flex-shrink:0}.brand-text{min-width:0}.brand-name{letter-spacing:-.025em;color:var(--foreground);font-size:clamp(1rem,2.8vw,1.25rem);font-weight:600;line-height:1.25}.brand-tagline{letter-spacing:.28em;text-transform:uppercase;color:var(--primary);margin-top:.15rem;font-size:.65rem;font-weight:600}.hero-copy{flex-direction:column;gap:1rem;display:flex}.headline{letter-spacing:-.025em;color:var(--foreground);font-size:clamp(1.75rem,5.5vw,3.4rem);font-weight:700;line-height:1.1}.headline-break{display:block}.headline em{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:700}.description{max-width:32rem;color:var(--muted-foreground);font-size:clamp(.9375rem,2.2vw,1.125rem);line-height:1.625}.download-buttons{flex-flow:row;align-items:stretch;gap:clamp(.5rem,2vw,.75rem);width:100%;max-width:100%;padding-top:.25rem;display:flex}.store-btn{background:var(--foreground);color:#fff;border-radius:999px;flex:1 1 0;justify-content:flex-start;align-items:center;gap:clamp(.4rem,1.5vw,.65rem);min-width:0;padding:clamp(.625rem,2vw,.75rem) clamp(.625rem,2.5vw,1rem);text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #0000002e}.store-btn svg{flex-shrink:0;width:clamp(1.25rem,4vw,1.75rem);height:clamp(1.25rem,4vw,1.75rem)}.store-btn-text small{letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:clamp(.45rem,1.8vw,.6rem);font-weight:700}.store-btn-text span{margin-top:.15rem;font-size:clamp(.8125rem,2.5vw,1rem);font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.store-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000038}.store-btn-text{text-align:left;flex-direction:column;min-width:0;line-height:1.1;display:flex;overflow:hidden}.phone-section{perspective:1200px;justify-content:center;align-items:center;width:100%;min-height:auto;padding:.5rem 0;display:flex;position:relative}.phone-glow{filter:blur(24px);pointer-events:none;background:radial-gradient(#f05a2838 0%,#ff8c4214 45%,#0000 70%);width:70%;height:70%;animation:5s ease-in-out infinite glowPulse;position:absolute}.phone-accent{pointer-events:none;background:linear-gradient(145deg,#ffd6d0 0%,#ffe8e0 50%,#fff0eb 100%);border-radius:2.5rem;width:80%;height:88%;animation:6s ease-in-out infinite accentBreathe;position:absolute;transform:rotate(-3deg)}.phone-wrapper{--tilt-x:0deg;--tilt-y:0deg;--phone-rotate:2deg;z-index:1;transform:rotate(var(--phone-rotate)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;will-change:transform;max-width:100%;transition:transform .45s cubic-bezier(.23,1,.32,1);animation:1.1s cubic-bezier(.23,1,.32,1) both phoneEnter;position:relative}.phone-float{animation:5s ease-in-out 1.1s infinite phoneFloat}.iphone{filter:drop-shadow(0 28px 50px #00000052);width:clamp(220px,52vw,268px);max-width:100%;margin:0 auto;position:relative}.iphone-bezel{background:linear-gradient(145deg,#4a4a4c 0%,#1c1c1e 35%,#2c2c2e 65%,#3a3a3c 100%) 0 0/200% 200%;border-radius:3rem;padding:10px;animation:8s ease-in-out infinite bezelShimmer;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff1a,0 0 0 1px #0006,0 20px 40px #00000040}.iphone-bezel:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff14 45%,#0000 60%);animation:4s ease-in-out infinite frameGlint;position:absolute;inset:0}.iphone-screen{background:#000;border-radius:2.4rem;width:100%;position:relative;overflow:hidden}.iphone-btn{z-index:2;background:linear-gradient(90deg,#2c2c2e,#48484a,#2c2c2e);border-radius:2px;position:absolute}.iphone-btn--silent{width:3px;height:28px;top:108px;left:-2px}.iphone-btn--vol-up{width:3px;height:44px;top:152px;left:-2px}.iphone-btn--vol-down{width:3px;height:44px;top:206px;left:-2px}.iphone-btn--power{width:3px;height:64px;top:168px;right:-2px}.app-screenshot{width:100%;line-height:0;position:relative}.app-screenshot img{vertical-align:top;width:100%;height:auto;display:block}.screen-shine{pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff1f 50%,#0000 60%);animation:5s ease-in-out 2s infinite screenShine;position:absolute;inset:0;transform:translate(-120%)}@keyframes phoneEnter{0%{opacity:0;transform:rotate(var(--phone-rotate,2deg)) rotateX(12deg) translateY(32px) scale(.94)}to{opacity:1;transform:rotate(var(--phone-rotate,2deg)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(0) scale(1)}}@keyframes phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes accentBreathe{0%,to{opacity:1;transform:rotate(-3deg)scale(1)}50%{opacity:.92;transform:rotate(-2deg)scale(1.03)}}@keyframes glowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes bezelShimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes frameGlint{0%,to{opacity:0;transform:translate(-30%)}50%{opacity:1;transform:translate(30%)}}@keyframes screenShine{0%,to{transform:translate(-120%)}45%{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.phone-wrapper,.phone-float,.phone-accent,.phone-glow,.iphone-bezel,.iphone-bezel:after,.screen-shine{animation:none}.phone-wrapper{transition:none}}@media (width<=379px){.card{border-radius:1.5rem}.card-blob{width:14rem;height:14rem}.brand-tagline{letter-spacing:.18em}}@media (width>=480px){.page{padding:1.25rem}.brand-logo{width:3.75rem;height:3.75rem}}@media (width>=640px){.page{padding:1.5rem}.card{border-radius:2.5rem}.brand-logo{width:4rem;height:4rem}}@media (width>=768px){.page{padding:2rem}.phone-wrapper{--phone-rotate:3deg}}@media (width>=1024px){.card-inner{grid-template-columns:1fr 1fr;align-items:center}.content{justify-content:center}.phone-section{justify-self:center;width:100%}.phone-wrapper{--phone-rotate:4deg}}@media (width>=1280px){.page{padding:2.5rem}}@media (hover:none) and (pointer:coarse){.store-btn:hover{transform:none}}@media (height<=700px) and (width<=1023px){.page{align-items:flex-start;padding-top:1rem;padding-bottom:1rem}.card-inner{gap:1.5rem}.content{gap:1.25rem}.phone-section{padding:0}}