@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";: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)}