:root{--cosmos:#070b14;--cosmos-deep:#040608;--cosmos-surface:#0d1117;--purple:#7c3aed;--purple-soft:rgba(124,58,237,.15);--purple-glow:rgba(124,58,237,.4);--cyan:#06b6d4;--cyan-soft:rgba(6,182,212,.15);--warm:#f59e0b;--warm-soft:rgba(245,158,11,.15);--green:#10b981;--green-soft:rgba(16,185,129,.15);--rose:#e11d48;--rose-soft:rgba(225,29,72,.15);--gold:#d4a853;--gold-soft:rgba(212,168,83,.15);--gradient-brand:linear-gradient(135deg,var(--purple),var(--cyan));--gradient-text:linear-gradient(135deg,#a78bfa,#67e8f9);--gradient-card:linear-gradient(160deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));--glass:hsla(0,0%,100%,.025);--glass-hover:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.06);--glass-border-hover:rgba(124,58,237,.25);--text-primary:#f5f5f7;--text-secondary:rgba(245,245,247,.7);--text-muted:rgba(245,245,247,.65);--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--section-gap:140px;--container-max:1200px;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-pill:100px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--t-fast:0.2s;--t-smooth:0.4s;--t-reveal:0.9s}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--cosmos);color:var(--text-primary);line-height:1.7;overflow-x:hidden;position:relative}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;border:none;background:none;cursor:pointer}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;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");background-repeat:repeat;mix-blend-mode:overlay}.container{max-width:var(--container-max);margin:0 auto;padding:0 32px}.section{padding:var(--section-gap) 0;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--purple)}.section-label,.section-title{font-family:var(--font-display);margin-bottom:20px}.section-title{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--text-primary)}.section-desc{font-size:1.05rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.8}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 32px;height:72px;display:flex;align-items:center;transition:background var(--t-smooth) ease,box-shadow var(--t-smooth) ease,-webkit-backdrop-filter var(--t-smooth) ease;transition:background var(--t-smooth) ease,backdrop-filter var(--t-smooth) ease,box-shadow var(--t-smooth) ease;transition:background var(--t-smooth) ease,backdrop-filter var(--t-smooth) ease,box-shadow var(--t-smooth) ease,-webkit-backdrop-filter var(--t-smooth) ease}.navbar.scrolled{background:rgba(7,11,20,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 1px 0 var(--glass-border)}.nav-inner{max-width:var(--container-max);margin:0 auto;width:100%;justify-content:space-between}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-logo{gap:10px;text-decoration:none}.logo-img{width:36px;height:36px;object-fit:contain;border-radius:8px}.logo-text{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.02em;color:var(--text-primary)}.logo-ai{font-weight:400;color:var(--purple);margin-left:2px}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a:not(.nav-cta){font-size:.88rem;font-weight:500;color:var(--text-secondary);transition:color var(--t-fast) ease;position:relative}.nav-links a:not(.nav-cta):hover{color:var(--text-primary)}.nav-links a:not(.nav-cta):after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--purple);transition:width var(--t-smooth) var(--ease-out)}.nav-links a:not(.nav-cta):hover:after{width:100%}.nav-lang{background:hsla(0,0%,100%,.05);border:1px solid var(--glass-border);color:var(--text-secondary);padding:5px 12px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all var(--t-fast) ease}.nav-lang:hover{background:var(--purple-soft);border-color:var(--glass-border-hover);color:var(--text-primary)}.nav-cta{background:var(--purple);color:#fff;padding:8px 22px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;transition:all var(--t-smooth) var(--ease-out);box-shadow:0 0 20px rgba(124,58,237,.15)}.nav-cta:hover{background:#6d28d9;box-shadow:0 0 40px rgba(124,58,237,.3);transform:translateY(-1px)}.nav-hamburger{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer}.nav-hamburger span{width:20px;height:1.5px;background:var(--text-secondary);border-radius:2px;transition:all var(--t-fast) ease}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 36px;background:var(--purple);color:#fff;font-family:var(--font-display);font-size:.95rem;font-weight:600;border-radius:var(--radius-pill);border:none;cursor:pointer;transition:all var(--t-smooth) var(--ease-out);position:relative;overflow:hidden;box-shadow:0 4px 24px rgba(124,58,237,.2);text-decoration:none}.btn-primary:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 8px 40px rgba(124,58,237,.35)}.btn-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15) 50%,transparent);transition:none;animation:shimmerSweep 3s ease-in-out infinite}@keyframes shimmerSweep{0%,to{left:-100%}50%{left:100%}}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;background:transparent;color:var(--text-secondary);font-family:var(--font-display);font-size:.95rem;font-weight:500;border-radius:var(--radius-pill);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--t-smooth) var(--ease-out);text-decoration:none}.btn-ghost:hover{border-color:var(--glass-border-hover);color:var(--text-primary);background:var(--purple-soft)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:120px 32px 80px}.hero #constellation-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero-ambient{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.hero-ambient.a1{width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.12),transparent 70%);top:-10%;left:-5%}.hero-ambient.a2{width:500px;height:500px;background:radial-gradient(circle,rgba(6,182,212,.08),transparent 70%);bottom:-15%;right:-5%}.hero-ambient.a3{width:300px;height:300px;background:radial-gradient(circle,rgba(245,158,11,.05),transparent 70%);top:40%;right:20%}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-pill);font-size:.78rem;font-weight:500;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:40px}.badge-pulse{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero h1{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;margin-bottom:16px}.hero-line{display:block}.hero-line-accent{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-family:var(--font-display);font-size:1rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:32px}.hero-subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.9;margin-bottom:48px;max-width:560px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:1}.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--text-muted),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.15)}}.card-grid{display:grid;grid-gap:24px;gap:24px}.card-grid.col-3{grid-template-columns:repeat(3,1fr)}.card-grid.col-2{grid-template-columns:repeat(2,1fr)}.glass-card{background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:44px 36px;position:relative;transition:all var(--t-smooth) var(--ease-out);overflow:hidden}.glass-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 40%,rgba(124,58,237,.15));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--t-smooth) ease;pointer-events:none}.glass-card:hover:before{opacity:1}.glass-card:hover{background:var(--glass-hover);border-color:var(--glass-border-hover);transform:translateY(-4px)}.card-icon{width:48px;height:48px;border-radius:14px;background:var(--purple-soft);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.card-icon svg{width:24px;height:24px;color:var(--purple)}.glass-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:12px;letter-spacing:-.01em}.glass-card p{font-size:.92rem;color:var(--text-secondary);line-height:1.7}.feature-icon{width:56px;height:56px;border-radius:16px;background:var(--purple-soft);display:flex;align-items:center;justify-content:center;margin-bottom:28px;transition:all var(--t-smooth) var(--ease-out)}.feature-icon svg{width:28px;height:28px;color:var(--purple)}.feature-icon.icon-cyan{background:var(--cyan-soft)}.feature-icon.icon-cyan svg{color:var(--cyan)}.feature-icon.icon-warm{background:var(--warm-soft)}.feature-icon.icon-warm svg{color:var(--warm)}.feature-card:hover .feature-icon{transform:scale(1.08);box-shadow:0 0 24px var(--purple-soft)}.scenario-num{font-family:var(--font-display);font-size:3rem;font-weight:700;color:rgba(124,58,237,.08);position:absolute;top:24px;right:32px;line-height:1;letter-spacing:-.03em;transition:color var(--t-smooth) ease}.scenario-card:hover .scenario-num{color:rgba(124,58,237,.15)}.split-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center}.split-text .section-label{justify-content:flex-start}.split-text .section-title{text-align:left}.split-text .section-desc{text-align:left;margin:0 0 40px}.capability-list{display:flex;flex-direction:column;gap:20px}.cap-item{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border-radius:var(--radius-md);background:var(--glass);border:1px solid transparent;transition:all var(--t-smooth) var(--ease-out)}.cap-item:hover{background:var(--glass-hover);border-color:var(--glass-border)}.cap-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex-shrink:0}.dot-purple{background:var(--purple);box-shadow:0 0 12px var(--purple-glow)}.dot-cyan{background:var(--cyan);box-shadow:0 0 12px rgba(6,182,212,.4)}.dot-warm{background:var(--warm);box-shadow:0 0 12px rgba(245,158,11,.4)}.dot-green{background:var(--green);box-shadow:0 0 12px rgba(16,185,129,.4)}.cap-item strong{font-family:var(--font-display);font-size:1rem;font-weight:600;display:block;margin-bottom:4px}.cap-item small{font-size:.82rem;color:var(--text-muted);display:block}.orb-container,.split-visual{display:flex;justify-content:center;align-items:center}.orb-container{position:relative;width:280px;height:280px}.orb-ring{position:absolute;border-radius:50%;background-image:url(/assets/ring_v1.webp);background-size:contain;background-position:50%;background-repeat:no-repeat;animation:orbSpin linear infinite;mix-blend-mode:screen}.ring-1{width:140%;height:140%;opacity:.8;animation-duration:45s}.ring-2{width:110%;height:110%;opacity:.6;animation-duration:35s;animation-direction:reverse}.ring-3{width:80%;height:80%;opacity:.4;animation-duration:25s}@keyframes orbSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.orb-core{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.15),rgba(6,182,212,.08),transparent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 80px rgba(124,58,237,.15),inset 0 0 30px rgba(124,58,237,.1);animation:orbBreathe 4s ease-in-out infinite}.orb-logo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(124,58,237,.3))}@keyframes orbBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hce-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;grid-gap:24px;gap:24px;position:relative}.hce-core-visual{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;position:relative}.hce-pulse{position:absolute;width:350px;height:350px;background:url(/assets/pulse.webp) 50%/contain no-repeat;mix-blend-mode:screen;animation:pulseBreathe 6s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes pulseBreathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}.hce-core-orb{position:relative;z-index:1;width:160px;height:160px;border-radius:50%;background:var(--gradient-brand);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1.4rem;letter-spacing:2px;box-shadow:0 0 80px var(--purple-glow),0 0 160px rgba(124,58,237,.1);animation:orbBreathe 4s ease-in-out infinite}.hce-core-orb small{font-size:.65rem;font-weight:400;opacity:.7;letter-spacing:3px;text-transform:uppercase}.hce-card{padding:32px 28px;background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--t-smooth) var(--ease-out)}.hce-card:hover{background:var(--glass-hover);border-color:var(--glass-border-hover);transform:scale(1.02)}.hce-dot{width:8px;height:8px;border-radius:50%;margin-bottom:16px}.hce-card h4{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:8px}.hce-card p{font-size:.85rem;color:var(--text-muted);line-height:1.6}.section-stats{padding:100px 0}.stats-bar{display:flex;justify-content:center;align-items:center;gap:48px;padding:48px 64px;background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.stat-item{text-align:center;flex:1 1}.stat-num{font-family:var(--font-display);font-size:2.8rem;font-weight:700;letter-spacing:-.03em;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.stat-label{font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.stat-divider{width:1px;height:48px;background:var(--glass-border)}.section-vision{text-align:center;overflow:hidden}.vision-glow{position:absolute;width:800px;height:800px;border-radius:50%;background:url(/assets/gateway.webp) 50%/cover no-repeat;top:50%;left:50%;transform:translate(-50%,-50%);mask-image:radial-gradient(circle,#000 30%,transparent 70%);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%);pointer-events:none;opacity:.6;mix-blend-mode:screen}.vision-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.vision-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.3;margin-bottom:28px}.vision-desc{font-size:1.05rem;color:var(--text-secondary);line-height:1.9}.section-cta{padding-bottom:var(--section-gap)}.cta-card{max-width:600px;margin:0 auto;padding:72px 56px;text-align:center;background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-brand)}.cta-card h3{font-family:var(--font-display);font-size:1.6rem;font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.cta-card p{color:var(--text-secondary);margin-bottom:36px}.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.site-footer{background:var(--cosmos-deep);border-top:1px solid var(--glass-border);padding:72px 0 36px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:48px;gap:48px;margin-bottom:52px}.footer-brand .nav-logo{margin-bottom:16px}.footer-tagline{font-size:.88rem;color:var(--text-muted);max-width:280px;line-height:1.7}.footer-col h5{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px;color:var(--text-secondary)}.footer-col a{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:12px;transition:color var(--t-fast) ease}.footer-col a:hover{color:var(--purple)}.footer-bottom{padding-top:28px;border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-muted)}.footer-link{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:12px}.article-card-cat{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--purple);padding:3px 10px;border-radius:100px;background:var(--purple-soft);margin-bottom:16px}.download-card{display:block;text-decoration:none;text-align:center;padding:44px 36px}.download-card .download-icon{width:56px;height:56px;border-radius:16px;background:var(--purple-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all var(--t-smooth) ease}.download-card .download-icon svg{width:28px;height:28px;color:var(--purple)}.download-card .download-icon.icon-cyan{background:var(--cyan-soft)}.download-card .download-icon.icon-cyan svg{color:var(--cyan)}.download-card:hover .download-icon{transform:scale(1.08);box-shadow:0 0 24px var(--purple-soft)}.download-card h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:8px}.download-card p{font-size:.88rem;color:var(--text-secondary);margin-bottom:12px}.download-badge{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.5px;color:var(--purple);padding:4px 12px;border-radius:var(--radius-pill);background:var(--purple-soft)}.nav-links a.active{color:var(--purple)!important}.nav-links a.active:after{width:100%}.footer-beian{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-muted);transition:color var(--t-fast) ease}.footer-beian .beian-icon{flex-shrink:0;opacity:.6;transition:opacity var(--t-fast) ease}.footer-beian:hover{color:var(--purple)}.footer-beian:hover .beian-icon{opacity:1}.footer-slogan{font-family:var(--font-display);font-weight:500;color:var(--text-secondary);letter-spacing:1px}.reveal{opacity:0;transform:perspective(1000px) rotateX(4deg) translateY(40px) scale(.97);transition:all var(--t-reveal) var(--ease-out)}.reveal.visible{opacity:1;transform:perspective(1000px) rotateX(0) translateY(0) scale(1)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.hero-ambient.a4{width:700px;height:400px;background:radial-gradient(ellipse,rgba(124,58,237,.06) 0,rgba(6,182,212,.03) 40%,transparent 70%);bottom:-5%;left:50%;transform:translateX(-50%);border-radius:50%}.hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;margin-bottom:48px}.hardware-card{text-align:center;padding:48px 32px 40px;background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--t-smooth) var(--ease-out);position:relative;overflow:hidden}.hardware-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,transparent 40%,rgba(124,58,237,.12));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--t-smooth) ease;pointer-events:none}.hardware-card:hover:before{opacity:1}.hardware-card:hover{background:var(--glass-hover);border-color:var(--glass-border-hover);transform:translateY(-6px)}.hardware-visual{margin-bottom:32px;min-height:200px}.hardware-orb,.hardware-visual{display:flex;justify-content:center;align-items:center;position:relative}.hardware-orb{width:160px;height:160px}.hardware-visual:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;filter:blur(60px);opacity:0;transition:opacity var(--t-smooth) var(--ease-out)}.hardware-card:first-child .hardware-visual:after,.pillow-orb+.hardware-info~.hardware-visual{background:var(--purple)}.hardware-card:nth-child(2) .hardware-visual:after{background:var(--warm)}.hardware-card:nth-child(3) .hardware-visual:after{background:var(--cyan)}.hardware-card:hover .hardware-visual:after{opacity:.12}.hw-ring{position:absolute;border-radius:50%;pointer-events:none;will-change:transform;background-image:url(/assets/ring_v1.webp);background-size:contain;background-position:50%;background-repeat:no-repeat;mix-blend-mode:screen;opacity:.45;transition:opacity var(--t-smooth) ease}.hw-ring-1{width:130%;height:130%;animation:orbSpin 50s linear infinite;opacity:.55}.hw-ring-2{width:105%;height:105%;animation:orbSpin 35s linear infinite reverse;opacity:.4}.hw-ring-3{width:78%;height:78%;animation:orbSpin 22s linear infinite;opacity:.3}.hardware-card:hover .hw-ring-1{opacity:.75}.hardware-card:hover .hw-ring-2{opacity:.6}.hardware-card:hover .hw-ring-3{opacity:.45}.hw-core{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all var(--t-smooth) var(--ease-out);animation:orbBreathe 4s ease-in-out infinite}.hw-core svg{width:30px;height:30px;filter:drop-shadow(0 0 10px currentColor);transition:transform var(--t-smooth) var(--ease-out)}.pillow-orb .hw-core{background:radial-gradient(circle at 35% 30%,rgba(124,58,237,.3),rgba(124,58,237,.08),transparent);box-shadow:0 0 40px rgba(124,58,237,.15),0 0 80px rgba(124,58,237,.05),inset 0 0 24px rgba(124,58,237,.06)}.pillow-orb .hw-core svg{color:var(--purple)}.lamp-orb .hw-core{background:radial-gradient(circle at 35% 30%,rgba(245,158,11,.25),rgba(245,158,11,.06),transparent);box-shadow:0 0 40px rgba(245,158,11,.12),0 0 80px rgba(245,158,11,.04),inset 0 0 24px rgba(245,158,11,.04)}.lamp-orb .hw-core svg{color:var(--warm)}.band-orb .hw-core{background:radial-gradient(circle at 35% 30%,rgba(6,182,212,.25),rgba(6,182,212,.06),transparent);box-shadow:0 0 40px rgba(6,182,212,.12),0 0 80px rgba(6,182,212,.04),inset 0 0 24px rgba(6,182,212,.04)}.band-orb .hw-core svg{color:var(--cyan)}.hardware-card:hover .hw-core{transform:scale(1.15);animation:orbBreathe 2.5s ease-in-out infinite}.hardware-card:hover .hw-core svg{transform:scale(1.15)}.hardware-card:first-child:hover .hw-core,.pillow-orb:hover .hw-core{box-shadow:0 0 60px var(--purple-glow),0 0 120px rgba(124,58,237,.08),inset 0 0 36px rgba(124,58,237,.1)}.hardware-card:nth-child(2):hover .hw-core{box-shadow:0 0 60px rgba(245,158,11,.4),0 0 120px rgba(245,158,11,.06),inset 0 0 36px rgba(245,158,11,.08)}.hardware-card:nth-child(3):hover .hw-core{box-shadow:0 0 60px rgba(6,182,212,.4),0 0 120px rgba(6,182,212,.06),inset 0 0 36px rgba(6,182,212,.08)}.hardware-info h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:6px}.hardware-role{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--purple);margin-bottom:20px}.hardware-details{list-style:none;display:flex;flex-direction:column;gap:8px}.hardware-details li{font-size:.85rem;color:var(--text-secondary);padding:6px 0;border-bottom:1px solid var(--glass-border)}.hardware-details li:last-child{border-bottom:none}.hardware-flow{text-align:center;padding:24px 0;position:relative}.hardware-flow .flow-line{width:60%;height:1px;margin:0 auto 16px;opacity:.4}.hardware-flow span{color:var(--text-muted);letter-spacing:.5px}.hardware-flow span,.hce-mirror-q{font-family:var(--font-display);font-size:.82rem}.hce-mirror-q{font-weight:500;color:var(--text-secondary);margin-bottom:6px;letter-spacing:-.01em}.hce-powered{position:relative;z-index:1;text-align:center;font-size:.65rem;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-top:16px}.mirror-stack{display:flex;flex-direction:column;gap:24px;max-width:780px;margin:0 auto}.mirror-layer{padding:40px 44px;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--gradient-card);transition:all var(--t-smooth) var(--ease-out);position:relative}.mirror-layer:hover{border-color:var(--glass-border-hover)}.layer-state{border-left:3px solid var(--warm)}.layer-personality{border-left:3px solid var(--purple)}.layer-growth{border-left:3px solid var(--gold)}.mirror-layer-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.mirror-layer-num{font-size:2.4rem;color:rgba(124,58,237,.08);line-height:1;letter-spacing:-.03em}.mirror-layer-header h3,.mirror-layer-num{font-family:var(--font-display);font-weight:700}.mirror-layer-header h3{font-size:1.25rem;margin-bottom:4px}.mirror-layer-header p{font-size:.85rem;color:var(--text-muted)}.mirror-data-row{display:flex;flex-direction:column;gap:14px}.mirror-bar{display:flex;align-items:center;gap:14px}.bar-label{width:48px;font-size:.82rem;color:var(--text-secondary);flex-shrink:0}.bar-track{flex:1 1;height:8px;background:hsla(0,0%,100%,.04);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width 1.2s var(--ease-out)}.fill-warm{background:var(--warm)}.fill-purple{background:var(--purple)}.fill-rose{background:var(--rose);box-shadow:0 0 8px var(--rose)}.fill-cyan{background:var(--cyan)}.bar-val{width:56px;font-family:var(--font-display);font-size:.82rem;font-weight:600;color:var(--text-secondary);text-align:right;flex-shrink:0}.bar-val.high,.bar-val.low{color:var(--rose)}.mirror-insight-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.mirror-insight{padding:16px 20px;border-radius:var(--radius-sm);background:var(--glass);border:1px solid var(--glass-border)}.insight-label{font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.insight-label,.insight-val{display:block;font-weight:600}.insight-val{font-family:var(--font-display);font-size:.9rem;color:var(--text-primary)}.insight-val.positive{color:var(--green)}.insight-val.negative{color:var(--rose)}.mirror-timeline{display:flex;align-items:center;gap:0;flex-wrap:wrap}.timeline-node{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1;min-width:80px;position:relative}.timeline-node:after{content:"";position:absolute;top:8px;left:calc(50% + 8px);width:calc(100% - 16px);height:1px;background:var(--glass-border)}.timeline-node:last-child:after{display:none}.tl-dot{width:16px;height:16px;border-radius:50%;background:var(--cosmos-surface);border:2px solid var(--glass-border);z-index:1}.tl-dot-active{background:var(--gold);border-color:var(--gold);box-shadow:0 0 12px rgba(212,168,83,.4)}.tl-time{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:1px;color:var(--text-muted)}.tl-event{font-size:.8rem;color:var(--text-secondary);text-align:center}.timeline-conclusion{display:flex;align-items:center;gap:8px;margin-left:8px;padding:10px 16px;border-radius:var(--radius-pill);background:var(--gold-soft);border:1px solid rgba(212,168,83,.2);font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--gold)}.tl-arrow{font-size:1.2rem}.scenario-featured{padding:48px 44px;margin-bottom:24px}.scenario-flow{display:flex;flex-direction:column;gap:24px}.sf-step{text-align:center}.sf-icon{font-size:2.5rem;margin-bottom:16px}.sf-step strong{display:block;font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:12px}.sf-step p{font-size:.92rem;color:var(--text-secondary);line-height:1.8;max-width:600px;margin:0 auto}.section:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;max-width:600px;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.08),transparent)}.section:first-of-type:before{display:none}.mirror-layer:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(124,58,237,.02),transparent 50%,rgba(124,58,237,.01));opacity:0;transition:opacity var(--t-smooth) var(--ease-out);pointer-events:none}.mirror-layer:hover:after{opacity:1}.mirror-layer.visible .mirror-bar:first-child .bar-fill{transition-delay:.1s}.mirror-layer.visible .mirror-bar:nth-child(2) .bar-fill{transition-delay:.25s}.mirror-layer.visible .mirror-bar:nth-child(3) .bar-fill{transition-delay:.4s}.mirror-layer.visible .mirror-bar:nth-child(4) .bar-fill{transition-delay:.55s}.mirror-bar:hover .bar-fill{filter:brightness(1.4);transition:filter .3s ease}.hardware-flow .flow-line{height:2px;background:linear-gradient(90deg,transparent,var(--purple),var(--cyan),var(--warm),transparent);opacity:.5;border-radius:1px}.hardware-card{cursor:default}.scenario-featured{background:linear-gradient(160deg,rgba(124,58,237,.04),hsla(0,0%,100%,.01))}.cta-early{display:inline-block;margin-top:20px;padding:6px 16px;font-size:.78rem;color:var(--purple);font-weight:500;letter-spacing:.5px;border-radius:var(--radius-pill);background:var(--purple-soft);border:1px solid rgba(124,58,237,.2)}.mirror-insight{transition:all var(--t-smooth) var(--ease-out)}.mirror-insight:hover{background:var(--glass-hover);border-color:var(--glass-border-hover);transform:translateY(-1px)}.hardware-details li{transition:color .2s ease,padding-left .2s ease}.hardware-details li:hover{color:var(--text-primary);padding-left:4px}@media (min-width:769px){.nav-links a:hover{text-shadow:0 0 20px rgba(124,58,237,.3)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.article-page{max-width:780px;margin:0 auto;padding:120px 24px 80px}.article-back{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted);margin-bottom:32px;transition:color .2s}.article-back:hover{color:var(--purple)}.article-back svg{width:16px;height:16px}.article-header{margin-bottom:40px}.article-category{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--purple);margin-bottom:16px;padding:4px 12px;border-radius:100px;background:var(--purple-soft)}.article-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.25;margin-bottom:16px;color:var(--text-primary)}.article-meta{display:flex;align-items:center;gap:16px;font-size:.82rem;color:var(--text-muted)}.article-meta time{font-family:var(--font-display)}.article-cover{width:100%;border-radius:20px;margin-bottom:40px;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(6,182,212,.05))}.article-body{font-size:1.02rem;line-height:1.85;color:var(--text-secondary)}.article-body h2{font-size:1.5rem;font-weight:700;margin:48px 0 16px;letter-spacing:-.02em}.article-body h2,.article-body h3{font-family:var(--font-display);color:var(--text-primary)}.article-body h3{font-size:1.15rem;font-weight:600;margin:32px 0 12px}.article-body p{margin-bottom:20px}.article-body ol,.article-body ul{margin:0 0 20px 24px;display:flex;flex-direction:column;gap:8px}.article-body li{padding-left:4px}.article-body strong{color:var(--text-primary);font-weight:600}.article-body blockquote{border-left:3px solid var(--purple);padding:16px 24px;margin:28px 0;background:var(--glass);border-radius:0 12px 12px 0;color:var(--text-secondary);font-style:italic}.article-body blockquote p{margin:0}.article-divider{border:none;height:1px;background:var(--glass-border);margin:48px 0}.article-footer-nav{display:flex;justify-content:space-between;gap:24px;margin-top:48px;padding-top:32px;border-top:1px solid var(--glass-border)}.article-footer-nav a{font-family:var(--font-display);font-size:.88rem;color:var(--purple);transition:color .2s;max-width:45%}.article-footer-nav a:hover{color:var(--cyan)}@media (max-width:768px){.article-page{padding:100px 20px 60px}.article-body{font-size:.95rem}.article-footer-nav{flex-direction:column}.article-footer-nav a{max-width:100%}}