@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--color-bg: #F7F5F0;--color-surface: #FFFFFF;--color-ink: #141414;--color-muted: #6E6A61;--color-border: #E8E4DC;--color-green: #1b5e42;--color-green-hover: #16503a;--color-green-bright: #35c07a;--color-amber: #e8a33d;--color-accent: #1b5e42;--color-primary: #1b5e42;--color-text-muted: #6E6A61;--font-family: "Inter", system-ui, -apple-system, sans-serif;--pad-x: 1.25rem;--gap-block: 1.5rem;--radius-card: 16px;--radius-btn: 14px;--transition-fast: .2s ease;--transition-normal: .3s ease}*{box-sizing:border-box;margin:0;padding:0}*:focus{outline:none}html,body{margin:0;padding:0;background-color:var(--color-bg);width:100%}body{min-height:100dvh;font-family:var(--font-family);font-weight:500;background-color:var(--color-bg);color:var(--color-ink);-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}body.camera-open{position:fixed;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}#root{width:100%;max-width:480px;min-height:100dvh;overflow-x:hidden;margin:0 auto;background-color:var(--color-bg);position:relative;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-family);font-weight:800;text-transform:lowercase;letter-spacing:-.02em;line-height:1.12;color:var(--color-ink)}p,span,label{font-family:var(--font-family);line-height:1.5}.headline-box{display:inline-block;background-color:var(--color-green);color:#fff;padding:.1em .32em .14em;border-radius:.22em}.step-pill{display:inline-flex;align-items:center;background-color:var(--color-green);color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:lowercase;padding:.38em .9em;border-radius:99px;white-space:nowrap}.num-circle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--color-green);color:#fff;font-size:.82rem;font-weight:700;flex-shrink:0}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:1.15rem 1.25rem;text-align:left}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:1.05rem 1.5rem;background-color:var(--color-green);color:#fff;font-family:var(--font-family);font-weight:700;font-size:1rem;text-transform:lowercase;letter-spacing:0;border-radius:var(--radius-btn);border:none;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast);text-decoration:none}.btn:hover{background-color:var(--color-green-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:default}.btn-text{background:none;border:none;color:var(--color-muted);font-family:var(--font-family);font-weight:600;font-size:.9rem;text-transform:lowercase;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:.6rem 1rem}.footnote{font-size:.76rem;color:var(--color-muted);text-align:center;line-height:1.5}.email-input{width:100%;padding:1rem 1.1rem;border-radius:var(--radius-btn);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-ink);font-family:var(--font-family);font-size:1rem;font-weight:500;text-align:center}.email-input:focus{border-color:var(--color-green)}.email-input:focus::placeholder{color:transparent}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scanLine{0%{top:4%}50%{top:94%}to{top:4%}}.scan-line{position:absolute;left:8px;right:8px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent 0%,var(--color-green-bright) 18%,#8cf0bc 50%,var(--color-green-bright) 82%,transparent 100%);box-shadow:0 0 14px #35c07abf;animation:scanLine 3.2s ease-in-out infinite;pointer-events:none}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.3}}.live-dot{width:7px;height:7px;border-radius:50%;background-color:var(--color-green-bright);animation:liveBlink 1.6s ease-in-out infinite}@keyframes barSweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}.bar-sweep{width:30%;height:100%;border-radius:99px;background:linear-gradient(90deg,transparent 0%,var(--color-green-bright) 50%,transparent 100%);animation:barSweep 1.6s ease-in-out infinite}@keyframes tickPop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.tick-pop{animation:tickPop .3s ease-out forwards}.screen{position:relative}.screen>*:not(.ambient){position:relative;z-index:1}.ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.ambient-blob{position:absolute;display:block;border-radius:50%;filter:blur(56px);will-change:transform}.ambient-blob-1{top:-16%;left:-24%;width:76%;aspect-ratio:1;background:radial-gradient(circle,#1b5e422b,#1b5e4200 70%);animation:ambientDriftA 19s ease-in-out infinite}.ambient-blob-2{bottom:-20%;right:-22%;width:88%;aspect-ratio:1;background:radial-gradient(circle,#c49a5833,#c49a5800 70%);animation:ambientDriftB 24s ease-in-out infinite}@keyframes ambientDriftA{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(11%,7%,0) scale(1.12)}}@keyframes ambientDriftB{0%,to{transform:translateZ(0) scale(1.06)}50%{transform:translate3d(-9%,-8%,0) scale(.94)}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise-in{opacity:0;animation:riseIn .6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--d, 0s)}@keyframes dotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.dot-float{animation:dotFloat 3.6s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes ctaBreathe{0%,to{box-shadow:0 6px 16px #1b5e4229}50%{box-shadow:0 12px 30px #1b5e4252}}.btn-breathe{animation:ctaBreathe 3.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.ambient-blob,.dot-float,.btn-breathe{animation:none!important}.rise-in{opacity:1;animation:none!important}}
