*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-subtle: #F1F5F9;--black-primary: #2E3239;--black-hover: #3F4550;--black-secondary: #0F172A;--slate-900: #0F172A;--slate-800: #1E293B;--slate-700: #334155;--slate-600: #475569;--slate-400: #94A3B8;--slate-200: #E2E8F0;--slate-100: #F1F5F9;--card-border: #E2E8F0;--card-shadow: 0 10px 30px -10px rgba(0, 0, 0, .06), 0 4px 6px -2px rgba(0, 0, 0, .02);--card-shadow-hover: 0 20px 40px -15px rgba(0, 0, 0, .12), 0 8px 12px -3px rgba(0, 0, 0, .04)}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--black-secondary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f8fafc}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}html,body{width:100%;max-width:100%;overflow-x:hidden;position:relative}#root{width:100%;max-width:100%;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.stats-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}@media (max-width: 900px){.stats-grid-container{grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem}}@media (max-width: 480px){.stats-grid-container{grid-template-columns:repeat(2,1fr);gap:1.25rem .75rem}}.bento-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 960px){.bento-features-grid{grid-template-columns:1fr;gap:1.25rem}}.hero-layout-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3rem;align-items:center}@media (max-width: 960px){.hero-layout-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem}}@media (max-width: 640px){.hero-layout-grid{padding:2rem 1rem 2.5rem!important}}.nav-desktop-center{display:flex;align-items:center;gap:8px}.nav-desktop-right{display:flex;align-items:center;gap:12px}.nav-mobile-toggle-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9px;background:#f1f5f9;border:1px solid #E2E8F0;color:#0f172a;font-size:1.25rem;cursor:pointer;transition:all .15s ease}.nav-mobile-toggle-btn:hover{background:#e2e8f0}.nav-mobile-drawer{display:none}@media (max-width: 768px){.nav-desktop-center,.nav-desktop-right{display:none!important}.nav-mobile-toggle-btn{display:flex!important}.nav-mobile-drawer{display:flex;flex-direction:column;gap:.75rem;background:#fff;border-bottom:1px solid #E2E8F0;padding:1.25rem 1.5rem 1.5rem;box-shadow:0 16px 36px -8px #0000001f;position:absolute;top:70px;left:0;right:0;width:100%;z-index:99;box-sizing:border-box;animation:drawerSlideDown .28s var(--ease-spring) both}.nav-mobile-drawer a,.nav-mobile-drawer button{transition:all .18s var(--ease-spring)}.nav-mobile-drawer a:active,.nav-mobile-drawer button:active{transform:scale(.98)}}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}:root{--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}button,.btn-interactive{transition:transform .18s var(--ease-spring),background-color .18s ease,box-shadow .18s ease,border-color .18s ease}button:active:not(:disabled),.btn-interactive:active:not(:disabled){transform:scale(.97)!important}@keyframes shimmerSweep{0%{transform:translate(-120%) rotate(25deg)}60%,to{transform:translate(220%) rotate(25deg)}}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,#fff0 25%,#ffffff1f 35%,#ffffff52,#ffffff1f 65%,#fff0 75%);transform:translate(-120%) rotate(25deg);animation:shimmerSweep 4.5s infinite cubic-bezier(.4,0,.2,1);pointer-events:none}.card-hover-lift{transition:transform .24s var(--ease-spring),box-shadow .24s var(--ease-spring),border-color .24s var(--ease-spring)}.card-hover-lift:hover{transform:translateY(-4px);box-shadow:0 18px 36px -10px #00000017,0 6px 12px -3px #00000008;border-color:#cbd5e1!important}.swatch-pill-interactive{transition:transform .2s var(--ease-spring),box-shadow .2s ease,border-color .2s ease;cursor:pointer}.swatch-pill-interactive:hover{transform:scale(1.12)}.swatch-pill-interactive:active{transform:scale(.92)}.ambient-glow-stage{position:relative}.ambient-glow-stage:before{content:"";position:absolute;top:50%;left:50%;width:380px;height:380px;max-width:90%;transform:translate(-50%,-50%);background:radial-gradient(circle,#94a3b833,#f1f5f914 50%,#fff0 75%);border-radius:50%;filter:blur(48px);pointer-events:none;z-index:0;transition:all .5s ease}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes pulseDot{0%,to{transform:scale(1);box-shadow:0 0 #10b98173}50%{transform:scale(1.15);box-shadow:0 0 0 4px #10b98100}}.pulse-live-dot{animation:pulseDot 2.4s infinite cubic-bezier(.4,0,.2,1)}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fadeInUpSmooth{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUpSmooth .45s var(--ease-spring) both}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #0F172A;outline-offset:2px}.viewer-route-container{width:100%;max-width:1240px;margin:0 auto;padding:1rem 1.5rem 2.5rem;box-sizing:border-box}@media (max-width: 768px){.viewer-route-container{padding:.75rem 1rem 2rem}}@media (max-width: 480px){.viewer-route-container{padding:.5rem .75rem 1.5rem}}.viewer-download-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}@media (max-width: 640px){.viewer-download-btn{width:100%!important;box-sizing:border-box!important;margin-top:4px}}.viewer-tabs-scroll{scrollbar-width:none}.viewer-tabs-scroll::-webkit-scrollbar{display:none}.viewer-viewport-guide{position:absolute;bottom:10px;right:10px;font-size:.72rem;color:#64748b;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:3px 8px;border-radius:6px;border:1px solid #E2E8F0;pointer-events:none;z-index:10}.viewer-viewport-guide .guide-full{display:inline}.viewer-viewport-guide .guide-short{display:none}@media (max-width: 640px){.viewer-viewport-guide .guide-full{display:none}.viewer-viewport-guide .guide-short{display:inline}.viewer-viewport-guide{font-size:.68rem;padding:2px 6px}}@media (max-width: 420px){.viewer-viewport-guide{display:none}}.viewer-split-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1px;background:#e2e8f0;min-height:380px}@media (max-width: 768px){.viewer-split-layout{grid-template-columns:minmax(0,1fr)!important;min-height:auto!important}.viewer-split-layout .viewer-split-3d{height:320px!important}.viewer-split-layout .viewer-split-2d{height:290px!important}}.table-scroll-hint{display:none}@media (max-width: 768px){.table-scroll-hint{display:inline}}.viewer-tabs-desktop{display:flex}.viewer-tabs-mobile{display:none}@media (max-width: 640px){.viewer-tabs-desktop{display:none!important}.viewer-tabs-mobile{display:flex!important}}.viewer-mode-select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232E3239' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;border:1.5px solid #2E3239;border-radius:10px;padding:10px 42px 10px 14px;font-size:.9rem;font-weight:700;color:#0f172a;cursor:pointer;box-shadow:0 2px 6px #0000000a;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.viewer-mode-select:focus{border-color:#0f172a;box-shadow:0 0 0 3px #2e323926}
