@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap";::view-transition-old(vt-switcher){mix-blend-mode:normal;animation:none}::view-transition-new(vt-switcher){mix-blend-mode:normal;animation:none}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.chameleon-switcher-bar{z-index:50;pointer-events:none;justify-content:center;padding:.75rem 1rem;display:flex;position:sticky;top:4.8rem}.chameleon-switcher-pill{pointer-events:auto;-webkit-backdrop-filter:blur(16px);border-radius:9999px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.4rem .6rem;transition:all .3s;display:inline-flex;box-shadow:0 12px 30px -4px #0f172a33}.chameleon-switcher-btn{cursor:pointer;font-size:.82rem;font-weight:700;font-family:var(--font-sans);border:none;border-radius:9999px;align-items:center;gap:.35rem;padding:.45rem .95rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.chameleon-switcher-btn:hover{transform:translateY(-1px)}.chameleon-mode-bento{transition:background-color .5s,color .5s;color:#0f172a!important;background-color:#f1f5f9!important;background-image:radial-gradient(#0284c729 1.2px,#0000 1.2px),radial-gradient(circle at 15% 15%,#bae6fd8c 0%,#0000 45%),radial-gradient(circle at 85% 75%,#e0e7ffa6 0%,#0000 50%)!important;background-size:24px 24px,100% 100%,100% 100%!important}.chameleon-mode-bento .bento-box{-webkit-backdrop-filter:blur(16px);color:#0f172a;border-radius:20px;padding:1.75rem;transition:all .25s;background:#ffffffd9!important;border:1px solid #e2e8f0f2!important;box-shadow:0 10px 30px -5px #0f172a0f,inset 0 0 0 1px #fffc!important}.chameleon-mode-bento .bento-box:hover{transform:translateY(-2px);border-color:#0284c780!important;box-shadow:0 16px 40px -8px #0284c729,inset 0 0 0 1px #0284c733!important}.bento-asymmetric-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.bento-asymmetric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.bento-asymmetric-grid{grid-template-columns:1fr}}.bento-span-2{grid-column:span 2}@media (width<=1024px){.bento-span-2{grid-column:span 2}}@media (width<=768px){.bento-span-2{grid-column:span 1}}.chameleon-mode-editorial{transition:background-color .5s,color .5s;color:#141413!important;background-color:#f4f1ea!important;font-family:Georgia,Cambria,Times New Roman,Times,serif!important}.chameleon-mode-editorial h1,.chameleon-mode-editorial h2,.chameleon-mode-editorial h3{color:#141413!important;font-family:Georgia,Cambria,Times New Roman,Times,serif!important}.chameleon-mode-editorial .editorial-rule{border-bottom:1px solid #141413}.chameleon-mode-editorial .editorial-chapter-row{border-bottom:1px solid #141413;grid-template-columns:140px 1.2fr 1fr;align-items:baseline;gap:2.5rem;padding:2.5rem 0;display:grid}@media (width<=900px){.chameleon-mode-editorial .editorial-chapter-row{grid-template-columns:1fr;gap:1rem}}.editorial-drop-cap{float:left;color:#b45309;padding-top:.35rem;padding-right:.75rem;font-family:Georgia,serif;font-size:3.8rem;font-weight:700;line-height:.85}.chameleon-mode-catalog{transition:background-color .5s,color .5s;color:#f1f5f9!important;background-color:#070612!important;background-image:radial-gradient(circle at 15% 20%,#8b5cf62e 0%,#0000 40%),radial-gradient(circle at 85% 60%,#06b6d429 0%,#0000 45%),radial-gradient(circle at 50% 90%,#a3e6351a 0%,#0000 40%),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px)!important;background-size:100% 100%,100% 100%,100% 100%,36px 36px,36px 36px!important}.lab-marquee-container{white-space:nowrap;background:#8b5cf61a;border-top:1px solid #8b5cf64d;border-bottom:1px solid #06b6d44d;margin-bottom:2.5rem;padding:.75rem 0;display:flex;overflow:hidden}.lab-marquee-content{font-family:var(--font-mono);color:#c4b5fd;text-transform:uppercase;letter-spacing:.12em;gap:2.5rem;font-size:.82rem;font-weight:700;animation:22s linear infinite labMarqueeAnim;display:inline-flex}@keyframes labMarqueeAnim{0%{transform:translate(0)}to{transform:translate(-50%)}}.lab-hologram-card{background:#0f0c1dd9;border-radius:24px;padding:2px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 20px 50px -10px #7c3aed40}.lab-hologram-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#8b5cf6,#06b6d4,#a3e635,#8b5cf6);border-radius:24px;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.lab-hologram-card:hover{transform:translateY(-3px);box-shadow:0 25px 60px -5px #7c3aed59}.lab-stage-container{grid-template-columns:340px 1fr;align-items:stretch;gap:2rem;display:grid}@media (width<=960px){.lab-stage-container{grid-template-columns:1fr}}.lab-nav-item{cursor:pointer;text-align:left;background:#14102699;border:1px solid #8b5cf626;border-radius:16px;align-items:center;gap:1rem;width:100%;padding:1.1rem 1.4rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.lab-nav-item:hover{background:#1a1533e6;border-color:#8b5cf666;transform:translate(4px)}.lab-nav-item.active{background:linear-gradient(135deg,#7c3aed40,#06b6d426);border-color:#8b5cf6;transform:translate(8px);box-shadow:0 0 25px #8b5cf64d,inset 0 0 15px #8b5cf626}.sine-wave-path{stroke-dasharray:600;stroke-dashoffset:600px;animation:3s ease-in-out infinite alternate sineWaveDraw}@keyframes sineWaveDraw{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}.radar-pulse-ring{animation:2s cubic-bezier(0,0,.2,1) infinite radarPing}@keyframes radarPing{75%,to{opacity:0;transform:scale(2.2)}}:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Fira Code", monospace;--bg-primary:#f4f7fb;--bg-secondary:#fff;--bg-tertiary:#ebf0f7;--bg-card:#fff;--bg-card-hover:#fff;--border-color:#e2e8f0;--border-hover:#cbd5e1;--border-glow:#d9770626;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-gold:#d97706;--accent-gold-hover:#b45309;--accent-gold-subtle:#fffbeb;--accent-gold-border:#fde68a;--accent-blue:#1e3a8a;--accent-blue-hover:#1e40af;--accent-blue-subtle:#eff6ff;--accent-blue-border:#bfdbfe;--accent-denim:#2563eb;--accent-denim-subtle:#dbeafe;--accent-green:#059669;--accent-green-subtle:#ecfdf5;--accent-green-border:#a7f3d0;--accent-red:#dc2626;--accent-red-subtle:#fef2f2;--accent-red-border:#fecaca;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 12px -2px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 12px 28px -4px #0f172a14, 0 4px 8px -4px #0f172a08;--shadow-xl:0 22px 40px -8px #0f172a1a, 0 8px 16px -6px #0f172a0a;--transition-speed:.25s}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#cbd5e1 var(--bg-primary);margin:0;padding:0}html{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.25rem}}@media (width<=480px){.container{padding:0 1rem}}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease, border-color var(--transition-speed) ease;border-radius:20px}.glass-panel:hover{border-color:var(--border-hover);box-shadow:var(--shadow-xl)}.card-origami{border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:all var(--transition-speed) cubic-bezier(.16, 1, .3, 1);background:#fff;border-radius:20px;overflow:hidden}.card-origami:hover{box-shadow:var(--shadow-xl);border-color:#cbd5e1;transform:translateY(-4px)}.glow-backdrop{filter:blur(100px);pointer-events:none;z-index:0;opacity:.45;border-radius:50%;width:480px;height:480px;position:absolute}.glow-blue{background:radial-gradient(circle,#bfdbfe 0%,#bfdbfe00 70%)}.glow-gold{background:radial-gradient(circle,#fde68a 0%,#fde68a00 70%)}.glow-animated{animation:10s ease-in-out infinite alternate studioPulse}@keyframes studioPulse{0%{opacity:.35;transform:scale(.95)translate(0)}to{opacity:.55;transform:scale(1.1)translate(20px,-20px)}}.btn{cursor:pointer;transition:all var(--transition-speed) cubic-bezier(.16, 1, .3, 1);border:none;border-radius:14px;outline:none;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.6rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gold);color:#fff;box-shadow:0 4px 14px #d9770647}.btn-primary:hover{background:var(--accent-gold-hover);transform:translateY(-2px);box-shadow:0 6px 20px #d9770659}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{box-shadow:var(--shadow-md);background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.btn-navy{background:var(--accent-blue);color:#fff;box-shadow:0 4px 14px #1e3a8a40}.btn-navy:hover{background:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:0 6px 20px #1e3a8a59}.section{padding:6.5rem 0;position:relative;overflow:hidden}@media (width<=768px){.section{padding:4.5rem 0}}.section-title{letter-spacing:-.03em;text-align:center;color:var(--text-primary);margin-bottom:.85rem;font-size:2.5rem;font-weight:900}@media (width<=768px){.section-title{font-size:2rem}}.section-subtitle{color:var(--text-secondary);text-align:center;max-width:640px;margin:0 auto 3.5rem;font-size:1.1rem;line-height:1.6}@media (width<=768px){.section-subtitle{margin-bottom:2.5rem;font-size:.98rem}}.badge{letter-spacing:.02em;border:1px solid #0000;border-radius:9999px;align-items:center;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.badge-blue{background:var(--accent-blue-subtle);color:#1d4ed8;border-color:var(--accent-blue-border)}.badge-gold{background:var(--accent-gold-subtle);color:#b45309;border-color:var(--accent-gold-border)}.badge-green{background:var(--accent-green-subtle);color:#047857;border-color:var(--accent-green-border)}.badge-red{background:var(--accent-red-subtle);color:#b91c1c;border-color:var(--accent-red-border)}.video-container{box-shadow:var(--shadow-xl);background:#0f172a;border:1px solid #e2e8f0cc;border-radius:20px;position:relative;overflow:hidden}.video-container video{object-fit:cover;width:100%;height:100%;display:block}.screenshot-frame{border:1px solid var(--border-color);box-shadow:var(--shadow-lg);transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;background:#fff;border-radius:16px;overflow:hidden}.screenshot-frame:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.screenshot-frame img{width:100%;height:auto;display:block}.nav-link{color:var(--text-secondary);border-radius:10px;padding:.4rem .8rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--text-primary);background:#f1f5f9}.nav-link.active{color:var(--accent-gold);background:var(--accent-gold-subtle)}::view-transition-group(*){animation-duration:.48s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(vt-switcher){mix-blend-mode:normal;animation:none}::view-transition-new(vt-switcher){mix-blend-mode:normal;animation:none}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
