@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700,900&display=swap";.loader{z-index:var(--z-loader);background-color:var(--color-bg-primary);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loader__content{align-items:center;gap:var(--space-8);flex-direction:column;display:flex;position:relative}.loader__text-container{position:relative;overflow:hidden}.loader__text{font-family:var(--font-display);font-size:var(--text-5xl);letter-spacing:-.03em;background:var(--gradient-text);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;font-weight:700;transform:translateY(100%)}.loader__subtitle{font-family:var(--font-chinese);font-size:var(--text-lg);color:var(--color-text-secondary);opacity:0;transform:translateY(20px)}.loader__progress-container{background:var(--color-bg-tertiary);opacity:0;border-radius:2px;width:200px;height:2px;overflow:hidden}.loader__progress-bar{background:var(--gradient-primary);transform-origin:0;height:100%;transform:scaleX(0)}.loader__counter{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;opacity:0}.loader__mask{background-color:var(--color-bg-primary);transform-origin:top;position:absolute;inset:0}.loader__glow{background:radial-gradient(circle, var(--color-glow-primary) 0%, var(--color-glow-secondary) 30%, transparent 70%);filter:blur(60px);opacity:0;border-radius:50%;width:400px;height:400px;animation:3s ease-in-out infinite pulseGlow;position:absolute}@keyframes pulseGlow{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.1)}}.loader--exiting{pointer-events:none}.loader--exiting .loader__mask{animation:maskReveal 1.2s var(--ease-in-out-quart) forwards}@keyframes maskReveal{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.hero{min-height:100vh;padding:var(--space-20) var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__content{text-align:center;max-width:900px;z-index:var(--z-default)}.hero__overline{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-3);margin-bottom:var(--space-6);opacity:0;font-weight:500}.hero__title{font-size:var(--text-hero);letter-spacing:-.04em;margin-bottom:var(--space-8);font-weight:700;line-height:.95}.hero__title-line{display:block;overflow:hidden}.hero__title-text{opacity:0;display:inline-block;transform:translateY(120%)}.hero__title-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{font-family:var(--font-chinese);font-size:var(--text-2xl);color:var(--color-text-secondary);margin-bottom:var(--space-12);opacity:0;font-weight:400;transform:translateY(30px)}.hero__cta{gap:var(--space-4);opacity:0;flex-wrap:wrap;justify-content:center;display:flex;transform:translateY(30px)}.hero__btn{padding:var(--space-4) var(--space-8);font-family:var(--font-display);font-size:var(--text-base);transition:all var(--duration-normal) var(--ease-out-quart);border-radius:100px;font-weight:500;position:relative;overflow:hidden}.hero__btn:before{content:"";background:var(--gradient-primary);opacity:0;transition:opacity var(--duration-normal) var(--ease-out-quart);position:absolute;inset:0}.hero__btn--primary{background:var(--gradient-primary);color:var(--color-text-primary);border:none}.hero__btn--primary:hover{box-shadow:0 10px 40px var(--color-glow-primary);transform:translateY(-2px)}.hero__btn--secondary{color:var(--color-text-primary);border:1px solid var(--color-text-tertiary);background:0 0}.hero__btn--secondary:hover{border-color:var(--color-accent-1);color:var(--color-accent-3)}.hero__btn span{z-index:1;position:relative}.hero__scroll{bottom:var(--space-8);align-items:center;gap:var(--space-3);opacity:0;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero__scroll-text{font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted)}.hero__scroll-line{background:linear-gradient(to bottom, var(--color-accent-1), transparent);width:1px;height:60px;position:relative;overflow:hidden}.hero__scroll-line:after{content:"";background:var(--color-text-primary);width:100%;height:20px;animation:2s ease-in-out infinite scrollLine;position:absolute;top:0;left:0}@keyframes scrollLine{0%{transform:translateY(-100%)}50%{transform:translateY(300%)}50.01%,to{transform:translateY(-100%)}}@media (width<=768px){.hero{padding:var(--space-16) var(--space-4)}.hero__cta{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:280px;margin:0 auto}.hero__btn{width:100%}}.capabilities{min-height:100vh;padding:var(--space-32) var(--space-6);flex-direction:column;justify-content:center;display:flex;position:relative}.capabilities__header{text-align:center;margin-bottom:var(--space-20)}.capabilities__label{font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-3);margin-bottom:var(--space-4);opacity:0;font-weight:500;transform:translateY(20px)}.capabilities__title{font-size:var(--text-5xl);margin-bottom:var(--space-6);opacity:0;font-weight:700;transform:translateY(30px)}.capabilities__description{font-size:var(--text-lg);color:var(--color-text-secondary);opacity:0;max-width:600px;margin:0 auto;transform:translateY(20px)}.capabilities__grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%;max-width:1200px;margin:0 auto;display:grid}.capability-card{padding:var(--space-8);opacity:0;transition:all var(--duration-slow) var(--ease-out-quart);background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff0d;border-radius:24px;position:relative;overflow:hidden;transform:translateY(40px)}.capability-card:before{content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #4f46e526 0%, transparent 50%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out-quart);position:absolute;inset:0}.capability-card:hover:before{opacity:1}.capability-card:hover{border-color:#4f46e54d;transform:translateY(-4px)}.capability-card__icon{background:var(--gradient-primary);width:60px;height:60px;margin-bottom:var(--space-6);border-radius:16px;justify-content:center;align-items:center;font-size:24px;display:flex}.capability-card__icon-svg{stroke-width:2px;width:28px;height:28px}.capability-card__title{font-size:var(--text-xl);margin-bottom:var(--space-3);font-weight:600}.capability-card__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7}.capability-card__visual{height:80px;margin-top:var(--space-6);justify-content:center;align-items:center;gap:3px;display:flex}.waveform-bar{background:var(--gradient-primary);border-radius:2px;width:4px;transition:height .1s}.emotion-indicator{gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.emotion-tag{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);transition:all var(--duration-normal) var(--ease-out-quart);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px}.emotion-tag--active{background:var(--gradient-primary);border-color:#0000}.neural-visual{width:100%;height:20vh;margin-top:var(--space-6);display:block;position:relative}.neural-node{background:var(--color-accent-1);width:12px;height:12px;box-shadow:0 0 20px var(--color-glow-primary);border-radius:50%;position:absolute}.neural-connection{background:linear-gradient(90deg, var(--color-accent-1), var(--color-accent-3));transform-origin:0;opacity:.3;height:1px;position:absolute}@media (width<=768px){.capabilities{padding:var(--space-20) var(--space-4)}.capabilities__grid{grid-template-columns:1fr}}.scenarios{padding:var(--space-32) 0;position:relative;overflow:hidden}.scenarios__header{text-align:center;padding:0 var(--space-6);margin-bottom:var(--space-16)}.scenarios__label{font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-3);margin-bottom:var(--space-4);opacity:0;font-weight:500;transform:translateY(20px)}.scenarios__title{font-size:var(--text-5xl);opacity:0;font-weight:700;transform:translateY(30px)}.scenarios__track-wrapper{width:100%;position:relative;overflow:hidden}.scenarios__track{gap:var(--space-8);padding:var(--space-8) var(--space-6);will-change:transform;display:flex}.scenario-card{cursor:pointer;opacity:0;border-radius:32px;flex-shrink:0;width:400px;height:500px;position:relative;overflow:hidden;transform:translateY(60px)}.scenario-card__bg{transition:transform var(--duration-slow) var(--ease-out-quart);position:absolute;inset:0}.scenario-card:hover .scenario-card__bg{transform:scale(1.05)}.scenario-card--night .scenario-card__bg{background:linear-gradient(135deg,#0a0e1a 0%,#1a1f3a 50%,#2d1b4e 100%)}.scenario-card--elderly .scenario-card__bg{background:linear-gradient(135deg,#1a2f1a 0%,#2a3f2a 50%,#1f3a3a 100%)}.scenario-card--mental .scenario-card__bg{background:linear-gradient(135deg,#1a1a2e 0%,#2a2a4e 50%,#3a2a5e 100%)}.scenario-card--daily .scenario-card__bg{background:linear-gradient(135deg,#1a2a3a 0%,#2a3a5a 50%,#3a4a6a 100%)}.scenario-card__overlay{background:linear-gradient(#0000 0% 40%,#000c 100%);position:absolute;inset:0}.scenario-card__content{padding:var(--space-8);z-index:1;position:absolute;bottom:0;left:0;right:0}.scenario-card__icon{width:48px;height:48px;margin-bottom:var(--space-4);opacity:.9;transition:transform var(--duration-normal) var(--ease-out-quart);transform:translateY(20px)}.scenario-card__icon-svg{stroke-width:1.8px;width:20%;height:20%}.scenario-card:hover .scenario-card__icon{transform:translateY(0)}.scenario-card__title{font-size:var(--text-2xl);margin-bottom:var(--space-3);font-weight:600}.scenario-card__text{font-size:var(--text-base);color:var(--color-text-secondary);opacity:0;transition:all var(--duration-normal) var(--ease-out-quart);line-height:1.6;transition-delay:.1s;transform:translateY(20px)}.scenario-card:hover .scenario-card__text{opacity:1;transform:translateY(0)}.scenario-card__particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:#ffffff4d;border-radius:50%;width:4px;height:4px;animation:8s ease-in-out infinite particleFloat;position:absolute}@keyframes particleFloat{0%,to{opacity:.3;transform:translateY(0)translate(0)}50%{opacity:.6;transform:translateY(-30px)translate(10px)}}.scenarios__progress{justify-content:center;gap:var(--space-3);margin-top:var(--space-8);display:flex}.scenarios__progress-dot{background:var(--color-text-muted);width:8px;height:8px;transition:all var(--duration-normal) var(--ease-out-quart);border-radius:50%}.scenarios__progress-dot--active{background:var(--gradient-primary);border-radius:4px;width:24px}.scenarios__nav{justify-content:center;gap:var(--space-4);margin-top:var(--space-6);display:flex}.scenarios__nav-btn{border:1px solid var(--color-text-tertiary);width:48px;height:48px;transition:all var(--duration-normal) var(--ease-out-quart);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.scenarios__nav-btn:hover{border-color:var(--color-accent-1);background:#4f46e51a}.scenarios__nav-btn:disabled{opacity:.3;cursor:not-allowed}@media (width<=768px){.scenario-card{width:300px;height:400px}.scenarios__track{padding:var(--space-4)}}.technology{min-height:100vh;padding:var(--space-32) var(--space-6);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.technology__content{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;max-width:1200px;margin:0 auto;display:grid}.technology__text{z-index:var(--z-default)}.technology__label{font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-3);margin-bottom:var(--space-4);opacity:0;font-weight:500;transform:translateY(20px)}.technology__title{font-size:var(--text-5xl);margin-bottom:var(--space-6);opacity:0;font-weight:700;transform:translateY(30px)}.technology__description{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-10);opacity:0;line-height:1.8;transform:translateY(20px)}.technology__stats{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.stat{opacity:0;transform:translateY(20px)}.stat__value{font-family:var(--font-display);font-size:var(--text-4xl);background:var(--gradient-text);-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);-webkit-background-clip:text;background-clip:text;font-weight:700}.stat__label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.technology__visual{opacity:0;height:500px;position:relative;transform:scale(.9)}.tech-visualization{width:100%;height:100%;position:relative}.tech-visualization canvas{width:100%;height:100%}.data-flow{pointer-events:none;position:absolute;inset:0}.flow-line{background:linear-gradient(90deg, transparent, var(--color-accent-1), var(--color-accent-3), transparent);opacity:.5;height:2px;animation:3s linear infinite flowAnimation;position:absolute}@keyframes flowAnimation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tech-badges{pointer-events:none;position:absolute;inset:0}.tech-badge{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;animation:6s ease-in-out infinite floatBadge;position:absolute}.tech-badge:first-child{animation-delay:0s;top:10%;left:10%}.tech-badge:nth-child(2){animation-delay:1s;top:20%;right:15%}.tech-badge:nth-child(3){animation-delay:2s;bottom:10%;left:5%}.tech-badge:nth-child(4){animation-delay:1.5s;bottom:15%;right:10%}.tech-badge:nth-child(5){animation-delay:.5s;top:50%;left:20%}.tech-badge:nth-child(6){animation-delay:2.5s;top:40%;right:30%}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tech-glow{background:radial-gradient(circle, var(--color-glow-primary) 0%, var(--color-glow-secondary) 30%, transparent 70%);filter:blur(60px);width:300px;height:300px;animation:4s ease-in-out infinite pulseGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=1024px){.technology__content{gap:var(--space-12);grid-template-columns:1fr}.technology__visual{order:-1;height:350px}}@media (width<=768px){.technology{padding:var(--space-20) var(--space-4)}.technology__stats{grid-template-columns:repeat(2,1fr)}}.cta{min-height:80vh;padding:var(--space-32) var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cta__glow{background:radial-gradient(circle, var(--color-glow-primary) 0%, var(--color-glow-secondary) 30%, transparent 60%);filter:blur(100px);opacity:.3;border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite ctaGlow;position:absolute}@keyframes ctaGlow{0%,to{opacity:.3;transform:scale(1)translate(0)}50%{opacity:.4;transform:scale(1.2)translate(20px,-20px)}}.cta__content{text-align:center;max-width:800px;z-index:var(--z-default)}.cta__label{font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-3);margin-bottom:var(--space-6);opacity:0;font-weight:500;transform:translateY(20px)}.cta__title{font-size:var(--text-6xl);margin-bottom:var(--space-6);opacity:0;font-weight:700;line-height:1.1;transform:translateY(30px)}.cta__subtitle{font-family:var(--font-chinese);font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-12);opacity:0;transform:translateY(20px)}.cta__buttons{gap:var(--space-4);opacity:0;flex-wrap:wrap;justify-content:center;margin:0 auto;display:flex;transform:translateY(20px)}.cta__btn{padding:var(--space-5) var(--space-10);font-family:var(--font-display);font-size:var(--text-lg);transition:all var(--duration-normal) var(--ease-out-quart);border-radius:100px;font-weight:500;position:relative;overflow:hidden}.cta__btn--primary{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:0 4px 30px var(--color-glow-primary)}.cta__btn--primary:before{content:"";opacity:0;transition:opacity var(--duration-normal);background:linear-gradient(135deg,#fff3 0%,#0000 50%);position:absolute;inset:0}.cta__btn--primary:hover{box-shadow:0 8px 40px var(--color-glow-primary);transform:translateY(-3px)scale(1.02)}.cta__btn--primary:hover:before{opacity:1}.cta__btn--secondary{color:var(--color-text-primary);border:1px solid var(--color-text-tertiary);background:0 0}.cta__btn--secondary:hover{border-color:var(--color-accent-1);background:#4f46e51a}.cta__btn span{z-index:1;align-items:center;gap:var(--space-2);display:flex;position:relative}.cta__btn-icon{transition:transform var(--duration-normal) var(--ease-out-quart);font-size:1.2em}.cta__btn:hover .cta__btn-icon{transform:translate(4px)}.cta__footer{margin-top:var(--space-16);align-items:center;gap:var(--space-4);opacity:0;flex-direction:column;display:flex}.cta__note{font-size:var(--text-sm);color:var(--color-text-muted)}.cta__links{gap:var(--space-6);display:flex}.cta__link{font-size:var(--text-sm);color:var(--color-text-tertiary);transition:color var(--duration-normal)}.cta__link:hover{color:var(--color-text-primary)}.cta__decoration{pointer-events:none;border:1px solid #ffffff0d;border-radius:50%;position:absolute}.cta__decoration--1{width:400px;height:400px;animation:30s linear infinite rotate;top:10%;left:-100px}.cta__decoration--2{width:300px;height:300px;animation:25s linear infinite reverse rotate;bottom:10%;right:-50px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.cta{padding:var(--space-20) var(--space-4)}.cta__buttons{flex-direction:column;width:100%;max-width:300px}.cta__btn{width:100%}}:root{--color-bg-primary:#0b0f14;--color-bg-secondary:#0e1319;--color-bg-tertiary:#121820;--color-accent-1:#4f46e5;--color-accent-2:#7c3aed;--color-accent-3:#06b6d4;--color-glow-primary:#4f46e566;--color-glow-secondary:#7c3aed4d;--color-glow-cyan:#06b6d44d;--color-text-primary:#f8fafc;--color-text-secondary:#f8fafcb3;--color-text-tertiary:#f8fafc80;--color-text-muted:#f8fafc4d;--gradient-primary:linear-gradient(135deg, var(--color-accent-1) 0%, var(--color-accent-2) 100%);--gradient-glow:radial-gradient(ellipse at center, var(--color-glow-primary) 0%, transparent 70%);--gradient-text:linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-accent-3) 50%, var(--color-accent-2) 100%);--font-display:"Satoshi", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-chinese:"HarmonyOS Sans SC", "Source Han Sans SC", "Noto Sans SC", sans-serif;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .375vw, 1rem);--text-base:clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl:clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--text-4xl:clamp(2.25rem, 1.75rem + 2.5vw, 3rem);--text-5xl:clamp(4rem, 3rem + 6vw, 5rem);--text-6xl:clamp(3.75rem, 2.5rem + 6.25vw, 6rem);--text-hero:clamp(4rem, 3rem + 8vw, 8rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-in-out-quart:cubic-bezier(.76, 0, .24, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-slower:.8s;--duration-slowest:1.2s;--max-width:1400px;--header-height:80px;--z-background:-1;--z-default:1;--z-header:100;--z-overlay:200;--z-modal:300;--z-loader:1000}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body::-webkit-scrollbar{background:0 0;width:0}::selection{background:var(--color-accent-1);color:var(--color-text-primary)}a{color:inherit;transition:color var(--duration-normal) var(--ease-out-quart);text-decoration:none}a:hover{color:var(--color-accent-3)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img,video{max-width:100%;height:auto;display:block}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-accent-1);outline-offset:2px}canvas{display:block}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}@media (width>=768px){.container{padding:0 var(--space-8)}}@media (width>=1024px){.container{padding:0 var(--space-12)}}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.1}#root{min-height:100vh}section{position:relative;overflow:hidden}