:root{--bg-black:#050507;--bg-canvas:#08080a;--bg-surface:#0e0e12;--bg-surface-elevated:#14141a;--bg-surface-card:#16161f;--brand-primary:#fff;--brand-secondary:#e2e2e8;--brand-gold:#c9a227;--brand-gold-bright:#e2bc44;--brand-gold-glow:#c9a22747;--brand-glow-cyan:#38bdf838;--brand-glow-violet:#8b5cf633;--brand-glow-ambient:#ffffff0f;--text-primary:#fff;--text-secondary:#d4d4d8;--text-muted:#8e8e93;--text-subtle:#52525b;--text-inverse:#08080a;--glass-bg-ultra-subtle:#ffffff06;--glass-bg-subtle:#ffffff0b;--glass-bg-base:#ffffff12;--glass-bg-elevated:#ffffff1c;--glass-bg-hover:#ffffff29;--glass-bg-active:#ffffff38;--glass-bg-tint-dark:#08080cb8;--glass-border-subtle:#ffffff12;--glass-border-base:#ffffff1f;--glass-border-bright:#ffffff3d;--glass-border-highlight:#ffffff61;--glass-blur-sm:blur(12px) saturate(170%);--glass-blur-md:blur(24px) saturate(190%);--glass-blur-lg:blur(40px) saturate(200%);--glass-blur-nav:blur(28px) saturate(190%);--shadow-sm:0 2px 8px -2px #0006;--shadow-md:0 8px 24px -4px #0009;--shadow-lg:0 20px 48px -12px #000c, 0 0 0 1px #ffffff0f;--shadow-glow:0 0 60px -10px var(--brand-gold-glow);--shadow-device:0 40px 100px -20px #000000e6, 0 0 80px -10px #ffffff0a;--shadow-glass-inset:inset 0 1px 1px 0 #ffffff2e, inset 0 -1px 2px 0 #00000080;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-2xl:44px;--radius-pill:9999px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif;--font-mono:"SF Mono", "Menlo", "Consolas", monospace;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--container-max-w:1240px;--container-narrow-w:780px;--container-reading-w:720px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-base:.3s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.5s cubic-bezier(.16, 1, .3, 1);--transition-slow:.8s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-black);color:var(--text-primary);color-scheme:dark;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background-color:var(--bg-canvas);min-height:100vh;color:var(--text-primary);font-size:16px;line-height:1.55;position:relative;overflow-x:hidden}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:var(--radius-sm)}::selection{color:#fff;background:#ffffff40}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img,svg,video,canvas{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass-panel{background:var(--glass-bg-base);-webkit-backdrop-filter:var(--glass-blur-md);border:1px solid var(--glass-border-base);border-radius:var(--radius-xl);box-shadow:var(--shadow-md), var(--shadow-glass-inset);transition:all var(--transition-base);position:relative;overflow:hidden}.glass-panel:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#ffffff47 25%,#ffffff73 50%,#ffffff47 75%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.glass-elevated{background:var(--glass-bg-elevated);-webkit-backdrop-filter:var(--glass-blur-lg);border:1px solid var(--glass-border-bright);box-shadow:var(--shadow-lg), var(--shadow-glass-inset)}.glass-card{-webkit-backdrop-filter:var(--glass-blur-md);border:1px solid var(--glass-border-base);border-radius:var(--radius-xl);box-shadow:var(--shadow-md), var(--shadow-glass-inset);transition:transform var(--transition-base), border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);position:relative;overflow:hidden}.glass-card:hover{border-color:var(--glass-border-bright);box-shadow:var(--shadow-lg), var(--shadow-glass-inset), 0 0 30px -5px #ffffff14;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0d 100%);transform:translateY(-3px)}.glass-capsule{align-items:center;gap:var(--space-xs);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border-base);border-radius:var(--radius-pill);box-shadow:0 4px 12px -2px #0000004d, var(--shadow-glass-inset);color:var(--text-secondary);letter-spacing:-.01em;transition:all var(--transition-fast);background:#ffffff0f;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.glass-capsule:hover{border-color:var(--glass-border-bright);color:var(--text-primary);background:#ffffff1a}.glass-button{justify-content:center;align-items:center;gap:var(--space-xs);-webkit-backdrop-filter:var(--glass-blur-md);border:1px solid var(--glass-border-bright);border-radius:var(--radius-pill);box-shadow:0 6px 16px -4px #0006, var(--shadow-glass-inset);color:var(--text-primary);letter-spacing:-.01em;transition:all var(--transition-base);user-select:none;background:#ffffff14;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.glass-button:hover{border-color:var(--glass-border-highlight);box-shadow:0 8px 24px -4px #00000080, var(--shadow-glass-inset);background:#ffffff24;transform:translateY(-1px)}.glass-button:active{background:#fff3;transform:translateY(0)}.glass-button-primary{color:#08080a;background:#fff;border:1px solid #ffffffe6;box-shadow:0 8px 24px -4px #ffffff40,0 2px 6px #0006}.glass-button-primary:hover{color:#000;background:#f4f4f6;border-color:#fff;transform:translateY(-1px);box-shadow:0 10px 30px -4px #ffffff59}.glass-modal-backdrop{-webkit-backdrop-filter:blur(16px);z-index:1000;padding:var(--space-md);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.glass-modal-backdrop.is-active{opacity:1;pointer-events:auto}.glass-modal-content{-webkit-backdrop-filter:var(--glass-blur-lg);border:1px solid var(--glass-border-bright);border-radius:var(--radius-2xl);box-shadow:0 32px 80px -16px #000000e6, var(--shadow-glass-inset);width:100%;max-width:440px;padding:var(--space-2xl) var(--space-xl);transition:transform var(--transition-base);text-align:center;background:#121218d9;position:relative;transform:scale(.94)translateY(12px)}.glass-modal-backdrop.is-active .glass-modal-content{transform:scale(1)translateY(0)}.ambient-glow-wrapper{position:relative}.ambient-glow{filter:blur(80px);pointer-events:none;z-index:-1;opacity:.5;transition:opacity var(--transition-slow), transform var(--transition-slow);border-radius:50%;position:absolute}.ambient-glow-hero{background:radial-gradient(circle,#c9a22759 0%,#8b5cf633 45%,#38bdf81f 70%,#0000 85%);width:540px;height:540px;top:50%;left:50%;transform:translate(-50%,-50%)}.ambient-glow-soft{background:radial-gradient(circle,#ffffff14 0%,#0000 70%);width:400px;height:400px}@keyframes deviceFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(.4deg)}}.animate-float{animation:7s ease-in-out infinite deviceFloat}@keyframes glassGlint{0%{transform:translate(-150%)rotate(25deg)}20%,to{transform:translate(250%)rotate(25deg)}}.glint-effect{position:relative;overflow:hidden}.glint-effect:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%);width:200%;height:200%;animation:10s ease-in-out infinite glassGlint;position:absolute;top:-50%;left:-50%;transform:translate(-150%)rotate(25deg)}@keyframes glowPulse{0%,to{opacity:.35;transform:translate(-50%,-50%)scale(1)}50%{opacity:.55;transform:translate(-50%,-50%)scale(1.06)}}.animate-pulse-slow{animation:8s ease-in-out infinite glowPulse}.reveal-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:80ms}.stagger-2{transition-delay:.16s}.stagger-3{transition-delay:.24s}.stagger-4{transition-delay:.32s}@keyframes caretBlink{0%,to{opacity:1}50%{opacity:0}}.typing-caret{background-color:var(--brand-gold-bright);vertical-align:-2px;width:2px;height:1.1em;margin-left:2px;animation:1s infinite caretBlink;display:inline-block}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.ai-shimmer-bar{position:relative;overflow:hidden}.ai-shimmer-bar:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);animation:1.8s infinite progressShimmer;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-on-scroll{opacity:1!important;transform:none!important}.animate-float{animation:none!important}}.site-atmosphere{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.site-atmosphere-grid{opacity:.95;background-image:radial-gradient(circle at 50% 0,#ffffff0d 0%,#0000 65%),linear-gradient(#0000 0%,#050507e6 100%);position:absolute;inset:0}.site-atmosphere-noise{opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.site-wrapper{z-index:1;flex-direction:column;justify-content:space-between;min-height:100vh;display:flex;position:relative}.container{width:100%;max-width:var(--container-max-w);padding:0 var(--space-lg);margin:0 auto}.site-header{z-index:100;width:100%;padding:var(--space-md) var(--space-lg);transition:padding var(--transition-base), background var(--transition-base);position:fixed;top:0;left:0;right:0}.site-header.is-scrolled{padding:var(--space-sm) var(--space-lg)}.nav-glass-bar{width:100%;max-width:var(--container-max-w);-webkit-backdrop-filter:var(--glass-blur-nav);border:1px solid var(--glass-border-base);border-radius:var(--radius-pill);box-shadow:0 10px 30px -10px #00000080, var(--shadow-glass-inset);transition:all var(--transition-base);background:#1212168c;justify-content:space-between;align-items:center;margin:0 auto;padding:10px 18px 10px 22px;display:flex}.site-header.is-scrolled .nav-glass-bar{border-color:var(--glass-border-bright);box-shadow:0 16px 40px -12px #000000b3, var(--shadow-glass-inset);background:#0e0e12e0}.nav-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-brand-logo{width:22px;height:20px}.nav-brand-text{letter-spacing:-.04em;color:var(--text-primary);font-size:19px;font-weight:800}.nav-links{align-items:center;gap:var(--space-lg);list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:14px;font-weight:500}.nav-link:hover{color:var(--text-primary)}.nav-link.is-active{color:var(--text-primary);font-weight:600}.nav-actions{align-items:center;gap:var(--space-sm);display:flex}.nav-social-btn{border:1px solid var(--glass-border-subtle);width:34px;height:34px;color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-social-btn:hover{border-color:var(--glass-border-bright);color:var(--text-primary);background:#ffffff1f;transform:translateY(-1px)}.nav-social-btn svg{fill:currentColor;width:16px;height:16px}.nav-cta-btn{color:#08080a;border-radius:var(--radius-pill);transition:all var(--transition-base);background:#fff;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;display:flex;box-shadow:0 4px 16px #ffffff40}.nav-cta-btn:hover{background:#f4f4f6;transform:translateY(-1px);box-shadow:0 6px 20px #ffffff59}.nav-mobile-toggle{border:1px solid var(--glass-border-base);width:38px;height:38px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;display:none}.nav-mobile-toggle:hover{background:#ffffff24}.mobile-nav-drawer{top:72px;left:var(--space-md);right:var(--space-md);-webkit-backdrop-filter:var(--glass-blur-lg);border:1px solid var(--glass-border-bright);border-radius:var(--radius-2xl);padding:var(--space-xl);box-shadow:0 24px 60px #000c, var(--shadow-glass-inset);gap:var(--space-lg);z-index:99;opacity:0;visibility:hidden;transition:opacity var(--transition-base), transform var(--transition-base), visibility var(--transition-base);background:#121218f2;flex-direction:column;display:flex;position:fixed;transform:translateY(-12px)}.mobile-nav-drawer.is-open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-links{gap:var(--space-md);flex-direction:column;list-style:none;display:flex}.mobile-nav-link{color:var(--text-secondary);padding:6px 0;font-size:18px;font-weight:600}.mobile-nav-link:hover,.mobile-nav-link.is-active{color:#fff}.mobile-nav-socials{align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--glass-border-subtle);display:flex}.hero-section{padding-top:calc(var(--space-5xl) + 50px);padding-bottom:var(--space-5xl);align-items:center;min-height:calc(100vh - 120px);display:flex;position:relative;overflow:hidden}.hero-grid{align-items:center;gap:var(--space-4xl);grid-template-columns:1.1fr .9fr;width:100%;display:grid}.hero-content{flex-direction:column;align-items:flex-start;max-width:580px;display:flex}.hero-badge{margin-bottom:var(--space-lg)}.hero-headline{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:var(--space-lg);font-size:clamp(44px,6vw,76px);font-weight:800;line-height:1.04}.hero-headline-sub{color:var(--text-secondary)}.hero-description{color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:500px;font-size:clamp(18px,2vw,22px);font-weight:400;line-height:1.5}.hero-cta-group{align-items:flex-start;gap:var(--space-md);flex-direction:column;display:flex}.app-store-button{transition:transform var(--transition-base), filter var(--transition-base);display:inline-block}.app-store-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.app-store-button img,.app-store-button svg{width:auto;height:52px;display:block}.hero-cta-note{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.hero-cta-note-dot{background-color:var(--brand-gold-bright);border-radius:50%;width:6px;height:6px}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.mockup-image-wrapper{justify-content:center;align-items:center;width:100%;max-width:360px;display:flex;position:relative}.mockup-link{cursor:pointer;width:100%;transition:transform var(--transition-base);border-radius:48px;outline:none;text-decoration:none;display:block}.mockup-picture{width:100%;display:block}.mockup-image{filter:drop-shadow(0 30px 60px #000000e6);width:100%;height:auto;transition:transform var(--transition-base), filter var(--transition-base);display:block}.mockup-link:hover .mockup-image{filter:drop-shadow(0 36px 70px #000000f2)drop-shadow(0 0 35px #ffffff14);transform:translateY(-4px)scale(1.02)}.mockup-link:active .mockup-image{transform:translateY(-1px)scale(.99)}.mockup-link:focus-visible{outline:2px solid var(--brand-gold-bright);outline-offset:4px}.mockup-ambient-glow{filter:blur(60px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#c9a22747 0%,#8b5cf629 40%,#38bdf814 65%,#0000 80%);width:120%;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-footer{padding:var(--space-2xl) 0 var(--space-xl);border-top:1px solid var(--glass-border-subtle);background:var(--bg-black);position:relative}.footer-content{justify-content:space-between;align-items:center;gap:var(--space-xl);flex-wrap:wrap;display:flex}.footer-brand{align-items:center;gap:10px;display:flex}.footer-brand-logo{width:20px;height:18px}.footer-brand-name{letter-spacing:-.03em;color:var(--text-primary);font-size:17px;font-weight:800}.footer-links{align-items:center;gap:var(--space-xl);flex-wrap:wrap;list-style:none;display:flex}.footer-link{color:var(--text-muted);transition:color var(--transition-fast);font-size:14px}.footer-link:hover{color:var(--text-primary)}.footer-socials{align-items:center;gap:var(--space-sm);display:flex}.footer-social-btn{border:1px solid var(--glass-border-subtle);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-social-btn:hover{border-color:var(--glass-border-bright);color:var(--text-primary);background:#ffffff1f;transform:translateY(-1px)}.footer-social-btn svg{fill:currentColor;width:17px;height:17px}.footer-bottom{margin-top:var(--space-xl);padding-top:var(--space-md);color:var(--text-muted);justify-content:space-between;align-items:center;gap:var(--space-sm);border-top:1px solid #ffffff08;flex-wrap:wrap;font-size:13px;display:flex}.qr-modal-close-btn{border:1px solid var(--glass-border-base);width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:18px}.qr-modal-close-btn:hover{color:#fff;background:#ffffff29}.qr-modal-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-2xs);font-size:22px;font-weight:800}.qr-modal-desc{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:14px}.qr-code-card{border-radius:var(--radius-lg);margin-bottom:var(--space-lg);background:#fff;padding:16px;display:inline-block;box-shadow:0 12px 30px #00000080}.qr-code-svg-img{width:180px;height:180px;display:block}.qr-modal-badge-wrapper{justify-content:center;display:flex}@media (width<=980px){.hero-grid{text-align:center;gap:var(--space-3xl);grid-template-columns:1fr}.hero-content{align-items:center;max-width:100%}.hero-description{max-width:540px}.hero-cta-group{align-items:center}}@media (width<=768px){.site-header{padding:var(--space-sm) var(--space-md)}.nav-glass-bar{padding:8px 14px 8px 18px}.nav-links,.nav-actions .nav-social-btn,.nav-actions .nav-cta-btn{display:none}.nav-mobile-toggle{display:flex}.hero-section{padding-top:calc(var(--space-4xl) + 40px);padding-bottom:var(--space-3xl);min-height:auto}.mockup-image-wrapper{max-width:300px}.footer-content{text-align:center;flex-direction:column;align-items:center}.footer-links{justify-content:center;gap:var(--space-md)}.footer-bottom{text-align:center;flex-direction:column}}