:root{--bg-color:#070913;--panel-bg:#0d1221a6;--panel-border:#ffffff0f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-mint:#10b981;--accent-mint-glow:#10b98126;--accent-cyan:#22d3ee;--accent-cyan-glow:#22d3ee26;--accent-violet:#8b5cf6;--card-shadow:0 10px 40px -10px #00000080;--font-display:"Outfit", sans-serif;--font-sans:"Plus Jakarta Sans", sans-serif;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(at 0% 0%, var(--accent-mint-glow) 0px, transparent 50%), radial-gradient(at 100% 100%, var(--accent-cyan-glow) 0px, transparent 50%);background-attachment:fixed;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .2s}header{max-width:var(--max-width);border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin:0 auto;padding:24px;display:flex}.logo{align-items:center;gap:12px;display:flex}.header-actions{align-items:center;gap:24px;display:flex}.nav-link{font-family:var(--font-display);color:var(--text-secondary);font-size:14px;font-weight:600;transition:color .2s}.nav-link:hover{color:var(--accent-mint)}.logo-img{width:44px;height:44px;box-shadow:0 0 15px var(--accent-mint-glow);border-radius:12px}.logo-text{font-family:var(--font-display);letter-spacing:-.5px;background:linear-gradient(to right, var(--accent-mint), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px;font-weight:800}.download-nav-btn{border:1px solid var(--panel-border);font-family:var(--font-display);background:#ffffff08;border-radius:30px;padding:10px 20px;font-size:14px;font-weight:600}.download-nav-btn:hover{border-color:var(--accent-mint);background:var(--accent-mint-glow);box-shadow:0 0 15px var(--accent-mint-glow)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:80px 0 60px;display:grid;position:relative}@media (width<=900px){.hero{text-align:center;grid-template-columns:1fr;padding:50px 0}}.hero-text{z-index:2}.hero-tagline{color:var(--accent-mint);background:var(--accent-mint-glow);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;border:1px solid #10b98133;border-radius:20px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.hero-title{font-family:var(--font-display);letter-spacing:-1.5px;margin-bottom:20px;font-size:54px;font-weight:800;line-height:1.15}.hero-title span{background:linear-gradient(135deg, var(--accent-mint), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--text-secondary);max-width:550px;margin-bottom:36px;font-size:18px}@media (width<=900px){.hero-desc{margin-left:auto;margin-right:auto}}.badge-wrapper{align-items:center;gap:16px;display:flex}@media (width<=900px){.badge-wrapper{justify-content:center}}.appstore-badge img{border-radius:8px;height:48px;transition:transform .2s}.appstore-badge img:hover{transform:translateY(-2px)}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-orb{filter:blur(25px);z-index:1;background:radial-gradient(circle,#10b9812e 0%,#22d3ee0d 60%,#0000 100%);width:320px;height:320px;position:absolute}.hero-phone-mockup{z-index:2;max-width:310px;box-shadow:var(--card-shadow), 0 0 30px #10b9811a;border:8px solid #1c2237;border-radius:40px;transition:transform .5s;transform:rotate(2deg)}.hero-phone-mockup:hover{transform:rotate(0)scale(1.02)}.features{padding:80px 0}.section-header{text-align:center;max-width:650px;margin:0 auto 50px}.section-label{color:var(--accent-cyan);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.section-title{font-family:var(--font-display);letter-spacing:-.5px;font-size:36px;font-weight:800}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;display:grid}.feature-card{background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(12px);box-shadow:var(--card-shadow);border-radius:24px;padding:32px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--accent-mint), var(--accent-cyan));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:#10b98133;transform:translateY(-5px)}.feature-card:hover:before{opacity:1}.feature-icon{margin-bottom:20px;font-size:32px}.feature-svg-icon{width:36px;height:36px;color:var(--accent-mint);filter:drop-shadow(0 0 8px var(--accent-mint-glow));margin-bottom:20px;transition:transform .3s,color .3s,filter .3s}.feature-card:hover .feature-svg-icon{color:var(--accent-cyan);filter:drop-shadow(0 0 12px var(--accent-cyan-glow));transform:scale(1.1)}.feature-name{font-family:var(--font-display);margin-bottom:12px;font-size:20px;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:14px;line-height:1.5}.screenshots-section{text-align:center;padding:60px 0}.screenshots-gallery{scrollbar-width:thin;scrollbar-color:var(--accent-mint) var(--bg-color);gap:20px;padding:20px 0 40px;display:flex;overflow-x:auto}.screenshots-gallery::-webkit-scrollbar{height:6px}.screenshots-gallery::-webkit-scrollbar-thumb{background-color:var(--accent-mint);border-radius:10px}.screenshots-gallery img{border:4px solid var(--panel-border);height:480px;box-shadow:var(--card-shadow);border-radius:20px;flex-shrink:0;transition:transform .3s}.screenshots-gallery img:hover{border-color:var(--accent-mint);transform:scale(1.02)}.guides-section{padding:80px 0}.guides-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.guide-card{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;justify-content:space-between;height:100%;padding:28px;display:flex}.guide-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--accent-cyan);background:#22d3ee1a;border-radius:10px;align-self:flex-start;margin-bottom:16px;padding:4px 10px;font-size:10px;font-weight:800}.guide-title{font-family:var(--font-display);margin-bottom:12px;font-size:18px;font-weight:700;line-height:1.35}.guide-desc{color:var(--text-secondary);margin-bottom:24px;font-size:13.5px;line-height:1.5}.read-guide-link{font-family:var(--font-display);color:var(--accent-mint);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.read-guide-link:hover{color:var(--accent-cyan)}.faq-section{max-width:800px;margin:0 auto;padding:80px 0}.faq-list{flex-direction:column;gap:16px;display:flex}.faq-item{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;overflow:hidden}.faq-question{font-family:var(--font-display);cursor:pointer;justify-content:space-between;align-items:center;padding:20px 24px;font-size:16px;font-weight:600;display:flex}.faq-answer{max-height:0;color:var(--text-secondary);border-top:0 solid var(--panel-border);padding:0 24px;font-size:14px;line-height:1.6;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.active .faq-answer{border-top-width:1px;max-height:250px;padding:16px 24px 24px}.faq-icon-arrow{width:20px;height:20px;transition:transform .3s}.faq-item.active .faq-icon-arrow{transform:rotate(180deg)}.faq-learn-more{color:var(--accent-cyan);margin-top:12px;font-weight:600;display:inline-block}.cta{padding:60px 0 100px}.cta-banner{text-align:center;box-shadow:var(--card-shadow);background:linear-gradient(135deg,#10b98126 0%,#22d3ee14 100%);border:1px solid #10b98133;border-radius:32px;padding:60px 40px;position:relative;overflow:hidden}.cta-banner:after{content:"";filter:blur(20px);background:radial-gradient(circle,#22d3ee1a 0%,#0000 80%);width:200px;height:200px;position:absolute;top:-50px;right:-50px}.cta-title{font-family:var(--font-display);margin-bottom:12px;font-size:40px;font-weight:800}.cta-desc{color:var(--text-secondary);max-width:550px;margin:0 auto 30px;font-size:16px}footer{border-top:1px solid var(--panel-border);text-align:center;color:var(--text-muted);padding:40px 0;font-size:13px}.footer-logo{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.footer-logo-img{border-radius:6px;width:24px;height:24px}.footer-links{margin-bottom:24px}.footer-links a{color:var(--text-secondary);margin:0 12px}.footer-links a:hover{color:var(--accent-mint)}