*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f7fa;--bg-card:#e1eff5;--bg-frosted:#fff9;--text:#1f5770;--text-muted:#3a9dc4;--text-dim:#7ec8e3;--accent:#7ec8e3;--accent-dark:#5bb5d6}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.apps-header{z-index:100;padding:24px 32px;position:absolute;top:0;left:0;right:0}.apps-link{align-items:center;gap:10px;text-decoration:none;transition:opacity .2s;display:inline-flex}.apps-link:hover{opacity:.7}.apps-logo{object-fit:contain;width:32px;height:32px}.apps-text{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}.apps-arrow{color:var(--text-muted);margin-left:2px;font-size:14px}.landing{min-height:100vh;position:relative}.container{max-width:1100px;margin:0 auto;padding:0 24px}.hero{text-align:center;background:linear-gradient(180deg, var(--bg) 0%, var(--bg-card) 100%);justify-content:center;align-items:center;min-height:100vh;padding:80px 0;display:flex}.hero-title{letter-spacing:-.03em;color:var(--text);margin:0 0 16px;font-size:clamp(5rem,18vw,10rem);font-weight:800}.hero-icon{vertical-align:-.15em;filter:drop-shadow(0 4px 12px #7ec8e34d);width:auto;height:1.1em;margin:0 -.12em 0 -.08em}.hero-tagline{color:var(--accent-dark);margin-bottom:24px;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500}.hero-description{color:var(--text-muted);max-width:500px;margin:0 auto 48px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.hero-cta{margin-bottom:64px}.app-store-button{background:var(--text);color:var(--bg);border-radius:12px;align-items:center;gap:12px;padding:14px 28px;transition:transform .2s,box-shadow .2s;display:inline-flex}.app-store-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7ec8e34d}.app-store-button.large{padding:18px 36px}.apple-icon{width:28px;height:28px}.app-store-text{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.app-store-small{font-size:10px;font-weight:500;line-height:1}.app-store-large{font-size:20px;font-weight:600;line-height:1.2}.hero-screenshot{border-radius:32px;max-width:280px;margin:0 auto;overflow:hidden;box-shadow:0 25px 80px #1f577026,0 0 0 1px #7ec8e333}.hero-screenshot img{width:100%;display:block}.section-title{color:var(--text);margin-bottom:12px;font-size:clamp(2rem,5vw,3rem);font-weight:700}.section-subtitle{color:var(--text-muted);margin-bottom:64px;font-size:1.125rem}.problem{text-align:center;padding:120px 0}.problem-card{background:var(--bg-frosted);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #7ec8e333;border-radius:24px;max-width:600px;margin:0 auto;padding:48px}.problem-text{color:var(--text);margin-bottom:16px;font-size:clamp(1.25rem,3vw,1.5rem);font-style:italic;line-height:1.6}.problem-author{color:var(--text-dim);font-size:.875rem}.how-it-works{text-align:center;background:var(--bg-card);padding:120px 0}.steps{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-top:48px;display:grid}.step{background:var(--bg);border:1px solid #7ec8e31a;border-radius:24px;padding:48px 32px}.step-number{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 24px;font-size:1.5rem;font-weight:700;display:flex}.step h3{color:var(--text);margin-bottom:12px;font-size:1.25rem;font-weight:600}.step p{color:var(--text-muted);font-size:1rem}.fog{text-align:center;padding:120px 0}.fog-stages{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:48px;margin-bottom:48px;display:grid}.fog-stage{border-radius:16px;flex-direction:column;gap:8px;padding:24px 16px;transition:transform .2s;display:flex}.fog-stage:hover{transform:translateY(-4px)}.fog-stage.clear{background:#f0f7fa}.fog-stage.slight{background:#e8f2f6}.fog-stage.steamy{background:#e1edf2}.fog-stage.hazy{background:#d9e7ed}.fog-stage.fading{background:#d1e1e8}.fog-stage.vanishing{background:#c9dbe3}.fog-stage.clear .fog-sample{opacity:1}.fog-stage.slight .fog-sample{opacity:.85}.fog-stage.steamy .fog-sample{opacity:.65}.fog-stage.hazy .fog-sample{opacity:.45}.fog-stage.fading .fog-sample{opacity:.25}.fog-stage.vanishing .fog-sample{opacity:.15}.fog-time{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:.75rem;font-weight:600}.fog-label{color:var(--text);font-size:1rem;font-weight:600}.fog-sample{color:var(--text-muted);font-size:.875rem;font-style:italic}.fog-outro{color:var(--text-muted);font-size:1.125rem;font-style:italic}.keepers{text-align:center;background:var(--bg-card);padding:120px 0}.keepers-description{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:1.125rem;line-height:1.7}.what-its-not{text-align:center;padding:120px 0}.not-list{flex-direction:column;gap:24px;max-width:400px;margin:48px auto 0;display:flex}.not-item{background:var(--bg-card);text-align:left;border-radius:16px;align-items:center;gap:16px;padding:20px 24px;display:flex}.not-icon{font-size:1.5rem}.not-text{color:var(--text);flex:1;font-size:1.125rem;font-weight:500}.final-cta{text-align:center;background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg) 100%);padding:120px 0}.final-cta h2{color:var(--text);margin-bottom:16px;font-size:clamp(2rem,5vw,3rem);font-weight:700}.final-cta p{color:var(--text-muted);margin-bottom:48px;font-size:1.125rem}.footer{text-align:center;border-top:1px solid #7ec8e31a;padding:48px 0}.footer p{color:var(--text-dim);font-size:.875rem}.footer a{color:var(--text-muted);transition:color .2s}.footer a:hover{color:var(--accent)}.footer-links{margin-top:12px;font-size:.75rem}.legal{background:var(--bg);min-height:100vh;padding:48px 24px}.legal-container{max-width:680px;margin:0 auto}.back-link{color:var(--accent);margin-bottom:32px;font-size:.875rem;transition:opacity .2s;display:inline-block}.back-link:hover{opacity:.7}.legal h1{color:var(--text);margin-bottom:8px;font-size:2.5rem;font-weight:700}.legal .updated{color:var(--text-dim);margin-bottom:48px;font-size:.875rem}.legal section{margin-bottom:40px}.legal h2{color:var(--text);margin-bottom:12px;font-size:1.25rem;font-weight:600}.legal p{color:var(--text-muted);margin-bottom:12px;line-height:1.7}.legal ul{color:var(--text-muted);margin-bottom:12px;margin-left:24px}.legal li{margin-bottom:8px;line-height:1.6}.legal a{color:var(--accent);transition:opacity .2s}.legal a:hover{opacity:.7}