.about-perspective{perspective:1400px;transform-style:preserve-3d}.about-card-3d{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;transform-style:preserve-3d}.about-card-3d:hover{box-shadow:0 20px 40px -15px rgba(99,102,241,.25),0 0 0 1px rgba(99,102,241,.3)}.about-glass-panel{background:color-mix(in srgb,var(--color-card) 75%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}.about-glass-elevated{background:color-mix(in srgb,var(--color-card) 88%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid color-mix(in srgb,var(--color-border) 90%,transparent);box-shadow:0 15px 35px -10px rgba(0,0,0,.12),0 0 0 1px hsla(0,0%,100%,.08)}.about-glow-border{position:relative}.about-glow-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--color-primary),transparent 60%,var(--color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6;transition:opacity .3s ease}.about-glow-border:hover:before{opacity:1}.about-lab-container{position:relative;display:flex;min-height:580px;border-radius:28px;background:var(--color-card);border:1px solid var(--color-border);box-shadow:0 10px 40px -15px rgba(0,0,0,.1),0 30px 80px -25px rgba(0,0,0,.18);overflow:hidden}.about-lab-nav{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:250px;padding:24px 16px;border-right:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:color-mix(in srgb,var(--color-background) 60%,var(--color-card));flex-shrink:0}.about-lab-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;font-size:13px;font-weight:500;color:var(--color-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%;text-align:left}.about-lab-nav-item:hover:not(.active){color:var(--color-text);background:color-mix(in srgb,var(--color-primary) 6%,transparent)}.about-lab-nav-item.active{color:#fff;background:var(--color-primary);font-weight:600;box-shadow:0 4px 18px rgba(99,102,241,.35)}.about-lab-nav-item.active svg{color:#fff}.about-lab-hero{position:relative;flex:0 0 280px;margin:-16px 0;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px -10px rgba(0,0,0,.35),0 0 0 1px hsla(0,0%,100%,.1);z-index:10}.about-lab-hero-bg{position:absolute;inset:0;background-image:url(/images/auth-hero.jpg);background-position:50%;background-size:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.about-lab-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.35) 0,rgba(15,23,42,.75) 50%,rgba(15,23,42,.96));z-index:1}.about-lab-preview{position:relative;flex:1 1 auto;min-width:0;padding:32px 36px;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.sound-bar{width:3.5px;border-radius:9999px;background:var(--color-primary);animation:soundBarBounce 1.4s ease-in-out infinite alternate}.sound-bar:first-child{animation-delay:.1s;height:10px}.sound-bar:nth-child(2){animation-delay:.3s;height:18px}.sound-bar:nth-child(3){animation-delay:.15s;height:24px}.sound-bar:nth-child(4){animation-delay:.4s;height:14px}.sound-bar:nth-child(5){animation-delay:.25s;height:22px}.sound-bar:nth-child(6){animation-delay:.05s;height:12px}@keyframes soundBarBounce{0%{transform:scaleY(.3)}50%{transform:scaleY(1.1)}to{transform:scaleY(.4)}}@keyframes floatGentle{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}.about-floating-element{animation:floatGentle 6s ease-in-out infinite}.about-floating-delayed{animation:floatGentle 7.5s ease-in-out 1.5s infinite}@media (max-width:1024px){.about-lab-container{flex-direction:column;min-height:auto}.about-lab-nav{width:100%;flex-direction:row;overflow-x:auto;padding:16px;gap:8px;border-right:none;border-bottom:1px solid var(--color-border)}.about-lab-nav-item{width:auto;white-space:nowrap;padding:10px 16px;flex-shrink:0}.about-lab-hero{display:none}.about-lab-preview{padding:24px 20px}}@media (max-width:640px){.about-lab-nav-item{font-size:12px;padding:8px 12px;gap:8px}}.about-sticky-nav{position:relative;z-index:30;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:color-mix(in srgb,var(--color-background) 85%,transparent);border-top:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);transition:all .3s ease;-ms-overflow-style:none;scrollbar-width:none}.about-sticky-nav::-webkit-scrollbar{display:none;width:0;height:0}@media (min-width:1280px){.about-sticky-nav{position:sticky;top:76px;z-index:40}}.about-nav-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9999px;font-size:12px;font-weight:600;color:var(--color-muted);border:1px solid transparent;transition:all .2s ease;white-space:nowrap;text-decoration:none}.about-nav-pill:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:color-mix(in srgb,var(--color-primary) 20%,transparent)}.about-nav-pill.active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.about-timeline-track{position:relative}.about-timeline-track:before{content:"";position:absolute;top:0;bottom:0;left:24px;width:2px;background:linear-gradient(to bottom,var(--color-primary) 0,color-mix(in srgb,var(--color-primary) 40%,transparent) 50%,color-mix(in srgb,var(--color-border) 60%,transparent) 100%)}@media (min-width:768px){.about-timeline-track:before{left:50%;transform:translateX(-50%)}}.about-timeline-node{position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.about-timeline-node:hover .about-timeline-card{border-color:color-mix(in srgb,var(--color-primary) 50%,transparent);box-shadow:0 15px 35px -10px color-mix(in srgb,var(--color-primary) 20%,transparent);transform:translateY(-2px)}.about-timeline-dot{width:18px;height:18px;border-radius:9999px;background:var(--color-primary);border:3px solid var(--color-background);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 35%,transparent);transition:all .3s ease}.about-timeline-node:hover .about-timeline-dot{transform:scale(1.25);box-shadow:0 0 0 6px color-mix(in srgb,var(--color-primary) 40%,transparent)}.about-timeline-card{transition:all .3s cubic-bezier(.16,1,.3,1)}.about-faq-item{border-radius:20px;background:var(--color-card);border:1px solid var(--color-border);transition:all .25s ease;overflow:hidden}.about-faq-item:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}.about-faq-item.open{border-color:color-mix(in srgb,var(--color-primary) 60%,transparent);box-shadow:0 10px 30px -10px color-mix(in srgb,var(--color-primary) 15%,transparent)}.about-faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px;font-size:15px;font-weight:700;text-align:left;color:var(--color-text);cursor:pointer;background:transparent;border:none;outline:none}.about-faq-answer{padding:0 24px 20px;font-size:14px;line-height:1.7;color:var(--color-muted)}.about-compare-item{position:relative;border-radius:20px;padding:24px;transition:all .3s ease}