@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg-primary: #23272a;--bg-secondary: #2c2f33;--bg-tertiary: #36393f;--text-primary: #dcddde;--text-secondary: #b9bbbe;--text-tertiary: #72767d;--text-heading: #ffffff;--border-color: rgba(255, 255, 255, .05);--border-color-strong: rgba(255, 255, 255, .1);--accent-primary: #d44d76;--accent-secondary: #8b1a5c;--surface-hover: rgba(212, 77, 118, .1);--surface-elevated: linear-gradient(135deg, #2c2f33 0%, #36393f 100%);--shadow-color: rgba(0, 0, 0, .4);--nav-bg: rgba(35, 39, 42, .85);--char-color: rgba(212, 77, 118, .06)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--text-primary: #2c2f33;--text-secondary: #4e5058;--text-tertiary: #72767d;--text-heading: #23272a;--border-color: rgba(0, 0, 0, .08);--border-color-strong: rgba(0, 0, 0, .15);--accent-primary: #d44d76;--accent-secondary: #8b1a5c;--surface-hover: rgba(212, 77, 118, .08);--surface-elevated: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);--shadow-color: rgba(0, 0, 0, .15);--nav-bg: rgba(255, 255, 255, .85);--char-color: rgba(212, 77, 118, .05)}body{background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease;overflow-x:hidden}.scene{position:relative;min-height:100vh;display:flex;flex-direction:column}.floating-chars{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.char{position:absolute;font-weight:800;color:var(--char-color);transition:color .3s ease;will-change:transform}.char-1{font-size:12rem;top:8%;left:5%;animation:float1 20s ease-in-out infinite}.char-2{font-size:8rem;top:60%;right:8%;animation:float2 25s ease-in-out infinite}.char-3{font-size:10rem;bottom:15%;left:15%;animation:float3 18s ease-in-out infinite}.char-4{font-size:6rem;top:25%;right:25%;animation:float4 22s ease-in-out infinite}.char-5{font-size:14rem;top:45%;left:55%;animation:float1 24s ease-in-out infinite reverse}.char-6{font-size:7rem;bottom:35%;right:35%;animation:float3 20s ease-in-out infinite reverse}@keyframes float1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(3deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(25px) rotate(-2deg)}}@keyframes float3{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-20px) rotate(2deg)}}@keyframes float4{0%,to{transform:translate(0)}50%{transform:translate(15px,-15px)}}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.nav-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;transition:opacity .2s ease}.nav-logo:hover{opacity:.85}.nav-logo-img{width:32px;height:32px;object-fit:contain}.nav-logo-text{font-weight:700;font-size:1.2rem;color:var(--text-heading);letter-spacing:-.01em;transition:color .3s ease}.logo-accent{color:var(--accent-primary)}.nav-actions{display:flex;align-items:center;gap:.5rem}.lang-toggle{display:flex;align-items:center;justify-content:center;height:38px;padding:0 .75rem;border:1px solid var(--border-color-strong);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-weight:600;font-size:.82rem;transition:all .2s ease}.lang-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--surface-hover)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border-color-strong);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--surface-hover)}[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}.hero-title{font-weight:800;font-size:clamp(2.8rem,7vw,5rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-heading);margin-bottom:1.5rem;transition:color .3s ease}.hero-title .line{display:block}.accent-line{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;color:var(--text-secondary);max-width:560px;margin:0 auto 3rem;transition:color .3s ease}.hero-title .line,.hero-sub{opacity:0;transform:translateY(20px);animation:fadeUp .6s ease forwards}.hero-title .line:nth-child(1){animation-delay:.1s}.hero-title .line:nth-child(2){animation-delay:.2s}.hero-title .line:nth-child(3){animation-delay:.3s}.hero-sub{animation-delay:.5s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.products{position:relative;z-index:1;padding:5rem 2rem 6rem;display:flex;flex-direction:column;align-items:center;text-align:center}.section-label{font-weight:600;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:2rem;opacity:0;animation:fadeUp .6s ease .7s forwards}.product-card{position:relative;display:block;width:100%;max-width:560px;text-decoration:none;border-radius:16px;background:var(--bg-secondary);border:1px solid var(--border-color-strong);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;opacity:0;animation:fadeUp .6s ease .8s forwards}.product-card:hover{transform:translateY(-3px);border-color:var(--accent-primary);box-shadow:0 8px 30px #d44d7626}.card-transition{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:2rem 2rem 0}.transition-from,.transition-to{display:flex;flex-direction:column;align-items:center;gap:.5rem}.transition-from .transition-logo{height:56px;width:auto}.transition-to .transition-logo{width:40px;height:40px;object-fit:contain}.transition-name{font-weight:700;font-size:.75rem;color:var(--text-heading);transition:color .3s ease}.transition-from .transition-name{color:var(--text-tertiary)}.transition-arrow{color:var(--accent-primary);display:flex;align-items:center;margin-top:-1.2rem}.card-inner{padding:1.5rem 2rem 2rem}.card-body{text-align:center}.card-desc{font-size:.92rem;line-height:1.6;color:var(--text-secondary);margin-bottom:.75rem;transition:color .3s ease}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:6px;margin-bottom:1rem;transition:background .3s ease,color .3s ease}.badge-free{background:#43b58126;color:#43b581}.card-cta{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.88rem;color:var(--accent-primary);transition:gap .25s ease}.product-card:hover .card-cta{gap:.65rem}.arrow{color:var(--accent-primary);transition:transform .25s ease}.product-card:hover .arrow{transform:translate(2px)}.coming-soon{margin-top:2rem;font-size:.88rem;color:var(--text-tertiary);font-style:italic;transition:color .3s ease;opacity:0;animation:fadeUp .6s ease 1s forwards}.coming-soon+.coming-soon{margin-top:.3rem}.footer{position:relative;z-index:1;text-align:center;padding:2rem;margin-top:auto;font-size:.85rem;color:var(--text-tertiary);border-top:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}@media(max-width:768px){.nav{padding:.75rem 1.25rem}.hero-title{font-size:clamp(2.2rem,10vw,3.5rem)}.products{padding:3rem 1.25rem 4rem}.card-transition{gap:1rem;padding:1.5rem 1.25rem 0}.transition-from .transition-logo{height:44px}.transition-to .transition-logo{width:32px;height:32px}.transition-name{font-size:.7rem}.card-inner{padding:1.25rem}.char-1{font-size:7rem}.char-2{font-size:5rem}.char-3{font-size:6rem}.char-4{font-size:4rem}.char-5{font-size:8rem}.char-6{font-size:4rem}}@media(max-width:480px){.hero-title{font-size:2rem}.hero-sub{font-size:.95rem}.transition-from .transition-logo{height:36px}.transition-to .transition-logo{width:28px;height:28px}.card-transition{gap:.75rem}}