:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-dark: #080f24;--bg-elevated: #111b3a;--text-primary: #eef2ff;--text-secondary: #afbcde;--brand-primary: #3354b8;--brand-primary-soft: #6f88dc;--brand-accent: #ff5c3a;--brand-accent-soft: #ff9b73;--accent-gradient: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-soft) 52%, var(--brand-accent) 100%);--surface-dark: rgba(159, 178, 245, .08);--surface-border: rgba(162, 181, 247, .22);--primary-btn: #ffffff;--primary-btn-text: #000000;--overlay-stroke: #95adff;--overlay-subtitle: #ffb08f;--hero-glow: rgba(51, 84, 184, .36);--hero-shadow-strong: rgba(51, 84, 184, .45);--hero-shadow-soft: rgba(51, 84, 184, .36);--hero-gradient-start: #f8f9ff;--hero-gradient-end: #95adff;--section-halo: rgba(51, 84, 184, .12);--privacy-halo-1: rgba(51, 84, 184, .08);--privacy-halo-2: rgba(255, 92, 58, .08);--final-cta-halo: rgba(255, 92, 58, .1);--store-badge-bg: rgba(255, 255, 255, .1);--store-badge-border: rgba(255, 255, 255, .2);--store-badge-hover-bg: rgba(255, 255, 255, .2);--store-badge-text: #ffffff;--privacy-badge-bg: rgba(51, 84, 184, .15);--privacy-badge-border: rgba(111, 136, 220, .45);--privacy-badge-text: #a8bcff;--overlay-stroke-glow: rgba(149, 173, 255, .5);--overlay-subtitle-glow: rgba(255, 176, 143, .5)}@media(prefers-color-scheme:light){:root{--bg-dark: #f5f7ff;--bg-elevated: #e7ecff;--text-primary: #1e2e63;--text-secondary: #445486;--brand-primary: #3e5fc3;--brand-primary-soft: #7391ea;--brand-accent: #f65f41;--brand-accent-soft: #ff9e80;--surface-dark: rgba(30, 46, 99, .06);--surface-border: rgba(62, 95, 195, .2);--overlay-stroke: #3e5fc3;--overlay-subtitle: #e86445;--hero-glow: rgba(62, 95, 195, .26);--hero-shadow-strong: rgba(62, 95, 195, .34);--hero-shadow-soft: rgba(62, 95, 195, .25);--hero-gradient-start: #1e2e63;--hero-gradient-end: #3e5fc3;--section-halo: rgba(62, 95, 195, .09);--privacy-halo-1: rgba(62, 95, 195, .09);--privacy-halo-2: rgba(246, 95, 65, .08);--final-cta-halo: rgba(62, 95, 195, .12);--store-badge-bg: rgba(30, 46, 99, .06);--store-badge-border: rgba(62, 95, 195, .22);--store-badge-hover-bg: rgba(62, 95, 195, .12);--store-badge-text: #1e2e63;--privacy-badge-bg: rgba(62, 95, 195, .12);--privacy-badge-border: rgba(62, 95, 195, .26);--privacy-badge-text: #2f4fad;--overlay-stroke-glow: rgba(62, 95, 195, .4);--overlay-subtitle-glow: rgba(232, 100, 69, .4)}}.landing-page{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;max-width:1200px;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.nav-logo span{font-weight:800;font-size:1.5rem;letter-spacing:-.05em;background:var(--text-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-logo-icon{width:32px;height:32px;border-radius:8px}.nav-links a{margin-left:2rem;text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.hero-section{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;padding:6rem 2rem 4rem;position:relative;max-width:1200px;margin:0 auto;gap:3rem;z-index:10}@media(min-width:900px){.hero-section{flex-direction:row;justify-content:space-between;text-align:left}.hero-content{max-width:50%;text-align:left}.hero-visual{max-width:50%}}.hero-content{text-align:center}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}@keyframes sway{0%{transform:perspective(1000px) rotateY(-12deg) rotateX(5deg)}50%{transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}to{transform:perspective(1000px) rotateY(-12deg) rotateX(5deg)}}.hero-sway-wrapper{animation:sway 6s ease-in-out infinite;transform-style:preserve-3d;display:inline-block}.hero-image-container{position:relative;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.8,.2,1);border-radius:24px;display:block;transform:rotateY(0)}.hero-sway-wrapper:hover .hero-image-container{transform:rotateY(8deg) scale(1.02);box-shadow:0 25px 60px var(--hero-shadow-strong)}.hero-image-3d{width:100%;max-width:500px;border-radius:24px;box-shadow:0 0 50px var(--hero-shadow-soft);border:1px solid rgba(255,255,255,.1);display:block}.hero-text-overlay{position:absolute;top:30px;left:30px;text-align:left;transform:translateZ(50px);pointer-events:none;z-index:20}.overlay-title{font-size:1.8rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1px var(--overlay-stroke);text-shadow:0 0 10px var(--overlay-stroke-glow);margin-bottom:.5rem;font-family:Inter,sans-serif;letter-spacing:.05em}.overlay-subtitle{font-size:.9rem;font-weight:600;color:var(--overlay-subtitle);text-shadow:0 0 5px var(--overlay-subtitle-glow);letter-spacing:.05em;font-family:monospace}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,var(--hero-glow) 0%,rgba(0,0,0,0) 70%);z-index:-1;pointer-events:none}.hero-gradient-text{font-size:3.5rem;line-height:1.1;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--hero-gradient-start) 30%,var(--hero-gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.hero-subtext{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.cta-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s backwards}@media(min-width:900px){.hero-section .cta-group{justify-content:flex-start}}.final-cta-section .cta-group{justify-content:center!important}.store-badge{display:flex;align-items:center;gap:10px;background:var(--store-badge-bg);border:1px solid var(--store-badge-border);padding:10px 18px;border-radius:12px;color:var(--store-badge-text);text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.store-badge:hover{background:var(--store-badge-hover-bg);transform:translateY(-2px);box-shadow:0 10px 20px #0003}.badge-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.badge-text span:first-child{font-size:.65rem;text-transform:uppercase;opacity:.8}.badge-text .store-name{font-size:1.1rem;font-weight:700;letter-spacing:.02em}.apple-badge svg,.google-badge svg{width:28px;height:28px}.pain-points-section{padding:6rem 1.5rem;background:radial-gradient(circle at center,var(--section-halo) 0%,transparent 70%)}.section-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:4rem;font-size:1.2rem}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:var(--surface-dark);border:1px solid var(--surface-border);padding:2rem;border-radius:20px;transition:transform .3s}.feature-card:hover{transform:translateY(-5px);border-color:#ffffff4d}.card-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.card-desc{color:var(--text-secondary);font-size:1rem;line-height:1.6}.footer{padding:4rem 1.5rem;border-top:1px solid var(--surface-border);text-align:center;color:var(--text-secondary)}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem}.footer-links a:hover{color:var(--text-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.how-it-works-section{padding:8rem 1.5rem;background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-elevated) 100%)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;max-width:1200px;margin:4rem auto 0}.step-card{text-align:left;position:relative}.step-number{font-size:4rem;font-weight:900;color:var(--surface-border);margin-bottom:1rem;line-height:1}.step-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.step-desc{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.privacy-highlight-section{padding:8rem 1.5rem;background:radial-gradient(circle at top right,var(--privacy-halo-1) 0%,transparent 40%),radial-gradient(circle at bottom left,var(--privacy-halo-2) 0%,transparent 40%);position:relative}.privacy-content{max-width:800px;margin:0 auto;text-align:center}.privacy-badge{display:inline-block;padding:.5rem 1rem;background:var(--privacy-badge-bg);border:1px solid var(--privacy-badge-border);border-radius:20px;color:var(--privacy-badge-text);font-weight:600;margin-bottom:2rem;font-size:.9rem}.faq-section{padding:8rem 1.5rem;max-width:800px;margin:0 auto}.faq-grid{display:grid;gap:2rem;margin-top:4rem}.faq-item{background:var(--surface-dark);border:1px solid var(--surface-border);padding:2rem;border-radius:16px}.faq-question{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.faq-answer{color:var(--text-secondary);line-height:1.6}.final-cta-section{text-align:center;padding:8rem 1.5rem;background:linear-gradient(180deg,var(--bg-dark) 0%,var(--final-cta-halo) 100%)}
