*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #09090F;--surface: #111118;--surface2: #191920;--border: rgba(255, 255, 255, .06);--text: #B8B8C4;--text-dim: #6A6A78;--white: #F0F0F5;--accent: #7C9CFF;--accent-light: #A0BAFF;--accent-deep: #5B74D4;--warm: #C4A0FF;--warm-light: #E0CFFF;--radius: 16px;--radius-lg: 24px}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Playfair Display,Georgia,serif;color:var(--white);line-height:1.15}.container{max-width:1080px;margin:0 auto;padding:0 24px}.accent{color:var(--accent)}.topbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;background:#09090fb3;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Playfair Display,serif;font-size:1.35rem;color:var(--white)}.logo-icon{width:28px;height:28px}.topbar-links{display:flex;gap:32px}.topbar-links a{text-decoration:none;color:var(--text-dim);font-size:.88rem;font-weight:500;transition:color .2s;cursor:pointer}.topbar-links a:hover{color:var(--white)}.topbar-cta{text-decoration:none;cursor:pointer;padding:9px 22px;border-radius:50px;font-size:.85rem;font-weight:600;background:var(--accent);color:#fff;transition:transform .2s,box-shadow .2s}.topbar-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #7c9cff59}.hamburger{display:none;background:none;border:none;cursor:pointer;width:28px;height:20px;position:relative}.hamburger span{display:block;width:100%;height:2px;background:var(--white);border-radius:2px;position:absolute;left:0;transition:.3s}.hamburger span:first-child{top:0}.hamburger span:last-child{bottom:0}.hamburger.open span:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger.open span:last-child{bottom:50%;transform:translateY(50%) rotate(-45deg)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:140px 24px 80px;overflow:hidden}.hero-grain{position:absolute;inset:0;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");pointer-events:none}.hero-glow{position:absolute;border-radius:50%;pointer-events:none}.hero-glow.g1{width:700px;height:700px;background:radial-gradient(circle,rgba(124,156,255,.09) 0%,transparent 65%);top:20%;left:50%;transform:translate(-50%,-50%)}.hero-glow.g2{width:500px;height:500px;background:radial-gradient(circle,rgba(196,160,255,.07) 0%,transparent 65%);bottom:10%;right:10%}.hero-content{position:relative;z-index:2;max-width:760px}.hero-eyebrow{display:inline-block;padding:6px 18px;border-radius:50px;border:1px solid rgba(124,156,255,.25);background:#7c9cff0f;font-size:.8rem;font-weight:500;color:var(--accent-light);margin-bottom:32px}.hero-title{font-size:clamp(3rem,7vw,5.5rem);letter-spacing:-.02em;margin-bottom:24px}.hero-accent{background:linear-gradient(135deg,var(--accent),var(--warm));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.15rem;color:var(--text-dim);max-width:540px;margin:0 auto 36px;line-height:1.75}.btn-primary{display:inline-flex;align-items:center;padding:15px 36px;border-radius:50px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;box-shadow:0 4px 24px #7c9cff4d;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #7c9cff66}.hero-stats{display:flex;justify-content:center;gap:40px;margin-top:64px;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.hero-stat strong{font-family:Playfair Display,serif;font-size:1.6rem;color:var(--white)}.hero-stat span{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.showcase{padding:0 24px 100px;overflow:hidden}.showcase-inner{display:flex;justify-content:center;gap:32px;max-width:560px;margin:0 auto}.phone-mock{flex-shrink:0}.phone-mock.offset{margin-top:48px}.phone-frame{width:240px;background:#000;border-radius:32px;padding:10px;box-shadow:0 40px 100px #00000080,0 0 0 1px #ffffff0d;overflow:hidden}.phone-notch{width:64px;height:5px;background:#222;border-radius:4px;margin:0 auto 8px}.phone-frame img{width:100%;object-fit:cover;object-position:top center;border-radius:22px;display:block}.sec-title{font-size:clamp(2rem,4vw,2.8rem);text-align:center;margin-bottom:72px}.features{padding:120px 0 60px}.zigzag-row{display:flex;align-items:center;gap:64px;max-width:1000px;margin:0 auto 80px;padding:0 24px}.zigzag-row.reverse{flex-direction:row-reverse}.zigzag-text{flex:1;min-width:0}.zigzag-visual{flex:0 0 340px;padding:36px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}.zig-tag{display:inline-block;padding:4px 14px;border-radius:50px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:#7c9cff1a;margin-bottom:16px}.zigzag-text h3{font-size:1.6rem;margin-bottom:12px}.zigzag-text p{font-size:.95rem;color:var(--text-dim);line-height:1.75;max-width:420px}.art-reader{display:flex;flex-direction:column;gap:8px}.art-line{height:6px;border-radius:3px;background:#ffffff0f}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w90{width:90%}.w100{width:100%}.art-prayer{display:flex;flex-direction:column;gap:12px}.prayer-row{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--text)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;font-style:normal;flex-shrink:0}.dot.green{background:#4caf50}.dot.blue{background:var(--accent)}.prayer-row em{margin-left:auto;font-style:normal;font-size:.65rem;color:#4caf50;font-weight:600;background:#4caf501f;padding:2px 10px;border-radius:50px}.jl-verse{font-size:.88rem;color:var(--text);padding:10px 12px;border-radius:8px;background:#c4a0ff0f;border-left:3px solid var(--warm);margin-bottom:10px;display:flex;align-items:center;gap:8px}.jl-mark{width:4px;height:18px;border-radius:2px;background:var(--warm);display:inline-block;flex-shrink:0}.jl-note{font-size:.78rem;color:var(--text-dim);font-style:italic;padding-left:16px;border-left:2px solid rgba(255,255,255,.06)}.art-streak{display:flex;gap:12px;justify-content:center}.streak-day{display:flex;flex-direction:column;align-items:center;gap:8px}.streak-dot{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.08);transition:.3s}.streak-day.active .streak-dot{background:linear-gradient(135deg,var(--accent),var(--warm));border-color:transparent;box-shadow:0 2px 12px #7c9cff4d}.streak-day span{font-size:.68rem;color:var(--text-dim);font-weight:600}.art-plans{display:flex;flex-wrap:wrap;gap:8px}.plan-chip{padding:8px 16px;border-radius:50px;font-size:.75rem;font-weight:500;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text);white-space:nowrap}.art-offline{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.offline-icon{font-size:2rem}.offline-bar{width:100%;height:6px;border-radius:3px;background:#ffffff0f;overflow:hidden}.offline-fill{width:100%;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--warm))}.art-offline span{font-size:.72rem;color:var(--text-dim)}.how{padding:120px 0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.pipeline{display:flex;gap:0;max-width:960px;margin:0 auto;position:relative}.pipeline:before{content:"";position:absolute;top:36px;left:60px;right:60px;height:2px;background:linear-gradient(90deg,var(--accent),var(--warm),var(--accent-deep));opacity:.3}.pipe-step{flex:1;text-align:center;padding:0 20px;position:relative}.pipe-icon{width:72px;height:72px;border-radius:50%;background:var(--bg);border:2px solid rgba(124,156,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 20px;position:relative;z-index:1}.pipe-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:10px}.pipe-step h3{font-size:1.15rem;margin-bottom:10px}.pipe-step p{font-size:.85rem;color:var(--text-dim);line-height:1.7}.stories{padding:120px 0}.stories-list{display:flex;flex-direction:column;gap:24px;max-width:760px;margin:0 auto}.story-row{display:flex;align-items:center;gap:32px;padding:36px 40px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);transition:transform .3s}.story-row:hover{transform:translateY(-3px)}.story-row.flip{flex-direction:row-reverse}.story-quote{flex:1;min-width:0}.story-stars{color:var(--warm-light);font-size:.85rem;letter-spacing:2px;margin-bottom:12px}.story-quote p{font-size:.92rem;line-height:1.7;color:var(--text)}.story-quote p em{color:var(--accent-light);font-style:normal;font-weight:600}.story-who{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:100px}.story-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--bg)}.story-who strong{display:block;font-size:.85rem;color:var(--white);font-family:Inter,sans-serif}.story-who span{font-size:.68rem;color:var(--text-dim)}.cta{position:relative;padding:140px 24px;text-align:center;overflow:hidden}.cta-glow{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(124,156,255,.1) 0%,rgba(196,160,255,.05) 40%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.cta-inner{position:relative;z-index:1}.cta h2{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:16px}.cta p{font-size:1.05rem;color:var(--text-dim);max-width:440px;margin:0 auto 40px}.site-footer{padding:80px 0 32px;border-top:1px solid var(--border)}.footer-grid{display:flex;gap:48px;flex-wrap:wrap;margin-bottom:48px}.footer-brand{flex:1.5;min-width:220px}.footer-brand .logo{margin-bottom:14px}.footer-brand p{font-size:.85rem;color:var(--text-dim);max-width:260px;line-height:1.7}.footer-links{flex:1;min-width:140px}.footer-links h4{font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;color:var(--white);margin-bottom:14px;text-transform:uppercase;letter-spacing:.06em}.footer-links a{display:block;text-decoration:none;color:var(--text-dim);font-size:.85rem;margin-bottom:8px;transition:color .2s;cursor:pointer}.footer-links a:hover{color:var(--accent)}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-dim)}@media(max-width:768px){.topbar-links{display:none}.topbar-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--surface);padding:20px 32px;border-bottom:1px solid var(--border);gap:16px}.hamburger{display:block}.topbar-cta{display:none}.hero{padding:110px 24px 60px;min-height:auto}.hero-title{font-size:2.6rem}.hero-stats{gap:24px}.hero-stat strong{font-size:1.3rem}.showcase-inner{gap:16px}.phone-frame{width:170px}.phone-frame img{height:320px}.phone-mock.offset{margin-top:32px}.zigzag-row,.zigzag-row.reverse{flex-direction:column;gap:28px}.zigzag-visual{flex:none;width:100%;max-width:400px}.zigzag-text{text-align:center}.zigzag-text p{max-width:100%;margin:0 auto}.pipeline{flex-direction:column;gap:36px;align-items:center}.pipeline:before{display:none}.pipe-step{max-width:360px}.story-row,.story-row.flip{flex-direction:column;text-align:center;gap:20px;padding:28px 24px}.story-who{flex-direction:row;justify-content:center;text-align:left}.footer-grid{flex-direction:column;gap:32px}}@media(max-width:480px){.hero-title{font-size:2rem}.hero-stats{flex-direction:column;gap:16px}.showcase-inner{flex-direction:column;align-items:center}.phone-mock.offset{margin-top:0}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}