@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&family=DM+Sans:wght@300;400;500;600&display=swap";html,body,#root{width:100%;height:100%}body{background:#0a1a0a;font-family:Lato,sans-serif;overflow-x:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.page{background:#061206;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:DM Sans,sans-serif;display:flex;position:relative;overflow:hidden}.bg-layer{pointer-events:none;background:radial-gradient(80% 60% at 50% 40%,#0d2a0d 0%,#061206 100%);position:absolute;inset:0}.grain{opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.bg-blob{filter:blur(90px);opacity:.13;pointer-events:none;border-radius:50%;position:absolute}.blob1{background:radial-gradient(circle,#2e7d32,#1b5e20);width:560px;height:560px;animation:14s ease-in-out infinite blobFloat1;top:-160px;right:-140px}.blob2{background:radial-gradient(circle,#66bb6a,#2e7d32);width:440px;height:440px;animation:18s ease-in-out infinite blobFloat2;bottom:-120px;left:-100px}.blob3{background:radial-gradient(circle,#a5d6a7,#388e3c);width:280px;height:280px;animation:11s ease-in-out infinite blobFloat3;top:55%;left:48%;transform:translate(-50%,-50%)}@keyframes blobFloat1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-24px,28px)scale(1.07)}}@keyframes blobFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(18px,-22px)scale(1.05)}}@keyframes blobFloat3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.18)}}.deco-svg{pointer-events:none;width:700px;height:700px;animation:60s linear infinite slowSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes slowSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.container{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:580px;padding:56px 28px 48px;animation:.8s cubic-bezier(.22,1,.36,1) both fadeUp;display:flex;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.logo-wrap{margin-bottom:28px;animation:.8s cubic-bezier(.22,1,.36,1) 50ms both fadeUp}.logo{filter:drop-shadow(0 0 20px #4caf5040);width:240px;max-width:72vw;height:auto;transition:filter .3s,transform .3s}.logo:hover{filter:drop-shadow(0 0 32px #4caf5080);transform:scale(1.03)}.brand-name{color:#ffffff8c;letter-spacing:.18em;text-transform:uppercase;margin-top:10px;font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:500}.badge{color:#81c784;letter-spacing:.06em;text-transform:uppercase;background:#4caf501f;border:1px solid #4caf5047;border-radius:100px;align-items:center;gap:7px;margin-bottom:28px;padding:6px 14px;font-size:.72rem;font-weight:500;animation:.8s cubic-bezier(.22,1,.36,1) .1s both fadeUp;display:inline-flex}.badge-dot{background:#4caf50;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 6px #4caf50}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 6px #4caf50}50%{opacity:.6;box-shadow:0 0 12px #4caf50}}.headline-block{margin-bottom:36px;animation:.8s cubic-bezier(.22,1,.36,1) .15s both fadeUp}.headline-block h1{flex-direction:column;gap:0;display:flex}.hl-line{letter-spacing:-.02em;font-family:Playfair Display,serif;font-size:clamp(2.6rem,10vw,4.8rem);font-weight:900;line-height:1.1;display:block}.hl-white{color:#fff}.hl-green{color:#4caf50;text-shadow:0 0 40px #4caf504d}.tagline{color:#a5d6a7cc;letter-spacing:.01em;margin-top:18px;font-size:clamp(.9rem,2.5vw,1.05rem);font-weight:300;line-height:1.7}.btn-group{flex-direction:column;gap:14px;width:100%;max-width:340px;animation:.8s cubic-bezier(.22,1,.36,1) .25s both fadeUp;display:flex}.store-btn{cursor:pointer;border-radius:16px;align-items:center;gap:14px;width:100%;padding:15px 22px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.store-btn:before{content:"";opacity:0;border-radius:16px;transition:opacity .2s;position:absolute;inset:0}.store-btn:hover{transform:translateY(-2px)}.store-btn:hover:before{opacity:1}.store-btn:active{transform:translateY(0)scale(.99)}.apple-btn{color:#0a1a0a;background:#fff;box-shadow:0 4px 24px #00000059,0 1px 4px #0003}.apple-btn:before{background:linear-gradient(135deg,#0000000a,#0000)}.apple-btn:hover{box-shadow:0 8px 32px #0006,0 2px 8px #0003}.apple-btn .btn-label{color:#0a1a0a8c}.apple-btn .btn-store{color:#0a1a0a}.apple-btn .btn-arrow{color:#0a1a0a66}.google-btn{color:#fff;background:linear-gradient(135deg,#2e7d32 0%,#1b5e20 100%);border:1px solid #4caf5059;box-shadow:0 4px 24px #2e7d324d,0 1px 4px #00000026}.google-btn:before{background:linear-gradient(135deg,#ffffff0f,#fff0)}.google-btn:hover{box-shadow:0 8px 32px #2e7d3273,0 2px 8px #0003}.google-btn .btn-label{color:#fff9}.google-btn .btn-store{color:#fff}.google-btn .btn-arrow{color:#ffffff73}.btn-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.btn-icon svg{width:26px;height:26px}.btn-text{text-align:left;flex-direction:column;flex:1;align-items:flex-start;display:flex}.btn-label{letter-spacing:.07em;text-transform:uppercase;font-size:.65rem;font-weight:500;line-height:1.3}.btn-store{letter-spacing:-.01em;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:900;line-height:1.2}.btn-arrow{align-self:center;font-size:1rem;transition:transform .2s}.store-btn:hover .btn-arrow{transform:translate(2px,-2px)}.trust-strip{color:#a5d6a773;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:10px;margin-top:26px;font-size:.72rem;font-weight:400;animation:.8s cubic-bezier(.22,1,.36,1) .35s both fadeUp;display:flex}.trust-item{align-items:center;gap:5px;display:flex}.trust-sep{opacity:.5}@media (width<=480px){.container{padding:40px 20px 36px}.logo{width:190px}.btn-group{max-width:100%}.deco-svg{width:420px;height:420px}.hl-line{font-size:clamp(2.2rem,11vw,3.2rem)}}