:root{--primary: #0a7da4;--primary-light: rgba(10, 125, 164, .12);--primary-dark: #085a75;--bg: #f5f8f8;--bg-dark: #101d22;--text: #111618;--text-muted: #60808a;--border: #dbe3e6;--card: #ffffff;--white: #ffffff;--font-display: "Outfit", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--radius: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--shadow: 0 4px 24px rgba(10, 125, 164, .08);--shadow-lg: 0 24px 48px rgba(10, 125, 164, .12);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);overflow-x:hidden}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.025;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='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 1.5rem;background:#f5f8f8d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s var(--ease-out),box-shadow .3s var(--ease-out)}.site-header.scrolled{border-color:var(--border);box-shadow:var(--shadow)}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text);font-family:var(--font-display);font-weight:600;font-size:1.25rem}.logo-icon{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--white);border-radius:.5rem;font-size:.875rem;overflow:hidden}.logo-icon img{width:100%;height:100%;object-fit:contain;display:block}.site-footer .logo-icon{background:transparent}.site-footer .logo-icon img{filter:brightness(0) invert(1)}.nav{display:none;align-items:center;gap:2rem}.nav a{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.9375rem;transition:color .2s}.nav a:hover{color:var(--primary)}.cta-nav{color:var(--primary)!important;padding:.5rem 1rem;border-radius:var(--radius);background:var(--primary-light)}.cta-nav:hover{background:#0a7da433}.menu-btn{display:flex;flex-direction:column;gap:5px;padding:.5rem;background:none;border:none;cursor:pointer;color:var(--text)}.menu-btn span{width:22px;height:2px;background:currentColor;border-radius:1px;transition:transform .3s var(--ease-out),opacity .3s}.menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{display:none;flex-direction:column;gap:.5rem;padding:1rem 0;border-top:1px solid var(--border);margin-top:.5rem}.nav-mobile.open{display:flex}.nav-mobile a{color:var(--text);text-decoration:none;font-weight:500;padding:.5rem 0}@media (min-width: 768px){.nav{display:flex}.menu-btn{display:none}.nav-mobile{display:none!important}}.hero{position:relative;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start;padding:calc(80px + 2rem) 1.5rem 3rem;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--bg) 0%,rgba(245,248,248,.97) 50%,var(--bg) 100%)}.hero-mesh{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--primary-light),transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(10,125,164,.06),transparent 45%),radial-gradient(ellipse 50% 30% at 20% 80%,rgba(10,125,164,.05),transparent 40%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:orb-float 20s var(--ease-out) infinite}.hero-orb-1{width:320px;height:320px;background:var(--primary);top:10%;left:-10%;animation-delay:0s}.hero-orb-2{width:240px;height:240px;background:var(--primary);top:50%;right:-5%;animation-delay:-7s}.hero-orb-3{width:180px;height:180px;background:var(--primary-dark);bottom:20%;left:30%;animation-delay:-14s}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.05)}66%{transform:translate(-15px,10px) scale(.98)}}@media (prefers-reduced-motion: reduce){.hero-orb{animation:none}.hero-badge,.hero-title .line,.hero-desc,.hero-ctas,.hero-visual,.feature-card,.step{animation:none;opacity:1;transform:none}}.hero-content{position:relative;z-index:1;max-width:600px}.hero-badge{display:inline-block;padding:.35rem .75rem;margin-bottom:1rem;font-size:.8125rem;font-weight:500;color:var(--primary);background:var(--primary-light);border-radius:999px;animation:fade-up .8s var(--ease-out) both}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.5rem,8vw,4rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 1rem;color:var(--text)}.hero-title .line{display:block;animation:fade-up .8s var(--ease-out) both}.hero-title .line:nth-child(1){animation-delay:.1s}.hero-title .line.accent{color:var(--primary);animation-delay:.2s}.hero-desc{font-size:1.125rem;color:var(--text-muted);margin:0 0 1.75rem;max-width:28em;animation:fade-up .8s var(--ease-out) .3s both}.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;animation:fade-up .8s var(--ease-out) .4s both}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-family:var(--font-body);font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--radius);transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),background .2s,color .2s}.btn-primary{background:var(--primary);color:var(--white);box-shadow:0 4px 14px #0a7da459}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #0a7da466}.btn-arrow{font-size:1.25em;transition:transform .2s}.btn-primary:hover .btn-arrow{transform:translate(4px)}.btn-ghost{color:var(--text);background:transparent;border:1px solid var(--border)}.btn-ghost:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.btn:focus-visible,.store-btn:focus-visible,.team-cta-line a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.nav a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hero-visual{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;margin-top:2rem;animation:fade-up 1s var(--ease-out) .5s both}.phone-mockup{width:min(280px,85vw);aspect-ratio:9 / 19;background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:2.25rem;padding:10px;box-shadow:0 0 0 3px #333,0 24px 48px #0003,0 12px 24px #0a7da426}.phone-screen{width:100%;height:100%;background:var(--bg);border-radius:1.75rem;overflow:hidden}.phone-ui{position:relative;width:100%;height:100%;overflow:hidden}.phone-screenshot{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.section-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 .75rem}.features .section-label,.how .section-label{color:var(--text-muted)}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.02em;margin:0 0 .5rem;color:var(--text)}.section-desc{font-size:1.125rem;color:var(--text-muted);margin:0 0 2.5rem}.section-title-light{color:var(--white)!important}.section-desc-light{color:#ffffffbf!important;margin-bottom:3rem}.features{padding:5.5rem 0;position:relative}.features .container{max-width:1200px}.feature-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.feature-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{padding:1.75rem;background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-out),border-color .3s;animation:fade-up .6s var(--ease-out) calc(.1s * var(--i, 0)) both}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.feature-icon{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);border-radius:.75rem;font-size:1.25rem;margin-bottom:1rem;font-weight:600}.feature-icon-img img{width:1.5rem;height:1.5rem;object-fit:contain}.feature-card h3{font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.feature-card p{font-size:.9375rem;color:var(--text-muted);margin:0;line-height:1.55}.how{padding:5.5rem 0;background:linear-gradient(180deg,transparent 0%,var(--primary-light) 15%,var(--primary-light) 85%,transparent 100%)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.steps{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.step{text-align:center;padding:2rem 1.5rem;background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);animation:fade-up .6s var(--ease-out) calc(.15s * var(--i, 0)) both}.step-num{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--primary);color:var(--white);font-family:var(--font-display);font-weight:700;font-size:1.25rem;border-radius:50%;margin-bottom:1rem}.step h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.step p{font-size:.9375rem;color:var(--text-muted);margin:0}.video-section{padding:5.5rem 0;position:relative}.video-section .section-label{color:var(--text-muted)}.video-embed-wrap{position:relative;width:100%;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-dark);box-shadow:var(--shadow-lg);aspect-ratio:16 / 9;max-width:880px;margin:0 auto}.video-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.video-embed[src=""],.video-embed:not([src]){opacity:0;pointer-events:none}.video-embed-wrap:has(.video-embed[src^=http]) .video-placeholder{display:none}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:linear-gradient(145deg,var(--bg-dark) 0%,#0d161a 100%);color:var(--text-muted);font-size:.9375rem;text-align:center}.video-placeholder-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);border-radius:50%;font-size:1.5rem;line-height:1}.video-placeholder code{font-size:.85em;padding:.15em .4em;background:#ffffff14;border-radius:.25rem}.team{position:relative;padding:6rem 0;overflow:hidden}.team-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.team-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--bg-dark) 0%,#0d161a 50%,var(--bg-dark) 100%)}.team-mesh{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;opacity:.5;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(10,125,164,.2),transparent 55%),radial-gradient(ellipse 50% 40% at 100% 80%,rgba(10,125,164,.08),transparent 50%),radial-gradient(ellipse 40% 30% at 0% 60%,rgba(10,125,164,.06),transparent 45%)}.team-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 20%,transparent 70%)}.team-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22;pointer-events:none;animation:team-glow-pulse 12s var(--ease-out) infinite}.team-glow-1{width:360px;height:360px;background:var(--primary);top:-80px;left:50%;transform:translate(-50%)}.team-glow-2{width:280px;height:280px;background:var(--primary-dark);bottom:-60px;right:10%;animation-delay:-6s}@keyframes team-glow-pulse{0%,to{opacity:.18}50%{opacity:.32}}.team-inner{position:relative;z-index:1;text-align:center}.team-inner .section-label{color:#fff9}.team-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.team-grid{grid-template-columns:repeat(4,1fr);gap:1.75rem}}.team-grid-two{max-width:720px;margin-left:auto;margin-right:auto;gap:2rem}@media (min-width: 640px){.team-grid-two{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media (min-width: 960px){.team-grid-two{gap:3rem}}.team-grid-two .team-card{padding:2.25rem 1.75rem}.team-grid-two .team-avatar{width:4.5rem;height:4.5rem;margin-bottom:1.5rem}.team-grid-two .team-initial{font-size:1.75rem}.team-grid-two .team-name{font-size:1.25rem}.team-grid-two .team-role{font-size:.875rem;margin-bottom:.5rem}.team-grid-two .team-focus{font-size:.9375rem;line-height:1.55}.team-card{position:relative;padding:2rem 1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:center;transition:transform .4s var(--ease-spring),border-color .3s,box-shadow .4s,background .3s;animation:fade-up .7s var(--ease-out) calc(.08s * var(--i, 0)) both}.team-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,#ffffff1f,#ffffff05);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s}.team-card:hover{transform:translateY(-6px) scale(1.02);border-color:#0a7da459;box-shadow:0 24px 48px #00000059,0 0 0 1px #0a7da426;background:#ffffff0f}.team-card:hover:before{opacity:1}.team-avatar{width:4rem;height:4rem;margin:0 auto 1.25rem;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0a7da466;transition:transform .3s var(--ease-spring),box-shadow .3s}.team-card:hover .team-avatar{transform:scale(1.08);box-shadow:0 12px 32px #0a7da480}.team-initial{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--white);line-height:1}.team-name{font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin:0 0 .25rem;color:var(--white)}.team-role{font-size:.8125rem;font-weight:500;color:var(--primary);margin:0 0 .75rem;letter-spacing:.02em}.team-focus{font-size:.875rem;line-height:1.5;color:#fff9;margin:0}.team-cta-line{margin:2.5rem 0 0;font-size:.9375rem;color:#ffffffa6}.team-cta-line a{color:var(--white);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);transition:border-color .2s,color .2s}.team-cta-line a:hover{border-color:var(--primary);color:var(--primary)}@media (prefers-reduced-motion: reduce){.team-glow{animation:none}.team-card{animation:none;opacity:1;transform:none}.team-card:hover,.team-card:hover .team-avatar{transform:none}}.cta{position:relative;padding:5rem 0;overflow:hidden}.cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cta-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.cta-orb{position:absolute;width:400px;height:400px;background:#ffffff14;border-radius:50%;top:-100px;right:-100px;filter:blur(40px)}.cta-inner{position:relative;z-index:1;text-align:center}.cta-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.02em;margin:0 0 .75rem;color:var(--white)}.cta-desc{font-size:1.125rem;color:#ffffffd9;margin:0 0 2rem}.cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem}.store-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem 1.5rem;min-width:160px;background:var(--white);color:var(--text);text-decoration:none;border-radius:var(--radius);font-weight:600;font-family:var(--font-body);border:none;cursor:pointer;transition:transform .2s var(--ease-out),box-shadow .2s}button.store-btn{font-size:1rem}.store-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0003}.store-label{font-size:.75rem;font-weight:500;color:var(--text-muted)}.store-name{font-size:1.125rem}.cta-web{font-size:.9375rem;color:#fffc;margin:0}.cta-web a{color:var(--white);text-decoration:underline;text-underline-offset:3px}.cta-web a:hover{text-decoration:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;visibility:hidden;transition:opacity .25s var(--ease-out),visibility .25s}.modal[aria-hidden=false]{opacity:1;visibility:visible}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#111618b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}.modal-dialog{position:relative;width:100%;max-width:420px;padding:2rem 1.75rem;background:var(--card);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:0 24px 48px #00000040,0 0 0 1px #0a7da41a;animation:modal-in .3s var(--ease-out)}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;border-radius:var(--radius);font-size:1.5rem;line-height:1;color:var(--text-muted);cursor:pointer;transition:background .2s,color .2s}.modal-close:hover{background:var(--primary-light);color:var(--primary)}.modal-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.modal-title{font-family:var(--font-display);font-size:1.375rem;font-weight:700;margin:0 0 .75rem;color:var(--text);padding-right:2rem}.modal-desc{font-size:.9375rem;color:var(--text-muted);line-height:1.55;margin:0 0 1.5rem}.modal-actions{margin-bottom:1.25rem}.modal-apk-btn{width:100%;justify-content:center}.modal-note{font-size:.8125rem;color:var(--text-muted);margin:.75rem 0 0}.modal-actions:has(#apk-download-link[href^=http]) .modal-note{display:none}.modal-note code{font-size:.9em;padding:.1em .35em;background:var(--gray50, #f0f3f5);border-radius:.25rem}.modal-github{font-size:.875rem;color:var(--text-muted);margin:0;padding-top:1rem;border-top:1px solid var(--border)}.modal-github a{color:var(--primary);font-weight:500;text-decoration:none}.modal-github a:hover{text-decoration:underline}.site-footer{padding:2.5rem 1.5rem;background:var(--bg-dark);color:var(--text-muted);text-align:center;border-top:1px solid rgba(255,255,255,.06)}.footer-inner{max-width:600px;margin:0 auto}.footer-inner .logo{color:var(--white);margin-bottom:.5rem}.footer-tagline{font-size:.9375rem;margin:0 0 1rem;color:#ffffffb3}.footer-links{margin-bottom:1rem}.footer-link{display:inline-flex;align-items:center;gap:.35rem;color:#ffffffd9;text-decoration:none;font-size:.9375rem;font-weight:500;transition:color .2s}.footer-link:hover{color:var(--white)}.footer-copy{font-size:.8125rem;margin:0;opacity:.7}