@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #EFF2FB;--bg-panel: rgba(255, 255, 255, .68);--bg-card: rgba(255, 255, 255, .6);--bg-card-hover: rgba(255, 255, 255, .88);--glass-border: rgba(255, 255, 255, .45);--glass-border-strong: rgba(200, 210, 240, .4);--glass-border-focus: rgba(99, 102, 241, .42);--glass-shadow: 0 20px 60px rgba(80, 100, 200, .1), 0 4px 16px rgba(0,0,0,.04);--glass-shadow-sm: 0 4px 20px rgba(80, 100, 200, .08), 0 1px 4px rgba(0,0,0,.03);--glass-shadow-lg: 0 32px 80px rgba(80, 100, 200, .14), 0 8px 32px rgba(0,0,0,.05);--text-primary: #0D1B3E;--text-secondary: #3D4F7C;--text-muted: #8896B3;--text-link: #2563EB;--cyan: #06B6D4;--cyan-dim: rgba(6, 182, 212, .1);--cyan-glow: rgba(6, 182, 212, .22);--blue: #3B82F6;--blue-deep: #2563EB;--blue-dim: rgba(59, 130, 246, .09);--indigo: #6366F1;--purple: #8B5CF6;--purple-dim: rgba(139, 92, 246, .09);--success: #10B981;--error: #EF4444;--warning: #F59E0B;--sidebar-width: 252px;--sidebar-bg: rgba(255, 255, 255, .82);--nav-active-bg: rgba(99, 102, 241, .1);--nav-active-text: #4F46E5;--nav-active-border: #6366F1;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--transition: .18s ease;--transition-slow: .32s ease}html,body{height:100%;width:100%;overflow:hidden}.hs-article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.hs-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}@media (max-width: 480px){.hs-article-grid{grid-template-columns:1fr}.hs-image-grid{grid-template-columns:repeat(2,1fr)}.hs-comparison-people{grid-template-columns:1fr!important}}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%;display:flex;position:relative;background-image:url(/images/heightstar-bg-desktop.png);background-size:cover;background-repeat:no-repeat;background-position:center center;background-color:#eef2ff}@media (max-width: 768px){#root{background-image:url(/images/heightstar-bg-mobile.png);background-position:center top}}#root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ebf0ff38;pointer-events:none;z-index:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b838;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#64748b61}::selection{background:#6366f124;color:var(--indigo)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dotBounce{0%,80%,to{transform:translateY(0) scaleY(1);opacity:.5}40%{transform:translateY(-6px) scaleY(1.2);opacity:1}}@keyframes barPulse{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-500px 0}to{background-position:500px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes voiceBarIdle{0%,to{transform:scaleY(.22);opacity:.35}50%{transform:scaleY(.44);opacity:.5}}@keyframes voiceBarListen{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}@keyframes voiceBarThink{0%,to{transform:scaleY(.18);opacity:.28}50%{transform:scaleY(.58);opacity:.6}}@keyframes voiceBarSpeak{0%,to{transform:scaleY(.38)}50%{transform:scaleY(.92)}}@keyframes rippleOut{0%{transform:translate(-50%) scale(1);opacity:.5}to{transform:translate(-50%) scale(2.4);opacity:0}}@keyframes pulseRing{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:.4}to{transform:scale(.95);opacity:.7}}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}@keyframes voicePanelIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}.animate-fade-in{animation:fadeInUp .22s ease forwards}.animate-slide-up{animation:slideUp .28s ease forwards}.glass{background:var(--bg-panel);border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--glass-shadow-sm)}.glass-strong{background:#ffffffe0;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:var(--glass-shadow)}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6 60%,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-dark{background:linear-gradient(135deg,#1e3a8a,#4f46e5 45%,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}button{cursor:pointer;font-family:inherit;border:none;outline:none;background:none}input,textarea{font-family:inherit;outline:none;border:none}.voice-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background:linear-gradient(160deg,#0a0f32f7,#120a2df7 45%,#051941f7);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);padding-bottom:env(safe-area-inset-bottom,0px);animation:voiceScreenIn .32s cubic-bezier(.22,1,.36,1) forwards;overflow:hidden}@keyframes voiceScreenIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.voice-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 20px 14px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.voice-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 24px;min-height:0;overflow-y:auto;scrollbar-width:none}.voice-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 20px 18px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.voice-settings-panel{position:absolute;bottom:100px;left:50%;transform:translate(-50%);width:min(420px,92vw);padding:14px 18px;border-radius:16px;background:#12143aeb;border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 48px #0006;animation:slideDown .22s ease forwards;z-index:10}.orb-container{position:relative;display:flex;align-items:center;justify-content:center;width:200px;height:200px;flex-shrink:0}.orb-inner{position:relative;width:160px;height:160px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px #ffffff1f inset,0 0 60px #6366f138,0 16px 48px #00000059;overflow:hidden}.orb-idle{animation:orbBreath 3.2s ease-in-out infinite}.orb-listen{animation:orbListen 1s ease-in-out infinite}.orb-process{animation:orbProcess 2s linear infinite}.orb-speak{animation:orbSpeak .65s ease-in-out infinite}.orb-error{animation:orbBreath 3s ease-in-out infinite;filter:hue-rotate(-60deg)}@keyframes orbBreath{0%,to{transform:scale(.94);box-shadow:0 0 0 1.5px #ffffff1a inset,0 0 40px #6366f12e,0 12px 40px #0000004d}50%{transform:scale(1.04);box-shadow:0 0 0 1.5px #ffffff26 inset,0 0 70px #6366f147,0 16px 52px #0000005c}}@keyframes orbListen{0%,to{transform:scale(.96);box-shadow:0 0 0 1.5px #ffffff1f inset,0 0 50px #10b9814d,0 12px 44px #0000004d}50%{transform:scale(1.06);box-shadow:0 0 0 1.5px #ffffff2e inset,0 0 80px #10b98173,0 16px 52px #0000005c}}@keyframes orbProcess{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.03)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.03)}to{transform:rotate(360deg) scale(1)}}@keyframes orbSpeak{0%,to{transform:scale(.97);box-shadow:0 0 0 1.5px #ffffff1f inset,0 0 50px #06b6d452,0 12px 44px #0000004d}50%{transform:scale(1.06);box-shadow:0 0 0 1.5px #fff3 inset,0 0 90px #06b6d480,0 16px 52px #0000005c}}.orb-ring{position:absolute;border-radius:50%;border:1px solid transparent;pointer-events:none}.orb-ring-1{width:186px;height:186px;animation:ringPulse 2s ease-out infinite}.orb-ring-2{width:200px;height:200px;animation:ringPulse 2s ease-out .4s infinite}.orb-ring-3{width:218px;height:218px;animation:ringPulse 2s ease-out .8s infinite}@keyframes ringPulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.08);opacity:0}}.orb-wave-1{animation:waveExpand 2.4s ease-in-out infinite}.orb-wave-2{animation:waveExpand 2.4s ease-in-out .5s infinite}.orb-wave-3{animation:waveExpand 2.4s ease-in-out 1s infinite}@keyframes waveExpand{0%{r:40;opacity:.7}50%{r:56;opacity:.4}to{r:40;opacity:.7}}@keyframes voiceBar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes micPulse{0%,to{box-shadow:0 0 0 8px #10b98126,0 8px 32px #10b9814d}50%{box-shadow:0 0 0 14px #10b98114,0 8px 36px #10b98173}}@keyframes dotPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@media (max-width: 600px){.voice-topbar{padding:12px 14px 10px}.voice-footer{grid-template-columns:auto 1fr auto;gap:8px;padding:10px 12px 14px}.orb-container{width:170px;height:170px}.orb-inner{width:136px;height:136px}.orb-ring-1{width:158px;height:158px}.orb-ring-2{width:170px;height:170px}.orb-ring-3{width:184px;height:184px}.voice-settings-panel{bottom:90px}}@keyframes voiceDotBounce{0%,80%,to{transform:translateY(0) scaleY(1);opacity:.55}40%{transform:translateY(-5px) scaleY(1.15);opacity:1}}@keyframes voiceDotPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.45)}}.orb-breathe{animation:orbBreathe 3.6s ease-in-out infinite}@keyframes orbBreathe{0%,to{transform:scale(.96)}50%{transform:scale(1.04)}}.voice-orb-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:200px;height:200px;flex-shrink:0}button:focus-visible,a:focus-visible{outline:2px solid rgba(99,102,241,.55);outline-offset:2px;border-radius:6px}.welcome-logo{width:148px;height:148px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 4px 24px rgba(99,102,241,.18))}@media (max-width: 768px){:root{--sidebar-width: 284px}.welcome-logo{width:104px;height:104px}}